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

.error {	color: #ff0000;font-style: italic;	}
.alert {	color: green;	}
.sureMsg{	font-weight: bold;	}

* { margin:0; padding:0; outline:0; }
body, html { overflow-x:hidden !important; }
a, .btn{transition: all 0.4s ease 0s; }
a:hover, a:focus, {
border:0;
outline:0; text-decoration:none
}
.btn:focus, a:active, a:hover, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, .form-control:focus, .btn:active, .btn.active, .dropdown-toggle:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, img:focus { outline:0 }
body { font-family: 'Open Sans', sans-serif; font-size:14px; color:#797979; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Open Sans', sans-serif; color:#104590; }
h2 { margin-bottom:30px; margin-top:40px; float:left; width:100%; font-size: 28px; }
form { position:relative; z-index:20; float:left; width:100%; padding-bottom:10px }
small, .small { font-size: 75%; }
label { font-weight:normal }
.form-horizontal .control-label { text-align:left; font-size:16px; font-weight:normal }
.radioGroup { font-size: 14px; line-height: 23px; margin-right: 10px; float:left }
.radioGroup label { float:left }
.btn { font-weight:bold }
.btn i { font-size:18px; margin-right:5px }
.btn-row { margin:10px 0 }
.form-horizontal .btn-row { margin:10px 28px 10px 0 }
table tr td label { margin:0 }
table thead tr th, table thead tr td { background:#cbd2db; color:#104590; font-weight:bold; font-size:14px; }
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f2f2f2;
}
.tableblock { float:left; width:100%; overflow-x:auto }
.finalPanel { padding:25px; float:left; width:100%; background:#f5f8fd; border:solid 1px #104590; border-radius:5px; margin:20px 00 }
.navbar-collapse { max-height:500px }
.finalPanel h2 { margin-top:0 }
.col3from.form-horizontal .control-label { width:17%; float:left }
.forminputs { width:33%; padding-right:45px; position:relative; float:left }
.tooltip_link { color: #797979; float: right; font-size: 17px; font-weight: normal; position: absolute; right: 20px; top: 4px; }
.dropdown-menu .spacer { height:10px }
.tooltip { max-width:250px; right:0 }
#projectinfo { padding-bottom:10px }
.form-control { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important; -webkit-appearance: none; }
.red { color:red }
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
 position: absolute;
 left: -9999px;
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
 position: relative;
 padding-left: 25px;
 cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
 content: '';
 position: absolute;
 left:0;
top: 3px;
 width: 17px;
height: 17px;
 border: 1px solid #aaa;
 background: #f8f8f8;
 border-radius: 3px;
 box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
 content: '✔';
 position: absolute;
 top: 0;
left: 4px;
 font-size: 14px;
 color: #656565;
 transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
 opacity: 0;
 transform: scale(0);
}
[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
[type="radio"]:not(:checked), [type="radio"]:checked {
 position: absolute;
 left: -9999px;
}
[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
 position: relative;
 padding-left: 25px;
 cursor: pointer;
}

/* radio aspect */
[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before {
 content: '';
 position: absolute;
 left:0;
top: 2px;
 width: 17px;
height: 17px;
 border: 1px solid #aaa;
 background: #f8f8f8;
 border-radius: 100%;
 box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after {
 content: '';
 position: absolute;
 top: 7px;
left: 5px;
 font-size: 14px;
 background: #656565;
 width:7px;
 height:7px;
 border-radius:100%;
 transition: all .2s;
}
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
 opacity: 0;
 transform: scale(0);
}
[type="radio"]:checked + label:after { opacity: 1; transform: scale(1); }

header{float:left; width:100%; background:url(../images/headerbg.png) right top #dadfe5 no-repeat ; border-top:solid 4px #00539c; padding-top:9px; max-height:116px}
header img{float:left}
header .logotext{float:left; color:#00529b; font-size:20px; font-weight:bold; text-transform:uppercase; margin-top:27px; line-height:23px; margin-left:10px}
.visible-mobile{display:none}
.toprightBtn, .topleftBtn {
    background: #cad1da;
  
    color: #00529b;
    font-size: 18px;
    font-weight: normal;
    height: 91px;
    line-height: 14px;
    padding: 15px 26px;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-transform: none; top:4px
}
.toprightBtn:hover, .topleftBtn:hover{background:#00529b; color:#fff; text-decoration:none}
.toprightBtn i, .topleftBtn i{margin-bottom:7px; font-size:30px}
.topleftBtn{left:0; right:auto}
.viewblock{background:#f2f2f2; padding:5px 10px; float:left; width:100%; margin-bottom:20px}
.viewblock .viewrow{float:left; width:100%; padding:5px 0}
.viewblock .viewrow label{float:left; width:48%; font-weight:bold; padding-right:4%}
.viewblock .viewrow .valuse{float:left; width:48%}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
label.select:after{
content: "\f077";
font-family: FontAwesome;
font-size: 18px;
color: #AAA;
transform: rotate(-180deg);
right: 8px;
top: 4px;
padding: 0px 0px 2px;
position: absolute;
pointer-events: none;
}

label.select:before{
content: "";
right: 1px;
top: 0px;
width: 22px;
height: 34px;
background: none repeat scroll 0% 0% #FFF;
position: absolute;
pointer-events: none;
display: block;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
}

label.select{
position: relative;
width: 100%;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
 select.form-control {
padding-right:18px
}
}
@media (max-width: 1160px) {
.col3from.form-horizontal .control-label {
width:20%
}
.forminputs {
width:30%;
}
}
@media (max-width: 980px) {
.col3from.form-horizontal .control-label {
width:100%
}
.forminputs {
width:100%;
}
.form-group {
margin-bottom:0
}
}
@media (max-width: 767px) {
 .form-group {
margin-bottom:0
}
 .btn-row {
float:left !important;
margin:10px 0
}
 .btn-row .btn {
margin-bottom:10px
}
 h2 {
margin:15px 0
}
.hidden-mobile{display:none}
.visible-mobile{display:inline-block}
.logo img{width:130px}
.logo {display:inline-block}
header{text-align:center; max-height:95px; padding:10px 0 }
.form-horizontal .control-label{padding-bottom:5px}
}
@media (max-width: 480px) {
h2 {
font-size:20px
}
.form-horizontal .control-label {
font-size:15px
}
.logo img{width:100px}
.toprightBtn i, .topleftBtn i{margin-bottom:5px; font-size:20px}
.toprightBtn, .topleftBtn{height: 78px; font-size:14px;
    line-height: 14px;
    padding: 17px 16px;}
}