body{font-family:'Open Sans', sans-serif;font-size:12px;font-size:normal;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;color:#202020;background:#fff;}
@font-face{font-family:'opensans_regular';src:url('../fonts/opensans_regular.eot');src:url('../fonts/opensans_regular.eot') format('embedded-opentype'),
url('../fonts/opensans_regular.woff2') format('woff2'),
url('../fonts/opensans_regular.woff') format('woff'),
url('../fonts/opensans_regular.ttf') format('truetype'),
url('../fonts/opensans_regular.svg#opensans_regular') format('svg');font-weight:normal;font-style:normal;}

*{text-decoration:none !important;margin:0;padding:0;list-style:none;outline:none !important;}
.mrg0{margin:0px !important;}
.white, a.white:hover, a.white:focus{color:#fff;}
.bg-blue{background:#a0faf8 !important;}
.bg-white{background:#fff !important;}
.drk-grn{color:#34afb4 !important;}
.bg-grn{background:#34afb4 !important;}
.orng{color:#f39c12 !important;}
.drk-bg{background:#17365d;}
.drk-clr{color:#17365d;}

html {
 	scroll-behavior: smooth;
}

div.file{
    position: relative;
    overflow: hidden;
    border-radius: 0px 4px 4px 0px;
    padding: 7px 12px;
    background: #34afb4;
    border-color: #1a8589;
    cursor: pointer;
    margin: -14px -13px -12px;
}
div.file input {
    position: absolute;
    font-size: 50px;
    opacity: 0;
    right: 0;
    top: 0;
    cursor:pointer;
}
div.file:hover {
    background:#f39c12;
    border-color: #b67000;
}
.middle legend.heading{
    color: #34afb4;
    font-weight: bold;
    text-transform: uppercase;
}
header{
    float:left;
    background:#34afb4;
    width:100%;
    padding:0px;
}
header ul{
    float: left;
    margin: 0;
}
header ul li{
	float:left;
	margin-right:8px;
	position:relative;
}
header ul li:after{
    content: "\f0da";
    font-family: 'FontAwesome';
    position: absolute;
    right: -7px;
    top: 5px;
    font-size: 22px;
    color: #1a8589;
}
header ul li:last-child:after{display:none;}
header ul li a, header ul li a:focus{
	color:#fff !important;
	font-size:14px;
	line-height:25px;
	padding:8px 15px 8px;
	display:inline-block;
	background:#1a8589;
	transition:all 0.5s;
}
header ul li:last-child a{background:transparent;}
header ul li a i{
    background: #34afb4;
    padding: 5px;
    height: 25px;
    width: 25px;
    text-align: center;
	transition:all 0.5s;
    margin-right:5px;
}
header ul li a:hover i{
    background: #f39c12;
}

header.myheader ul li:after {
	
    content: "";
    position: absolute;
    right: -7px;
    top: 5px;
    font-size: 22px;
    color: #1a8589;
}
header.myheader ul li {
    margin-right: 2px;
}
header.myheader ul li.active a, header.myheader ul li:hover a {
    background: #f39c12;
}
header ul li:last-child a {
    background: #1a8589;
}

.leftside{border-right:2px solid #fff;}
.leftside h4, .middle h4, .rightside h4{
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	color:#1a8589;
}
.leftside ul{
	margin:0px;
	padding:0px;
}
.leftside ul li{
	border:1px solid #ddd;
	color:#1a8589;
	position:relative;
	border-left:0px;
	margin-bottom:-1px;
	text-transform:uppercase;
	z-index:1;
	cursor:pointer;
	transition: all 0.5s;
}
.leftside ul li:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0%;
	background:#34afb4;
	z-index:-1;
	transition: width 0.5s;
}
.leftside ul li img{
	width:40px;
	padding:5px;
	background:#fff;
	margin-right:5px;
}
.leftside ul li:hover:before{
	width:100%;
}
.leftside ul li:hover{color:#fff;border-color:#f39c12;}
.leftside ul li a{color:#1a8589;transition: all 0.5s;display:inherit;padding:6px;}
.leftside ul li:hover a{color:#fff;}

.leftside .qrc a{
	color:#1a8589;
	display:inline-block;
	text-transform:uppercase;
	font-weight:bold;
	margin:20px 0px 0px;
	padding-left:60px;
	position:relative;
	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.leftside .qrc a:hover{color:#f39c12;}
.leftside .qrc a:before{
	content:'';
	position:absolute;
	left:0;
	top:-11px;
	width:55px;
	height:55px;
	border-radius:50%;
	background:url(../../pti/quick-report-card.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	-webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border: 2px solid #ddd;
}
.leftside .qrc a:hover:before{
	border-color: #f39c12;
}

.leftside .optimize a{
    line-height:30px;
}
.leftside .optimize a:before{
    background:url(../../pti/optimize.jpg);
    background-size: 100%;
}
.middle{
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}
.middle #basicInformation,
.middle #geometry,
.middle #envelope,
.middle #lighting,
.middle #equipments,
.middle #hvac,
.middle #renewables,
.middle #daylighting,
.middle #ventilationLeakage{min-height:600px;}

.middle #economics{min-height:520px;}

.middle fieldset{
	border: 0px solid #ddd !important;
	margin: 0;
	padding: 10px;       
	position: relative;
	border-radius:4px;
	background-color:#f5f5f5;
	margin-bottom:15px;
}
.middle .panel-heading{font-size:14px;font-weight:bold;text-transform:uppercase;color:#34afb4;border-color:#34afb4;}
.middle legend{
    font-size: 12px;
    color:#f39c12;
    margin-bottom: 0px;
    width: auto;
    border: 0px solid #ddd;
    border-radius: 4px;
    padding: 3px 12px;
    background-color: #ffffff;
}
.middle .panel .panel{margin:0px;border:0px;}


.middle fieldset.envlp .panel-body{
	padding:10px;
}
.middle fieldset.envlp img{max-width:100%;}
.middle fieldset.envlp input{text-align:center;max-width:100%;}

.middle fieldset.envlp .meter{
	float:left;
	width:100%;
	position:relative;
	margin-top:3px;
}
.middle fieldset.envlp .range {
	float:left;
	border: 1px solid #9b9b9b;
	width:100.1%;
	height:15px;
    background-image: -moz-linear-gradient(3deg, rgb(162,227,99) 0%, rgb(255,255,0) 50%, rgb(255,182,0) 74%, rgb(255,109,0) 100%);
    background-image: -webkit-linear-gradient(3deg, rgb(38,166,91) 0%, rgb(255,255,0) 50%, rgb(255,182,0) 74%, rgb(240,52,52) 100%);
    background-image: -ms-linear-gradient(3deg, rgb(162,227,99) 0%, rgb(255,255,0) 50%, rgb(255,182,0) 74%, rgb(255,109,0) 100%);
}
.middle fieldset.envlp .meter img{
	position:absolute;
	top:-10px;
}
.middle fieldset.envlp .meter ul{margin:0px;padding:0px;float:left;width:100%;margin-top:12px;}
.middle fieldset.envlp .meter ul li{
    float: left;
    width: 8.32%;
    text-align: center;
}
.middle fieldset.envlp .meter ul.shgc li{
    width: 20%;
}

/*Envelope*/
#envelope a:hover,#envelope a:focus,
#geometry a:hover,#geometry a:focus{
    text-decoration: none;
    outline: none;
}
#envelope #accordion .panel,
#geometry #accordion .panel,
#envelope #accordion1 .panel,
#geometry #accordion1 .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 6px;
}
#envelope #accordion .panel fieldset .panel,
#geometry #accordion .panel fieldset .panel,
#envelope #accordion1 .panel fieldset .panel,
#geometry #accordion1 .panel fieldset .panel{
	margin:0px;
}
#envelope #accordion .panel-heading,
#geometry #accordion .panel-heading,
#envelope #accordion1 .panel-heading,
#geometry #accordion1 .panel-heading{
    padding: 0;
}
#envelope #accordion .panel-title a,
#geometry #accordion .panel-title a,
#envelope #accordion1 .panel-title a,
#geometry #accordion1 .panel-title a{
    display: block;
    text-align:left;
    padding:12px;
    background: #fff;
    font-size: 15px;
    font-weight: bold;
    color: #34afb4;
    text-transform:capitalize;
    border: 1px solid #eaeaea;
    border-left: 3px solid #34afb4;
    position: relative;
    transition: all 0.3s ease 0s;
}
#envelope #accordion .panel-title a.collapsed,
#geometry #accordion .panel-title a.collapsed,
#envelope #accordion1 .panel-title a.collapsed,
#geometry #accordion1 .panel-title a.collapsed{
    color: #333;
}
#envelope #accordion .panel-title a:before,
#geometry #accordion .panel-title a:before,
#envelope #accordion .panel-title a.collapsed:before,
#geometry #accordion .panel-title a.collapsed:before,
#envelope #accordion1 .panel-title a:before,
#geometry #accordion1 .panel-title a:before,
#envelope #accordion1 .panel-title a.collapsed:before,
#geometry #accordion1 .panel-title a.collapsed:before{
    content: "\f107";
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 14px;
    color: #333;
    position: absolute;
    top: 12px;
    right: 15px;
}
#envelope #accordion .panel-title a.collapsed:before,
#geometry #accordion .panel-title a.collapsed:before,
#envelope #accordion1 .panel-title a.collapsed:before,
#geometry #accordion1 .panel-title a.collapsed:before{
    content: "\f106";
}
#envelope #accordion .panel-title a:hover,
#geometry #accordion .panel-title a:hover,
#envelope #accordion .panel-title a.collapsed:hover,
#geometry #accordion .panel-title a.collapsed:hover,
#envelope #accordion .panel-title a:before,
#geometry #accordion .panel-title a:before,
#envelope #accordion .panel-title a:hover:before,
#geometry #accordion .panel-title a:hover:before,
#envelope #accordion1 .panel-title a:hover,
#geometry #accordion1 .panel-title a:hover,
#envelope #accordion1 .panel-title a.collapsed:hover,
#geometry #accordion1 .panel-title a.collapsed:hover,
#envelope #accordion1 .panel-title a:before,
#geometry #accordion1 .panel-title a:before,
#envelope #accordion1 .panel-title a:hover:before,
#geometry #accordion1 .panel-title a:hover:before{
    color: #34afb4;
}
#envelope #accordion .panel-body,
#geometry #accordion .panel-body,
#envelope #accordion1 .panel-body,
#geometry #accordion1 .panel-body{
    padding: 10px 12px;
    border: 1px solid #eaeaea;
    border-top: none;
    border-left: 3px solid #eaeaea;
}
#envelope #accordion .panel-body fieldset .panel-body,
#geometry #accordion .panel-body fieldset .panel-body,
#envelope #accordion1 .panel-body fieldset .panel-body,
#geometry #accordion1 .panel-body fieldset .panel-body{
    padding: 15px !important;
    border: 0px solid #eaeaea;
}
#envelope #accordion .panel-body p,
#geometry #accordion .panel-body p,
#envelope #accordion1 .panel-body p,
#geometry #accordion1 .panel-body p{
    margin-bottom: 0;
}
#geometry .modal-dialog{z-index:9999;}
#geometry .modal-dialog .modal-title{display:inline-block;}
#geometry .form-check{
	display: inline-block;
    margin-right: 15px;
}
#geometry .form-check-input{
	float: left;
    margin: 2px 5px 5px 0px;
}
#geometry .control-label{margin-top:8px;}
#geometry .tab-content{float:left;width:100%;}
#geometry .tab-pane{float:left;width:100%;border:1px solid #ddd;border-top:0px;padding:15px;}

/*Optimization Tool*/
.meters{
    position:relative;
    width:100%;
    float:left;
    z-index:0;
    margin:30px 0px 60px;
}
.meters .bg{
    border-color: rgb(0, 0, 0);
    background-image: -moz-linear-gradient(3deg, rgb(255,109,0) 0%, rgb(255,182,0) 50%, rgb(255,255,0) 74%, rgb(162,227,99) 100%);
    background-image: -webkit-linear-gradient(3deg, rgb(240,52,52) 0%, rgb(255,182,0) 50%, rgb(255,255,0) 74%, rgb(38,166,91) 100%);
    background-image: -ms-linear-gradient(3deg, rgb(255,109,0) 0%, rgb(255,182,0) 50%, rgb(255,255,0) 74%, rgb(162,227,99) 100%);
    border: 1px solid #9b9b9b;
    height: 20px;
    position:relative;
    z-index:0;
}
.meters .mrk{
    width:2px;
    height:40px;
    position:absolute;
    left:5%;
    top:-10px;
    background:#000;
    z-index:-1;
}
.meters .mrk:nth-child(2){left:27.5%;}
.meters .mrk:nth-child(3){left:50%;}
.meters .mrk:nth-child(4){left:72.5%;}
.meters .mrk:nth-child(5){left:95%;}

.meters .value-up{float:left;width:100%;position:absolute;left:0;right:0;top:-25px;}
.meters .value-down{top:30px;}

.meters .value-up p{margin:0px;font-size:12px;float:left;width:11%;text-align:center;}
.meters .value-up p:nth-child(2){width:34%;}
.meters .value-up p:nth-child(3){width:14%;}
.meters .value-up p:nth-child(4){width:30%;}
.meters .value-up p:nth-child(5){width:11%;float:right;}

.meters-value .col-sm-2{width:20% !important;}

.windo .meters .value-up{top:-45px;}
.windo .meters .value-down{top:30px;}
.windo .meters{margin-top:50px;}

/*Envelope*/

.rightside .iph{
	position:relative;
	width:100%;
	float:left;
}
.rightside .iph p{
	background:red;
	height: 300px;
	width: 100%;
}

.rightside label{padding:2px 0px 10px 15px;}
.rightside .input-group-addon{padding:4px 8px;}
.rightside input{padding:4px;height:25px;}

.rightside .sdpr a{
    color:#1a8589;
    display:inline-block;
    text-transform:uppercase;
    font-weight:bold;
    margin:20px 0px 0px;
    padding-left:38px;
    position:relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    line-height:30px;
}
.rightside .sdpr a:hover{color:#f39c12;}
.rightside .sdpr a:before{
    content:'';
    position:absolute;
    left:0;
    top:0px;
    width:30px;
    height:30px;
    background:url(../../pti/sdpr1.jpg);
    background-repeat:no-repeat;
    background-size:100%;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border: 2px solid #ddd;
}
.rightside .sdpr a:hover:before{
    border-color: #f39c12;
}
footer {
    background: #f39c12;
    margin: 0px;
    float: left;
    width: 100%;
    padding: 10px 0px;
    position: fixed;
    bottom: 0;
    text-align: center;
    z-index: 9999;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 -2px 10px 0px #777;
    -moz-box-shadow: 0 -2px 10px 0px #777;
    box-shadow: 0 -2px 10px 0px #777;
}
footer p{margin:0px;}

/*.showstate:hover .iph p{display:block !important;}*/


@media (max-width:360px){
    .circle-wrapper{width:360px;}
}