/* fonts */
@font-face {
    font-family: 'droid_sansregular';
    src: url('../fonts/droidsans-webfont.woff2') format('woff2'),
         url('../fonts/droidsans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'droid_sansbold';
    src: url('../fonts/droidsans-bold-webfont.woff2') format('woff2'),
         url('../fonts/droidsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* End fonts  */
body{
	font-family: 'droid_sansregular';
	font-size: 14px;
	line-height: 24px;
	color: #3b3b3b;
}
/* short clsses */
.px-0{ padding-left: 0 !important; padding-right: 0 !important; }
.pr-0{ padding-right: 0 !important; }
.pt-0{ padding-top: 0 !important; }
.p-4{ padding: 1.5rem!important; }
.pl-2 { padding-left: .5rem!important; }
.pb-2, .py-2 { padding-bottom: .5rem!important; }
.pt-2, .py-2 { padding-top: .5rem!important; }
.py-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; }
.px-2{ padding-left: 0.5rem!important; padding-right: 0.5rem!important; }
.px-3{ padding-left: 1rem!important; padding-right: 1rem!important; }
.mt-0{margin-top: 0 !important;}
.text-left{ text-align: left !important; }
.text-right{ text-align: right !important; }
.w100{ width: 100px; }
.widthAuto{ width:auto !important; }
.vNone{ visibility: hidden; }
/* End short clsses */
.sidebar-menu{float: none;}
.sidebar-menu li a,.sidebar-menu li a span{ display: block; text-align: center; font-size: 13px; }
.sidebar-menu li a span{ padding-top: 5px; }
.sidebar-menu li > a i{ font-size: 22px; width: 22px !important; }
.sidebar-menu li ul{ background-color: #caa239; padding-left: 0; margin-left: 0; }
.sidebar-menu li ul li a{ display: block; text-align: left; font-size: 13px; line-height: 20px; color: #333; padding:2px 5px 2px 10px; }
.skin-gray .main-header .logo{ font-family: 'droid_sansregular'; font-size: 12px; line-height: 14px; }
.main-header .logo{ font-family: 'droid_sansregular'; height: 102px; padding-top: 5px; }
.main-header .navbar{ height: 60px; border-bottom: 1px solid #d3d3d3; }

.main-header .logo .logo-mini-img{ display: none; }
.main-header .logo .logo-lg-img{ display: block; }
.sidebar-collapse .main-header .logo{ padding: 5px 5px 0 5px; transition: all 0.3s ease-in-out; }
.sidebar-collapse .main-header .logo .logo-mini-img{ display: block; width: 40px; }
.sidebar-collapse .main-header .logo .logo-lg-img{ display: none; }
.sidebar-menu > li{ padding: 0; }
.sidebar-collapse .sidebar-menu > li > a{ padding: 12px 2px 12px 2px; }
.skin-gray .sidebar-menu li a{ color: #818181; }
.skin-gray .sidebar-menu li a:hover,.skin-gray .sidebar-menu li a:focus{ color: #caa239; }
.time{
	display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #666;
    line-height: 60px;
    margin-left: 15px;
}
.time i { color: #999; font-size: 22px; font-weight: 400; padding-right: 5px; }
.navbar-nav>li>a{ padding-top: 20px; padding-bottom: 20px; }
.divider{ display: block; width: 1px; height: 40px; background-color: #ccc; margin-top: 10px; }
.gearIcon{ font-size: 20px; }
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{ padding-bottom: 10px; }
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu .btn{ margin: 0; }
.navbar-custom-menu .dropdown-menu>li>a{padding: 6px 20px; border-bottom-color: #ddd; letter-spacing: 1px;}
.dropdown-toggle .hidden-xs {
    display: inline-block !important;
}
.navbar-custom-menu .navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 25px;
}
.main-footer{ font-size: 12px; }
.btn{ border-radius: 0; margin: 0 3px; }
.btnGray{ background-color: #dadada;  }
.btnGray:hover,.btnGray:focus{ background-color: #d0cfcf; border-color: #d0cfcf; }
.btnBlue{ background-color: #0067b4; }
.btnBlue:hover,.btnBlue:focus{ background-color: #025a9c; }

.fnKeyLegend{
	border-left: 8px solid #b20b2b;
	background: #dadada;
	padding: 12px 22px;
}
.legendTitle{ display: block; font-size: 15px; color: #b20b2b; }
.fnKeyLegend span{ display: inline-block; font-weight: 400; margin: 0 5px; }

.loginBg{
	background: url(../img/login-bg.jpg) no-repeat center top / cover;
}
.loginBox{
	background: #fff url(../img/login-top-border.png) no-repeat center -2px;
}
.loginBox h3{
	font: 400 28px/30px 'droid_sansregular';
	color: #3b3b3b;
}
.mtop{ margin-top: 200px; }
.btnBlueLogin{ display: block; font-size: 16px; line-height: 24px; text-align: center; background-color: #0067b4; color: #fff; border-color: #0067b4; width: 180px; border-radius: 0; margin: 20px auto 10px; }
.float-none{ float: none; }
.smallHeading{ display: block; font-size: 15px; line-height: 20px; color: #b20b2b; padding: 0 15px; }
.table-bordered{ border-color: #ddd; }
.orderDetailsTable.table tr th{ background-color: #e0e1e1; }
.orderDetailsTable.table tr th, .orderDetailsTable.table tr td{ padding: 12px; }
.orderDetailsTable.table tr td input[type=radio]{ width: 16px; height: 16px; cursor: pointer; }

md-autocomplete md-autocomplete-wrap,md-autocomplete input:not(.md-input),md-autocomplete{ height:32px !important; line-height:32px !important;}
.md-whiteframe-1dp, .md-whiteframe-z1{box-shadow: 0 0px 0px 0 rgba(0,0,0,.1), 0 0px 1px 0 rgba(0,0,0,.14), 0 2px 1px 0 rgba(0,0,0,.05) !important;}
.sidebar-menu > li > a{padding: 12px 5px 12px 5px;}

.sidebar-menu li .treeview-menu .active{ color:#fff; }