@charset "UTF-8";
/* Energy Demand Calculator Programming & Design by jdlstudio.com */

a {
    	text-decoration: none !important;
}

hr.separator {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 5em 0;
    padding: 0;
}

hr.separator-top {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    /*margin: 5em 0;*/
    margin-top: 2em;
    margin-bottom: 5em;
    padding: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #00bcd4 !important;
}

button.close {
    padding: 0 !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 0 !important;
    -webkit-appearance: none !important;
	z-index:500 !important;
}

.close {
    float: right !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 20px !important;
    color: #000000 !important;
    text-shadow: 0 1px 0 #ffffff !important;
    opacity: 0.2 !important;
    filter: alpha(opacity=20) !important;
	z-index:500 !important;
}

.textbox-title {
    vertical-align: middle !important;
    font-weight: bold;
}

.table td {
    vertical-align: middle;
}

.table-condensed td {
    padding: 0 5px;
}

input[type="text"] {
    margin: 0 !important;
	height: 30px !important;
    width: 100px !important;
	/*background-color: transparent !important;*/
}

.total {
    text-align: right !important;
    padding-right: 20px !important;
}

.total input {
margin-left: 15px;
width: 65px;
}

.kWh {
    text-align: left !important;
    padding-right: 0px !important;
    padding-left: 38px !important;
}

.kWh input {
margin-left: 15px;
width: 65px;
}

.kW {
    text-align: left !important;
    padding-right: 60px !important;
}

.kW input {
margin-left: 15px;
width: 65px;
}
	
label.error1, label.error2, label.error3, label.error1-1, label.error2-1, label.error3-1, label.error1-2, label.error2-2, label.error3-2 {
    color: #FB3A3A;
	font-size:10px;
	font-weight: normal;
    display: inline-block;
    margin: 4px 0 5px 125px;
    padding: 0;
    /*text-align: left;
    width: 220px;*/
}

a.summer-after-work.off img, a.winter-before-work.off img, a.winter-after-work.off img {
    padding: 6px;
    background-color: #FFFFFF;
}

.popover-title {
    background-color: #00bcd4 !important;
    color: #FFFFFF !important;
	font-size: 14px !important;
}

.scenarios button.btn.btn-primary {
    margin-bottom: 10px;
}

.season-buttons-small {
    display: none;
}

@media (min-width: 480px) and (max-width: 767px) {
.season-buttons .span6 {
float: left;
width: 45%;
margin-right: 10px;
    }
}

@media (max-width: 530px) {
.total, .kWh, .kW {
text-align: left !important;
padding-right: 0 !important;
    }

.total input, .kWh input, .kW input {
    margin-left: 0;
    width: 60px;
}

input.kw-number, input#total-energy, input#total-demand, input#demand-cost, input#kilowatt-hours,
input#kilowatt-hours-cost, input#customer-charge, input#total-cost, input#demand-rate-cost, 
input#old-rate-cost, input#kilowatt-hours2, input#total-Kilowatts, input#demand-kWh-charge,
input#demand-kW-charge, input#demand-rate-access-fee, input#old-kWh-charge, input#old-kW-charge,
input#old-rate-access-fee, input#demand-cost1, input#old-rate-cost1 {
width: 65px !important;
    }
}

@media (max-width: 479px) {
.season-buttons .span6 {
display: none;
    }

.season-buttons-small {
display: block;
    }

.season-buttons-small.scenarios {
    text-align: center;
}
}

.flash2 {
    -moz-animation: flash2 .5s ease-out;
    -moz-animation-iteration-count: 1;
    -webkit-animation: flash2 .5s ease-out;
    -webkit-animation-iteration-count: 1;
    -ms-animation: flash2 .5s ease-out;
    -ms-animation-iteration-count: 1;
}

@-webkit-keyframes flash2 {
0% {background-color: none;}
50% {background-color: #00bcd4;}
100% {background-color: none;}
}

@-moz-keyframes flash2 {
0% {background-color: none;}
50% {background-color: #00bcd4;}
100% {background-color: none;}
}

@-ms-keyframes flash2 {
0% {background-color: none;}
50% {background-color: #00bcd4;}
100% {background-color: none;}
}