﻿
@font-face {
    font-family: 'Aller_Rg';
    src: url('../../fonts/Aller_Rg.eot');
    src: url('../../fonts/Aller_Rg.eot') format('embedded-opentype'),
         url('../../fonts/Aller_Rg.woff2') format('woff2'),
         url('../../fonts/Aller_Rg.woff') format('woff'),
         url('../../fonts/Aller_Rg.ttf') format('truetype'),
         url('../../fonts/Aller_Rg.svg#Aller_Rg') format('svg');
  
   }
html, body {
  height: 100%;
}
body {
	font-family: 'Aller_Rg', serif;
	background:#fff;
	line-height:18px;
	overflow-y: hidden;
	
}
.img-section {
    bottom: 40px;
    position: absolute;
    width: 100%;
}
.hut-img-section{bottom: 40px;
    position: absolute;
    width: 100%;}
.login-section{position: relative;
    z-index: 99;
    }
.bldg-bg{width:100%}
.loginpage{}
.loginpage .logo{margin:40px 0 0}
.loginpage h1{color:#3e3da5; font-size: 2em;}
.loginpage h2{color:#3e3da5;font-size: 1.2em;  margin-top: 6px;}
.top-bg{background:url('../images/logib-bx-top.png') top repeat-x; margin-top:50px 15px;}
.mainbox{background:#f1f1f9; padding:15px; border-bottom:2px solid #4a49ab; margin: 8px 0; }
.mainbox .input-group-addon {
    background-color: #fff;
    border-radius: 0px;
    color: #ccc;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
    background:#ffffff url('../images/input-right-arw.png') right no-repeat;
    border:none;
    position: relative;
    z-index: 111;
}
.mainbox .form-horizontal {
    margin-bottom: 0;
}
.mainbox .input-group-border {border: 1px solid #ccc;}
.mainbox .mar-btm15 {margin-bottom: 15px}
.mainbox .form-control:focus {
    border-color: #3e3da5;
    box-shadow: 0 1px 1px rgba(62, 61, 165, 0.075) inset, 0 0 8px rgba(62, 61, 165, 0.6);
    outline: 0 none;
}
.mainbox .form-control {border:0px}
.mainbox .btn-danger{border-bottom:2px solid #3e3da5;  border-radius: 2px;}


.checkbox {
    padding-left: 20px;
}
.checkbox label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    vertical-align: middle;
}
.checkbox label::before {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    margin-left: -20px;
    position: absolute;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    width: 17px;
}
.checkbox label::after {
    color: #555555;
    display: inline-block;
    font-size: 11px;
    height: 16px;
    left: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    position: absolute;
    top: 0;
    width: 16px;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
    content: "";
    font-family: "FontAwesome";
}
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox.checkbox-inline {
    margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.radio {
    padding-left: 20px;
}
.radio label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    vertical-align: middle;
}
.radio label::before {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    margin-left: -20px;
    position: absolute;
    transition: border 0.15s ease-in-out 0s;
    width: 17px;
}
.radio label::after {
    background-color: #555555;
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 11px;
    left: 3px;
    margin-left: -20px;
    position: absolute;
    top: 3px;
    transform: scale(0, 0);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33) 0s;
    width: 11px;
}
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
    transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.radio.radio-inline {
    margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
    background-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca;
}
.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

.forgot-pass span{font-size: 1.4em;color: #5D94C6;margin: 0 12px 0 0;padding: 8px 0 0 0;}



/* Footer CSS*/
* {
  margin: 0;
}

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -40px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.footer, .page-wrap:after {
  min-height: 40px; 
}
.footer {
  background:#1D2B38;
  z-index:99999;
  position:relative;
}
.footer p {color:#fff; padding:10px 0px; font-size: 0.9em; margin: 0;}
/*
========================== LAYOUT ==========================
*/
.wrapper {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.main {
	position: relative;
    top: 0px;
    left: 0px;
}
.fieldset1 {
	border: 1px solid #c8c8c8;
	padding: 5px 10px;
}
.fleft {
	float: left;
}

.fright {
	float: right;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0px;
	height: 0px;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.container {
	width: 100%;
}

	.fieldset1 legend {
		padding: 0px 10px;
		font-size: 22px;
		font-weight: bold;
		background-color: #F1F1F1;
		border: 1px;
		border-color: #c7c7c7;
	}

    /*--Start Progress with steps */

/*ol.progtrckr {margin:0 auto 50px auto;padding: 0;list-style-type:none;text-align:center; }
ol.progtrckr li {display: inline-block;text-align: center;line-height: 5em;cursor:pointer}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 8%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 8%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 8%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 8%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 8%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 8%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 8%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 8%; }
ol.progtrckr[data-progtrckr-steps="10"] li { width: 8%; }
ol.progtrckr[data-progtrckr-steps="11"] li { width: 8%; }
ol.progtrckr[data-progtrckr-steps="12"] li { width: 8%; }
ol.progtrckr[data-progtrckr-steps="13"] li { width: 8%; }
ol.progtrckr[data-progtrckr-steps="14"] li { width: 8%; }

ol.progtrckr li.progtrckr-done {color: black;border-bottom: 8px solid yellowgreen;}
ol.progtrckr li.progtrckr-todo {color: silver; border-bottom: 8px solid silver;}
ol.progtrckr li.progtrckr-uptodo {color: black; border-bottom: 8px solid orange;}
ol.progtrckr li.progtrckr-reject {color: black; border-bottom: 8px solid red;}
ol.progtrckr li:after {content: "\00a0\00a0";}
ol.progtrckr li:before {
	position: relative;
	bottom: -4.1em;
	float: left;
	left: 40%;
	line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
	content: "\2713";
	color: white;
	background-color: yellowgreen;
	height: 2.2em;
	width: 2.2em;
	line-height: 2.2em;
	border: none;
	border-radius: 2.2em;
}
ol.progtrckr li.progtrckr-todo:before {
	content: "\039F";
	color: silver;
	background-color: white;
	font-size: 2.6em;
	bottom: -1.5em;
}
ol.progtrckr li.progtrckr-uptodo:before {
	content: "\2713";
	color: white;
	background-color: orange;
	height: 2.2em;
	width: 2.2em;
	line-height: 2.2em;
	border: none;
	border-radius: 2.2em;
}
ol.progtrckr li.progtrckr-reject:before {
	content: "\0058";
	color: white;
	background-color: red;
	height: 2.2em;
	width: 2.2em;
	line-height: 2.2em;
	border: none;
	border-radius: 2.2em;
}
.information-box {background:#fafafa; border:1px solid #ececec; padding:30px}

ul.info-color {text-align:center; list-style:none; margin:0px auto; padding:0px}
ul.info-color li {display:inline-block}
ul.info-color li span {padding:3px 10px; color:#fff}
ul.info-color li span.green {background:yellowgreen}
ul.info-color li span.orange {background:orange}
ul.info-color li span.silver {background:silver}
ul.info-color li span.white {background:white; border:1px solid #ccc; color:#333}

ul.info-color li span.red {background:red}*/

  /*--End Progress with steps */