.overlay {    left: 0;    top: 0;    width: 100%;    height: 100%;    position: fixed;    z-index:1000;    background:whitesmoke;    opacity:.5;}.overlay__inner {    left: 0;    top: 0;    width: 100%;    height: 100%;    position: absolute;}.overlay__content {    left: 50%;    position: absolute;    top: 50%;    transform: translate(-50%, -50%);}.spinner {    width: 75px;    height: 75px;    display: inline-block;    border-width: 2px;    border-color: rgba(255, 255, 255, 0.05);    border-top-color: #333;    animation: spin 1s infinite linear;    border-radius: 100%;    border-style: solid;  }@keyframes spin {  100% {    transform: rotate(360deg);  }}* {

    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;

}

a {

    color: #ef4036;

}

a:hover {

    color: #ce372f;

}

hr {

    border-top-width: 2px;

}

small, .small {

    font-size: 80%;

}

.btn-primary {

    background-color: #eb6f0d;

    border-color: #6e7070;

    color: #000;

}

.btn-primary:hover,

.btn-primary:active,

.btn-primary:focus {

    background-color: #6e7070;

    border-color: #eb6f0d;

}

.form-control[readonly] {

    background-color: #fff0e9;

}

.muted {

    color: #888;

}

h1, h2, h3, h4, h5, h6 {

    font-family: 'Montserrat', 'Open Sans', 'Helvetica', 'Arial', sans-serif;

}

h1, h2, h3, h4, h5, h6, label {

    color: #000;

}

dd {

    margin-bottom: 10px;

}

.dropdown-menu>li>input[type='submit'] {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: 400;

    line-height: 1.42857143;

    color: #333;

    white-space: nowrap;

    background: none;

    border: none;

    width: 160px;

    text-align: left;

}

.dropdown-menu>li>input[type='submit']:hover {

    color: #262626;

    text-decoration: none;

    background-color: #f5f5f5;

}

#header-wrap, #fade {

    width: 100%;

    position: fixed;

}

#header-wrap {

    background-color: #c6eaff;

    z-index: 9;

}

#header-back-btn {

    position: absolute;

    left: 20px;

    top: 20px;

}

#send-btn {

    position: absolute;

    left: 20px;

    top: 60px;

}

#logo {

    display: block;

    margin: 15px auto;

}

#fade {

    height: 20px;

    background: transparent url(img/fade.png) repeat-x;

    top: 162px;

    z-index: 8;

}

#main {

    margin-top: 160px;

    z-index: 1;

}

.text-as-field {

    padding-top: 7px;

}

.caps {

    text-transform: uppercase;

}

.highlight {

    color: #eb6f0d;

}

.center {

    text-align: center;

}

tfoot td {

    background-color: #eeeeee;

    font-weight: bold;

}

.nav-tabs {

    text-align: center;

    border-bottom: 1px solid #eb6f0d;

}

.nav-tabs>li {

    float: none;

    display:inline-block;

}

.nav-tabs>li>a {

    color: #eb6f0d;

    padding: 6px 10px;

    font-size: 13px;

}

.nav-tabs>li>a:hover,

.nav .open>a,

.nav .open>a:hover,

.nav .open>a:focus {

    background-color: #6f716d;

    border-color: #eb6f0d;

}

#d_degredation_table th, #d_degredation_table td {

    font-size: 10px;

}



#piat_system_performance_return_table, #d_degredation_table, #d_competition_degredation_table {

    font-size: 0.7em;

}

#e_electricity_table>tbody>tr:nth-child(5n+5)>td {

    background-color: #fff0e9;

    font-weight: bold;

}

#gs_remove_roof {

    display: none;

}





.speech-bubble {

    border: 1px solid #ddd;

    border-radius: 8px;

    padding: 8px;

    float: left;

    width: 70%;

    margin-left: -1px;

}



.form-group {

    overflow: hidden;

}

.s_panel_position {

    /*width: 12%;

    margin: 0 0.5% 0.5% 0;

    float: left;*/

    display: none;

}

.panel-toggle {

    background: #fff url('img/positions.png') no-repeat 0 0;

    background-size: 100%;

    float: left;

}

.file-upload {

    width:120px;

    padding: 7px;

    text-align: center;

    overflow:hidden;

    position:relative;

    border-radius: 4px;

    display: block;

    background-color: #6e7070;

    border-color: #6e7070;

    color: #ffffff;

    cursor: pointer;

}

.file-upload:hover {

    background-color: #eb6f0d;

    border-color: #eb6f0d;

}

.file-upload i {

    position: relative;

    top: 2px;

}

.file-upload input {

    z-index: 999;

    line-height: 0;

    font-size: 50px;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    filter: alpha(opacity = 0);

    -ms-filter: "alpha(opacity=0)";

    margin: 0;

    padding:0;

}

.file-upload-name {

    padding: 7px;

    display: inline-block;

}

.datasheet_image {

    width: 100%;

}



#quote-output h1,

#quote-output h2 {

    color: #3e3e3f;

}

#quote-output h3,

#quote-output dt {

    color: #eb6f0d;

}

#quote-intro {

    font-size: 1.5em;

}



#people {

    display: block;

    margin: 0 auto;

}

.person {

    float: left;

    position: relative;

    z-index: 7;

}

.acc-logos {

    margin: 0 auto 0;

    display: block;

}

.key-fact {

    background: transparent url('img/key-fact-bg.png') no-repeat;

    position: relative;

    height: 100px;

}

.key-fact.red-key-fact {

    background: transparent url('img/key-fact-red-bg.png') no-repeat;

}

.key-fact h3 {

    margin: 0;

    font-weight: normal;

    position: absolute;

    top: 20px;

    width: 100%;

}

.key-fact span {

    font-weight: bold;

    font-size: 1.1em;

    color: #000;

    position: absolute;

    right: 10px;

    top: 24px;

}

.key-fact span.before-arrow {

    right: 350px;

    top: 37px;

}

.col-xs-6 .key-fact {

    background-size: contain;

    background-position-y: 35px;

}

.col-xs-6 .key-fact span {

    font-size: 0.7em;

    top: 35px;

}

.key-fact .subtitle {

    position: absolute;

    top: 85px;

    right: 0;

}



#epc-chart {

    position: relative;

    top: 20px;

}

.epc-chart-bar {

    height: 30px;

    margin-bottom: 2px;

    position: relative;

}

.epc-chart-score {

    font-size: 9px;

    position: absolute;

    left: 3px;

    bottom: 3px;

}

.epc-chart-rating {

    position: absolute;

    right: 5px;

    top: 2px;

    color: #fff;

    text-shadow: 1px 1px 0 #000;

    font-size: 20px;

}

.epc-chart-current-score, .epc-chart-potential-score {

    color: #fff;

    text-shadow: 1px 1px 0 #000;

    font-size: 20px;

    position: relative;

    height: 30px;

    background-color: #777;

    padding: 0 0 0 18px;

    width: 47px;

    position: absolute;

}

.epc-chart-current-score {

    left: 65%;

}

.epc-chart-potential-score {

    left: 84%;

}

.epc-chart-rating-A,

.epc-chart-rating-A .epc-chart-arrow {

    top: 60px;

    background-color: #00803A;

}

.epc-chart-rating-B,

.epc-chart-rating-B .epc-chart-arrow {

    top: 92px;

    background-color: #28A024;

}

.epc-chart-rating-C,

.epc-chart-rating-C .epc-chart-arrow {

    top: 124px;

    background-color: #9ECC39;

}

.epc-chart-rating-D,

.epc-chart-rating-D .epc-chart-arrow {

    top: 156px;

    background-color: #FFF200;

}

.epc-chart-rating-E,

.epc-chart-rating-E .epc-chart-arrow {

    top: 188px;

    background-color: #F7B016;

}

.epc-chart-rating-F,

.epc-chart-rating-F .epc-chart-arrow {

    top: 220px;

    background-color: #EE681D;

}

.epc-chart-rating-G,

.epc-chart-rating-G .epc-chart-arrow {

    top: 252px;

    background-color: #E4161D;

}

.epc-chart-arrow {

    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */

    transform: rotate(45deg);

    display: block;

    height: 21px;

    width: 21px;

    position: absolute;

    left: -10px;

    top: 5px !important;

}

#epc-chart .subtitle {

    position: absolute;

    bottom: -25px;

    right: 0;

}



.supp-logo {

    float: right;

    margin: 0 0 0 20px;

    position: relative;

    top: -20px;

}



.sigPad {

    margin: 0;

    padding: 0;

    width: 350px;

}

.sigNav {

    width: 350px;

    max-width: 100%;

}

.sigWrapper {

    clear: both;

    width: 352px;

    height: 182px;

    /*margin-left: 15px;*/

    border-radius: 8px;

    border: 1px solid #ddd !important;

}

.pad {

    border-radius: 7px;

}



.axis path,

.axis line {

    fill: none;

    stroke: #000;

    shape-rendering: crispEdges;

}



.line {

    fill: none;

    stroke: steelblue;

    stroke-width: 5px;

}



.ui-menu .ui-menu-item {

    padding: 8px 12px;

}



.text-large * {

    font-size: 16px !important;

}

.text-box {

    width: 340px;

    padding: 5px;

    border: 1px solid #ccc;

}

.multiline-text-box {

    height: 140px;

    width: 340px;

    padding: 5px;

    border: 1px solid #ccc;

}