@charset "utf-8";
/* CSS Document */
.error {	color: #ff0000;font-style: italic;	}
.alert {	color: green;font-style: italic;	}
.sureMsg{	font-weight: bold;	}
table tr:hover {
    background-color: #e9d9c8;
}


* { margin:0; padding:0; outline:0 }
body,html{overflow-x:hidden !important;}
a:hover, a:focus, {border:0; outline:0}



.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:13px; 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 }
.navbar-brand { padding:0 }
.navbar { padding:10px 0 }
.navbar-toggle{margin-top:29px}
.msgClick{font-size: 15px;font-family: bold;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{ background:#b41400;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e41900), to(#b41400));
background: -webkit-linear-gradient(#e41900, #b41400);
background: -moz-linear-gradient(#e41900, #b41400);
background: -ms-linear-gradient(#e41900, #b41400);
background: -o-linear-gradient(#e41900, #b41400);
background: linear-gradient(#e41900, #b41400);
-pie-background: linear-gradient(#e41900, #b41400);
behavior: url(js/PIE.htc);position:relative
}

.dropdown-menu li a{cursor: pointer;}
.dropdown .dropdown-toggle {cursor: pointer;}


.loading{	color: green; font-size: 12px;	}
.topnav { float:right;background:#b41400;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e41900), to(#b41400));
background: -webkit-linear-gradient(#e41900, #b41400);
background: -moz-linear-gradient(#e41900, #b41400);
background: -ms-linear-gradient(#e41900, #b41400);
background: -o-linear-gradient(#e41900, #b41400);
background: linear-gradient(#e41900, #b41400);
-pie-background: linear-gradient(#e41900, #b41400);
behavior: url(js/PIE.htc); -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border:solid 1px #f11b00; padding:0; margin-top:15px; position:relative; z-index:9999 }
.navbar-inverse .navbar-nav > li > a { font-size:18px; color:#fff; text-transform:uppercase; font-weight:bold; float:left;-webkit-transition: all 0.5s ease 0.01s;
       -moz-transition: all 0.5s ease 0.01s;
        -ms-transition: all 0.5s ease 0.01s;
         -o-transition: all 0.5s ease 0.01s;
         transition: all 0.5s ease 0.01s; }
.dropdown-header{margin-bottom:5px}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color:#fff }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background:rgba(255,255,255,0.3);}
.navbar-inverse .navbar-nav > li > a i { font-size:22px; margin-right:5px }
.navbar-inverse .navbar-nav > li { border-right:solid 1px #f11b00; }
.nav > li > a { padding:17px 20px }
.topnav .input-group { float:left; width:100% }
.dropdown-header{color:#fff; font-size:15px; background:rgba(0,0,0,0.3)}
.dropdown-menu > li > a{padding:3px 35px; font:12px;-webkit-transition: all 0.5s ease 0.01s;
       -moz-transition: all 0.5s ease 0.01s;
        -ms-transition: all 0.5s ease 0.01s;
         -o-transition: all 0.5s ease 0.01s;
            transition: all 0.5s ease 0.01s;}
.navbar-inverse .navbar-nav > li.topsearch { float:left; border:0; padding:10px 10px; max-width:260px }
.input-group-addon.btn-primary { background:#104590; color:#fff; border-color:#104590 }
.topsearch input[type="text"] { border-radius:5px 0 0 5px; width:82% !important; float:left; border:0 }
.topsearch .input-group-addon, .topsearch .input-group-addon:hover {
    border: 0 none;
    border-radius: 0 5px 5px 0;
    clear: none;
    cursor: pointer;
    display: inline;
    float: left;
    font-size: 15px;
    padding: 9px 10px; text-align:center; width:36px; height:35px
}
.navbar-inverse .navbar-nav > li#logoutrole{border-left:1px solid #F11B00; border-right:0}
.navbar-inverse .navbar-nav > li#logoutrole > a i{margin:0}
.topsearch .input-group-addon{float:left}
 .topsearch .input-group-addon:hover{background:#012c69; margin:0}
.form-horizontal .control-label { text-align:left; font-size:16px; font-weight:normal }
.custom-radio { width: 25px; height: 21px; float:left; position:relative }
.custom-radio:before { width: 17px; height: 21px; position: relative; z-index: 1; top: 0px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:21px; content: "\f10c"; }
.custom-radio.selected:before { content: "\f192"; }
.custom-radio input[type="radio"] { margin: 1px; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; left:0 }
.custom-check input[type="checkbox"] { margin: 1px; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; left:0 }
.custom-check { width: 25px; height: 21px; float:left; position:relative }
.custom-check:before { width: 17px; height: 21px; position: relative; z-index: 1; top: 0px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:21px; content: "\f096"; }
.custom-check.selected:before { content: "\f046"; }
.radioGroup { font-size: 14px; line-height: 23px; margin-right: 10px; float:left }
.radioGrouphomepage { font-size: 14px; line-height: 23px; margin-right: 10px; float:left;margin-top: 8px; }
.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:#757575; color:#fff; font-weight:normal; font-size:15px}

.tableblock{float:left; width:100%;}
.tableblockStiff{float:left; }
.tableblockAvailable{float:left; width:100%; }
.tableblockFinal{float:left; width:100%; }

.dropdown-menu, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-nav .open .dropdown-menu, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{background:#012c69}
.dropdown-menu{box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5) !important; z-index:99999}
.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;}
/* The CSS */
select.form-control {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #888888;
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 0;
    outline: medium none;
    padding: 3px 3px 3px 10px ;
    width: 100%;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
}



label.select {position:relative; width:100%}
label.select:after {
   content: "\f053";
   font-family: FontAwesome;
    font-size:18px;
    color:#aaa;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    right:8px; top:4px;
    padding:0 0 2px;

    position:absolute;
    pointer-events:none;
}
label.select:before {
    content:'';
    right:1px; top:0px;
    width:22px; height:34px;
    background:#fff;
    position:absolute;
    pointer-events:none;
    display:block;border-bottom:solid 1px #ccc;border-top:solid 1px #ccc
}
.insulationPanel{float:left; width:50%}
.insulationPanel .insulationType{float:left; width:100%;}
.col3from.form-horizontal  .insulationPanel .control-label{width:40%}
.col3from.form-horizontal  .insulationPanel .forminputs{width:60%}
.insulationPanel #insulationmaterialthickness{float:left; width:100%; margin-top:10px}
.navbar-inverse .navbar-nav > .dropdown > a .caret{color:#fff}
.table  i{font-size:20px}
.tooltipothertxt{float:left}
.modal-backdrop {z-index:9999!important}
.modal {z-index: 99999 !important;}
table.nostriped td{background:none !important; }
table.nostriped tr:hover td{background:#E0E0E0 !important;}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@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  .insulationPanel .control-label, .insulationPanel .insulationType, .insulationPanel #insulationmaterialthickness, .insulationPanel{width:100%}
	.insulationPanel #insulationmaterialthickness{margin-top:0}
.col3from.form-horizontal  .insulationPanel .forminputs{width:100%}
.col3from.form-horizontal .control-label{width:100%}
.forminputs{width:100%;}
.form-group{margin-bottom:0}
}
@media (max-width: 767px) {
.container > .navbar-header, .container > .navbar-collapse {margin:0;width:100%;padding:0px 0 10px 0}
 .navbar-nav {margin:0}
 .navbar-inverse .navbar-nav > li, .navbar-nav .open .dropdown-menu, .navbar-inverse .navbar-nav > li > a {float:left; width:100%}
 .navbar-inverse .navbar-nav > li {border:0}
 .navbar-inverse .navbar-nav > li.topsearch {max-width:100%}
 .form-group{margin-bottom:0}
 .btn-row{float:left !important; margin:10px 0}
 .btn-row .btn{margin-bottom:10px}
 .navbar-nav .open .dropdown-menu > li > a{padding-left:35px}
 .navbar-nav > li > .dropdown-menu{border-radius:0 !important}
 .topsearch input[type="text"]{width:93% !important}
 .navbar-brand img{max-width:100px}
 .navbar-toggle{margin-top:10px}
 .container > .navbar-header, .container > .navbar-collapse{padding:0}
 .nav > li > a{padding: 9px 20px;}
 .navbar-inverse .navbar-nav > li > a{font-size:16px}
 .navbar-inverse .navbar-nav > li > a i{font-size:19px}
 .container > .navbar-collapse{margin-top:10px}
 h2{margin:15px 0}
}
@media (max-width: 480px) {
h2{font-size:20px}
.form-horizontal .control-label{font-size:15px}
.topsearch input[type="text"]{width:85% !important}
}


.invalid{
	color:red;
}
.highlighted {
    background: red;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}

.pagination>li {
	display: inline
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}

.pager:before,
.pager:after {
  display: table;
  line-height: 0;
  content: "";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: default;
  background-color: #fff;
}

.mainHeading{
	background-color:silver;
}
.heading{
	background-color:#F5EADE;
}

thead th a{
	color: white;
}