/*
 * NOTICE OF LICENSE
 *
 * This file is licenced under the Software License Agreement.
 * With the purchase or the installation of the software in your application
 * you accept the licence agreement.
 *
 * You must not modify, adapt or create derivative works of this source code
 *
 *  @author    Frederic Moreau
 *  @copyright 2016 BeComWeb
 *  @license   LICENSE.txt
*/
 
 /* Quick order form page */
#eqof_page_title{
	margin-bottom:1.75rem;
}
.eqof_block_title{
	margin-bottom:0.75rem;
}
	/* Common */
.green-icon{
	color:#48b151
}
.red-icon{
	color:#d4323d;
}
.eqof_product_name{
	font-weight:bold;
}
.bold{
	font-weight:bold;
}
.eqof_transparent_bg{
	background:transparent !important;
}
#quick-order-form p{
	font-size:0.85rem;
}
#quick-order-form table th,
#quick-order-form table td{
	padding:8px;
	font-size:0.85rem;
	color: rgb(122, 122, 122);
}
#quick-order-form .eqof_img{
	width:100px;
}
#quick-order-form .eqof_img img{
	display:block;
	margin:0 auto;
}
.eqof_qty_selector{
	width:68px;
	padding:4px;
	margin: 0; 
	text-align:center;
	background-color:#fbfbfb;
	border:2px solid #ddd;
	color: #555;
	font-weight: bold;
	appearance: none;
}
.eqof_qty_selector::-webkit-inner-spin-button, 
.eqof_qty_selector::-webkit-outer-spin-button { 
	-webkit-appearance: none;
}
.eqof_qty_selector{
	-moz-appearance: textfield;
	appearance: none;
}
.eqof_qty_modifier .eqof_change_qty,
.eqof_qty_modifier .eqof_set_qty{
	display:inline-block;
	width:32px;
	height:32px;
	margin:4px 0 0 0;
	line-height:24px;
	text-align:center;
	background-color:#fbfbfb;
	border:2px solid #ddd;
	font-size:24px;
	font-weight:bold;
	color:#888;
}
.eqof_qty_modifier .eqof_change_qty:hover,
.eqof_qty_modifier .eqof_set_qty:hover{
	color:#555;
}
#easyquickorderform_container .eqof_product_infos{
	width:auto;
}
#easyquickorderform_container .eqof_quantity{
	width:96px;
	text-align:center;
}
#easyquickorderform_container .eqof_price{
	width:120px;
}
/* If discount */
#easyquickorderform_container .eqof_product_price .eqof_basic_price{ /* "Old price" */
	text-decoration: line-through;
}
#easyquickorderform_container .eqof_product_price .eqof_reduction_label{ /* Reduction (in % or €) */
	display: inline-block;
	margin: 0 3px;
	padding: 3px;
	line-height: 100%;
	background-color: #f39d72;
	font-size: 90%;
	color: #fff;
}

/* Ajax loader */
#eqof_ajax_loader{
	text-align: center;
	margin-top:30px;
	font-size: 22px;
	line-height: 32px;
	font-weight: bold;
	background-color: #f1f1f1;
	padding: 12px 20px;
	display: none;
}
#eqof_ajax_loader i{
	font-size:32px;
	animation: eqof_icon_rotate 2s linear infinite;
}

/* Add to cart button animation */
.eqof_add_btn i.spinner{
	animation: eqof_icon_rotate 3s linear infinite;
}
@keyframes eqof_icon_rotate{
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}

/* Modals */
#quick-order-form .modal-backdrop{
	z-index:1050;
}
#eqof_modal .modal-header{
	background-color:#2fb5d2;
	color:#fff;
}
#eqof_modal .modal-header .modal-title{
	display:inline-block;
}
#eqof_modal .modal-header button{
	color:inherit;
	opacity:1;
}
	/* "More infos" modal */
#eqof_more_infos_content hr{
	margin-bottom:0.75rem;
}
#eqof_more_infos_content > section{
	margin-bottom:2em;
}
#eqof_more_infos_content table{
	margin-top:1.5em;
	margin-bottom:0;
}
#eqof_more_infos_content #eqof_more_infos_gallery > div > img{
	padding:5px;
	border:1px solid #eee;
	margin-bottom:0.5em;
}
	/* Message */
#eqof_message{
	text-align:center;
	font-weight:bold;
	z-index:1052;
}
#eqof_message .modal-header{
	border-bottom:0;
	padding:5px 15px 5px 5px; 
}
#eqof_message .modal-body{
	border-bottom:0;
	padding:5px 5px 30px 5px; 
}
	/* Search form and results */
#eqof_search_form{
	text-align:center;
	margin-top:0.75rem;
	margin-bottom:1.5rem;
	position:relative;
}
#eqof_search_form input[name="eqof_search_value"]{
	height: 42px;
	padding: 10px 35px 10px 10px;
	font-size:14px;
	background:transparent;
}
#eqof_search_form button[name="eqof_search_submit"]{
	position:absolute;
	top:0; 
	right:4px;
	width:30px;
	height:42px;
	background-color:transparent;
	border:none;
}
.eqof_search_results .alert{
	display:none;
}
#eqof_results_found li{
	padding:10px 0;
	border:1px solid #f6f6f6;
	border-top:0;
	transition:0.3s all;
}
#eqof_results_found li:first-child{
	border-top:1px solid #f6f6f6;
}
#eqof_results_found li:hover{
	border-color:#eee;
}
#eqof_results_found li > div{
	float:left;
}
#eqof_results_found li .eqof_img{
	width:25%;
}
#eqof_results_found li .eqof_product_infos{
	width:60%;
}
#eqof_results_found li .eqof_product_infos p{
	margin-bottom:5px;
	line-height:1.2em;
}
#eqof_results_found li .eqof_search_result_btn{
	width:15%;
}
#eqof_results_found li .eqof_search_result_btn a{
	display:block;
	width:30px;
	height:30px;
	float:right;
	font-size:18px;
	text-align:center;
	padding:3px;
	margin-top:5px;
	margin-right:5px;
}
#eqof_results_found li .eqof_search_result_btn a i{
	font-size:20px;
}
#eqof_results_found li .eqof_search_result_btn .eqof_select_btn{
	background-color:#43b754;
	color:#fff;
}
#eqof_results_found li .eqof_search_result_btn .eqof_more_infos{
	background-color:#f6f6f6;
	border:1px solid #ccc;
}
	/* Products table */
#eqof_buttons{
	margin-top:0.75rem;
}
#eqof_checkout_btn i{
	margin-right:0;
}
#eqof_products_table, #eqof_empty_cart_warning{
	margin-top:30px;
	font-weight:bold;
}
#eqof_products_table thead tr:first-child th{
	padding-top:12px;
	padding-bottom:12px;
}
#eqof_products_table thead tr:first-child th:first-child{
	text-transform:uppercase;
}
#eqof_products_table .eqof_product_infos p{
	margin-bottom: 5px;
	line-height: 1.2em;
}
#eqof_products_table .eqof_delete{
	width:40px;
	text-align:center;
	font-size:20px;
}
#eqof_products_table tfoot td{
	font-size:90%;
	font-style:italic;
	color:#999;
}
	/* Products selector */
#eqof_product_selector_content .eqof_product_selector_title{
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}
#eqof_product_selector_content .eqof_product_infos p{
	margin-bottom:5px;
}
#eqof_product_selector_content .eqof_add_btn{
	font:normal 600 15px/1 "Open Sans", Verdana, Arial, sans-serif;
	background-color:#48b151;
	color:#fff;
	padding:12px 8px;
	border:1px solid transparent;
	cursor:pointer;
}

	/* Responsive */
@media screen and (max-width:991px){
	#quick-order-form p{
		font-size:0.8rem;
	}
	#quick-order-form table th,
	#quick-order-form table td{
		padding:4px;
		font-size:0.8rem;
	}
	#eqof_results_found li .eqof_img{
		width:30%;
	}
	#eqof_results_found li .eqof_product_infos{
		width:70%;
	}
	#eqof_results_found li .eqof_search_result_btn{
		width:100%;
	}
	#eqof_results_found li .eqof_search_result_btn .eqof_more_infos{
		float:left;
		margin-right:0;
		margin-left:5px;
	}
	#eqof_results_found li .eqof_search_result_btn .eqof_select_btn{
		float:right;
	}
	#easyquickorderform_container .eqof_price{
		width:80px;
	}
	#eqof_product_selector_content .eqof_add_btn{
		font-size:13px;
		padding:8px 6px;
	}
	#eqof_product_selector_content .eqof_add_btn i{
		font-size:20px;
	}
}
@media screen and (max-width:767px){

	/* Product selector */
	#eqof_product_selector_content .alert{
		padding: 6px;
	}
}

@media screen and (max-width:575px){
	/* Products list */
	#eqof_buttons > div{
		width:100%;
		margin-bottom:0.75rem;
	}
	#eqof_buttons > div > a{
		width:100%;
	}
	#eqof_products_table thead tr:nth-child(2){
		display:none;
	}
	#eqof_products_table tbody tr{
		border-bottom:1px solid #f6f6f6;
	}
	#eqof_products_table tbody td{
		display:block;
		width:auto;
		float:left;
		border:none;
		padding-top:1em;
		padding-bottom:1em;
	}
	#eqof_products_table tbody td.eqof_img{
		width:33%;
	}
	#eqof_products_table tbody td.eqof_product_infos{
		width:67%;
		border-right:1px solid #f6f6f6;
	}
	#eqof_products_table .eqof_product_infos p{
		font-size:0.9rem;
		margin-bottom:12px;
	}
	#eqof_products_table tbody td.eqof_price{
		clear:left;
		width:33%;
		text-align:center;
		font-size:1rem;
	}
	#eqof_products_table tbody td.eqof_quantity{
		width:50%;
	}
	#eqof_products_table tbody td.eqof_quantity .eqof_qty_selector{
		height:32px;
		position:relative;
		top:-3px;
	}
	#eqof_products_table tbody td.eqof_quantity .eqof_qty_modifier{
		display:inline-block;
	}
	#eqof_products_table tbody td.eqof_quantity .eqof_qty_modifier .eqof_set_qty{
		margin:0;
	}
	#eqof_products_table tbody td.eqof_delete{
		width:17%;
		border-right:1px solid #f6f6f6;
	}
	/* Product selector */
	#eqof_product_selector_content table thead th{
		display:none;
	}
	#eqof_product_selector_content table tr{
		border-top:1px solid #f6f6f6;
	}
	#eqof_product_selector_content table tr td{
		display:block;
		width:auto;
		float:left;
		border:none;
		padding-top:1em;
		padding-bottom:1em;
	}
	#eqof_product_selector_content table .eqof_img{
		width:25%;
	}
	#eqof_product_selector_content table .eqof_product_infos{
		width:50%;
	}
	#eqof_product_selector_content table .eqof_price{
		width:25%;
		text-align:right;
		font-size:1rem;
		font-weight:bold;
	}
	#eqof_product_selector_content table .eqof_quantity{
		clear:both;
	}
	#eqof_product_selector_content table .eqof_quantity .eqof_qty_selector{
		position:relative;
		top:-2px;
	}
	#eqof_product_selector_content table .eqof_quantity .eqof_qty_modifier{
		display:inline-block;
	}
	#eqof_product_selector_content table .eqof_quantity .eqof_qty_modifier .eqof_set_qty{
		margin:0;
	}
	#eqof_product_selector_content table .eqof_quantity, 
	#eqof_product_selector_content table .eqof_addto_cart{
		width:50%;
		text-align:center;
	}
	#eqof_product_selector_content table .eqof_addto_cart .eqof_add_btn{
		font-size:13px;
		padding:5px;
	}
}
@media screen and (max-width:399px){
	/* Product selector */
	#eqof_modal .modal-title{
		font-size:0.8rem;
	}
	#eqof_product_selector_content table .eqof_img{
		width:33%;
	}
	#eqof_product_selector_content table .eqof_product_infos{
		width:66%;
	}
	#eqof_product_selector_content table .eqof_price{
		width:33%;
		text-align:center;
		clear:left;
	}
	#eqof_product_selector_content table .eqof_quantity{
		width:67%;
		clear:none;
	}
	#eqof_product_selector_content table .eqof_addto_cart{
		width:100%;
	}
	/* More infos pop-up */
	#eqof_modal #eqof_more_infos_combinations .combination_reference{
		display:none;
	}
}
@media screen and (max-width:359px){
	#eqof_more_infos_content #eqof_more_infos_gallery > div{
		width:100%;
	}
	#eqof_products_table .eqof_product_infos p{
		font-size:0.8rem;
		margin-bottom:6px;
	}

}

/* Hooks */
.easyquickorderform-logo img{
	display:block;
	margin:0 auto;
}
.easyquickorderform-front a{
	transition:0.3s all;
}
	/* Nav */
#easyquickorderform-nav{
	white-space:nowrap;
}
#easyquickorderform-nav a{
	height:100%;
	display: inline-block;
	padding: 12px;
	cursor: pointer;
	line-height: 24px;
}
#easyquickorderform-nav a:hover, 
#easyquickorderform-nav a.active{
	color:#2fb5d2;
}
@media screen and (max-width:479px){
	#easyquickorderform-nav a{
		font-size:11px;
	}
}
	/* Home */
#easyquickorderform-home{
	margin:10px 0;
	padding:10px 0;
	background:#fff;
}
#easyquickorderform-home .easyquickorderform-logo{
	border-right: 1px solid #d9d9d9;
}
#easyquickorderform-home h4{
	margin-top:0.5em;
	padding-left:15px;
}
#easyquickorderform-home p{
	padding-left:15px;
}
#easyquickorderform-home p:last-child{
	margin-bottom:0;
}
#easyquickorderform-home p a{
	margin:1em 0;
}
@media screen and (max-width:991px){
	#easyquickorderform-home p a{
		font-size:0.9em;
	}
}
@media screen and (max-width:767px){
	#easyquickorderform-home .easyquickorderform-logo{
		border-right:0;
	}
	#easyquickorderform-home h4,
	#easyquickorderform-home p{
		padding-left:0;
		text-align:center;
	}
}
@media screen and (max-width:479px){
	#easyquickorderform-home p a{
		white-space:initial;
	}
}
	/* Columns */
#easyquickorderform-column {
	box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
	background: #fff;
	padding: 1.563rem 1.25rem;
	margin-bottom: 1.563rem;
}
#easyquickorderform-column a{
	max-width:100%;
	white-space:initial;
	font-size: 0.9em;
	padding: 0.5em;
}
@media screen and (max-width:991px){
	#easyquickorderform-column h6,
	#easyquickorderform-column p,
	#easyquickorderform-column a{
		font-size: 0.85em;
	}
}