:root {
  --tmdcheckout_blockbg: #3086e7;
  --tmdcheckout_tabbg: #f4f4f4;
  --tmdcheckout_tabborder: #e5e5e5;  /* card border color */
  --tmdcheckout_blockcolor: #ffffff;
  --tmdcheckout_tabcolor: #333; /* card-title font color */
  --tmdcheckout_btnbg: #ef5135;
  --tmdcheckout_btncolor: #ffffff;
  --arrow-bg: rgba(255, 255, 255, 0.3);
  --arrow-icon: url(https://upload.wikimedia.org/wikipedia/commons/9/9d/Caret_down_font_awesome_whitevariation.svg);
  --option-bg: #ffffff;
  --select-bg: #ffffff;
  
}

.loader{position: fixed;top: 30%;z-index: 999;width:100%;margin:0 auto;text-align: center;}

#quick-checkout #content > h1, #quick-checkout {color:var(--tmdcheckout_tabcolor); }

#quick-checkout .card-header { border:none; color:var(--tmdcheckout_tabcolor) !important; background:var(--tmdcheckout_tabbg) !important; text-align:left; padding:0; font-size:15px; font-weight:600; text-transform:uppercase;}

#quick-checkout #tmd_cart table tr th {color:var(--tmdcheckout_blockcolor); background: var(--tmdcheckout_blockbg); text-transform: uppercase; }

#quick-checkout .totalload td,
#quick-checkout #tmd_cart .table1 table tr td, 
#quick-checkout #tmd_cart .table-bordered {border-color:var(--tmdcheckout_tabborder); font-size:13px; background:var(--tmdcheckout_blockcolor);} 
	
#quick-checkout #tmd_cart .table1 table tr th {background:var(--tmdcheckout_blockbg);}
		
.pay .card-header {margin-bottom:0 !important;}
.card .card-header {margin:0px !important;}

#quick-checkout .table1 thead:first-child th, #quick-checkout .totalload th {color:var(--tmdcheckout_blockcolor); background:var(--tmdcheckout_blockbg); border-color:var(--tmdcheckout_tabborder);}
#tmdbuttonorder { background:var(--tmdcheckout_btnbg)!important; border-color:var(--tmdcheckout_btnbg)!important; 	color:var(--tmdcheckout_btncolor); border-radius: 0px; box-shadow: none; text-shadow: none;}
#tmdbuttonorder:hover{	background: #000000!important; border-color: #000000!important;}

#accountcontent #button-login { background:var(--tmdcheckout_tabbg)!important; border-color:var(--tmdcheckout_tabborder)!important; color:var(--tmdcheckout_tabcolor); border-radius: 0px; box-shadow: none; text-shadow: none;}
#accountcontent #button-login:hover{	background: var(--tmdcheckout_blockbg)!important; border-color: var(--tmdcheckout_blockbg)!important; color:var(--tmdcheckout_btncolor);}

#quick-checkout .btn-danger{ border-color:var(--tmdcheckout_tabborder)!important; }

/*
#quick-checkout input[type="checkbox"], input[type="radio"]{ margin-top: 0; vertical-align: middle; }
*/
#final-button .btn-primary { margin-top:15px; margin-right: 15px; }

#typeaccount { margin-bottom:15px; border:1px solid var(--tmdcheckout_tabborder); background:transparent; }


#quick-checkout #accountcontent, 
#quick-checkout #tmd_delivery_address,
#quick-checkout #guestcontent {border:1px solid var(--tmdcheckout_tabborder); margin-bottom:15px; background:transparent; } 

#tmd_payment_method, 
#tmd_shipping_method, 
#tmd_delivery_address {margin-bottom:15px; padding:0px;  border:1px solid var(--tmdcheckout_tabborder); min-height:120px;background:transparent;}

#invoiceform { padding-top: 5px; } 

form.all-field-checkout { margin: 0; padding:0;}

#accountcontent .custom-field input[type="checkbox"] {     vertical-align: -1px;
	margin: 10px 0px 0px 5px;
    padding: 0; }

#accountcontent .custom-field label{ }

.checkboxes label span {
  vertical-align: middle;
}
  
.card-body { padding-top: 20px;	} 

.card-body label {
   margin: 4px 0 4px 0;
   white-space: nowrap;
	
}
		
#final-button .buttons {padding-right:0px !important;}
 
.text-end{text-align:right;}
.text-start{text-align:left;}

		
.modles {padding: 0px 0px 15px;margin-bottom:15px;border:1px solid var(--tmdcheckout_tabborder); background: transparent; }
		
#quick-checkout .form-horizontal .checkbox, #quick-checkout .form-horizontal .radio {min-height:23px;}

#input-custom-field31 {padding-left: 5px;}

/*		
#tmd_delivery_address .panel, #tmd_payment_method .panel,#tmd_shipping_method .panel{margin:0 !important;border: none !important;}
.btn-toggle input[type=radio]{opacity:0;position: absolute;width: 100%;left: 0;min-height: 35px;top: 0;}
.btn-toggle .collapse.in{height:100% !important;margin-bottom:20px !important;}
*/		
		
.padd, .padding {padding:0px 15px 15px 15px !important;}

#quick-checkout .nav-tabs input{cursor:pointer;opacity: 0;width: 100%;position: absolute;left: 0;right: 0;min-height: 38px;top: 0;bottom: 0;}
#quick-checkout .nav-tabs{gap:8px;border:none !important;}
#quick-checkout .nav-tabs>li>a{margin:0;background-color: #ededed;border-radius: 0; border: 1px solid #ddd;color:#000;position: relative; display: block; padding: 10px 15px;}
#quick-checkout .nav-tabs>li>a:hover{background-color: #ddd;}
#quick-checkout .nav-tabs>li.active>a, 
#quick-checkout .nav-tabs>li.active>a:focus,
#quick-checkout .nav-tabs>li.active>a:hover{color:var(--tmdcheckout_blockcolor) !important; background-color:var(--tmdcheckout_blockbg) !important; border-radius: 0px;border:1px solid #ddd; }
#quick-checkout .nav-tabs>li{position:relative;float: left;}

/*
#quick-checkout .btn-primary:hover, #quick-checkout .btn-primary:active, #quick-checkout .btn-primary.active, #quick-checkout .btn-primary.disabled, #quick-checkout .btn-primary[disabled]{background-position:0 -32px}
*/		

.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th{padding:8px;}
		
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th { border:1px solid var(--tmdcheckout_tabborder); }

/*
#quick-checkout .table-bordered > thead > tr > td,
#quick-checkout .table-bordered > thead > tr > th {border-bottom-width: 1px !important; }
	
*/
	
table {border-spacing: 0; border-collapse: collapse; width: 100%; max-width: 100%; border:1px solid var(--tmdcheckout_tabborder); }

#quick-checkout.chkout3 .card-header .fa{ color:var(--tmdcheckout_blockcolor); background:var(--tmdcheckout_blockbg);margin-right: 10px;font-size: 20px;vertical-align: middle;width: 45px;height: 45px;text-align: center;line-height: 45px;}


/*		
.btn-toggle.active {color:var(--tmdcheckout_blockcolor); background:var(--tmdcheckout_blockbg);}
.btn-toggle{ display:inline-block; width:49.5%; padding:7px 15px; margin-bottom:5px; position:relative; border:1px solid var(--tmdcheckout_tabborder); color:var(--tmdcheckout_tabcolor); background:var(--tmdcheckout_tabbg);}
#tmdqclogin.btn-toggle{	width:100%; display:block;}
*/

.paddleft{padding-left: 7.5px;}
.paddright{padding-right:7.5px;}
		
@media(max-width:767px){
	.paddright {padding-right: 15px;}
	.paddleft {padding-left: 15px;}
	#tmd_delivery_address{margin-top:15px;}
}
		
.text-center{text-align: center !important;}

/*
@media(min-width:1000px){.modal-dialog{width:33%;}}
#quick-checkout legend{margin-bottom:0px;}
.checkbox.padd label{padding-left:25px;}
*/

#shipping-new .form-group{margin-left:0px!important;margin-right:0px!important}
#payment-new .form-group{margin-right:0px!important;}
	
#tmd_login #typeaccount{border:none;margin-bottom:0px;padding-bottom:0px;}
		
@media(max-width:767px){
	#quick-checkout .card-header{ font-size:12px; }
	#tmd_shipping_method label{	width:100%; display:block;}
	#tmd_shipping_method label .float-end{margin-top:15px;}
	#tmd_delivery_address label{font-size:10px;} 
}
        
#tmd_confirmation .alert-warning{margin-top:10px;}
        
#tmdqclogin{cursor:pointer;}
        
#final-button form{clear:both;}
        
.card-group,.table-bordered{margin-bottom:15px;}
        
#accordion .btn-primary{min-width:140px;border-radius: 0px;box-shadow: none;text-shadow: none;}
		
.d-none(display:none);

.checkbox input{margin-left:0px !important;}

.cartaccordion .col-sm-6{width:100%;}

#typeaccount .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {margin: 5px 6px 0 0 !important; position: relative;}


@media(min-width:998px){
	#typeaccount .radio label {padding-left: 20px;}
}
@media (min-width:767px) and (max-width:997px){
	#typeaccount .radio label {font-size: 12px;}
	#typeaccount .radio input[type=radio]{margin: 5px 3px 0 0 !important; position: relative;}
	#tmd_shipping_method select { max-width: 295px !important; }
}

#tmd_shipping_method select {
	margin: 5px 0 0 0;
	border: 1px solid #dee2e6;
	box-shadow: none;
	color: #333;
	outline: 0;
	width: 325px;
    padding: 5px;
    font-size: 12px;
    line-height: 1;
    border-radius: 0px;
    height: 34px;
	position: relative;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
    -webkit-appearance: none;
	background: white url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='14' height='14' fill='grey' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z'/></g></svg>") no-repeat;
  	background-position: right 5px top 50%;
}

#select-address select {
	margin: 5px 0 0 0;
	border: 1px solid #dee2e6;
	box-shadow: none;
	color: #333;
	outline: 0;
 /*   padding: 5px; */
    font-size: 12px;
    line-height: 1;
    border-radius: 0px;
    height: 34px;
	position: relative;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
    -webkit-appearance: none;
	background: white url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='14' height='14' fill='grey' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z'/></g></svg>") no-repeat;
  	background-position: right 5px top 50%;
}