/* =============================================================================
  BOOTSTRAP 4.0 - MODAL
   ========================================================================== */

.modal { margin-top:20%; }
.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;-webkit-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.show .modal-dialog{-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:15px;border-bottom:1px solid #eceeef}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px}.modal-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:15px;border-top:1px solid #eceeef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:30px auto}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}} 


 /* ===========
PAYMENT STEPS
   ===========*/ 

#wlt_checkoutsteps .card-title, .checkout-table .table-header { background: #1d2025;    display: block;    padding: 10px;    margin-bottom: 10px;    color: #fff;    line-height: 30px;    text-transform: uppercase;    font-size: 13px;    font-weight: 500;  } 
#wlt_checkoutsteps .card-title .step {     background: #121419;    padding: 2px 10px;    margin-right: 10px;    color: #fff;    border: 1px solid #000; }
#wlt_checkoutsteps h5 { margin:20px 0px; }
#wlt_checkoutsteps .accordion-body {  padding:0px 20px; }
@media (min-width:0px) and (max-width:500px){
#addedToCart .btn { margin-bottom:20px; }
}

/* ===========
CHECKOUT TABLE
   ===========*/ 
    
.checkout-table { border:1px solid #ddd; background:#fff; }
.checkout-table .table-header { background:#1d2025; color:#fff;     line-height: 50px;     border-bottom: 1px solid #ddd;     padding: 0px 20px; }
.checkout-table .table-row { padding:20px 20px;     border-bottom: 1px solid #ddd; }
.checkout-table .table-row img { float:left; margin-right:20px; max-width:50px; max-height:50px; }
.checkout-table .table-footer { padding:20px 20px;     border-bottom: 1px solid #ddd; }
.checkout-table .table-footer .credits { margin-right:20px; }
.checkout-table  .qty-small { display:none; }
.checkout-table .qty-input { max-width:60px; text-align:center; }
.checkout-table .table-footer:last-child { border-bottom:0px; }

.checkout-table .btn-remove-item .fa { margin-right: 0px; }

.buttonsbit { padding-top: 20px;    border-top: 1px solid #ddd;    margin: 20px 0px; }
 
		
		/* =========== small version on checkout ===========*/ 

		.smallbasket .checkout-table .col-qty, .smallbasket .col-price, .smallbasket .checkout-table .btn-remove-item  { display:none; }
		.smallbasket .checkout-table .col-item { width:70%; }
		.smallbasket .checkout-table .qty-small { display:inline; }
		
		
		.smallbasket .checkout-table .table-row img { display:none; }
		
		.smallbasket .col-total { text-align:right; }
		
		/* =========== read only for invoice and admin ===========*/ 
		
		.readonly .checkout-table { }
		.readonly .checkout-table .btn-remove-item { display:none; }
		.readonly .checkout-table h6 { font-size:20px; }
		.readonly .checkout-table .qty { border:0px; text-align:center; }
		
.attr-colors span {
    cursor: pointer;
    float: right;
    min-width: 26px !important;
    height: 26px !important;
    border-radius: 50%;
    margin: 0;
	margin-left:5px;
    border: 1px solid #b5b5b5;
    color: #b5b5b5;
    font-size: 13px;
    text-align: center;
    line-height: 35px;
    white-space: nowrap;
    text-transform: uppercase;
}

.attr-colors span.selected { border: 3px solid #000; }