/* @group Wait */
#wait {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: rgba(255,255,255,0.70);
  display: none; }
#wait #wait-inner {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1f8fc3;
  animation: spin 2s linear infinite; }
#wait #wait-inner:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1f8fc3;
  animation: spin 3s linear infinite; }
#wait #wait-inner:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1f8fc3;
  animation: spin 1.5s linear infinite;
}
@keyframes spin {
  0% {transform: rotate(0deg); }
  to {transform: rotate(1turn); }
}
/* @end */

/* @group Labels */
.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
.label-default { background: #8A8A8F; }
.label-default[href]:focus, .label-default[href]:hover { background: #737377; }
.label-primary { background: #007AFF; }
.label-primary[href]:focus, .label-primary[href]:hover { background: #1D62F0; }
.label-success { background: #4CD964; }
.label-success[href]:focus, .label-success[href]:hover { background: #45c35a; }
.label-info { background: #5AC8FA; }
.label-info[href]:focus, .label-info[href]:hover { background: #50b3e0; }
.label-warning { background: #FF9500; }
.label-warning[href]:focus, .label-warning[href]:hover { background: #e68701; }
.label-danger { background: #FF3B30; }
.label-danger[href]:focus, .label-danger[href]:hover { background: #e4352b; }
.label-purple { background: #5856D6; }
.label-purple[href]:focus, .label-purple[href]:hover { background: #4c4bb7; }
.label-pink { background: #FF2D55; }
.label-pink[href]:focus, .label-pink[href]:hover { background: #de2649; }
.label-yellow { background: #FFCC00; }
.label-yellow[href]:focus, .label-yellow[href]:hover { background: #e6b801; }
.label-inverse { background: #000; }
.label-inverse[href]:focus, .label-inverse[href]:hover { background: #333; }
/* @end */
/* @group Padding etc */
.m-l-30 {margin-left: 30px !important;}
.m-b-0 {margin-bottom: 0px !important;}
.m-b-2 {margin-bottom: 2px !important;}
.m-b-5 {margin-bottom: 5px !important;}
.m-b-10 {margin-bottom: 10px !important;}
.m-b-15 {margin-bottom: 15px !important;}
.m-b-40 {margin-bottom: 40px !important;}
.m-b-60 {margin-bottom: 60px !important;}
.m-t-0 {margin-top: 0px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-t-40 {margin-top: 40px !important;}
.m-x-5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.m-x-10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.m-x-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}
.p-l-0 {padding-left: 0px !important;}
.p-l-2 {padding-left: 2px !important;}
.p-l-5 {padding-left: 5px !important;}
.p-l-10 {padding-left: 10px !important;}
.p-l-40 {padding-left: 40px !important;}
.p-r-0 {padding-right: 0px !important;}
.p-r-2 {padding-right: 2px !important;}
.p-r-40 {padding-right: 40px !important;}
.p-t-10 {padding-top: 10px !important;}
.p-t-15 {padding-top: 15px !important;}
.p-b-15 {padding-bottom: 15px !important;}
.p-t-20 {padding-top: 20px !important;}
.p-b-20 {padding-bottom: 20px !important;}
.p-x-0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.p-x-2 {
	padding-left: 2px !important;
	padding-right: 2px !important;
}
.p-x-4 {
	padding-left: 4px !important;
	padding-right: 4px !important;
}
.p-x-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.p-x-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.width-50 {width: 50px;}
.width-60 {width: 60px;}
.width-80 {width: 80px;}
.width-100 {width: 100px;}
.width-113 {width: 113px;}
.width-120 {width: 120px;}
.width-135m {min-width: 135px;}
.w-300 {width: 300px;}

/* Percentage */
.width-5p {width: 5%;}
.width-10p {width: 10%;}
.width-15p {width: 15%;}
.width-20p {width: 20%;}
.width-23p {width: 23%;}
.width-25p {width: 25%;}
.width-50p {width: 50%;}
.width-75p {width: 75%;}
.width-80p {width: 80%;}
.width-100p {width: 100%;}

/* Max Width */
.w-max-400 {max-width: 400px;}
.mw-50 {min-width: 50px !important;display: inline-block;padding-top: 4px;padding-bottom: 5px;}
/* @end */

.emailbox {display:none;}

.block-default-email {
	width: 400px !important;
	margin:  0 auto !important;
}

.block-default-email input[type="text"] {width: 300px !important;}

.block-code {
	width: 100px !important;
	display: inline-block !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	text-align: left !important;
}

.block-desc {
	width: 500px !important;
	display: inline-block !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	text-align: left !important;
}

.block-price {
	width: 100px !important;
	display: inline-block !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	text-align: right !important;
}

.block-300 {
	width: 240px !important;
	display: inline-block !important;
	padding-right: 30px !important;
	padding-left: 30px !important;
	text-align: right !important;
}
.empt {display: none;}
.footer-col a {color: #b3b3a9;}
.login-label {
	font-size: 12px;
	color:#777;
}
.vs-logo {
	width: 400px;
	height: 100px;
	padding-top: 20px;
}
.retail-box {min-height: 255px;}
.retail-brands {
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 10%;
	margin-bottom: 10%;
	min-height: 55px;
}
.about-col h3 {font-size: 20px;}
.about-col h3:first-letter {border-bottom: 5px solid #1f8fc3;}
.about-col h3.std:first-letter {border-bottom: none;}
.about-col h3.std {
	border-bottom: none;
	font-weight: bold;
}
.text-bold {font-weight: 700;}

.text-black {color: #000000;}
.font-50 {font-size: 50px !important;}
.fade-40 {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity = 100);
}
.fade-40:hover {
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity = 40);
}
.well {
	padding: 20px;
	background-color: #c7eafc;
	color: #333333;
}
.well-large {
	padding: 20px;
	background-color: #c7eafc;
	color: #333333;
	font-size: 16px;
	line-height: 1.5;
}
.lead {
	font-size: 16px;
	line-height: 1.5;
}
.hilite-color {color: #1f8fc3;}
.theme-color {color: #005192;}

.sframe-header {
	background-color: #c7eafc;
	color: #333333;
}

.sframe-item {min-height: 460px;}
.sframe-group {
	border-bottom: 2px solid #ffffff;
	min-height: 30px;
	display: flex;
}
.sframe-label {
	background-color: #c7eafc;
	color: #333333;
	width: 40%;
	float: left;
	padding-left: 4px;
	display: flex;
	align-items: center;
	/*flex-direction: column;*/
}
.sframe-desc {
	background-color: #fff;
	width: 60%;
	float: left;
	padding-left: 4px;
	line-height: 1.2;
	display: flex;
	align-items: center;
	/*flex-direction: column;*/
}
.sframe-title {
	font-weight: bold;
	font-size: 16px;
}
.valign-top {vertical-align:top !important;}
h4.sub-head {
	font-size: 14px;
	font-weight: bold;
}
a.footer:link, a.footer:visited {
	font-size: 12px;
	color: #b3b3b3;
	text-decoration: none;
}
a.footer:hover, a.footer:hover:visited {
	font-size: 12px;
	color: #b3b3b3;
	text-decoration: underline;
	background-repeat: repeat-x;
}
a.contact:link, a.contact:visited {
	color: #777777;
	text-decoration: none;
}
a.contact:hover, a.contact:hover:visited {
	color: #777777;
	text-decoration: underline;
	background-repeat: repeat-x;
}
a.contact i {
	font-size: 24px;
	line-height: 30px;
	position: relative;
	top: 4px;
	background-color: #005192;
	height: 30px;
	width: 30px;
	text-align: center;
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-border-radius:15px;
	color: #ffffff;
	margin-top: 3px;
}
span.required:before {
    content: "*";
    padding-right:2px;
    color: #ff0000;
}
.block-left {float: left !important;}
.block-clear {clear: both;}
form.reset {
	display: inline-block;
	width: 100%;
}
.btn-sq, .label-sq {
	width: 24px !important;
	height: 24px !important;
	max-width: 24px !important;
	max-height: 24px !important;
}
.btn-xs {
	font-size: 12px;
	line-height: 1.5;
	height: 24px !important;
	padding: 3px 4px 1px;
}
.text-dgrey {color: #666666;}
.btn-group-justified {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {
	display: table-cell;
	float: none;
	width: 1%;
}
.btn-group-justified>.btn-group .btn {width: 100%;}
.btn-group-text {
	font-weight: 300;
	font-size: 10px;
}
.dotted-border-bottom {
	border-bottom: 1px dotted #005192;
	margin-bottom: 7px !important;
	padding-bottom: 7px !important;
}

.dotted-border-bottom-grey {
	border-bottom: 1px dotted #dddddd;
	margin-bottom: 7px !important;
	padding-bottom: 7px !important;
}

.buttons-copy, .buttons-print, .buttons-excel, .buttons-pdf {
	background-color: #f5f5f5;
	border: 1px solid #777777;
	padding: 4px 7px;
	color: #777777;
	margin-bottom: 4px !important;
	margin-right: 0px;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
}

.b-b-0 {border-bottom: 0;}

.buttons-copy:hover, .buttons-print:hover, .buttons-excel:hover, .buttons-pdf:hover {
	background-color: #777777;
	color: #ffffff;
}

/* @group Insurance Validation */
.validationItems div.box {display: none;}
/* @end */





/* @group File Uploader */
.ajax-file-upload-statusbar {
	border: 1px solid #007aff;
	margin:5px 0px;
	width: 100% !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 5px 15px 5px 20px;
	float: left;
}
.ajax-file-upload-filename {
	width: 300px;
	height: auto;
	margin: 0 5px 5px 0px;
}
.ajax-file-upload-filesize {
	width: 50px;
	height: auto;
	margin: 0 5px 5px 0px;
	display: inline-block;
	vertical-align:middle;
}
.ajax-file-upload-progress {
	margin: 5px 10px 5px 0px;
	position: relative;
	/*width: 250px;*/
	width: 100%;
	border: 1px solid #ddd;
	padding: 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	color:#FFFFFF;
}
.ajax-file-upload-bar {
	background-color: #007AFF;
	width: 0;
	height: 20px;
	border-radius: 3px;
	color:#FFFFFF;
}
.ajax-file-upload-percent {
	position: absolute;
	display: inline-block;
	top: 3px;
	left: 48%
}
.ajax-file-upload-red {
	background-color: #FF3b30;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	padding: 4px 15px;
	text-decoration: none;
	cursor: pointer;
	vertical-align: top;
	margin: 5px 10px 5px 0px;
}
.ajax-file-upload-green {
	background-color: #4cd953;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0;
	padding: 0;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	padding: 4px 15px;
	text-decoration: none;
	cursor: pointer;
	vertical-align: top;
	margin: 5px 10px 5px 0px;
}
.ajax-file-upload {display:none;}
.ajax-file-upload:hover {background: #999999;}
.ajax-upload-dragdrop {
	border:2px dashed #528ACB;
	width:100% !important;
	color: #528ACB;
	text-align: center;
	vertical-align:middle;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-border-radius:2px;
	padding: 20px 20px 12px;
	background-color:#edf9fe;
	height: 130px;
}

input.vs-uploader {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.vs-uploadtext i {
	font-size: 100px;
	color: #528acb;
}
span.vs-uploadtext {
	height: 100px;
	display: inline-block;
	vertical-align: middle;
	/*margin: 5% 0;*/
}

/* @group Email attachment */

.email-attach .ajax-upload-dragdrop {
	height: 100px !important;
}

.email-attach .vs-uploadtext i {
	font-size: 50px;
	color: #528acb;
}

div.email-attach div.ajax-upload-dragdrop span.vs-uploadtext {
	height: 50px !important;
	display: inline-block;
	vertical-align: middle;
	margin:0;
}



/* @end */






.state-hover {border:2px solid #528acb;}
.ajax-file-upload-container {margin:20px 0px 20px 0px;}

/* @end */





/* @group Insurance bg */
.bg-insurance-01 {background: rgba(255, 45, 85, 0.5) !important;}
.bg-insurance-02 {background: rgba(255, 149, 0, 0.5) !important;}
.bg-insurance-03 {background: #FF9500 !important;}
.bg-insurance-04 {background-color: #FCD040 !important;}
.bg-insurance-05 {background: rgba(90, 200, 250, 0.7) !important;}
.bg-insurance-06 {background: rgba(102,255,0,0.90);}
.bg-insurance-07 {background: rgba(0,204,0,0.9);}
.bg-insurance-08 {background: #ffff67 !important;}
.bg-insurance-09 {background: #FF9500 !important;}
.text-insurance-09 {color: #f19300;}
/* @end */
/* @group Forms */
label.control-label {
	float:left;
	text-align: right;
}
.vs-group-addon-5 {
	width: 20% !important;
	height: 35px !important;
	text-align: center;
	background-color: #dddddd !important;
	color: #333 !important;
	padding-top: 4px;
}
.vs-group-95 {
	width: 80% !important;
	height: 35px !important;
}
.vs-group-block {height: 35px !important;}
select {
	border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}
/* @end */
/* @group Modal */
.fancybox-content {
	padding: 0px !important;
	border-radius: 10px;
}
.modal-title {
	padding: 20px;
	background: #005192;
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
}
.modal-body {padding: 30px;}
/* @end */
/* @group Order Form */
.orderhead {
	background-color: #005192;
	color: #ffffff;
}
.orderhead-red {
	background-color: #DC3545;
	color: #ffffff;
}
.b-l-1 {
	border-left-color:#dddddd;
	border-left-width:1px;
	border-left-style:solid;
}
.b-r-1 {
	border-right-color:#dddddd;
	border-right-width:1px;
	border-right-style:solid;
}
.prefix {
	display: inline-block;
	width: 5%;
	background-color: #e8e8e8;
	text-align: center;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	padding-top: 3px;
	padding-bottom: 4px;
}
.with-prefix {
	width: 95%;
}
.form-label {
	display: block;
	width: 100%;
	margin-bottom: 0px;
	color: #777;
}

/* @end */
div.top-bar.devsite {background-color: #ff0000 !important;}

/* @group Errors */

.lift3 {
	margin-top: -3px !important;
}

label.error {
	box-shadow: none;
	border-color: #e2342a !important;
	background-color: #ffe2db !important;
	color: #e2342a !important;
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #42342a;
	border-radius: 3px;
	margin-top: 0px;
	font-weight: normal;
	font-style: normal;
}

div.error {
	box-shadow: none;
	border-color: #e2342a !important;
	background-color: #ffe2db !important;
	color: #e2342a !important;
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #42342a;
	border-radius: 3px;
	margin-top: 0px;
	font-weight: normal;
	font-style: normal;
}

.form-error {
	box-shadow: none;
	border-color: #e2342a !important;
	background-color: #ffe2db !important;
	color: #e2342a !important;
	border: 1px solid #42342a;
	border-radius: 3px;
}

/* @end */



/* @group Preloader2 */
.hide {
	display: none;
}

#processing {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: rgba(255,255,255,.5); }

#processing #processing-inner {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1f8fc3;
  animation: spin 2s linear infinite; }

#processing #processing-inner:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1f8fc3;
  animation: spin 3s linear infinite; }

#processing #processing-inner:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1f8fc3;
  animation: spin 1.5s linear infinite; }

 @keyframes spin {
  0% {
    transform: rotate(0deg); }
  to {
    transform: rotate(1turn); } }

/* @end */

.modal-header {
  background-color: #005192;
}

.close {
  color:#fff !important;
  font-size: 2.5rem;
}
