@import url('https://fonts.googleapis.com/css?family=Days+One');
body {
	font-family: 'Raleway', sans-serif; color: #000000;
}
a:hover, a:focus, .btn:hover, .btn:focus, .btn:hover.active, .btn:focus.active, a:hover.active, a:focus.active {
	outline: none !important;
}
.login-page {
  background-color: #071b34;
  background-image: url("../images/loginbg.jpg");
  background-position: right center;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.page_login {
  margin-top: 7%; 
}
.log_in {
  margin-top: 5px;
}
.bg-default {
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 60%, #204682 60%, #204682 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(60%, #ffffff), color-stop(60%, #204682), color-stop(100%, #204682));
  background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 60%, #204682 60%, #204682 100%);
  background: -o-linear-gradient(left, #ffffff 0%, #ffffff 60%, #204682 60%, #204682 100%);
  background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 60%, #204682 60%, #204682 100%);
  background: linear-gradient(to right, #ffffff 0%, #ffffff 60%, #204682 60%, #204682 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#204682',GradientType=1 );
  padding: 15px; 
  border-radius: 5px;
  min-height: 350px;
}
  .bg-default h3 {
    font-weight: 500;
    margin-bottom: 18px;
    margin-top: 0px;
	color: #000000;
	font-size: 20px;
  }
.bg-default label {
    font-weight: 600;
	font-size: 13px;
	color: #000000;
}
.white_bg {
  padding: 15px; 
}
.page_login .form-control {
  border-color: #abafb7;
  color: #000;
  font-weight: 500;
  height: 34px;
  padding: 6px 12px 5px;
  box-shadow: inherit;
  border-radius: 1px;
}
.page_login .gray_bg {
  margin-top: 4em; }

.btn-primary {
  background-color: #204682;
  border-color: #204682;
  border-radius: 2px; 
  font-weight: 600;
  color: #fff !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.hover, .btn-primary.focus, .btn-primary.focus.active,  .btn-primary:active:hover, .btn-primary:active:focus,
.btn-primary.active:focus .btn-primary:focus:active, .btn-primary.hover.active, .btn-primary:hover:active, .btn-primary.active:hover,
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, 
.btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, 
.btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, 
fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background: #254e8d !important;
    border-color: #254e8d !important; 
}
 
.btn-lg {
  border-radius: 2px;
  font-size: 17px;
  padding: 10px 50px; }

.btn-sm {
  font-size: 14px;
  padding: 6px 10px; }

.page_login .form-group {
  margin-bottom: 17px; }
.page_login .log_in {
  color: #204682;
  font-size: 13px;
  font-weight: 600;
}

.help_desk {
  color: #fff;
  font-size: 12px;
  margin-top: 15px; }
  .help_desk a {
    color: #fff;
    margin-left: 17px; }

.forgot_in {
  display: none; 
  margin-top: 55px;
}

.marg7 {
  margin-right: 7px; }

.marg0 { margin: 0 auto;}
.help-block ul {
  color: #f20;
  font-size: 12px;
  list-style: outside none none;
  padding: 0;
  font-weight: 500;
}
.footer { color: #fff; margin-top: 15px; font-weight: 600;}
.mt5 { margin-top: 4px;}
.btn-md { padding: 7.5px 12px;}
.error_txt label { color: #f20; font-size: 12px;  font-weight: 500;}
.alert {margin-bottom: 0;}
.alert-success, .alert-danger {margin-bottom: 20px;}
@media (max-width: 767px) {
  .page_login {
    margin-top: 0; 
  }
  .login-page {
	  position: relative;
  }
 .bg-default {
	margin: 20px auto;
    background: #4a89dc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #4a89dc 0%, #4a89dc 271px, #ffffff 271px, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4a89dc 0%, #4a89dc 271px, #ffffff 271px, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4a89dc 0%, #4a89dc 271px, #ffffff 271px, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a89dc', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */ 
}

  .white_bg {
	  padding: 15px 0 15px;
	  margin-bottom: 10px;
  }

  .page_login .gray_bg {
    margin-top: 0em;
    padding-bottom: 1.5em; }

  .btn-lg {
    font-size: 15px;
    padding: 12px 40px; }

  .serch .login-popup .group {
    bottom: -5px;
    left: 5%;
    position: absolute;
    right: 5%; }
    .forgot_in {
      margin-top: 15px;
    }	
}
.mart65 {margin-top: 65px;}
.gray_bg .form-group + img { padding-left: 10px;}
input.form-control::-webkit-input-placeholder { /* Chrome */
  color: #333333;
}
input.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #333333;
}
input.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #333333;
  opacity: 1;
}
.btn-group.bootstrap-select.stationAuto { width: 100% !important;}
.stationAuto .btn { border-radius: 1px;}
.ui-tooltip { display: none !important;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background-color: #4a89dc;
}
.stationAuto .dropdown-menu > li > a {
	padding: 2px 17px;
	font-size: 12px;
}
.stationAuto .dropdown-menu > li > a:hover, .stationAuto .dropdown-menu > li > a:focus,
.stationAuto .dropdown-menu > li > a.hover, .stationAuto .dropdown-menu > li > a.focus,
.stationAuto .dropdown-menu > li.active span, .stationAuto .dropdown-menu > li.active a {
	 background-color: #204682;
	 color: #fff;
}
.bootstrap-select.btn-group .btn .filter-option {
    color: #000;
    font-weight: 500;
}
.bs-searchbox input.form-control {
	padding: 3px;
	height: auto;
	background-image: url(/assets/images/search.png);
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: center right;
	background-origin: content-box;
}
@media (min-width: 1550px) { 
	body { font-size: 15px;}
	.page_login .form-control {
		padding: 8px 12px 8px 12px;
		font-size: 15px;
		height: auto;
	}
	.btn-md {
		padding: 8px 12px;
		font-size: 15px;
	}
	.page_login .log_in, .bg-default label {
		font-size: 15px;
	}
	 .bg-default h3 { font-size: 24px;}
	 .stationAuto .dropdown-menu > li > a {
		font-size: 14px;
		font-weight: 500;
		color: #000;
		padding: 5px 10px;
	}
	.footer {
		font-size: 16px;
	}
}