@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
@import url(//fonts.googleapis.com/css?family=Kaushan+Script);
/*! 
 *   AdminLTE v1.2
 *   Author: AlmsaeedStudio.com
 *   License: Open source - MIT
 *           Please visit http://opensource.org/licenses/MIT for more information
!*/
/*
    Core: General style
----------------------------
*/
html,
body {
  overflow-x: hidden!important;
  font-family: 'Source Sans Pro', sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  background: #f9f9f9;
}
a {
  color: #fff;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #fff;
}
label {    display: inline-block;    font-weight: normal; color:#555555;   margin-bottom: 5px;}
.form-control{ font-size:14px; font-weight:300; border:1px solid #d9d9d9; border-top:1px solid #c0c0c0; border-radius:0px;width:100% !important}
/* Layouts */

.navbar {
  margin-bottom: 0;
  min-height: 86px;
  padding: 0 0 0 0;
/*padding: 5px 0 0 0;
  min-height: 90px;
  padding:5px 10px 5px;*/
}

.navbar-brand {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	font-size:50px;
}

.navbar-header .navbar-brand {	color: white;}
.navbar-header span {	color: white; top:25px; position:relative;}
.navbar-default .navbar-nav > li > a {
	color: white;
	font-weight: 500;
	font-size: 14px;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: transparent;
}

.navbar-default {
	background-color: #f5a405;
	border:none !important;
}
.butt_color4,
  .btn.butt_color4:focus {
        background-color: #1c1b1b !important;
      border-color: #1c1b1b !important;
      color: #fff !important;
  }
  .btn_focus_color5,
  .btn.btn_focus_color5,
  .btn.btn_color4,
  .btn.butt_color4:hover,
  .btn.butt_color4.focus.active,
  .btn.butt_color4.active:focus,
  .btn.butt_color4:active:focus {
      background-color: #323232 !important;
      border-color: #323232 !important;
      color: #fff;
  }

.form_h{ background:#fff; margin:26% 0 5% 0; padding: 0 2% 3% 0; border:1px solid #ececec;  -webkit-box-shadow: -1px 0px 17px 0px rgba(184,184,184,1);
-moz-box-shadow: -1px 0px 17px 0px rgba(184,184,184,1);
box-shadow: -1px 0px 17px 0px rgba(184,184,184,1);}
.form_h h1{ color:#fff; font-size:35px; color:#555555; font-weight:400; border-bottom:1px solid #d1d1d1; padding:15px 0;}
img {          display: block;          height: auto;      max-width: 100%;   }
.hig10{ height:10px;}

.bg-olive{ background:#0073c6; color:#fff !important; font-weight:300; font-size:18px; border-radius:0px;}
.form-group{ margin:0 0 25px 0;}
a.orange_txt{font-family: 'Source Sans Pro', sans-serif; font-size:15px; font-weight:600; color:#f5af05; text-decoration:none;}
/* .orange_txt:link{font-family: 'Source Sans Pro', sans-serif; font-size:15px; font-weight:600; color:#f5af05; text-decoration:none;} */
.orange_txt:visited {font-family: 'Source Sans Pro', sans-serif; font-size:15px; font-weight:600; color:#f5af05; text-decoration:none;}
a.orange_txt:hover {color:#1c1b1b; text-decoration:none;}


.error input  { border: 1px solid #ff4b37; color: #ff4b37; }
label.error { color: #ff4b37; }
.error:focus {border-color:#ff4b37;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);}
/*26-4-2016*/
/*21-6-2016*/
.h_ome { color: #fff; margin-top: 2.9%;}
@media (min-width: 20px) and (max-width: 767px)
{
    .form_h { margin-top:9em; padding-right: 0;}
    .h_ome { color: #fff; margin-top: -22%;}
    #login-box{padding: 15px;}
    .form_h h1{font-size: 30px;}
}
@media (min-width: 480px) and (max-width: 640px){
    .h_ome { color: #fff; margin-top: -14.5%;}
}
@media (min-width: 640px) and (max-width: 767px){
    .h_ome { color: #fff; margin-top: -11%;}
}
@media (min-width: 768px) and (max-width: 992px)
{
    .form_h { margin-top:10em;}    
    .h_ome {  margin-top: 4%;}
}
@media (min-width: 992px) and (max-width: 1080px)
{
    .form_h { margin-top:10em;}
    .h_ome {  margin-top: 4%;}
}
/*26-4-2016*/

/* .navbar-header {       
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  align-content: center;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  float: left;
  font-size: 20px;
  max-height: 93px;
  max-width: auto;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  line-height: 0;
  overflow: hidden;
  padding: 0;
  width: 270px;
   min-height: 38px;
} */
.header_logo {
  font-size: 14px;
  background: url(/essentials/img/xpel_logo.png) no-repeat 0em 0em;
  background-size: 10.375em 3.9375em;
  width: 10.3125em;
  height: 2.625em;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.logo_position img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
}
 /*.navbar-header {
    align-content: center;
    display: flex;
    float: left;
    font-size: 20px;
    justify-content: center;
    line-height: 0;
    max-height: 93px;
    min-height: 42px;
    padding: 0;
    width: 270px;
 }*/ 
 .logo_position img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
 }
header .logo {       
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  align-content: center;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  float: left;
  font-size: 20px;
  height: 93px;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  line-height: 0;
  overflow: hidden;
  padding: 0;
  width: 270px;
 }