/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left, .modal.right{top:0;}
.modal.left .modal-dialog,
.modal.right .modal-dialog {position: absolute;margin: auto;height: 100%;-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}

.modal.left .modal-content,
.modal.right .modal-content {height: 100%;overflow-y: auto;}

.modal.left .modal-header,
.modal.right .modal-header,
.modal.left .modal-body,
.modal.right .modal-body,
.modal.left .modal-footer,
.modal.right .modal-footer{padding:15px;}

.modal.left .modal-footer,
.modal.right .modal-footer{margin-top:0;/*padding-bottom:0;*/}

/*Left*/
.modal.left.fade .modal-dialog{left: -100%;-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;-moz-transition: opacity 0.3s linear, left 0.3s ease-out;-o-transition: opacity 0.3s linear, left 0.3s ease-out;transition: opacity 0.3s linear, left 0.3s ease-out;}

.modal.left.fade.in .modal-dialog{left: 0;}
	
/*Right*/
.modal.right.fade .modal-dialog {right: -100%;-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;-moz-transition: opacity 0.3s linear, right 0.3s ease-out;-o-transition: opacity 0.3s linear, right 0.3s ease-out;transition: opacity 0.3s linear, right 0.3s ease-out;}

.modal.right.fade.in .modal-dialog, .modal.right.fade.show .modal-dialog {right: 0;}
.modal.right.fade.show .modal-dialog {min-width: 600px;}

.modal-body .content{background:#fff;}

@media (max-width:767px){
    .modal.right.fade.in .modal-dialog {width:99%;}
    .modal.right.fade.show .modal-dialog {min-width: 100%;}
}

/* ----- MODAL STYLE ----- */
.modal.right .modal-content {border-radius: 0;border: none;}

.modal.right .modal-header {border-bottom-color: #EEEEEE;}

.modal.right .modal-content.sidebar > form{height:100%;display:flex;flex-direction:column;}

.sidebar{padding:0;width:100%;display:flex;flex-direction:column;overflow:hidden;}
.sidebar-header{
	background-color:#85A2D5; background:linear-gradient(141deg, #2cb5e8 0%, #85A2D5 75%);
     opacity: 0.95;
	/*display:flex;flex-direction:column;flex:none;*/
	}
	
.sidebar-header button.close{border-color:#fff;opacity:1;border-width:2px;}

.sidebar-header h4, .sidebar-header h5, .sidebar-header button span{color:#fff;}
.sidebar-header button.btn-close{background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; opacity: 1;}

.sidebar-body{background-color:#e6e6e6;overflow:auto;min-height:auto;flex:1 1 auto;flex-basis:0;}

.sidebar-footer{background-color:#00bda5;/*display:flex;flex-direction:column;flex:none;*/}


.input-group-addon:not(:first-child):not(:last-child), 
.input-group-btn:not(:first-child):not(:last-child), 
.input-group .form-control:not(:first-child):not(:last-child){border-radius:0 !important;}

.input-group .form-control:first-child, 
.input-group-addon:first-child, 
.input-group-btn:first-child > .btn, 
.input-group-btn:first-child > .btn-group > .btn, 
.input-group-btn:first-child > .dropdown-toggle, 
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;}

.modal.right .input-group .input-group-addon{padding:6px 12px;background-color:#eee}

/*INPUT GROUPS*/
.modal.right .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.modal.right .input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.modal.right .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  height:inherit;
  padding:6px;
}
.modal.right .input-group-lg > .form-control,
.modal.right .input-group-lg > .input-group-addon,
.modal.right .input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.modal.right select.input-group-lg > .form-control,
.modal.right select.input-group-lg > .input-group-addon,
.modal.right select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
.modal.right textarea.input-group-lg > .form-control,
.modal.right textarea.input-group-lg > .input-group-addon,
.modal.right textarea.input-group-lg > .input-group-btn > .btn,
.modal.right select[multiple].input-group-lg > .form-control,
.modal.right select[multiple].input-group-lg > .input-group-addon,
.modal.right select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.modal.right .input-group-sm > .form-control,
.modal.right .input-group-sm > .input-group-addon,
.modal.right .input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.modal.right select.input-group-sm > .form-control,
.modal.right select.input-group-sm > .input-group-addon,
.modal.right select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
.modal.right textarea.input-group-sm > .form-control,
.modal.right textarea.input-group-sm > .input-group-addon,
.modal.right textarea.input-group-sm > .input-group-btn > .btn,
.modal.right select[multiple].input-group-sm > .form-control,
.modal.right select[multiple].input-group-sm > .input-group-addon,
.modal.right select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.modal.right .input-group-addon,
.modal.right .input-group-btn,
.modal.right .input-group .form-control {
  display: table-cell;
}
.modal.right .input-group-addon:not(:first-child):not(:last-child),
.modal.right .input-group-btn:not(:first-child):not(:last-child),
.modal.right .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.modal.right .input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.modal.right .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  height:inherit;
  position:inherit;
}
.modal.right .input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.modal.right .input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.modal.right .input-group-addon input[type="radio"],
.modal.right .input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.modal.right .input-group .form-control:first-child,
.modal.right .input-group-addon:first-child,
.modal.right .input-group-btn:first-child > .btn,
.modal.right .input-group-btn:first-child > .btn-group > .btn,
.modal.right .input-group-btn:first-child > .dropdown-toggle,
.modal.right .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.modal.right .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.modal.right .input-group-addon:first-child {
  border-right: 0;
}
.modal.right .input-group .form-control:last-child,
.modal.right .input-group-addon:last-child,
.modal.right .input-group-btn:last-child > .btn,
.modal.right .input-group-btn:last-child > .btn-group > .btn,
.modal.right .input-group-btn:last-child > .dropdown-toggle,
.modal.right .input-group-btn:first-child > .btn:not(:first-child),
.modal.right .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.modal.right .input-group-addon:last-child {
  border-left: 0;
}
.modal.right .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.modal.right .input-group-btn > .btn {
  position: relative;
}
.modal.right .input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.modal.right .input-group-btn > .btn:hover,
.modal.right .input-group-btn > .btn:focus,
.modal.right .input-group-btn > .btn:active {
  z-index: 2;
}
.modal.right .input-group-btn:first-child > .btn,
.modal.right .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.modal.right .input-group-btn:last-child > .btn,
.modal.right .input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}

/*body.modal-open header, body.modal-open .container, body.modal-open footer{
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');  filter: blur(3px);
	-webkit-filter: blur(3px); -moz-filter: blur(3px);-o-filter: blur(3px); -ms-filter: blur(3px);
	}*/
	
/*.sidebar-body .tooltip.top{left:5px !important;}
.sidebar-body .tooltip.top .tooltip-arrow{left:25% !important;}*/
/*******************************
* CUSTOM SWITCH SLIDERS (CHECKBOX)
*******************************/
.switch
	{position:relative; display:inline-block; width:45px; height:20px;margin-top:1px;text-align: left;}
.switch input
	{/*display:none;*/visibility:hidden;}
.switch .slider{
	position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; 
	background-color:#ddd; -webkit-transition:.4s; transition:.4s;border-radius:4px;
	}
.switch .slider:before{
	content:'\002713';text-align:center;font-weight:bold;color:#fff; font-size:16px;
	height:22px; width:22px; background-color:white; 
	border-radius:4px;border:2px solid #a6a6a6;top:-1px;
	position:absolute; -webkit-transition:.4s; transition:.4s;
	}
.switch input:checked + .slider
	{background-color:#2196F3;}
.switch input:checked + .slider:before
	{-webkit-transform:translateX(23px); -ms-transform:translateX(23px); transform:translateX(23px);content:'\002713';text-align:center;font-weight:bold;color:#2196F3;border-color:#2196F3;}
.switch input:focus + .slider
	{box-shadow:0 0 10px #000;}
.switch input:disabled + .slider
	{background-color:#ddd;}
.switch input:disabled:checked + .slider:before
	{font-weight:bold;color:#d8d8d8;border-color:#ddd;background-color:#fff;}

/* Rounded sliders */
.switch .slider.round {
	border-radius: 34px;
	}
.switch .slider.round:before {
	border-radius: 34px;
	}
	
/*******************************
* CUSTOM SWITCH SLIDERS (CHECKBOX ON-OFF TEXT) *
*******************************/
.switch.onoff
 {position:relative; display:inline-block; width:34px; height:15px;margin-top:1px;}
.switch.onoff input
 {/*display:none;*/visibility:hidden;}
.onoff .slider{
 position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; 
 background-color:#ddd; -webkit-transition:.4s; transition:.4s;border-radius:4px;
 }
.onoff .slider:before{
 content:'Off';text-align:center;font-weight:600;color:#999; font-size:10px;
 height:17px; width:23px; background-color:white; 
 border-radius:4px;border:1px solid #ccc;top:-1px;
 position:absolute; -webkit-transition:.4s; transition:.4s;
 }
.onoff input:checked + .slider
 {background-color:#2196F3;}
.onoff input:checked + .slider:before
 {-webkit-transform:translateX(12px); -ms-transform:translateX(12px); transform:translateX(12px);content:'On';text-align:center;font-weight:600;color:#2196F3;border-color:#2196F3;}
.onoff input:focus + .slider
 {box-shadow:0 0 10px #000;}
.onoff input:disabled + .slider
 {background-color:#ddd;}
.onoff input:disabled:checked + .slider:before
 {font-weight:600;color:#d8d8d8;border-color:#ddd;background-color:#fff;}


/***********************************
*** SLIDING SWITCH BUTTON STYLES ***
***********************************/
.slide_switch {
	position: relative;display: inline-block;width: 80px;height: 30px;margin:0;
	}
.slide_switch input {
	/*display:none;*/visibility:hidden;
	}
.slide_switch .slider {
	position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color:transparent;border:2px solid #09a3bd;-webkit-transition: .4s;transition: .4s;
	}
.slide_switch .slider:hover, .slide_switch .slider:focus{
	box-shadow:0 0 5px rgba(0,0,0,.5);
	}
.slide_switch .slider:before {/*Slider Button*/
	position: absolute;content:" ";height: 18px;width: 32px;left: 5px;top: 4px;background-color: #09a3bd;-webkit-transition: .4s;transition: .4s;
	}
.slide_switch input:checked + .slider {/*Silder Checked State*/
	background-color:#fff ;
	}
.slide_switch input:focus + .slider {
	box-shadow: 0 0 10px #2196F3;
	}
.slide_switch input:checked + .slider:before {
	-webkit-transform: translateX(34px);-ms-transform: translateX(34px);transform: translateX(34px);content:' ';
	}
/* Rounded sliders */
.slide_switch .slider.round {
	border-radius: 34px;
	}
.slide_switch .slider.round:before {
	border-radius: 34px;
	}
/***********************************
* CUSTOM SWITCH SLIDERS (CHECKBOX)
***********************************/
.check-btn
	{position:relative; display:inline-block; width:22px; height:22px;}
.check-btn input
	{/*display:none;*/visibility:hidden;}
.check-btn .check{
	position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; 
	-webkit-transition:.4s; transition:.4s;border-radius:4px;
	}
.check-btn .check:before{
	content:'\002713';text-align:center;font-weight:bold;color:#fff; font-size:16px;
	height:22px; width:22px; background-color:white; 
	border-radius:4px;border:2px solid #a6a6a6;
	position:absolute; -webkit-transition:.4s; transition:.4s;left:0;
	}
/*input:checked + .check
	{background-color:#2196F3;}*/
.check-btn input:checked + .check:before
	{content:'\002713';text-align:center;font-weight:bold;color:#2196F3;border-color:#2196F3;}
.check-btn input:focus + .check
	{box-shadow:0 0 10px #000;}
.check-btn input:disabled + .check
	{background-color:#ddd;}
.check-btn input:disabled:checked + .check:before
	{font-weight:bold;color:#d8d8d8;border-color:#ddd;background-color:#fff;}
	
/***********************************
* CUSTOM SWITCH SLIDERS (RADIO)
***********************************/
.radio-btn
	{position:relative; display:inline-block; width:22px; height:22px;}
.radio-btn input
	{/*display:none;*/visibility:hidden;}
.radio-btn .radio{
	position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; 
	-webkit-transition:.4s; transition:.4s;border-radius:50%;margin:0;
	}
.radio-btn .radio:before{
	content:'\2022';text-align:center;font-weight:bold;color:#fff; font-size:36px;line-height:20px;
	height:22px; width:22px; background-color:white; 
	border-radius:50%;border:2px solid #a6a6a6;
	position:absolute; -webkit-transition:.4s; transition:.4s;
	left:0;
	}
/*input:checked + .check
	{background-color:#2196F3;}*/
.radio-btn input:checked + .radio:before
	{content:'\2022';text-align:center;font-weight:bold;color:#2196F3;border-color:#2196F3;}
.radio-btn input:focus + .radio
	{box-shadow:0 0 10px #000;}
.radio-btn input:disabled + .radio
	{background-color:#ddd;}
.radio-btn input:disabled:checked + .radio:before
	{font-weight:bold;color:#d8d8d8;border-color:#ddd;background-color:#fff;}
	

	
@media (min-width:1120px){
.switch{width:41px; height:16px;}
.switch .slider:before{font-size:13px;height:18px; width:18px;}
.slide_switch {width: 74px;height: 25px;}
.slide_switch .slider:before{width:26px;height:14px;}
.switch.onoff{position:relative; display:inline-block; width:34px; height:15px;margin-top:1px;}
.onoff .slider:before{font-size:10px;height:17px; width:23px;}
.check-btn, .radio-btn{width:18px; height:18px;line-height: 14px;}
.check-btn .check:before, .radio-btn .radio:before{font-size:13px;height:18px; width:18px;}
.radio-btn{width:18px; height:18px;}
.radio-btn .radio:before{font-size:25px;line-height:15px;height:18px; width:18px;}
}
	
/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  background-color: white;
  /* height: 40px; */
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

/* Input type number */ /* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="text"][readonly].cal{cursor:text;background-color:#fff;}
/* Ordered/Unordered List */
#policy_text ol, #policy_text ul{display:block;list-style:none;margin: inherit;padding-left: 16px !important;padding: inherit;}
#policy_text ol li{list-style:decimal;padding:0 0 10px 0;display:list-item;}
#policy_text ul li{list-style:disc;padding:0 0 10px 0 !important;display:list-item;}
#policy_text ol li ul, #policy_text ul li ul{padding-left: 20px !important;}
#policy_text ol li ul li, #policy_text ul li ul li{list-style:disc;padding:5px 0 !important;}

/******* LOADING DIV STYLES *******/
.loading-div {
    position: fixed;
    top: 0;
    left: 0;
	bottom:0;
	right:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.56);
	background-image:url('/catalog/view/theme/onestop/image/loading.gif');
	background-repeat:no-repeat;
	background-position:center;
    z-index: 9999;
}
.loading-div img {
    margin-top: 20%;
    margin-left: 50%;
	display:none;
}
.loading-div {
    color: #fff;
    background-image: none;
}
.loading-div:before {
    content: "\f1ce";
    color: #fff;
    animation: fa-spin 2s infinite linear;
    -webkit-animation: fa-spin 2s infinite linear;
    position: absolute;
    left: 50%;
    top: calc(50% - 20px);
    font: normal normal normal 16px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
}
.loading-div:after {
    content: "Loading...";
    color: #fff;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% + 20px);
}