@charset "utf-8";
/* CSS Document */
/* */

/* common body styles */
body{
  background-size: cover;
  font-family: 'Spectral', serif;
}
a, a:hover, a:focus{
	color: #765e92;
}
button.btn-default{
	background-color: #996b2a;
	color: #FFFFFF;
	margin-right: 15px;
	width: 150px;
	height: 35px;
	text-transform: uppercase;
}
button.btn-default:hover, button.btn-default:focus{
	background-color: #7f5923;
	color: #FFFFFF;
}

/* page wrapper */
.wrapper{
	position: relative;
}

/* login panel styles */
.panel{
  position: absolute;
  top: 50%;
  width: 500px;
  margin-top: 65px;
  margin-right: -250px;
  right: 50%;
}
.panel.register{
  margin-top: 25px;
}
.panel-default{
	border-color: #ffb347;
}
.panel-default > .panel-heading{
	text-align: center;
	background-color: #ffb347;
	text-transform: capitalize;
}
.panel-default > .panel-footer{
	text-align: center;
	background-color: #ffb347;
	text-transform: capitalize;
}
.panel-heading div{
}
.panel-heading div.left{
	text-align: left;
}
.panel-heading div.right{
	text-align: right;
}
.panel-body{
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left: 45px;
	padding-right: 15px;
}
.register .panel-body{
	padding-right: 45px;
}
.form-horizontal .form-group{
	margin-left: 0px;
	margin-right: 0px;
}
.panel-body .form-horizontal .control-label{
	padding-top: 0px;
}
.panel-body .form-group label{
	text-align: left;
	border-radius: 3px;
	margin-right: -15px;
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-transform: uppercase;
}
.panel-body .form-group .lab{
    background: #ffba59;
    color:#30271f;
    position:relative;
	border-radius: 3px 0px 0px 3px;
	margin-right: -16px;
	z-index: 1;
	height: 35px;
	line-height: 35px;
}
.register .panel-body .form-group.col-sm-6, .register .panel-body .form-group.col-sm-12{
	padding: 0px;
}
.panel-body .form-group label span{
	margin-left: 40px; 
	color: #000;
}
.fgt-pwd{
	padding-left: 0px;
}
.panel-body .form-group .col-sm-9 .form-control{
	height: 35px;
	border-radius: 0px 3px 3px 0px;
}

/* bootstrap select dropdown with icons */
.bootstrap-select button.dropdown-toggle{
	background-color: #fff;
	color: #000;
	margin-right: 15px;
	width: 100%;
	height: 35px;
	text-transform: capitalize;
}
.bootstrap-select button.open>.dropdown-toggle.btn-default:focus, .bootstrap-select button.dropdown-toggle.btn-default:hover, .bootstrap-select .open>.dropdown-toggle.btn-default:focus, .bootstrap-select .open>.dropdown-toggle.btn-default:hover, .bootstrap-select .btn-default.active, .bootstrap-select .btn-default:active, .bootstrap-select .btn-default.focus, .bootstrap-select .btn-default:focus, .open>.dropdown-toggle.btn-default{
	background-color: #fff;
	color: #000;
	border-color: #CCCCCC;
}
.bootstrap-select .btn:focus{
	outline: none !important;
}

/* bootstrap select inside dropdown with icons */
.bootstrap-select.btn-group .dropdown-menu li a{
	height: 35px;
	line-height: 25px;
}
.bootstrap-select span.media-left{
	width: 30px;
}
.bootstrap-select .media img{
	height: auto;
	max-height: 20px;
	width: auto;
	max-width: 20px;
	padding-top: 5px;
}
.panel-body .bootstrap-select.btn-group .dropdown-menu li a span.text, .panel-body .bootstrap-select.btn-group .dropdown-menu li a span.media-body{
	height: 25px;
}

/* login modal styles */
.modal-dialog{
	width: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -125px 0 0 -300px;
}
.modal-body{
	padding-top: 20px;
}
.modal-body .col-sm-2{
    color:#30271f;
    position:relative;
	height: 25px;
	line-height: 25px;
}
.modal-body label{
    color:#30271f;
    position:relative;
	height: 25px;
	line-height: 25px;
}
.modal-body label h5{
    margin-top: 5px;
}
.register .panel-body label h6{
    font-size: 12px;
}
.modal-body .form-control{
	height: 35px;
}


/* Error 404 */

.error404{
	background: #FFEEEE;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #DDEFBB, #FFEEEE) no-repeat center center fixed;  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #DDEFBB, #FFEEEE) no-repeat center center fixed; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }
.error404 .wrapper{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: -40px;
	color: #585f4a;
}