body{
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9rem;
	background-color:var(--main-background-color);
	background-image:none !important;
	height: 100%;
	color:var(--main-maintxt-color);

/*	position: relative;*/
}
html {
  position: relative;
  min-height: 100%;
}
img{
	max-width:100%;
	height:auto;
	border:0;
}
ul, li{
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
    color: var(--main-title-color);
}
.h4, h4{
	font-size: 1.2rem;
}
.h4, h5{
	cursor: pointer;
}
.yc_wrapper{
	width:100%;
}
.yc_main{
	position:fixed !important;
	top:0;
	z-index:9;
	width:100%;
}

.yc_logo{
	background-color:#1A1F1E;
	position:fixed !important;
	padding-top:26px;
	padding-bottom:26px;
	border-bottom:solid 1px #939393;
}
.logo{
	padding-top:26px;
	padding-bottom:26px;
}
.logo i{
	width:50px;
	font-size:18px;
	color:#bdbdbd;
}
.logo i:hover{
	color:var(--main-linktxt-color);
}
.sidebar-nav{
	width:100%;
}
.sidebar-nav ul{
	margin:20px 0 0 0;
	padding:0;
}
.sidebar-nav ul li{
	padding:5px 0 5px 20px;
	background:none;
	margin:1px 0 0 0;
}
.sidebar-nav ul li.act{
	background-color:var(--main-title-color);
}
.sidebar-nav ul li:hover{
	background-color:var(--main-title-color);
}
.sidebar-nav ul li a{
	font-size:18px;
	color:#bdbdbd;
	text-decoration:none;
	display:block;
}
.sidebar-nav ul li.act a{
	color:var(--main-linktxt-color);
}
.sidebar-nav ul li:hover a{
	color:var(--main-linktxt-color);
}
.sidebar-nav li i {
	width: 50px;
	padding-right: 20px;
}
.yc_right{
	background-color:var(--main-linktxt-color);
	float:right;
}
.yc_title{
	font-size:22px;
	color:var(--main-linktxt-color);
	background-color:var(--main-title-color);
	padding:10px 28px 10px 20px !important;
}
.yc_title span {
	font-size: 16px;
}

.yc_title a{
	font-size:18px;
	color:var(--main-linktxt-color);
}
.yc_con{
	padding:20px 20px 0px 20px !important;
	margin:90px 0 0 0 !important;
	background-color: var(--main-linktxt-color);
}
.d-box{
	padding:0px 20px 20px 0px !important;
}
.d-box-last{
	padding:0px 0px 20px 0px !important;
}
.d-box-tle{
	background-color:var(--main-title-color);
	font-size:22px;
	color:var(--main-linktxt-color);
	padding:10px 0 9px 20px !important;
}
.d-box-con{
	background-color:#f3f3f3;
	font-size:40px;
	color:#a7a7a7;
	text-align:center;
	padding:20px 0 0 0;
	min-height:180px !important;
}
.d-box-con span{
	font-size:18px;
	color:var(--main-title-color);
}
.footer_main{
	position:fixed !important;
	bottom:0;
	background-color:var(--main-tab-color);
	z-index:2;
}
.footer_left{
	background-color:var(--main-title-color);
}
.footer_name{
	font-size:18px;
	color:var(--main-linktxt-color);
	padding:7px 0 7px 20px !important;
}
.footer_left i{
	color:#dbdbdb;
	font-size:18px !important;
	padding:11px 8px 0 10px
}
.footer_right{
	font-size:14px;
	color:var(--main-linktxt-color);
	text-align:right;
	padding:10px 20px 10px 0 !important;
	background-color:var(--main-tab-color);
	position: absolute;
	bottom: 0;
/*	width: 100%;*/
}
.pl-1 {
	padding-left: 1em !important;
}
.leftAlign {
	text-align: left !important;
}
.footer_menu{
	position:absolute !important;
	text-align:center;
	margin:-30px 0 0 0;
	font-size:12px;
	color:#dbdbdb;
}
.footer_menu a{
	font-size:12px;
	color:#dbdbdb;
}
.yc_sub_menu{
	background-color:var(--main-tab-color);
}

.sidebar-nav li span {
	/*display:none;*/
}

/* Old Css changes */



/* FontAwesome changes */
.fa-change{
	font-size:2.0em !important;
	vertical-align:middle;
}

/* bootstrap changes */

.row {
    margin-left: 0px;
    margin-right: 0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
	float: left;
}
.row .row{
	margin:0;
}
.nav-tabs {
	border-bottom: 1px solid var(--main-tab-color);
}

.nav-tabs > li {
	border-right: 1px solid var(--main-linktxt-color);
}
.nav-tabs > li.active a{
	background-color: var(--main-title-color);
}
.nav-tabs > li > a {
    background-color: var(--main-tab-color);
	border:0;
	border-radius:0;
	color:var(--main-linktxt-color);
/*	padding:10px 20px 10px 20px;*/
	padding:10px 13px 10px 13px;
	font-size:14px;
	float: left;
}
.nav-tabs > li > a:hover {
    background-color: var(--main-title-color);
	color:var(--main-linktxt-color);
}
.nav-tabs > li > a > i{
	font-size: 21px;
	display: block;
}
.row li{
	margin-left:0;
}


.yc_right1{
	background-color:var(--main-linktxt-color);
	padding:0px 0 60px 0px !important;
	right:0;
	position:absolute !important;
/*	width:94%;	*/
}

.yc_left{
	background-color:#1A1F1E;
	top:90px;
	left:0;
	bottom:0;
	position:fixed !important;
	z-index:2;
/*	width:6%;	*/
}

.yc_right1_exp {
	width: 94%;
}

.yc_right1_collapse {
	width: 75%;
}


.yc_left_exp {
	width: 25%;
}

.yc_left_collapse {
	width: 6%;
}

.debug{
	position:absolute;
	z-index:99;
	background-color:#F00;
	color:var(--main-linktxt-color);
	width:35% !important;
	padding:20px;
	line-height:30px;
	margin:5% 0 0 60%;
	height:500px;
	overflow-y:scroll;
}
.d-box-con_txt{
	font-size:80px !important;
	color:var(--main-title-color);
}
div.d-box-con .round_GreenColor {
	padding-top: 2px !important;
}

div.d-box-con .round_RedColor {
	padding-top: 2px !important;
}
div.d-box-con .table{
	width:96%;
	background-color:var(--main-linktxt-color);
	text-align:center;
}

.yc_todo_title{
	font-size:24px;
	color:var(--main-linktxt-color);
	background-color:var(--main-title-color);
	padding:10px 0 10px 20px !important;
	margin:0 0 20px 0;
}
.fancybox-inner{
	overflow:visible !important;
}

navbar-brand{
	height:auto;
}
.navbar-default{
	background-color:#1A1F1E;
	border-color:var(--main-tab-color);
	border-radius:0;
}
.navbar-default .navbar-nav > li > a{
	background-color:none;
	color:var(--main-linktxt-color);
	text-decoration:none;
}
.navbar-default .navbar-nav > li > a:hover{
	background-color:#0d5f61;
	color:var(--main-linktxt-color);
}
.navbar-fixed-top{
	border:0;
}
.navbar-default .navbar-toggle{
	border-color:var(--main-linktxt-color);
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:var(--main-linktxt-color);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #0d5f61;
}

.comany-name{
	color:var(--main-linktxt-color);
	text-align:right;
	padding:8px 0 0 0;
}
.comany-name small{
	font-size: 14px;
}
.menu-bg{
	background-color:var(--main-tab-color);
}
.footer{
	background:none;
/*	background-color:var(--main-tab-color);	*/
	background-color:var(--main-footer-color);
	font-size: 14px;
    color: var(--main-linktxt-color);
	padding:10px 0 10px 0;
	border-radius:0;
	text-align:center;
	width:100%;
	position: absolute;
 	bottom: 0;
	height: 40px;
}
#footer{
	width:100%;
	height:50px;
}
.login-main{
	width:50%;
	margin:0 auto !important;
}
.login-txt{
	font-size:24px;
	color:var(--main-linktxt-color);
	background-color:var(--main-title-color);
	padding:5px 0 9px 20px !important;
}
.login-con{
	background-color:#eeeeee;
	padding:20px 20px 0 20px !important;
}
.main-login {
    margin: 40px auto 40px;
}

div.form-group input[type="text"], input[type="password"]{
	margin: 0px 0px 20px 0px;
}
.form_inline input[type="password"]{
	margin:0px;
	line-height:inherit;
	height:inherit;
	display:inline;
}
div.form-group input[type="password"]{
/*	height:50px;*/
	padding: 6px 12px;
}
div.form-group .btn-default{
	background-color:var(--main-tab-color);
	width:100%;
	font-size:16px;
	color:var(--main-linktxt-color);
	border:0;
	border-radius:0;
	padding:15px 0 14px 0;
}
div.form-group .btn-default:hover{
	background-color:var(--main-title-color);
}

.link-main > .col-ms-6{
	padding-left:0;
	padding-right:0;
	padding-top:0px;
	padding-bottom:5px;
}
.link-main a{
	font-size:14px;
	color:#adacac;
	text-decoration:none;
}
.link-main a:hover{
	text-decoration:underline;
}
.logo-login{
	padding-top:15px;
	padding-bottom:15px;
}
.order-serche-main{
	max-width: 700px;
	margin:0px auto 40px auto;
	background-color:#FFF;
	/*border:solid 1px #dddddd;*/
}
.order-serche-main2{
	width:100%;
	float:left;
	text-align:center;
	padding:20px 0 0 0;
}
.order-serche-main-sp{
	width:100%;
	margin:0 auto;
	background-color:var(--main-linktxt-color);
	border:solid 1px #dddddd;
}
.order-serche-main-sp ol.forms-hb li {
    padding: 10px 20px;
}
.pd-tle{
	background-color:var(--main-title-color);
	color:var(--main-linktxt-color);
	padding:10px !important;
}
.pd-tle-insurance{
	background-color:var(--main-title-color);
	color:var(--main-linktxt-color);
}
.pd-btm-min{
	min-height: 257px;
}
.pd-btm{
	background-color:#e9f2f9;
	padding:15px !important;
}
.pd-btm1{
	background-color:#e9f2f9;
	padding:15px !important;
	min-height:160px;
	margin:0 0 20px 0 !important;
}
.pd-btm2{
	background-color:#e9f2f9;
	padding:15px !important;
	min-height:270px;
	margin:0 0 20px 0 !important;
}
.pd-btm3{
	background-color:#e9f2f9;
	padding:15px !important;
	margin:0 0 20px 0 !important;
}
.pd-btm4{
	background-color:#e9f2f9;
	padding:15px !important;
	margin:0 0 20px 0 !important;
	border-right:solid 3px var(--main-linktxt-color);
	border-left:solid 3px var(--main-linktxt-color);
	min-height:125px;
}
.pd-btm strong{
	padding:5px 0 5px 0;
}
.pd-btm span{
	padding:5px 0 5px 0;
}
.pd-btn{
	padding:10px;
	text-align:right;
	border-top:solid 1px #dddddd;
}
.btn-pad{
	padding:7px 10px;
}
.cartmain{
	padding:10px 0 0 0;
	text-align:right;
}
.cartbox{
	padding:10px !important;
	color:#000;
	background-color:#FFF;
	font-weight: bold;
}
.os-main{
	padding:10px 0 10px 0;
}
.os-main1{
	padding:10px 0 10px 0;
	float:left;
}
.os-left{
	padding:7px 0 0 15px !important;
	font-size:14px;
	color:var(--main-maintxt-color);
}
.os-right{
	font-size:14px;
	color:var(--main-maintxt-color);
}
.form-hb63{
	float:left;
	background-color: var(--main-linktxt-color);
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:63% !important;
	margin:0 4px 0 0;
}
.hb-form60{
	float:right;
	background-color: var(--main-linktxt-color);
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:60%;
	margin:0 4px 0 0;
}
.hb-form73{
    width:73% !important;
}
#select_address {
	display: none;
}
.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}


#processing {
	display: none;
}
/* HB Grid System start here */
.hb-left-50{
	width:50%;
	float:left;
	position:relative;
	padding:0 10px 0 0 !important;
}
.hb-right-50{
	width:50%;
	float:left;
	position:relative;
	padding:0 0 0 10px !important;
}
@media (max-width: 750px) {
	.hb-left-50{
		width:100%;
		padding:0 0 0 0 !important;
	}
	.hb-right-50{
		width:100%;
		padding:0 0 0 0 !important;
	}
	.login-main{
		width:100%;
	}
	.main-login {
    	margin: 20px auto 70px auto;
	}
}
/* HB Grid System end here */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background-color:var(--main-tab-color);
	border:solid 1px var(--main-tab-color);
	color:var(--main-linktxt-color);
	font-size:16px;
	padding:10px 10px 10px 36px;
	margin:1px 0 0 0;
	background-image:url(../images/plus.gif) !important;
	background-repeat:no-repeat;
	background-position:11px 13px;
}
.ui-accordion .ui-accordion-header-active{
	background-color:#1A1F1E !important;
	border:solid 1px #1A1F1E !important;
	color:var(--main-linktxt-color);
	background-image:url(../images/minus.gif) !important;
	background-repeat:no-repeat;
	background-position:11px 13px;
}
.ui-accordion-content-active{
	padding:15px 15px 15px 15px;
	background-color:var(--main-linktxt-color);
}
.ui-accordion-content-active table{
	margin-bottom:0;
}
.ui-accordion .ui-accordion-content{
	border:0;
}
div.basket-div {
    border: 0px solid #ccc;
	background-color:#eeeeee;
	border-radius:0;
}
.bs-example{
	background-color:#FFF;
/*	border:solid 1px #DDD;
	border-radius:4px;*/
}
.bs-example .table{
	margin-bottom:0;
}
.bs-example .table tr{
	background-color: var(--main-background-color);
	border: solid 3px #FFF;
}
.bs-example > .table tr td{
	border:0;
}
.bs-example > .table tr td:nth-child(1){
	font-weight: bold;
}
.bs-example > .table tr td:nth-child(3){
	color: var(--main-title-color);
	font-weight: bold;
	text-align: right;
}
div.basket-div {
	padding: 10px;
}

div.basket-div p {
	background-color:#e4e4e4;
	padding: 5px;
}
ol.forms {
    list-style: outside none none;
	padding:0;
}
.forms select{
	font-size:13px;
	width:100%;
}
.forms input[type="text"], .forms input[type="password"], .forms textarea, .wideForms input[type="text"],
.wideForms input[type="password"], .wideForms textarea, .wideForms select {
	font-size:14px;
	width:100%;
	border: 1px solid #e1e1e1;
    border-radius: 0;
	background-color:var(--main-linktxt-color);
	padding: 6px 12px;
}

ol.form_inline {
	list-style: none;
	list-style-image: none;
}
ol.form_inline li {
	margin-bottom: 5px;
	color: #666;
}

ol.form_inline label {
	border: 0px solid #F00;
	display: inline-block;
	width: 120px;
	padding: 5px 2px;

}

.form_inline input[type="text"], .form_inline input[type="password"], .form_inline textarea, .form_inline select, .form_inline input[type="number"] {
	font-size:14px;
	width:60%;
	border: 1px solid #e1e1e1;
    border-radius: 0;
	background-color:var(--main-linktxt-color);
	padding: 6px 12px;
}

#epcBlock {
	display: none;
}
/*.dashbord ul{
	width: 100%;
	float: left;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	border: solid 1px #000;
}
.dashbord ul li{
	text-align:center;
	padding:0 10px 0 10px;
}
.dashbord ul li div{
	background-color:var(--main-linktxt-color);
	padding:10px;
	min-height:150px;
	margin:10px 0 10px 0;
	border:solid 1px #dddddd;
}
.dashbord ul li div:hover{
	background-color:#f9f9f9;
}
.dashbord ul li a{
	text-decoration:none;
	color:#888888;
}*/
.forms-hb{
	list-style:none;
	margin:0;
	padding:0;
}
.forms-hb li{
	width:100%;
	float:left;
	padding:0 0 10px 0;
}
.forms-hb-txtbox{
	list-style:none;
	margin:0;
	background-color: var(--main-linktxt-color);
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px !important;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.forms-hb-txtbox li{
	width:100%;
	float:left;
}
.form-hb{
	float:right;
	background-color: #FFF;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px !important;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:67% !important;
}
.form-hb-postcode{
	float:left;
	background-color: #FFF;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px !important;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:52% !important;
	margin:0 10px 0 0;
}
.form-hb65{
	float:left;
	background-color: #FFF;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:48% !important;
	margin:0 4px 0 0;
}
.form-hb87{
	float:left;
	background-color: #FFF;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:87% !important;
	margin:0 4px 0 0;
}
.form-hb58{
	width:58% !important;
}
.form-hb100{
	float:left;
	background-color: #FFF;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:100% !important;
	margin:0 4px 0 0;
}
.hb-forms-main{
	width:70%;
	margin:0 auto;
	background-color:var(--main-background-color);
	padding:20px;
}
.hb-forms-main1{
	background-color:var(--main-background-color);
	padding:20px;
}
.hb-forms-main1-new{
	background-color:var(--main-background-color);
	padding:20px 20px 10px 20px;
}
.form-hb-textbox{
	float:right;
	background-color: #FFF;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px !important;
/*  height: 150px;	*/
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:100%;
}
.form-hb-textbox67{
    width:67%;
}
.form-hb-browse{
	float:right;
    background-image: none;
    padding: 6px 12px;
    width:67% !important;
}
.form-hb-lable{
	width:117px;
}
.form-hb-lable2{
	width:90px;
}
.form-hb-lable3{
	width:233px;
}
.form-hb-lable-post{
	width:33% !important;
	float:left;
}
.form-hb-lable-post2{
	width:138px;
	float:left;
}
.forms-hb label{
	padding:7px 0 0 0;
}
.form-text-only{
	padding:0 !important;
}
.form-text-only > .small{
	padding:0 0 0 7px;
}
.form-password{
	margin:0 !important;
}
.navbar-collapse{
	padding:0;
}
#accordion a.accordionLink{
	color:var(--main-linktxt-color);
}
.quotation{
	padding:0;
	margin:0;
}
.quotation li{
	width:100%;
	float:left;
/*	padding-bottom: 7px !important;*/
	padding-bottom: 1px !important;
}

.quotation li i {
	font-size: 14px;
}

.quotation span{
	width:50%;
	float:left;
	font-weight:bold;
}
.quotation_add{
	float:right;
	cursor:pointer;
	padding:5px 5px 0 0;
}
.capt2{
    background-color:var(--main-title-color);
    color:var(--main-linktxt-color);
    font-size:24px;
    padding:5px 15px 10px 15px;
}
.block-label{
	background-color:#e3e3e3;
	padding:10px 15px 10px 0px !important;
	cursor:pointer;
}
.block-label:hover{
	background-color:#d7d7d7;
}
.block-label-btn{
	padding: 6px 12px !important;
	margin-right:0 !important;
}
.block-radio{
	width:40px;
	float:left;
}
.hb-form-date{
	width:330px;
	float:left;
}
.hb-form-date input{
	float:left;
	background-color: var(--main-linktxt-color);
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px !important;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:60%;
}
.hb-form-date label{
	width:12%;
	float:left;
}
.hb-form-group{
	float:left;
	padding:0 10px 0 0;
}
.hb-form-group label{
	width:100%;
	float:left;
}
.hb-form-group input{
	float:left;
	background-color: var(--main-linktxt-color);
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px !important;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:100%;
}
.form-group-day{
	width:60px;
}
.form-group-month{
	width:60px;
}
.form-group-year{
	width:100px;
}
.hb-form-purchase{
	width:300px;
	float:left;
	padding:0 10px 0 0;
}
.hb-form-purchase input{
	float:right;
	background-color: var(--main-linktxt-color);
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px !important;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:95%;
}
.hb-form-rent{
	width:300px;
	float:left;
	padding:0 10px 0 0;
}
.hb-form-rent input{
	float:right;
	background-color: var(--main-linktxt-color);
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px !important;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:70%;
}
.change-link{
	color:var(--main-title-color);
	background:none;
}
.change-link:hover{
	background:none;
}
.table{
	font-size:14px;
}
.pd-btn-calc{
	padding:10px 0 0 0;
	border-top:solid 1px #dddddd;
}
.radio-active{
	background-color:var(--main-linktxt-color);
	border:solid 1px var(--main-title-color) !important;
}
.radio-active:hover{
	background-color:var(--main-linktxt-color);
}
#lease_date{
	display:none;
}
.quo_lable{
	width:161px;
}
.case-step-right{
	width:78%;
	float:right;
	position:relative;
	padding:6px 0 0 10px !important;
}
.case-step-right1{
	width:85%;
	float:left;
}
.case-step-txt{
	width:10%;
	float:left;
	text-align:right;
	padding:0;
}
@media (min-width: 992px) {
	.modal-lg {
		width:1100px;
		max-width: 1100px !important;
		height:700px;
	}
}
.dashbord ul{
	margin:0 0 20px 0;
	padding:10px;
	list-style:none;
	border: solid 1px #d4d4d4;
}
.dashbord ul li{
	text-align:center;
	padding:0 10px 0 10px;
}
.dashbord ul li div{
	background-color:#FFF;
	padding:10px;
	min-height:150px;
	margin:10px 0 10px 0;
	border:solid 1px #dddddd;
}
.dashbord ul li div:hover{
	background-color:#f9f9f9;
}
.dashbord ul li a{
	text-decoration:none;
	color:#888888;
}
.dashbord ul li.Title{
	padding: 60px 10px 0 0;
	/*text-transform: uppercase;*/
}
.dashbord ul li.Title span{
	width: 100%;
	float: left;
	text-align: center;
	background-color: var(--main-title-color);
	color: var(--main-linktxt-color);
	font-size: 24px;
	padding: 1px 0 4px 0;
}
.boxTitle{
	position: absolute;
	margin: -24px 0 0 0px;
	padding: 0 10px 0 10px;
	font-size: 18px;
	background-color: var(--main-background-color);
	color: #999999;
}
.upload_main_Dl , .upload_main_pas{
	display:none;
}
.form-hb57{
	float:left;
	background-color: var(--main-linktxt-color);
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px !important;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:54% !important;
	margin:0 4px 0 0;
}
.order-aml-main{
	background-color:var(--main-linktxt-color);
	border:solid 1px #dddddd;
}
.os-aml-left{
	padding:0 0 0 10px !important;
	font-size:14px;
	color:var(--main-maintxt-color);
}
.aml_sub_title{
	position:absolute;
	font-size:12px;
	color:var(--main-maintxt-color);
	background-color:#FFF;
	margin:-7px 0 0 10px;
}
.label-info-hb{
	background-color:var(--main-linktxt-color);
	border:solid 1px #CCC;
	color:#555555;
}
.form-control-browse {
    background-color: var(--main-linktxt-color);
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}
.withoutpostcode{
	display:none;
}
.primaryTitle{
	padding: 0;
	font-size: 1em;
}
@media (max-width: 1366px) {
	.primaryTitle{
		font-size: 0.75em;
	}
}
.contact_detail{
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 10px;
	border-color: #DDDDDD;
}
.username{
	padding: 20px 20px 20px 73px;
	margin-bottom: 20px;
}
.change_pwd_label{
	width: 113px;
}
.TblTitle{
	background-color: var(--main-title-color);
}
.TblRawOne{
	color: var(--main-tabletxt-color);
}
.TblRawTwo{
	background-color: var(--main-background-color);
	color: var(--main-tabletxt-color);
}
.TblRawOne a,.TblRawTwo a{
	color: var(--main-tabletxt-color);
}
.TblRawOne:hover,.TblRawTwo:hover{
	background-color: #E8E8E8;
}
.TblRawOne:hover a,.TblRawTwo:hover a{

}
.serch-serches-form{
	padding:0 15px 15px 0 !important;
}
.serch-serches-form1{
	padding:0 0 15px 0;
}
.searches_sub_title{
	position:absolute;
	font-size:12px;
	color:var(--main-maintxt-color);
	background-color:var(--main-background-color);
	margin:-7px 0 0 10px;
	padding:0 5px;
}
.searches_sub_title_wht{
	position:absolute;
	font-size:12px;
	color:var(--main-maintxt-color);
	background-color:#FFF;
	margin:-7px 0 0 10px;
	padding:0 5px;
}
.sofHeader{
	margin: 0;
	top: 0 !important;
	color: #FFF !important;
	padding-top: 3px !important;
}
.header{
	height: inherit !important;
}
.btn-success{
	color: var(--main-linktxt-color) !important;
}
.lheader{
	min-height: 100px;
	font-size: 2rem;
	background-color: var(--main-header-color);
}



.navbar-brand{
	height:auto;
}
.navbar-default{
	background-color:var(--main-title-color);
	border-color:#e14fb9;
	border-radius:0;
}
.navbar-default .navbar-nav > li > a{
	background-color:none;
	color:var(--main-linktxt-color);
	text-decoration:none;
	text-transform:capitalize;
}
.navbar-default .navbar-nav > li > a:hover{
	background-color:var(--main-title-color);
	color:var(--main-linktxt-color);
}
.navbar-fixed-top{
	border:0;
}
.navbar-default .navbar-toggle{
	border-color:var(--main-linktxt-color);
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:var(--main-linktxt-color);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: var(--main-title-color);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color:var(--main-linktxt-color);
	background-color: var(--main-title-color);
}
.oncMain{
	margin-top: 30px;
	margin-bottom: 60px;
}
.page-title {
    font-size:20px;
	color:var(--main-linktxt-color);
	padding:10px 0 9px 20px !important;
	background-color: var(--main-title-color);
}
.container {
    /*width: 1270px !important;*/
	max-width: 1270px;
}


.btn-primary{
	background-color: var(--main-title-color);
	border-color: var(--main-title-color);
}
.btn-primary:hover{
	background-color: #444;
	border-color: #444;
}
.header{
	background-color: var(--main-header-color);
}
.navBg{
	background-color: var(--main-menu-color);
}
.navMainBg{
	background-color: var(--main-menu-color);
}
.navbar-light .navbar-nav .nav-item{
	background-color: var(--main-menu-color);
	padding: 5px 10px 5px 10px;
}
.navbar-light .navbar-nav .nav-item:hover{
	background-color: var(--main-title-color);
}
.navbar-light .navbar-nav .nav-link{
	color: var(--main-menulink-color);
}
.navbar-light .navbar-nav .nav-link:hover{
	color: var(--main-menulinkhover-color);
}

.hb-table{
/*	border-collapse: separate;*/
}
.hb-table td{
	border: 0;
	text-align: left;
	font-size: 14px;
	border-top: solid 1px #FFF;
	border-right: solid 1px #FFF;
}
.hb-table td:last-child{
	border-right: solid 0px #FFF;
}
.hb-table tr:hover td{
	background-color: #ced8df;
}
.hb-table thead th{
	border: 0;
	text-align: center;
	color: var(--main-linktxt-color);
	vertical-align: middle;
	border-top: solid 1px #FFF;
	border-right: solid 1px #FFF;
}
.hb-table thead th:last-child{
	border-right: solid 0px #FFF;
}
.hb-table thead th i{
	padding-top: 3px;
}
.hb-table a{
	color: #2a363f;
	font-size: 14px;
}
.hb-table thead tr{
	background-color: var(--main-title-color);
	color: var(--main-linktxt-color);
}
.hb-table thead tr:hover td{
	background-color: var(--main-title-color);
}
.hb-table thead tr a{
	color: var(--main-linktxt-color);
}
.table td, .table th{
	padding: 0.4rem;
	vertical-align: middle;
}
.TblRawOne{
	background-color: #eef3f7;
}
.TblRawTwo{
	background-color: #dee5ea;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: var(--main-linktxt-color);
    background-color: var(--main-title-color);
    border-color: #dee2e6 #dee2e6 var(--main-linktxt-color);
}
.whtBg{
	background-color: #FFF;
}
.page-item.active .page-link {
    background-color: var(--main-title-color);
    border-color: var(--main-title-color);
}
.page-item.active:hover .page-link {
    color: var(--main-linktxt-color);
}
.page-link{
	color: var(--main-title-color);
}
.page-link:hover{
	color: var(--main-title-color);
}

.insuranceProduct{
	margin: 0;
	padding: 0;
	list-style: none;
}
.insuranceProduct li:first-child{
	background-color: var(--main-title-color);
	color: var(--main-linktxt-color);
	padding: 10px;
	border-bottom: 0;
}
.insuranceProduct li:first-child:hover{
	background-color: var(--main-title-color);
}
.insuranceProduct li{
	background-color: #e9f2f9;
	color: #333;
	padding: 8px 10px 15px 10px;
	border: solid 1px #ced8df;
}
.insuranceProduct li:hover{
	background-color: #ced8df;
}
.insuranceProduct li a{
	color: #333;
}
.insuranceProduct li a:hover{
	text-decoration: none;
}
.companyName, .company_CLSRS, .selectProduct, .sampleLink{
	text-align: center;
}
.company_CLSRS,.companyName{
	display: none;
}
.productFilter{
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left: 35px;
}
.productColumn label{
	display: block;
	padding: 0;
}
#step2, #step3, #step4 {
    display: none;
}
.sofHeader {
    color: var(--main-linktxt-color) !important;
}
.ins_header{
	background-color: var(--main-title-color);
	color: var(--main-linktxt-color);
}
.mapMain{
	margin-top: 15px;
	background-color: #eeeeee;
	padding: 10px !important;
}
.mapMain div{
	padding: 0px 0 10px 0;
}
.accordion h5 {
    padding-left: 2rem;
	padding-bottom: 0.2rem;
    background-repeat: no-repeat;
    background-position: left top;
    cursor: pointer;
	font-size: 1rem;
}
.accordion h5[aria-expanded="false"]{
	background-image: url(../images/baseline_add_black_18dp.png);
}
.accordion h5[aria-expanded="true"]{
	background-image: url(../images/baseline_remove_black_18dp.png);
}
.card-header {
    padding: .75rem 0.75rem;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{
	cursor: pointer;
}

.cartProgress{
	width: 100%;
	float: left;
}
.cartProgress li{
	float: left;
	background-color: #3b4852;
	color: #82909a;
	margin-right: 2px;
}
.cartProgress li label{
	/*background-color: #2a363f;*/
	font-size: 24px;
	margin-bottom: 0;
	padding: 6px 15px;
	float:left;
	border: solid 1px #333;
	background-color: #333;
	color: #82909a;
}
.cartProgress li span{
	float: left;
	padding: 14px;
}
.cartProgress li.active_step{
	background-color: var(--main-title-color);
	color: var(--main-linktxt-color);
}
.cartProgress li.active_step label{
	background-color: var(--main-tab-color);
	border: solid 1px var(--main-tab-color);
	color: var(--main-linktxt-color);
}
.icon-success{
	color: #389b35;
}
.icon-error {
    color: #d12828;
}
.form-control{
	font-size: 0.9rem;
}

.err{
	border: solid 1px #FF0000;
}
.info, .success, .warning, .errorTxt, .validation,
.infoText, .warnText, .waiting
{
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info, .infoText {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../images/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../images/success.png');
}
.warning, .warnText {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../images/warning.png');
}
.errorTxt {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/error.png');
}

.waiting {
	color: #ef0b46;
	background-color: var(--main-linktxt-color);
	background-image: url('/images/icon_wait.gif');
}
#t_list_postbox, #s_list_postbox, #list_postbox, #p_list_postbox{
	display: none;
}
/*.btn-group-sm>.btn, .btn-sm {
    padding: 0.2rem .5rem  0 .5rem;
}*/

.subNav{
	position: absolute;
	margin-top: 5px;
	display: none;
	width: auto;
	margin-left: -10px;
	padding-top: 1px;
}
.nav-item:hover .subNav{
	display: block;
}
.subNav li{
	background-color: var(--main-tab-color) !important;
	float: left;
	margin-right: 1px;
}
.subNav li:hover{
	background-color: var(--main-menu-color) !important;
	float: left;
}
.subNav li a{
	color: var(--main-linktxt-color) !important;
}
.subNav li:hover a{
	color: var(--main-linktxt-color) !important;
}
.accordianSelected {
  background-color: #dddddd;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: inherit;
}
.cursor{
	cursor: pointer;
}
.mandatory {
    color: #f00;
}
.form-control[type=date]{
    padding: .3rem .75rem;
}
select.form-control:not([size]):not([multiple]){
	height: 35px;
}
.btn-gs-map{
	border: solid 1px #BDBDBD;
}
p.required {
	color: #E30A0D;
	margin: 0.5rem;
}
 .btn .material-icons {
  padding-right: 6px;
 }
.cartTle{
	font-size: 1.3rem;
	color: var(--main-title-color);
}
.productPrice {
	text-align: right !important;
}

li.required {
	color: #d2322d;
	padding: 0.4rem;
	border-bottom: 1px solid #F0EDEE;
	width: 48%;
	display: inline-block;
}

li.required:nth-child(odd) {
	margin-right: 10px;
}

/*
.recAlert::before {
	font-family: 'Material Icons';
    content: 'error_outline';
}
*/

.recAlert {
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	color: #d2322d;
	float: left;
	padding-right: 5px;
	max-height: 25px;
}


/* Customize the label (the container) */
.chkContainer {
  display: block;
  position: relative;
  padding-left: 45px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.chkContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
/*  background-color: #eee;	*/
	border: 1px solid var(--main-title-color);
	margin-bottom: 3px;
}

/* On mouse-over, add a grey background color */
.chkContainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chkContainer input:checked ~ .checkmark {
	border-color: var(--main-title-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chkContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chkContainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid var(--main-title-color);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkmark_center {
    top: -10px;
    left: 10px;
}
.col-container {
    display: table; /* Make the container element behave like a table */
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
}

@media (min-width: 768px) {
.modal-dialog {
    max-width: 675px;
    margin: 1.75rem auto;
	}
}

 .money, .txtBox {
	font-size: 0.9rem;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.money {
	text-align: right;
}
.licLogo{
	border-radius: 10px;
	max-height: 130px;
}
input[type='color'] {
    height: 40px;
    width: 40px;
    padding: 1px;
}
.theme_min_height{
	min-height: 477px;
}

.firmLogo {
	border-radius: 10px;
	max-height: 100px;
}

@media (max-width: 768px) {
	.hb-forms-main, .order-serche-main{
		width:100%;
	}
	.form-hb65{
	    width:47% !important;
	}

}
@supports (-ms-ime-align: auto) {
	.col-sm-6 {
		width: 49%;
	}
}
@media (min-width:800px) {
	
.navbar-expand-lg {
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
	-ms-flex-direction: row;
	flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: .5rem;
	padding-left: .5rem
}
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}
.navbar-expand-lg .navbar-collapse {
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
	display: none
}
}

.hmain {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.equalh {
    display: table-cell; /* Make elements inside the container behave like table cells */
}
.txtLink{
	color:var(--main-title-color) !important;
}

.quotation-main {
    max-width: 767.98px;
    min-width: 62%;
    margin: 0px auto 40px auto;
    background-color: #FFF;
    /* border: solid 1px #dddddd; */
}
@media (min-width: 769px){
.quotation-main {
    min-width: 914px;
}
}

.badge {
 font-size: 100% !important;   
}
.tooltip-inner {
    max-width: 400px;
    font-size:  1rem;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
}
.sdltSteps li {
	float: left;
	padding-right: 1px;
}

.stepSdlt li{
	float: left;
	padding: 5px;
}
.stepSdlt li a{
	font-size: 16px;
}
.stepSdlt li a i{
	padding:0 5px 0 0;
}
.stepSdlt li a:hover{
	text-decoration: none;
}
.stepSdlt li.completed{
	border: solid 1px #06b007;
}
.stepSdlt li.completed a{
	color:#06b007;
}
.stepSdlt li.completed_act{
	background-color: #06b007;
	border: solid 1px #06b007;
}
.stepSdlt li.completed_act a , .stepSdlt li.pending_act a{
	color: #FFF;
}
.stepSdlt li.pending{
	border: solid 1px #b10708;
	border-right: none;
}
.stepSdlt li:last-child {
	border-right: solid 1px #b10708;
}

.stepSdlt li.pending a{
	color:#b10708;
}
.stepSdlt li.pending_act{
	background-color: #b10708;
	border: solid 1px #b10708;
}

.btn-outline-primary {
    color: var(--main-title-color);
    border-color: var(--main-title-color);
}
.btn-outline-primary:hover {
    background-color:  var(--main-title-color);
    border-color: var(--main-title-color);
}
.small_dialog{
	max-width: 450px;
}
.minFee{
	height: 188px !important;
	font-size: 18px;
}
.statLeft{
	background-color: #d4d4d4;
	color: #4d4d4d;
	border: solid 1px #d4d4d4;
	padding: 5px;
}
.statRight{
	text-align: right;
	border: solid 1px #d4d4d4;
	padding: 5px;
	min-height: 34px;
}

.clsBeta {
	border: 1px solid #FF0000;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}
.art_btn_wrap > a {
	background-color: var(--main-menu-color);
	border-color: var(--main-menu-color);	
}
.art_btn_wrap > a:hover, .art_btn_wrap > a:focus {
	background-color: transparent;
}