.box-bidding-history .box-controls-row:after,
.box-event-history .box-controls-row:after,
.box-event-history .box-controls-top .cols:after,
.box-event-monitor .box-controls-row:after,
.box-secondary .box-controls:after,
.chart-with-actions .chart-head-secondary:after,
.form-configuration .form-actions:after,
.form-configuration .form-label:after,
.form-row-checkbox-and-field .cols:after,
.form-sign-in .form-foot-inner:after,
.location>a:after,
.nav>ul:after,
.panel-reports .panel-head:after,
.portfolio-chart .portfolio-head:after,
.report .report-head:after,
.section-budget .section-head:after,
.section-configuration .section-head:after,
.section-reports .section-head:after,
.step .step-head:after,
.step .step-section-inner:after,
.widget-bill .widget-body:after,
.widgets:after {
    content: '';
    display: table;
    clear: both;
    line-height: 0
}

.box-dropdown-arrow {
    background-image: url(images/sprite.png);
    background-position: -310px -280px;
    width: 23px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.check-white {
    background-image: url(images/sprite.png);
    background-position: -313px -296px;
    width: 12px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.check {
    background-image: url(images/sprite.png);
    background-position: -209px -140px;
    width: 12px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.chevron-blue-left {
    background-image: url(images/sprite.png);
    background-position: -419px -122px;
    width: 5px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.chevron-blue-left-hover,
.chevron-blue-left.hover,
a.hover .chevron-blue-left,
a:hover .chevron-blue-left,
button.hover .chevron-blue-left,
button:hover .chevron-blue-left {
    background-image: url(images/sprite.png);
    background-position: -419px -99px;
    width: 5px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.chevron-blue-right {
    background-image: url(images/sprite.png);
    background-position: -419px -87px;
    width: 5px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.chevron-blue-right-hover,
.chevron-blue-right.hover,
a.hover .chevron-blue-right,
a:hover .chevron-blue-right,
button.hover .chevron-blue-right,
button:hover .chevron-blue-right {
    background-image: url(images/sprite.png);
    background-position: -418px -68px;
    width: 5px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.chevron-down-blue {
    background-image: url(images/sprite.png);
    background-position: -413px -291px;
    width: 8px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.chevron-down-light {
    background-image: url(images/sprite.png);
    background-position: -413px -234px;
    width: 9px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.chevron-down {
    background-image: url(images/sprite.png);
    background-position: -428px -414px;
    width: 9px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.chevron-left-small {
    background-image: url(images/sprite.png);
    background-position: -418px -44px;
    width: 5px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.chevron-right-small-dark {
    background-image: url(images/sprite.png);
    background-position: -418px -56px;
    width: 5px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.chevron-right-small {
    background-image: url(images/sprite.png);
    background-position: -419px -134px;
    width: 5px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.green-arrow-down {
    background-image: url(images/sprite.png);
    background-position: -44px -399px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-arrow-right-blue {
    background-image: url(images/sprite.png);
    background-position: -194px -140px;
    width: 11px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-arrows-blue {
    background-image: url(images/sprite.png);
    background-position: -222px -156px;
    width: 8px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-arrows-white {
    background-image: url(images/sprite.png);
    background-position: -147px -123px;
    width: 8px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-bell-big {
    background-image: url(images/sprite.png);
    background-position: 0 -84px;
    width: 69px;
    height: 68px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-bell-white {
    background-image: url(images/sprite.png);
    background-position: -428px -97px;
    width: 15px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-bell {
    background-image: url(images/sprite.png);
    background-position: -428px -119px;
    width: 15px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-building-type-1 {
    background-image: url(images/sprite.png);
    background-position: -312px -369px;
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-building-type-2 {
    background-image: url(images/sprite.png);
    background-position: -289px -369px;
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-building-type-3 {
    background-image: url(images/sprite.png);
    background-position: -266px -369px;
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-building-type-4 {
    background-image: url(images/sprite.png);
    background-position: -335px -369px;
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-building-type-5 {
    background-image: url(images/sprite.png);
    background-position: -243px -369px;
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-building-type-6 {
    background-image: url(images/sprite.png);
    background-position: -402px -369px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-calc-gray {
    background-image: url(images/sprite.png);
    background-position: -428px -319px;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-calendar-blue {
    background-image: url(images/sprite.png);
    background-position: -153px -399px;
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-calendar-white {
    background-image: url(images/sprite.png);
    background-position: -172px -369px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-calendar {
    background-image: url(images/sprite.png);
    background-position: -196px -369px;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-clock-gray {
    background-image: url(images/sprite.png);
    background-position: -428px -181px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-cloud-big {
    background-image: url(images/sprite.png);
    background-position: -310px -210px;
    width: 66px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-cloud-white {
    background-image: url(images/sprite.png);
    background-position: -119px -320px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-cloud {
    background-image: url(images/sprite.png);
    background-position: -384px -213px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-cog-small {
    background-image: url(images/sprite.png);
    background-position: -428px -360px;
    width: 14px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-cog {
    background-image: url(images/sprite.png);
    background-position: -232px -320px;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-cog-hover,
.ico-cog.hover,
a.hover .ico-cog,
a:hover .ico-cog,
button.hover .ico-cog,
button:hover .ico-cog {
    background-image: url(images/sprite.png);
    background-position: -148px -320px;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-configuration {
    background-image: url(images/sprite.png);
    background-position: -236px -70px;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-configuration-hover,
.ico-configuration.hover,
a.hover .ico-configuration,
a:hover .ico-configuration,
button.hover .ico-configuration,
button:hover .ico-configuration {
    background-image: url(images/sprite.png);
    background-position: -236px 0;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-curtailment-actions {
    background-image: url(images/sprite.png);
    background-position: -148px -156px;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-curtailment-actions-hover,
.ico-curtailment-actions.hover,
a.hover .ico-curtailment-actions,
a:hover .ico-curtailment-actions,
button.hover .ico-curtailment-actions,
button:hover .ico-curtailment-actions {
    background-image: url(images/sprite.png);
    background-position: 0 -156px;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-custom-reports {
    background-image: url(images/sprite.png);
    background-position: -384px -87px;
    width: 31px;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-danger {
    background-image: url(images/sprite.png);
    background-position: -428px -379px;
    width: 16px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-dash {
    background-image: url(images/sprite.png);
    background-position: -166px -296px;
    width: 26px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-dashboard {
    background-image: url(images/sprite.png);
    background-position: -162px -70px;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-dashboard-hover,
.ico-dashboard.hover,
a.hover .ico-dashboard,
a:hover .ico-dashboard,
button.hover .ico-dashboard,
button:hover .ico-dashboard {
    background-image: url(images/sprite.png);
    background-position: -162px 0;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-demand-response {
    background-image: url(images/sprite.png);
    background-position: -74px -156px;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-demand-response-hover,
.ico-demand-response.hover,
a.hover .ico-demand-response,
a:hover .ico-demand-response,
button.hover .ico-demand-response,
button:hover .ico-demand-response {
    background-image: url(images/sprite.png);
    background-position: -74px -226px;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-doc {
    background-image: url(images/sprite.png);
    background-position: -260px -320px;
    width: 23px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-document-center {
    background-image: url(images/sprite.png);
    background-position: -148px -226px;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-document-center-hover,
.ico-document-center.hover,
a.hover .ico-document-center,
a:hover .ico-document-center,
button.hover .ico-document-center,
button:hover .ico-document-center {
    background-image: url(images/sprite.png);
    background-position: -222px -226px;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-docx-blue {
    background-image: url(images/sprite.png);
    background-position: -175px -399px;
    width: 17px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-docx-blue-hover,
.ico-docx-blue.hover,
a.hover .ico-docx-blue,
a:hover .ico-docx-blue,
button.hover .ico-docx-blue,
button:hover .ico-docx-blue {
    background-image: url(images/sprite.png);
    background-position: -196px -399px;
    width: 17px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-doc-hover,
.ico-doc.hover,
a.hover .ico-doc,
a:hover .ico-doc,
button.hover .ico-doc,
button:hover .ico-doc {
    background-image: url(images/sprite.png);
    background-position: -287px -320px;
    width: 23px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-dollar-gray {
    background-image: url(images/sprite.png);
    background-position: -413px -213px;
    width: 11px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-drop-full-gray {
    background-image: url(images/sprite.png);
    background-position: -428px -52px;
    width: 14px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-drop-full {
    background-image: url(images/Commodity-Icons.jpg);
    background-position: -185px -143px;
    width: 11px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-drop-full-white-shadowed {
    background-image: url(images/Commodity-Icons.jpg);
    background-position: -185px -265px;
    width: 11px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-drop-gray {
    background-image: url(images/sprite.png);
    background-position: -413px -329px;
    width: 11px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-drop-white-shadowed {
    background-image: url(images/Commodity-Icons.jpg);
    background-position: -109px -265px;
    width: 11px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-drop {
    background-image: url(images/Commodity-Icons.jpg);
    background-position: -109px -143px;
    width: 11px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-email-blue {
    background-image: url(images/sprite.png);
    background-position: -236px -210px;
    width: 14px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-email-blue-hover,
.ico-email-blue.hover,
a.hover .ico-email-blue,
a:hover .ico-email-blue,
button.hover .ico-email-blue,
button:hover .ico-email-blue {
    background-image: url(images/sprite.png);
    background-position: -254px -210px;
    width: 14px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-energy-star {
    background-image: url(images/sprite.png);
    background-position: -310px -70px;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-energy-star-hover,
.ico-energy-star.hover,
a.hover .ico-energy-star,
a:hover .ico-energy-star,
button.hover .ico-energy-star,
button:hover .ico-energy-star {
    background-image: url(images/sprite.png);
    background-position: -310px 0;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-envelope {
    background-image: url(images/sprite.png);
    background-position: -131px -399px;
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-envelope-hover,
.ico-envelope.hover,
a.hover .ico-envelope,
a:hover .ico-envelope,
button.hover .ico-envelope,
button:hover .ico-envelope {
    background-image: url(images/sprite.png);
    background-position: -109px -399px;
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-eye {
    background-image: url(images/sprite.png);
    background-position: -359px -280px;
    width: 18px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-files-big {
    background-image: url(images/sprite.png);
    background-position: -384px -122px;
    width: 31px;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-folder-big {
    background-image: url(images/sprite.png);
    background-position: -384px -185px;
    width: 31px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-gear {
    background-image: url(images/sprite.png);
    background-position: -428px -396px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-green-arrow-down {
    background-image: url(images/sprite.png);
    background-position: -296px -242px;
    width: 9px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-green-arrow-up {
    background-image: url(images/sprite.png);
    background-position: -296px -268px;
    width: 9px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-help-gray {
    background-image: url(images/sprite.png);
    background-position: -428px -141px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-help-white {
    background-image: url(images/sprite.png);
    background-position: -220px -369px;
    width: 19px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-inbox-white {
    background-image: url(images/sprite.png);
    background-position: -196px -296px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-inbox {
    background-image: url(images/sprite.png);
    background-position: -220px -296px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-info-big {
    background-image: url(images/sprite.png);
    background-position: -384px 0;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-info-white {
    background-image: url(images/sprite.png);
    background-position: -339px -320px;
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-info {
    background-image: url(images/sprite.png);
    background-position: -314px -320px;
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-lightning-white-shadowed {
    background-image: url(images/Commodity-Icons.jpg);
    background-position: -33px -265px;
    width: 11px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-lightning {
    background-image: url(images/Commodity-Icons.jpg);
    background-position: -33px -143px;
    width: 11px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-link {
    background-image: url(images/sprite.png);
    background-position: -337px -280px;
    width: 18px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-magnify-blue-small {
    background-image: url(images/sprite.png);
    background-position: -222px -174px;
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-magnify-dark {
    background-image: url(images/sprite.png);
    background-position: -75px -369px;
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-magnify-gray {
    background-image: url(images/sprite.png);
    background-position: -262px -296px;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-newspaper-blue {
    background-image: url(images/sprite.png);
    background-position: -428px -76px;
    width: 16px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-oil {
    background-image: url(images/Commodity-Icons.jpg);
    background-position: -260px -144px;
    width: 11px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-oil-white-shadowed {
    background-image: url(images/Commodity-Icons.jpg);
    background-position: -260px -266px;
    width: 11px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-pdf-blue-static {
    background-image: url(images/sprite.png);
    background-position: -428px -243px;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-pdf-blue {
    background-image: url(images/sprite.png);
    background-position: -428px -262px;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-pdf-blue-hover,
.ico-pdf-blue.hover,
a.hover .ico-pdf-blue,
a:hover .ico-pdf-blue,
button.hover .ico-pdf-blue,
button:hover .ico-pdf-blue {
    background-image: url(images/sprite.png);
    background-position: -428px -281px;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-pdf-gray {
    background-image: url(images/sprite.png);
    background-position: -100px -369px;
    width: 20px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-pdf {
    background-image: url(images/sprite.png);
    background-position: -124px -369px;
    width: 20px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-pdf-hover,
.ico-pdf.hover,
a.hover .ico-pdf,
a:hover .ico-pdf,
button.hover .ico-pdf,
button:hover .ico-pdf {
    background-image: url(images/sprite.png);
    background-position: -148px -369px;
    width: 20px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-pen-blue {
    background-image: url(images/sprite.png);
    background-position: -384px -358px;
    width: 8px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-pin-white {
    background-image: url(images/sprite.png);
    background-position: -428px 0;
    width: 16px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-pin {
    background-image: url(images/sprite.png);
    background-position: -428px -26px;
    width: 16px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-plus-green {
    background-image: url(images/sprite.png);
    background-position: -222px -202px;
    width: 9px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-power-off {
    background-image: url(images/sprite.png);
    background-position: -25px -369px;
    width: 21px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-power-off-hover,
.ico-power-off.hover,
a.hover .ico-power-off,
a:hover .ico-power-off,
button.hover .ico-power-off,
button:hover .ico-power-off {
    background-image: url(images/sprite.png);
    background-position: -50px -369px;
    width: 21px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-print-blue {
    background-image: url(images/sprite.png);
    background-position: -364px -320px;
    width: 13px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-print-blue-hover,
.ico-print-blue.hover,
a.hover .ico-print-blue,
a:hover .ico-print-blue,
button.hover .ico-print-blue,
button:hover .ico-print-blue {
    background-image: url(images/sprite.png);
    background-position: -217px -399px;
    width: 13px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-print {
    background-image: url(images/sprite.png);
    background-position: -22px -399px;
    width: 18px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-print-hover,
.ico-print.hover,
a.hover .ico-print,
a:hover .ico-print,
button.hover .ico-print,
button:hover .ico-print {
    background-image: url(images/sprite.png);
    background-position: 0 -399px;
    width: 18px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-profile {
    background-image: url(images/sprite.png);
    background-position: -176px -320px;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-profile-hover,
.ico-profile.hover,
a.hover .ico-profile,
a:hover .ico-profile,
button.hover .ico-profile,
button:hover .ico-profile {
    background-image: url(images/sprite.png);
    background-position: -204px -320px;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-raquo-white {
    background-image: url(images/sprite.png);
    background-position: -222px -188px;
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-red-arrow-down {
    background-image: url(images/sprite.png);
    background-position: -247px -399px;
    width: 9px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-red-arrow-up {
    background-image: url(images/sprite.png);
    background-position: -296px -255px;
    width: 9px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-reports {
    background-image: url(images/sprite.png);
    background-position: -310px -140px;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-reports-hover,
.ico-reports.hover,
a.hover .ico-reports,
a:hover .ico-reports,
button.hover .ico-reports,
button:hover .ico-reports {
    background-image: url(images/sprite.png);
    background-position: -73px -84px;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-share-gray {
    background-image: url(images/sprite.png);
    background-position: -428px -222px;
    width: 15px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-shared-reports {
    background-image: url(images/sprite.png);
    background-position: -384px -157px;
    width: 32px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-snow {
    background-image: url(images/sprite.png);
    background-position: -428px -201px;
    width: 15px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-star-blue {
    background-image: url(images/sprite.png);
    background-position: -178px -140px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-star-gray {
    background-image: url(images/sprite.png);
    background-position: -428px -161px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-star-white {
    background-image: url(images/sprite.png);
    background-position: -162px -140px;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-steam {
    background-image: url(images/Commodity-Icons.jpg);
    background-position: -333px -147px;
    width: 15px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-steam-white-shadowed {
    background-image: url(images/Commodity-Icons.jpg);
    background-position: -333px -269px;
    width: 15px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-submetering {
    background-image: url(images/sprite.png);
    background-position: -236px -140px;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-submetering-hover,
.ico-submetering.hover,
a.hover .ico-submetering,
a:hover .ico-submetering,
button.hover .ico-submetering,
button:hover .ico-submetering {
    background-image: url(images/sprite.png);
    background-position: 0 -226px;
    width: 70px;
    height: 66px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-sun-snow {
    background-image: url(images/sprite.png);
    background-position: -88px -399px;
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-sun {
    background-image: url(images/sprite.png);
    background-position: -428px -300px;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-toggle-close {
    background-image: url(images/sprite.png);
    background-position: -279px -296px;
    width: 13px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-toggle-minus {
    background-image: url(images/sprite.png);
    background-position: -358px -369px;
    width: 18px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-toggle-plus {
    background-image: url(images/sprite.png);
    background-position: -380px -369px;
    width: 18px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-toggle {
    background-image: url(images/sprite.png);
    background-position: -296px -296px;
    width: 13px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-two-arrows {
    background-image: url(images/sprite.png);
    background-position: -396px -358px;
    width: 8px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-user-white {
    background-image: url(images/sprite.png);
    background-position: -384px -242px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-user {
    background-image: url(images/sprite.png);
    background-position: -384px -271px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-users {
    background-image: url(images/sprite.png);
    background-position: 0 -320px;
    width: 64px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-widget-add {
    background-image: url(images/sprite.png);
    background-position: 0 0;
    width: 84px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-window-gray {
    background-image: url(images/sprite.png);
    background-position: -244px -296px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-x-blue-o {
    background-image: url(images/sprite.png);
    background-position: -384px -329px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-x-blue-static {
    background-image: url(images/sprite.png);
    background-position: -260px -399px;
    width: 8px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-x-blue {
    background-image: url(images/sprite.png);
    background-position: -272px -399px;
    width: 8px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-x-blue-hover,
.ico-x-blue.hover,
a.hover .ico-x-blue,
a:hover .ico-x-blue,
button.hover .ico-x-blue,
button:hover .ico-x-blue {
    background-image: url(images/sprite.png);
    background-position: -284px -399px;
    width: 8px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-x-o {
    background-image: url(images/sprite.png);
    background-position: -384px -300px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-x-red {
    background-image: url(images/sprite.png);
    background-position: -234px -399px;
    width: 9px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-x-white {
    background-image: url(images/sprite.png);
    background-position: -296px -281px;
    width: 9px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.indicator {
    background-image: url(images/sprite.png);
    background-position: -384px -44px;
    width: 30px;
    height: 39px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.logo-image-compact {
    background-image: url(images/sprite.png);
    background-position: -88px 0;
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.logo-image {
    background-image: url(images/sprite.png);
    background-position: 0 -296px;
    width: 162px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.red-arrow-up {
    background-image: url(images/sprite.png);
    background-position: -66px -399px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.select-alt-blue-arrow {
    background-image: url(images/sprite.png);
    background-position: -413px -319px;
    width: 8px;
    height: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.select-arrow-secondary {
    background-image: url(images/sprite.png);
    background-position: -68px -320px;
    width: 47px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.select-arrow-tertiary {
    background-image: url(images/sprite.png);
    background-position: 0 -369px;
    width: 21px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.select-two-arrows {
    background-image: url(images/sprite.png);
    background-position: -296px -226px;
    width: 7px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-cloudy {
    background: url(images/weather/cloudy.png) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-cloudy-white {
    background: url(images/weather/cloudy-white.png) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-cloudy-big {
    background: url(images/weather/cloudy-big.png) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-rain {
    background: url(images/weather/rainy.png) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-rain-white {
    background: url(images/weather/rainy-white.png) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-rain-big {
    background: url(images/weather/rainy-big.png) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-storm {
    background: url(images/weather/stormy.png) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-storm-white {
    background: url(images/weather/stormy-white.png) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-storm-big {
    background: url(images/weather/stormy-big.png) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-clear {
    background: url(images/weather/clear.png) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-clear-white {
    background: url(images/weather/clear-white.png) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-clear-big {
    background: url(images/weather/clear-big.png) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-snow {
    background: url(images/weather/snow.png) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-snow-white {
    background: url(images/weather/snow-white.png) no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-snow-big {
    background: url(images/weather/snow-big.png) no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .check {
        background-image: url(images/sprite.@2x.png);
        background-position: -289px -55px;
        background-size: 302px 190px;
        width: 12px;
        height: 9px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .chevron-left-small {
        background-image: url(images/sprite.@2x.png);
        background-position: -287px -125px;
        background-size: 302px 190px;
        width: 5px;
        height: 8px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .chevron-right-small {
        background-image: url(images/sprite.@2x.png);
        background-position: -280px -125px;
        background-size: 302px 190px;
        width: 5px;
        height: 8px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .green-arrow-down {
        background-image: url(images/sprite.@2x.png);
        background-position: -40px -125px;
        background-size: 302px 190px;
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-bell-white {
        background-image: url(images/sprite.@2x.png);
        background-position: 0 -172px;
        background-size: 302px 190px;
        width: 15px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-bell {
        background-image: url(images/sprite.@2x.png);
        background-position: -17px -172px;
        background-size: 302px 190px;
        width: 15px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-building-type-1 {
        background-image: url(images/sprite.@2x.png);
        background-position: -218px -99px;
        background-size: 302px 190px;
        width: 19px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-building-type-2 {
        background-image: url(images/sprite.@2x.png);
        background-position: -197px -99px;
        background-size: 302px 190px;
        width: 19px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-building-type-3 {
        background-image: url(images/sprite.@2x.png);
        background-position: -176px -99px;
        background-size: 302px 190px;
        width: 19px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-building-type-4 {
        background-image: url(images/sprite.@2x.png);
        background-position: -155px -99px;
        background-size: 302px 190px;
        width: 19px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-building-type-5 {
        background-image: url(images/sprite.@2x.png);
        background-position: -134px -99px;
        background-size: 302px 190px;
        width: 19px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-building-type-6 {
        background-image: url(images/sprite.@2x.png);
        background-position: -279px -99px;
        background-size: 302px 190px;
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-calc-gray {
        background-image: url(images/sprite.@2x.png);
        background-position: -184px -55px;
        background-size: 302px 190px;
        width: 15px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-calendar-blue {
        background-image: url(images/sprite.@2x.png);
        background-position: -100px -125px;
        background-size: 302px 190px;
        width: 18px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-calendar-white {
        background-image: url(images/sprite.@2x.png);
        background-position: -112px -99px;
        background-size: 302px 190px;
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-calendar {
        background-image: url(images/sprite.@2x.png);
        background-position: -90px -99px;
        background-size: 302px 190px;
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-clock-gray {
        background-image: url(images/sprite.@2x.png);
        background-position: -158px -125px;
        background-size: 302px 190px;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-cloud-big {
        background-image: url(images/sprite.@2x.png);
        background-position: -72px 0;
        background-size: 302px 190px;
        width: 66px;
        height: 66px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-cloud-white {
        background-image: url(images/sprite.@2x.png);
        background-position: -81px -72px;
        background-size: 302px 190px;
        width: 25px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-cloud {
        background-image: url(images/sprite.@2x.png);
        background-position: -27px -72px;
        background-size: 302px 190px;
        width: 25px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-cog-small {
        background-image: url(images/sprite.@2x.png);
        background-position: -201px -55px;
        background-size: 302px 190px;
        width: 14px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-cog {
        background-image: url(images/sprite.@2x.png);
        background-position: -134px -72px;
        background-size: 302px 190px;
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-cog-hover,
    .ico-cog.hover,
    a.hover .ico-cog,
    a:hover .ico-cog,
    button.hover .ico-cog,
    button:hover .ico-cog {
        background-image: url(images/sprite.@2x.png);
        background-position: -108px -72px;
        background-size: 302px 190px;
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-custom-reports {
        background-image: url(images/sprite.@2x.png);
        background-position: -173px -22px;
        background-size: 302px 190px;
        width: 31px;
        height: 31px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-doc {
        background-image: url(images/sprite.@2x.png);
        background-position: -160px -72px;
        background-size: 302px 190px;
        width: 23px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-doc-hover,
    .ico-doc.hover,
    a.hover .ico-doc,
    a:hover .ico-doc,
    button.hover .ico-doc,
    button:hover .ico-doc {
        background-image: url(images/sprite.@2x.png);
        background-position: -185px -72px;
        background-size: 302px 190px;
        width: 23px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-drop-full-gray {
        background-image: url(images/sprite.@2x.png);
        background-position: -36px -148px;
        background-size: 302px 190px;
        width: 14px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-drop-full-white-shadowed {
        background-image: url(images/sprite.@2x.png);
        background-position: -291px -22px;
        background-size: 302px 190px;
        width: 11px;
        height: 17px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-drop-gray {
        background-image: url(images/sprite.@2x.png);
        background-position: -113px -148px;
        background-size: 302px 190px;
        width: 11px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-drop-white-shadowed {
        background-image: url(images/sprite.@2x.png);
        background-position: -194px -125px;
        background-size: 302px 190px;
        width: 11px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-drop {
        background-image: url(images/sprite.@2x.png);
        background-position: -100px -148px;
        background-size: 302px 190px;
        width: 11px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-envelope {
        background-image: url(images/sprite.@2x.png);
        background-position: -120px -125px;
        background-size: 302px 190px;
        width: 18px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-envelope-hover,
    .ico-envelope.hover,
    a.hover .ico-envelope,
    a:hover .ico-envelope,
    button.hover .ico-envelope,
    button:hover .ico-envelope {
        background-image: url(images/sprite.@2x.png);
        background-position: -80px -125px;
        background-size: 302px 190px;
        width: 18px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-eye {
        background-image: url(images/sprite.@2x.png);
        background-position: -237px -55px;
        background-size: 302px 190px;
        width: 18px;
        height: 10px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-files-big {
        background-image: url(images/sprite.@2x.png);
        background-position: -140px -22px;
        background-size: 302px 190px;
        width: 31px;
        height: 31px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-folder-big {
        background-image: url(images/sprite.@2x.png);
        background-position: -206px -22px;
        background-size: 302px 190px;
        width: 31px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-green-arrow-down {
        background-image: url(images/sprite.@2x.png);
        background-position: -149px -148px;
        background-size: 302px 190px;
        width: 9px;
        height: 9px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-green-arrow-up {
        background-image: url(images/sprite.@2x.png);
        background-position: -138px -148px;
        background-size: 302px 190px;
        width: 9px;
        height: 9px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-help-gray {
        background-image: url(images/sprite.@2x.png);
        background-position: -140px -125px;
        background-size: 302px 190px;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-inbox-white {
        background-image: url(images/sprite.@2x.png);
        background-position: -162px -55px;
        background-size: 302px 190px;
        width: 20px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-inbox {
        background-image: url(images/sprite.@2x.png);
        background-position: -140px -55px;
        background-size: 302px 190px;
        width: 20px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-info-white {
        background-image: url(images/sprite.@2x.png);
        background-position: -210px -72px;
        background-size: 302px 190px;
        width: 21px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-info {
        background-image: url(images/sprite.@2x.png);
        background-position: -233px -72px;
        background-size: 302px 190px;
        width: 21px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-lightning-white-shadowed {
        background-image: url(images/commodities/electricity-active.png);
        width: 14px;
        height: 10px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-lightning {
        background-image: url(images/commodities/electricity.png);
        width: 14px;
        height: 10px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-link {
        background-image: url(images/sprite.@2x.png);
        background-position: -217px -55px;
        background-size: 302px 190px;
        width: 18px;
        height: 10px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-magnify-blue-small {
        background-image: url(images/sprite.@2x.png);
        background-position: -126px -148px;
        background-size: 302px 190px;
        width: 10px;
        height: 10px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-magnify-dark {
        background-image: url(images/sprite.@2x.png);
        background-position: -256px -72px;
        background-size: 302px 190px;
        width: 21px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-magnify-gray {
        background-image: url(images/sprite.@2x.png);
        background-position: -207px -125px;
        background-size: 302px 190px;
        width: 13px;
        height: 13px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-newspaper-blue {
        background-image: url(images/sprite.@2x.png);
        background-position: -52px -148px;
        background-size: 302px 190px;
        width: 16px;
        height: 17px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-oil-white-shadowed {
        background-image: url(images/sprite.@2x.png);
        background-position: -87px -148px;
        background-size: 302px 190px;
        width: 11px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-oil {
        background-image: url(images/commodities/oil.png);
        width: 14px;
        height: 10px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-pdf-gray {
        background-image: url(images/sprite.@2x.png);
        background-position: -279px -72px;
        background-size: 302px 190px;
        width: 20px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-pdf {
        background-image: url(images/sprite.@2x.png);
        background-position: -46px -99px;
        background-size: 302px 190px;
        width: 20px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-pdf-hover,
    .ico-pdf.hover,
    a.hover .ico-pdf,
    a:hover .ico-pdf,
    button.hover .ico-pdf,
    button:hover .ico-pdf {
        background-image: url(images/sprite.@2x.png);
        background-position: -68px -99px;
        background-size: 302px 190px;
        width: 20px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-pin-white {
        background-image: url(images/sprite.@2x.png);
        background-position: 0 -148px;
        background-size: 302px 190px;
        width: 16px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-pin {
        background-image: url(images/sprite.@2x.png);
        background-position: -18px -148px;
        background-size: 302px 190px;
        width: 16px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-power-off {
        background-image: url(images/sprite.@2x.png);
        background-position: -23px -99px;
        background-size: 302px 190px;
        width: 21px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-power-off-hover,
    .ico-power-off.hover,
    a.hover .ico-power-off,
    a:hover .ico-power-off,
    button.hover .ico-power-off,
    button:hover .ico-power-off {
        background-image: url(images/sprite.@2x.png);
        background-position: 0 -99px;
        background-size: 302px 190px;
        width: 21px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-print {
        background-image: url(images/sprite.@2x.png);
        background-position: 0 -125px;
        background-size: 302px 190px;
        width: 18px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-print-hover,
    .ico-print.hover,
    a.hover .ico-print,
    a:hover .ico-print,
    button.hover .ico-print,
    button:hover .ico-print {
        background-image: url(images/sprite.@2x.png);
        background-position: -20px -125px;
        background-size: 302px 190px;
        width: 18px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-profile {
        background-image: url(images/sprite.@2x.png);
        background-position: -239px -22px;
        background-size: 302px 190px;
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-profile-hover,
    .ico-profile.hover,
    a.hover .ico-profile,
    a:hover .ico-profile,
    button.hover .ico-profile,
    button:hover .ico-profile {
        background-image: url(images/sprite.@2x.png);
        background-position: -265px -22px;
        background-size: 302px 190px;
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-red-arrow-down {
        background-image: url(images/sprite.@2x.png);
        background-position: -193px -148px;
        background-size: 302px 190px;
        width: 9px;
        height: 9px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-red-arrow-up {
        background-image: url(images/sprite.@2x.png);
        background-position: -160px -148px;
        background-size: 302px 190px;
        width: 9px;
        height: 9px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-share-gray {
        background-image: url(images/sprite.@2x.png);
        background-position: -70px -148px;
        background-size: 302px 190px;
        width: 15px;
        height: 17px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-star-blue {
        background-image: url(images/sprite.@2x.png);
        background-position: -222px -125px;
        background-size: 302px 190px;
        width: 12px;
        height: 12px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-star-gray {
        background-image: url(images/sprite.@2x.png);
        background-position: -176px -125px;
        background-size: 302px 190px;
        width: 16px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-star-white {
        background-image: url(images/sprite.@2x.png);
        background-position: -236px -125px;
        background-size: 302px 190px;
        width: 12px;
        height: 12px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-steam {
        background-image: url(images/sprite.@2x.png);
        background-position: -257px -55px;
        background-size: 302px 190px;
        width: 14px;
        height: 10px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-steam-white-shadow {
        background-image: url(images/commodities/steam-active.png);
        width: 14px;
        height: 10px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-steam-hover,
    .ico-steam.hover,
    a.hover .ico-steam,
    a:hover .ico-steam,
    button.hover .ico-steam,
    button:hover .ico-steam {
        background-image: url(images/sprite.@2x.png);
        background-position: -273px -55px;
        background-size: 302px 190px;
        width: 14px;
        height: 10px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-toggle-close {
        background-image: url(images/sprite.@2x.png);
        background-position: -250px -125px;
        background-size: 302px 190px;
        width: 13px;
        height: 8px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-toggle-minus {
        background-image: url(images/sprite.@2x.png);
        background-position: -239px -99px;
        background-size: 302px 190px;
        width: 18px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-toggle-plus {
        background-image: url(images/sprite.@2x.png);
        background-position: -259px -99px;
        background-size: 302px 190px;
        width: 18px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-toggle {
        background-image: url(images/sprite.@2x.png);
        background-position: -265px -125px;
        background-size: 302px 190px;
        width: 13px;
        height: 8px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-user-white {
        background-image: url(images/sprite.@2x.png);
        background-position: -54px -72px;
        background-size: 302px 190px;
        width: 25px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-user {
        background-image: url(images/sprite.@2x.png);
        background-position: 0 -72px;
        background-size: 302px 190px;
        width: 25px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-x-red {
        background-image: url(images/sprite.@2x.png);
        background-position: -171px -148px;
        background-size: 302px 190px;
        width: 9px;
        height: 9px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-x-white {
        background-image: url(images/sprite.@2x.png);
        background-position: -182px -148px;
        background-size: 302px 190px;
        width: 9px;
        height: 9px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .logo-image-compact {
        background-image: url(images/sprite.@2x.png);
        background-position: 0 0;
        background-size: 302px 190px;
        width: 70px;
        height: 70px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .logo-image {
        background-image: url(images/sprite.@2x.png);
        background-position: -140px 0;
        background-size: 302px 190px;
        width: 162px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .red-arrow-up {
        background-image: url(images/sprite.@2x.png);
        background-position: -60px -125px;
        background-size: 302px 190px;
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }
}

*,
:after,
:before {
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

body,
html {
    height: 100%
}

html {
    tap-highlight-color: transparent
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

audio,
iframe,
img,
object,
video {
    max-width: 100%
}

img {
    height: auto;
    display: inline-block;
    vertical-align: middle
}

b,
strong {
    font-weight: 700
}

address {
    font-style: normal
}

svg:not(:root) {
    overflow: hidden
}

a,
button,
input[type=button],
input[type=file],
input[type=image],
input[type=reset],
input[type=submit],
label[for] {
    cursor: pointer
}

a[href^=tel],
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input[name=start-date] {
    width: 141px
}

input[name=end-date] {
    width: 141px
}

a[href^=tel],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    display: none;
    -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    resize: none;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

button,
select {
    text-transform: none
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

nav ol,
nav ul {
    list-style: none outside none
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(fonts/proximanovalight-webfont.eot);
    src: url(fonts/proximanovalight-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/proximanovalight-webfont.woff2) format('woff2'), url(fonts/proximanovalight-webfont.woff) format('woff'), url(fonts/proximanovalight-webfont.ttf) format('truetype'), url(fonts/proximanovalight-webfont.svg#proxima_novalight) format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(fonts/proximanovaregular-webfont.eot);
    src: url(fonts/proximanovaregular-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/proximanovaregular-webfont.woff2) format('woff2'), url(fonts/proximanovaregular-webfont.woff) format('woff'), url(fonts/proximanovaregular-webfont.ttf) format('truetype'), url(fonts/proximanovaregular-webfont.svg#proxima_novaregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova';
    src: url(fonts/proximanovasemibold-webfont.eot);
    src: url(fonts/proximanovasemibold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/proximanovasemibold-webfont.woff2) format('woff2'), url(fonts/proximanovasemibold-webfont.woff) format('woff'), url(fonts/proximanovasemibold-webfont.ttf) format('truetype'), url(fonts/proximanovasemibold-webfont.svg#proxima_novasemibold) format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Proxima Nova Condensed';
    src: url(fonts/proximanovacond-light-webfont.eot);
    src: url(fonts/proximanovacond-light-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/proximanovacond-light-webfont.woff2) format('woff2'), url(fonts/proximanovacond-light-webfont.woff) format('woff'), url(fonts/proximanovacond-light-webfont.ttf) format('truetype'), url(fonts/proximanovacond-light-webfont.svg#proxima_nova_condensedlight) format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans-v35-latin-300.eot');
    src: url('fonts/open-sans-v35-latin-300.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v35-latin-300.woff2') format('woff2'), url('fonts/open-sans-v35-latin-300.woff') format('woff'), url('fonts/open-sans-v35-latin-300.ttf') format('truetype'), url('fonts/open-sans-v35-latin-300.svg#OpenSans') format('svg')
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v35-latin-regular.eot');
    src: url('fonts/open-sans-v35-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v35-latin-regular.woff2') format('woff2'), url('fonts/open-sans-v35-latin-regular.woff') format('woff'), url('fonts/open-sans-v35-latin-regular.ttf') format('truetype'), url('fonts/open-sans-v35-latin-regular.svg#OpenSans') format('svg')
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/open-sans-v35-latin-500.eot');
    src: url('fonts/open-sans-v35-latin-500.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v35-latin-500.woff2') format('woff2'), url('fonts/open-sans-v35-latin-500.woff') format('woff'), url('fonts/open-sans-v35-latin-500.ttf') format('truetype'), url('fonts/open-sans-v35-latin-500.svg#OpenSans') format('svg')
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-v35-latin-600.eot');
    src: url('fonts/open-sans-v35-latin-600.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v35-latin-600.woff2') format('woff2'), url('fonts/open-sans-v35-latin-600.woff') format('woff'), url('fonts/open-sans-v35-latin-600.ttf') format('truetype'), url('fonts/open-sans-v35-latin-600.svg#OpenSans') format('svg')
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v35-latin-700.eot');
    src: url('fonts/open-sans-v35-latin-700.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v35-latin-700.woff2') format('woff2'), url('fonts/open-sans-v35-latin-700.woff') format('woff'), url('fonts/open-sans-v35-latin-700.ttf') format('truetype'), url('fonts/open-sans-v35-latin-700.svg#OpenSans') format('svg')
}

@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/open-sans-v35-latin-800.eot');
    src: url('fonts/open-sans-v35-latin-800.eot?#iefix') format('embedded-opentype'), url('fonts/open-sans-v35-latin-800.woff2') format('woff2'), url('fonts/open-sans-v35-latin-800.woff') format('woff'), url('fonts/open-sans-v35-latin-800.ttf') format('truetype'), url('fonts/open-sans-v35-latin-800.svg#OpenSans') format('svg')
}

body {
    background: #eaf1fb;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.3;
    color: #163a4b
}

a {
    color: inherit;
    text-decoration: none
}

a:focus,
a:hover {
    text-decoration: none
}

a[href^=tel] {
    text-decoration: none
}

h1 {
    font-size: 24px
}

h2 {
    font-size: 20px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .65em
}

blockquote,
dl,
ol,
p,
table,
ul {
    margin-bottom: 1.3em
}

blockquote:last-child,
dl:last-child,
h1:last-child,
h1[class],
h2:last-child,
h2[class],
h3:last-child,
h3[class],
h4:last-child,
h4[class],
h5:last-child,
h5[class],
h6:last-child,
h6[class],
ol:last-child,
p:last-child,
table:last-child,
ul:last-child {
    margin-bottom: 0
}

.clear:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both
}

.notext {
    white-space: nowrap;
    text-indent: 100%;
    text-shadow: none;
    overflow: hidden
}

.notext-old {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px
}

.hidden,
[hidden] {
    display: none
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

.disabled,
[disabled] {
    cursor: default
}

.box,
.with-shadow {}

.with-shadow-white {
    box-shadow: #e6e6e6 1px 1px, #e6e6e6 2px 2px, #e6e6e6 3px 3px, #e6e6e6 4px 4px, #e6e6e6 5px 5px, #e6e6e6 6px 6px, #e6e6e6 7px 7px, #e6e6e6 8px 8px, #e6e6e6 9px 9px, #e6e6e6 10px 10px, #e6e6e6 11px 11px, #e6e6e6 12px 12px, #e7e7e7 13px 13px, #e8e8e8 14px 14px, #e9e9e9 15px 15px, #ebebeb 16px 16px, #ececec 17px 17px, #ededed 18px 18px, #eee 19px 19px, #f0f0f0 20px 20px, #f1f1f1 21px 21px, #f2f2f2 22px 22px, #f3f3f3 23px 23px, #f5f5f5 24px 24px, #f6f6f6 25px 25px, #f7f7f7 26px 26px, #f8f8f8 27px 27px, #fafafa 28px 28px, #fbfbfb 29px 29px, #fcfcfc 30px 30px, #fdfdfd 31px 31px, #fff 32px 32px
}

.with-shadow-gray {
    box-shadow: #e1e2e6 1px 1px, #e1e2e6 2px 2px, #e1e2e6 3px 3px, #e1e2e6 4px 4px, #e1e2e6 5px 5px, #e1e2e6 6px 6px, #e1e2e6 7px 7px, #e1e2e6 8px 8px, #e1e2e6 9px 9px, #e1e2e6 10px 10px, #e1e2e6 11px 11px, #e1e2e6 12px 12px, #e1e2e6 13px 13px, #e1e2e6 14px 14px, #e1e2e6 15px 15px, #e1e2e6 16px 16px, #e1e2e6 17px 17px, #e2e3e7 18px 18px, #e3e4e8 19px 19px, #e4e5e9 20px 20px, #e5e6ea 21px 21px, #e6e7eb 22px 22px, #e7e8ec 23px 23px, #e8e9ed 24px 24px, #e9eaee 25px 25px, #eaebef 26px 26px, #ebecf0 27px 27px, #ecedf1 28px 28px, #edeef2 29px 29px, #eeeff3 30px 30px, #eff0f4 31px 31px, #f0f1f5 32px 32px, #f1f2f6 33px 33px, #f2f3f7 34px 34px, #f3f4f8 35px 35px, #f4f5f9 36px 36px, #f5f6fa 37px 37px, #f6f7fb 38px 38px, #f7f8fc 39px 39px, #f8f9fd 40px 40px, #f9fafe 41px 41px, #fafbff 42px 42px
}

.row-no-gutters {
    margin: 0
}

.row-no-gutters>div {
    padding: 0
}

.row-gutter-8 {
    margin-left: -4px;
    margin-right: -4px
}

.row-gutter-8>div {
    padding-left: 4px;
    padding-right: 4px
}

.row-gutter-10 {
    margin-left: -5px;
    margin-right: -5px
}

.row-gutter-10>div {
    padding-left: 5px;
    padding-right: 5px
}

.row-gutter-20 {
    margin-left: -10px;
    margin-right: -10px
}

.row-gutter-20>div {
    padding-left: 10px;
    padding-right: 10px
}

.row-gutter-47 {
    margin-left: -23px;
    margin-right: -23px
}

.row-gutter-47>div {
    padding-left: 23px;
    padding-right: 23px
}

.row-gutter-40 {
    margin-left: -20px;
    margin-right: -20px
}

.row-gutter-40>div {
    padding-left: 20px;
    padding-right: 20px
}

.row-gutter-50 {
    margin-left: -25px;
    margin-right: -25px
}

.row-gutter-50>div {
    padding-left: 25px;
    padding-right: 25px
}

.inline-space-left {
    margin-left: 10px
}

.wrapper {
    position: relative;
    overflow: hidden;
    min-height: 100%
}

.wrapper-inner {
    padding: 70px 0 49px 70px
}

.wrapper-inner-gutters-47 {
    padding: 118px 47px 96px 118px
}

.wrapper-inner-no-gutters {
    padding-left: 0;
    padding-right: 0
}

.wrapper-login {
    background: url(images/wrapper-login.jpg) 50% 50% no-repeat;
    background-size: cover
}

@media (max-width:1200px) {
    .wrapper-inner {
        padding-top: 142px
    }

    .wrapper-inner-gutters-47 {
        padding-top: 189px
    }
}

.shell {
    max-width: 1200px;
    margin: auto
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 70px;
    background: #fff;
    box-shadow: 0 1px #e7ebed
}

.header .btn-menu {
    float: left
}

.header-grid {
    display: table;
    width: 100%
}

.header-grid-item {
    display: table-cell
}

.header-grid-item-right {
    float: right
}

@media (max-width:1024px) {
    .header-grid-item-left {
        padding-top: 0;
        margin-top: 0;
        float: left
    }
}

@media (max-width:768px) {
    .header-grid-item-left {
        width: 70%
    }

    .header-grid-item-right {
        width: 30%
    }
}

.main-head {
    position: relative;
    height: 130px;
    padding: 17px 720px 0 30px;
    border-bottom: 2px solid #d4dbe4;
    background: #faf9f9
}

.main-head-inner {
    position: absolute;
    top: 17px;
    right: 30px
}

.main-head-actions {
    padding: 25px 33px 0 0
}

.main-head-actions .table-grid-item {
    vertical-align: middle;
    padding: 0 10px
}

.main-head-actions .table-grid-item:first-child {
    width: 1px;
    padding-left: 0
}

.main-head-actions .table-grid-item:last-child {
    width: 1px
}

.main-head-actions strong {
    font-size: 17px;
    color: #133849;
    font-weight: 600;
    white-space: nowrap
}

.main-head-actions .select {
    border: 2px solid #e4ebf4;
    background: #fff;
    border-radius: 9999px
}

.main-head-actions .select .fs-dropdown-selected {
    height: 42px;
    line-height: 42px
}

.main-head-actions .select .select-icon {
    top: 12px
}

.main-head-actions .select .select-arrow {
    right: 21px;
    top: 11px
}

.main-body {
    padding: 20px
}

.main-body-alt {
    padding: 45px
}

@media (max-width:1200px) {
    .main-head {
        height: auto;
        padding: 20px 30px 32px
    }

    .main-head-inner {
        position: static
    }

    .main-head-inner .widgets-bill {
        margin: 0 auto
    }

    .main-head-actions {
        width: 560px;
        padding-top: 30px;
        margin: 0 auto
    }
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 49px;
    padding: 15px 20px 0;
    background: #133849;
    z-index: 102
}

.footer-logo {
    float: right
}

.sidebar {
    position: fixed;
    top: 70px;
    bottom: 0;
    left: 0;
    z-index: 1500;
    background: #053041;
    font-size: 14px;
    color: #fff
}

.sidebar:before {
    content: '';
    position: absolute;
    top: 0;
    z-index: 1;
    height: 1px;
    background: #1a99f6;
    width: 70px
}

.sidebar ul {
    list-style: none outside none
}

.sidebar a {
    display: block;
    height: 66px
}

.sidebar>ul>li {
    border-bottom: 1px solid #123b4b
}

.sidebar>ul>li:hover>a {
    background: linear-gradient(to right, #203c6d 0, #20649e 100%) !important
}

.sidebar>ul>li:hover ul {
    display: block
}

.sidebar>ul>li>a:hover {
    color: #fff
}

.sidebar>ul>li>a:visited {
    color: inherit
}

.sidebar>ul>li:hover>a:before {
    background: #0aa8e9
}

.sidebar>ul>li>a {
    position: relative;
    white-space: nowrap;
    background: #053041;
    font-size: 0
}

.sidebar .show-if-hovered {
    display: none
}

.sidebar>ul>li:hover .show-if-hovered {
    display: inline-block
}

.sidebar>ul>li:hover .show-if-not-hovered {
    display: none
}

.sidebar>ul>li>a>span {
    display: none;
    vertical-align: middle;
    width: 170px;
    height: 66px;
    padding: 0 20px;
    line-height: 66px;
    font-size: 14px
}

.sidebar>ul:hover>li>a>span {
    display: inline-block
}

.sidebar ul ul li {
    border-bottom: 1px solid #236aa3
}

.sidebar ul ul a {
    position: relative;
    padding: 0 20px;
    line-height: 66px
}

.sidebar ul ul a:hover {
    color: #fff
}

.sidebar ul ul a:visited {
    color: inherit
}

.sidebar .sidebar-hlite:hover {
    background-color: #0083bc
}

.sidebar~.wrapper-inner {
    margin-left: 70px
}

.sidebar~.footer {
    padding-left: 90px
}

.btn {
    height: 43px;
    padding: 0 15px;
    border-width: 2px;
    border-radius: 5px;
    font-size: 14px;
    color: #8b9ca4;
    line-height: 39px
}

.btn-default {
    border-color: #e3eaf4
}

.btn-default:hover {
    border-color: #1a99f6;
    background: #fff
}

.btn-success {
    border: 0;
    background: #2e79bc;
    color: #fff
}

.fs-dropdown {
    margin: 0
}

.fs-dropdown-selected {
    height: 60px;
    padding: 0 50px 0 25px;
    line-height: 60px;
    border: 0;
    border-radius: 0;
    background: 0 0;
    font-size: 17px;
    font-weight: 600;
    color: #133849
}

.fs-dropdown-selected:after {
    display: none
}

.fs-dropdown-focus .fs-dropdown-selected,
.fs-dropdown-open .fs-dropdown-selected {
    box-shadow: none;
    background: 0 0
}

.fs-dropdown-options {
    box-shadow: none;
    border: 0
}

.fs-dropdown-open .fs-dropdown-options {
    border-radius: 0
}

.fs-dropdown-item {
    border: 0
}

.about-compact {
    overflow: hidden;
    font-size: 15px;
    color: #b0c1d3
}

.about-compact h3 {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 600;
    color: #0aa8e9
}

.about-compact .about-icon {
    float: left;
    padding: 0 23px 0 0
}

.about-compact .about-content {
    overflow: hidden
}

.about-compact .about-content a {
    color: #0aa8e9;
    text-decoration: underline
}

.about-compact .about-content a:hover {
    text-decoration: none
}

.box {
    position: relative;
    padding: 5px;
    border-radius: 15px;
    margin-bottom: 15px;
    background: #fff
}

.box .box-head {
    position: relative;
    padding: 10px 0 20px;
    border-radius: 5px 5px 0 0;
    background: #faf9f9;
    text-align: center
}

.box .box-head-btns {
    position: absolute;
    top: 8px;
    left: 8px
}

.box .box-body {
    overflow: hidden;
    border-top: 3px solid #bfc9d3;
    border-radius: 0 0 5px 5px
}

.box .box-title {
    font-size: 18px;
    color: #1a99f6;
    font-weight: 600
}

.box .box-nav ul {
    display: table;
    width: 100%;
    table-layout: fixed
}

.box .box-nav li {
    display: table-cell
}

.box .box-nav a {
    height: 60px;
    display: block;
    border: solid #f8f9fb;
    border-width: 0 1px;
    font-size: 18px;
    line-height: 58px;
    color: #103647;
    font-weight: 600;
    text-align: center
}

.box .box-nav .current a,
.box .box-nav a:hover {
    border-color: #1a99f6;
    background: #1a99f6;
    color: #fff;
    text-shadow: 0 2px #1b91c6
}

.box .box-nav-first-borderless li:first-child a {
    border-left: 0
}

.box .box-nav-static ul {
    display: block;
    font-size: 0;
    list-style: none outside none;
    white-space: nowrap
}

.box .box-nav-static li {
    display: inline-block;
    vertical-align: top
}

.box .box-nav-static a {
    padding: 0 25px
}

.box .box-actions {
    position: absolute;
    top: 18px;
    right: 0
}

.box .box-actions ul {
    list-style: none outside none;
    font-size: 0
}

.box .box-actions li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 22px
}

.box .box-actions a {
    display: block
}

.box-fluid .box-body {
    position: relative;
    height: 0;
    padding-top: 84%
}

.box-fluid .box-body-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.box-fluid .table {
    position: relative;
    height: 100%
}

.box-fluid .table .table-head th:last-child {
    padding-right: 37px
}

.box-fluid .table .table-body {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.box .updates-secondary {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: auto
}

@media (max-width:1200px) {
    .box .box-nav-md-fluid ul {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .box .box-nav-md-fluid li {
        display: table-cell
    }
}

.box-secondary {
    padding: 0;
    border-radius: 3px;
    margin-bottom: 47px
}

.box-secondary .box-head {
    padding: 18px 0 13px;
    border-bottom: 2px solid #e3e3e3;
    background: linear-gradient(to bottom, rgba(252, 252, 252, 1) 0, rgba(242, 242, 242, 1) 100%);
}

.box-secondary .box-title {
    margin: 0
}

.box-secondary .box-body {
    position: relative;
    border-top: 0
}

.box-secondary .box-head-actions {
    position: absolute;
    top: 0;
    height: 100%;
    line-height: 49px
}

.box-secondary .box-head-actions-left {
    left: 18px
}

.box-secondary .box-head-actions-right {
    right: 18px
}

.box-secondary .box-controls {
    position: relative;
    padding: 10px 27px;
    border-bottom: 2px solid #dee8f2;
    background: #fafbff
}

.box-secondary .box-controls h4 {
    padding: 11px 0 10px;
    margin: 0;
    font-size: 16px;
    color: #7791ab;
    text-align: center
}

.box-secondary .box-controls-borderless {
    border: 0
}

.box-secondary .box-controls-left {
    float: left
}

.box-secondary .box-controls-left h4 {
    margin: 12px 0 0;
    color: #7791ab
}

.box-secondary .box-controls-right {
    float: right
}

.box-secondary .box-controls-blue {
    border-bottom-color: #0c93ca;
    background: #0aa8e9
}

.box-secondary .box-controls-alt {
    padding-top: 27px;
    padding-bottom: 0;
    border: 0;
    background: #fff
}

.box-secondary .box-controls-center {
    position: absolute;
    top: 18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.box-secondary .box-controls-center .help {
    margin-left: 15px
}

.box-secondary .box-dropdown {
    position: relative;
    z-index: 10
}

.box-secondary .box-dropdown:hover ul {
    display: block
}

.box-secondary .box-dropdown ul {
    display: none;
    position: absolute;
    top: 100%;
    right: -18px;
    width: 150px;
    padding: 10px;
    border: 2px solid #d5dce2;
    border-radius: 5px;
    background: #fff;
    list-style: none outside none;
    font-size: 15px;
    line-height: 1.1;
    text-align: left;
    margin-top: -5px
}

.box-secondary .box-dropdown ul:after {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 12px;
    width: 23px;
    height: 11px;
    background-image: url(images/sprite.png);
    background-position: -310px -280px
}

.box-secondary .box-dropdown ul a {
    display: block;
    padding: 12px 13px 10px;
    color: #b0c1d3
}

.box-secondary .box-dropdown ul a:hover {
    background: #0aa8e9;
    color: #fff
}

.box-secondary .box-head-actions ul {
    overflow: hidden;
    list-style: none outside none
}

.box-secondary .box-head-actions ul li {
    float: left;
    border-left: 1px solid #eaeef2
}

.box-secondary .box-head-actions ul a {
    display: block;
    width: 50px;
    height: 47px
}

.box-secondary .box-head-actions ul a:hover {
    background: linear-gradient(to bottom, rgba(241, 241, 241, 1) 0, rgba(252, 252, 252, 1) 100%)
}

.box-secondary .box-head-actions-right ul {
    margin-right: -18px
}

.box-secondary .box-controls .note {
    margin-left: 15px
}

.box-budgets .box-body {
    overflow: visible
}

.report-header-inline {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle
}

.box-scrollable {
    padding-bottom: 8px
}

.box-scrollable .box-body {
    overflow: auto;
    font-size: 0;
    white-space: nowrap
}

.box-scrollable .box-body-inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    white-space: normal
}

.box-scrollable .box-body-inner~.box-body-inner {
    border-left: 2px solid #dee7f3
}

.box-scrollable .box-scroll-help {
    display: block;
    padding-top: 11px;
    font-size: 16px;
    color: #b0c1d3;
    font-weight: 300
}

.box-scrollable .box-scroll-help i {
    position: relative;
    top: -2px;
    margin-left: 17px
}

.box-scrollable-actual-usage .box-body-inner:nth-child(2) {
    width: 70%
}

.box-scrollable-actual-usage .box-body-inner:nth-child(3) {
    width: 30%
}

.box-event-monitor .box-controls-row~.box-controls-row {
    padding-top: 10px
}

.box-event-monitor .box-controls .select {
    width: 470px
}

.box-event-monitor .box-controls-right .btn-alt {
    min-width: 45px;
    padding: 0
}

.box-event-monitor .box-controls .form-row {
    margin: 0;
    white-space: nowrap
}

.box-event-monitor .box-controls .form-label {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 0 0;
    font-size: 18px;
    color: #61758d;
    font-weight: 400
}

.box-event-monitor .box-controls .form-controls {
    display: inline-block;
    vertical-align: middle
}

.box-event-monitor .box-scroll-help {
    display: block;
    padding-top: 11px;
    font-size: 16px;
    color: #b0c1d3;
    font-weight: 300
}

.box-event-monitor .box-scroll-help i {
    position: relative;
    top: -2px;
    margin-left: 17px
}

.box-event-monitor .box-controls h4 {
    padding-top: 5px
}

.box-bidding-history .box-controls-row~.box-controls-row {
    padding-top: 10px
}

.box-bidding-history .box-controls .form-row {
    margin: 0;
    white-space: nowrap
}

.box-bidding-history .box-controls .form-label {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 0 0;
    font-size: 18px;
    color: #61758d;
    font-weight: 400
}

.box-bidding-history .box-controls .form-controls {
    display: inline-block;
    vertical-align: middle
}

.box-bidding-history .select-alt {
    display: inline-block;
    vertical-align: middle;
    width: 345px;
    margin-right: 7px
}

.box-bidding-history .select-date {
    width: 142px
}

.box-bidding-history .btn-fixed-width {
    width: 152px
}

.box-event-history .box-controls-row~.box-controls-row {
    padding-top: 10px
}

.box-event-history .box-controls .select {
    width: 100%
}

.box-event-history .box-controls-right .btn-alt {
    min-width: 45px;
    padding: 0
}

.box-event-history .box-controls .form-row {
    margin: 0 0 10px;
    white-space: nowrap
}

.box-event-history .box-controls .form-label {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 0 0;
    font-size: 18px;
    color: #61758d;
    font-weight: 400
}

.box-event-history .box-controls .form-controls {
    display: inline-block;
    vertical-align: middle
}

.box-event-history .box-scroll-help {
    display: block;
    padding-top: 11px;
    font-size: 16px;
    color: #b0c1d3;
    font-weight: 300
}

.box-event-history .box-scroll-help i {
    position: relative;
    top: -2px;
    margin-left: 17px
}

.box-event-history .box-controls h4 {
    padding-top: 5px
}

.box-event-history .box-controls-top .cols {
    margin: 0 -5px
}

.box-event-history .box-controls-top .col {
    float: left;
    padding: 0 5px
}

.box-event-history .box-controls-top .col-size-1 {
    width: 15%
}

.box-event-history .box-controls-top .col-size-2 {
    width: 20%
}

.box-event-history .box-controls-top .col-size-3 {
    width: 15%
}

.box-event-history .box-controls-top .col-size-4 {
    width: 24%
}

.box-event-history .box-controls-top .col-size-5 {
    width: 11%
}

.box-event-history .box-controls-top .form-label {
    display: block;
    padding-bottom: 10px;
    float: none
}

.box-event-history .box-controls-top .form-controls {
    display: block
}

.box-event-history .box-controls-top .btn-alt {
    width: 100%;
    margin-top: 32px
}

.btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn-gray {
    border: 0;
    background: #faf8f9;
    color: #b9c4cf
}

.btn-menu {
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    height: 70px;
    background: #fff;
    text-align: center;
    line-height: 70px
}

.btn-alt-groups {
    overflow: hidden
}

.btn-alt-groups .btn-alt-group {
    float: left
}

.btn-alt-groups .btn-alt-group~.btn-alt-group {
    padding-left: 23px
}

.btn-alt-group {
    position: relative;
    font-size: 0
}

.btn-alt-group .btn-alt~.btn-alt {
    margin-left: 6px
}

.btn-alt-group .link-settings {
    margin-left: 20px
}

.btn-alt-group-label {
    display: inline-block;
    padding-right: 20px;
    font-size: 15px;
    color: #7791ab;
    vertical-align: middle
}

.btn-alt-group-separator {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-left: -11px;
    background: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 22px;
    box-shadow: 1px 0 #e4eaf6;
    color: #7791ac
}

.btn-alt-group-fixed .btn-alt {
    width: 115px
}

.btn-alt-group-stick .btn-alt {
    border-radius: 0
}

.btn-alt-group-stick .btn-alt~.btn-alt {
    margin-left: -1px
}

.btn-alt-group-stick .btn-alt:first-child {
    border-radius: 4px 0 0 4px
}

.btn-alt-group-stick .btn-alt:last-child {
    border-radius: 0 4px 4px 0
}

.btn-alt-group-stick .btn-alt {
    box-shadow: none
}

.btn-alt-group-stick .btn-alt-blue {
    box-shadow: inset 0 2px #0c8bc7
}

.btn-alt {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    padding: 0 20px;
    border: 0;
    border-radius: 4px;
    background: #fff;
    font-size: 13px;
    line-height: 38px;
    color: #61758d;
    box-shadow: 0 2px #e1e9f8;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn-alt-bordered {
    border: 1px solid #e5ecf9
}

.btn-alt-bordered:hover {
    border-color: #0aa8e9
}

.btn-alt-blue {
    background: #0aa8e9;
    color: #fff;
    box-shadow: inset 0 2px #0c8bc7
}

.btn-alt-blue.btn-alt-bordered {
    border-color: #0aa8e9
}

.commodity-nohover:hover {
    color: #61758d !important;
    text-shadow: none !important;
    background: #fff !important
}

.btn-alt-remove {
    padding-left: 0
}

.btn-alt-remove span {
    display: inline-block;
    width: 35px;
    height: 37px;
    border-right: 1px solid #e6edf6;
    margin-right: 13px;
    text-align: center
}

.btn-alt-remove:hover span {
    border-color: #0c8bc7
}

.btn-alt-blue-secondary {
    box-shadow: 0 2px #0c90c6
}

.btn-alt-big {
    height: 40px;
    padding: 0 25px;
    font-size: 17px;
    line-height: 40px
}

.btn-alt-large {
    height: 50px;
    padding: 0 30px;
    border-radius: 7px;
    font-size: 21px;
    line-height: 48px
}

.btn-alt-block {
    display: block;
    width: 100%
}

.btn-alt-text-shadow {
    text-shadow: 0 1px #0380db
}

.btn-alt-text-medium {
    font-size: 15px
}

.btn-alt-with-icon {
    width: 43px;
    padding: 0
}

.calendar table {
    border-collapse: collapse;
    table-layout: fixed
}

.calendar .calendar-day {
    border: 1px solid #38a3cc;
    background: #0293c0;
    vertical-align: top
}

.calendar .calendar-day:hover {
    background: #0383ab
}

.calendar .calendar-day-nohover {
    border: 1px solid #38a3cc;
    background: #0293c0;
    vertical-align: top
}

.calendar .calendar-day a {
    display: block;
    position: relative;
    height: 0;
    padding-top: 103%
}

.calendar .calendar-day-nohover a {
    display: block;
    position: relative;
    height: 0;
    padding-top: 103%;
    pointer-events: none;
    cursor: default
}

.calendar .calendar-day-other-month,
.calendar .calendar-day-other-month:hover {
    background: #47afd3
}

.calendar .calendar-date {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 7px;
    color: #fff;
    font-size: 10px
}

.calendar .calendar-date strong {
    font-weight: 700;
    padding-right: 4px
}

.calendar .calendar-graph {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 7px
}

.calendar .calendar-graph img {
    width: 100%;
    height: auto
}

.dtr-calendar-day-title {
    background-color: #0aa8e9;
    border-color: #0aa8e9;
    box-shadow: inset 0 2px #0c8bc7
}

.dtr-calendar-day-title h5 {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    text-shadow: 0 2px #0380db
}

.calendar-main .calendar-day {
    border-color: #e0e5eb;
    background: #f2f7fd
}

.calendar-main .calendar-day-nohover {
    border-color: #e0e5eb;
    background: #f2f7fd
}

.calendar-main .calendar-date {
    color: #1d4151
}

.calendar-main .calendar-day:hover {
    background: #e0e4e9
}

.calendar-main .calendar-day-other-month a:hover,
.calendar-main .calendar-day-other-month.calendar-day-selected,
.calendar-main .calendar-day-other-month.calendar-day-selected:hover {
    background: #f2f7fd;
    border-color: #e0e5eb
}

.calendar-main .calendar-day-selected,
.calendar-main .calendar-day-selected:hover {
    background: #3baae1;
    border-color: #389ecf
}

.calendar-main .calendar-graph .selected-image {
    display: none
}

.calendar-main .calendar-day-selected .calendar-graph .selected-image {
    display: block
}

.calendar-main .calendar-day-selected .calendar-graph .main-image {
    display: none
}

.calendar-main th {
    height: 50px;
    background: #0aa8e9;
    font-size: 16px;
    color: #fff;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .1);
    text-align: center;
    font-weight: 400
}

.calendar-main-secondary .calendar-day {
    border-width: 2px
}

.calendar-main-secondary .calendar-day a {
    padding-top: 92%
}

.calendar-main-secondary .calendar-day-nohover {
    border-width: 2px
}

.calendar-main-secondary .calendar-day-nohover a {
    padding-top: 92%;
    pointer-events: none;
    cursor: default
}

.calendar-main-secondary .calendar-date {
    padding: 20px;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-size: 16px;
    color: #7791ab;
    font-weight: 300
}

.calendar-main-secondary .calendar-day {
    background: #fff
}

.calendar-main-secondary .calendar-day-selected,
.calendar-main-secondary .calendar-day-selected:hover {
    background: #053041;
    border-color: #0aa8e9
}

.chart .chart-head {
    border-bottom: 2px solid #133849
}

.chart .chart-head-borderless {
    border-bottom: 0
}

.chart .chart-head-left {
    float: left
}

.chart .chart-head-right {
    float: right
}

.chart .chart-head-right-alt {
    position: absolute;
    top: 20px;
    right: 20px
}

.chart .chart-canvas img {
    width: 100%;
    height: auto
}

.chart-dimensions .chart-body {
    position: relative;
    height: 0;
    border-radius: 0 0 10px 10px;
    overflow: hidden
}

.chart-dimensions .chart-canvas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.chart-dimensions-type-1 .chart-body {
    padding-top: 33.33%
}

.chart-dimensions-type-2 .chart-body {
    padding-top: 64%
}

.chart-dimensions-type-3 .chart-body {
    padding-top: 74%
}

.chart-legend {
    padding: 10px 23px;
    border: 2px solid #23cad2;
    border-radius: 9999px;
    background: #3baae1;
    font-size: 15px;
    color: #fff
}

.chart-legend ul {
    overflow: hidden;
    list-style: none outside none
}

.chart-legend li {
    float: left
}

.chart-legend li+li {
    padding-left: 28px
}

.chart-legend span {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-right: 10px
}

@media (max-width:1200px) {
    .chart .chart-head .table-grid-item~.table-grid-item {
        border-top: 2px solid #f8f9fb
    }
}

.chart-with-actions .chart-head-secondary {
    position: relative;
    padding: 20px;
    border: 0;
    background: #0194c0
}

.chart-with-actions .chart-head-secondary .select {
    float: left;
    width: 335px;
    border: 2px solid #23cad2;
    background: #3baae1;
    border-radius: 9999px;
    color: #fff
}

.chart-with-actions .chart-head-secondary .select .fs-dropdown-selected {
    height: 44px;
    line-height: 44px;
    color: #fff
}

.chart-with-actions .chart-head-secondary .select .select-arrow {
    top: 14px;
    color: #fff
}

.chart-with-actions .chart-head-secondary .select .fs-dropdown-options {
    background: 0 0;
    margin-top: 2px
}

.chart-with-actions .chart-head-secondary .select .fs-dropdown-item {
    background: #3baae1;
    color: #fff
}

.chart-with-actions .chart-head-secondary .checkbox {
    float: left;
    margin: 15px 0 0 20px
}

.chart-with-actions .chart-head-secondary .checkbox label {
    color: #fff;
    font-size: 12px;
    font-weight: 600
}

.chart-with-actions .chart-head-secondary .checkbox label:before {
    width: 18px;
    height: 18px;
    border: 2px solid #23cad2;
    border-radius: 2px;
    background: #0194c0;
    box-shadow: none
}

.chart-with-actions .chart-head-secondary .checkbox input:checked+label:after {
    top: 7px;
    left: 3px;
    background-image: url(images/sprite.png);
    background-position: -313px -296px
}

.chart-with-actions .chart-head-secondary .btn-alt-group .btn-alt {
    height: 48px;
    border: 2px solid #23cad2;
    background: #1e9fd1;
    font-size: 18px;
    line-height: 44px;
    color: #fff;
    box-shadow: none
}

.chart-with-actions .chart-head-secondary .btn-alt-group .btn-alt.selected,
.chart-with-actions .chart-head-secondary .btn-alt-group .btn-alt:hover {
    background: #13384a;
    box-shadow: none
}

.chart-with-actions .chart-head-secondary .btn-alt-group .btn-alt~.btn-alt {
    margin-left: -2px
}

.chart-with-actions .chart-head-secondary .btn-alt-group .btn-alt:first-child {
    border-radius: 9999px 0 0 9999px
}

.chart-with-actions .chart-head-secondary .btn-alt-group .btn-alt:last-child {
    border-radius: 0 9999px 9999px 0
}

.chart-with-actions .chart-head-secondary .field {
    float: left;
    width: 250px;
    border: 2px solid #23cad2;
    border-radius: 9999px;
    background: #1e9fd1;
    font-size: 18px;
    color: #fff
}

.chart-with-actions .chart-head-secondary .field-datepicker {
    background: #1e9fd1 url(images/ico-calendar-white.png) right center no-repeat
}

.chart-with-actions .chart-head-secondary .field::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.chart-with-actions .chart-head-secondary .field::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.chart-with-actions .chart-head-secondary .field:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.chart-with-actions .chart-head-secondary .field::placeholder {
    color: #fff;
    opacity: 1
}

.chart-with-actions .chart-head-secondary .field~.field {
    margin-left: 20px
}

.chart-with-actions .chart-head-secondary-center {
    text-align: center
}

.chart-with-actions .chart-head-secondary-center .field {
    float: none;
    display: inline-block
}

.chart-year-analysis .chart-body {
    margin-bottom: -88px
}

.chart-portfolio .chart-head-secondary {
    height: 165px;
    padding: 45px 40px 0;
    background: #032735
}

.chart-portfolio .chart-head-secondary .btn-alt-group-secondary {
    float: left;
    margin-left: 20px
}

.chart-portfolio .chart-head-secondary .btn-alt-group-secondary .btn-alt {
    border: 1px solid #0f3343;
    background: 0 0;
    border-radius: 9999px;
    box-shadow: none;
    color: #fff
}

.chart-portfolio .chart-head-secondary .btn-alt-group-secondary .btn-alt.selected,
.chart-portfolio .chart-head-secondary .btn-alt-group-secondary .btn-alt:hover {
    border-color: #0aa8e9;
    background: #0aa8e9
}

.chart-portfolio .chart-head-secondary .btn-alt-group-secondary .btn-alt~.btn-alt {
    margin-left: 10px
}

.chart-portfolio .chart-head-secondary .stats-item {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.chart-portfolio .chart-head-secondary .select {
    float: left;
    width: 195px;
    border: 1px solid #0f3343;
    background: 0 0
}

.chart-portfolio .chart-head-secondary .select .fs-dropdown-selected {
    height: 37px;
    font-size: 13px;
    line-height: 35px;
    font-weight: 300
}

.chart-portfolio .chart-head-secondary .select .fs-dropdown-item {
    border: 1px solid #0f3343;
    background: #032735
}

.chart-portfolio .chart-head-secondary .select .select-arrow {
    top: 9px
}

.chart-portfolio .chart-head-secondary .stats-item {
    color: #fff
}

.chart-portfolio .chart-head-secondary .stats-item .stats-item-content {
    width: 180px
}

.chart-portfolio .chart-head-secondary .stats-item .stats-item-value span {
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 8px;
    font-size: 13px;
    color: #7791ab;
    font-weight: 400;
    letter-spacing: .1em;
    text-align: center
}

.chart-portfolio .chart-head-secondary .stats-item .stats-item-value span i {
    margin-bottom: 10px
}

.chart-secondary {
    position: relative
}

.chart-secondary .chart-head {
    position: relative;
    padding: 20px 0 13px;
    text-align: center
}

.chart-secondary .chart-head h6 {
    color: #b0c1d3;
    text-transform: uppercase;
    letter-spacing: .08em
}

.chart-secondary .chart-head-actions {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.chart-secondary .chart-head-actions-right {
    right: 15px
}

.chart-secondary .chart-canvas img {
    width: 100%;
    height: auto
}

.chart-secondary .chart-info-toggle {
    font-size: 10px;
    color: #009bff;
    text-transform: uppercase
}

.chart-secondary .chart-info-toggle i {
    position: relative;
    top: -2px;
    margin-right: 8px
}

.chart-info-popup {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 14.2%;
    width: 315px;
    padding: 10px 25px 0 30px;
    background: rgba(10, 51, 69, .97);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .3s
}

.chart-info-popup .point {
    border-bottom: 1px solid #214658
}

.chart-info-popup .chart-info-toggle {
    color: #fff
}

.chart-info-popup .point-default {
    color: #0466a0
}

.chart-info-popup .point~.point {
    border-top: 0
}

.chart-info-popup .point h5 {
    color: #fff
}

.chart-info-popup .point .point-content {
    padding-right: 70px
}

.chart-info-popup .point .point-content p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.chart-info-popup .chart-info-popup-actions {
    text-align: right
}

.chart-info-popup.visible {
    opacity: 1;
    visibility: visible
}

.chart-tertiary {
    text-align: left
}

.chart-tertiary .chart-head {
    overflow: hidden;
    padding: 0 30px 10px 27px
}

.chart-tertiary .chart-head h1 {
    overflow: hidden;
    margin: 10px 0 0
}

.chart-tertiary .chart-head-actions {
    float: right
}

.chart-tertiary .chart-head-actions .btn-alt {
    line-height: 35px
}

.chart-tertiary .chart-canvas img {
    width: 100%;
    height: auto
}

.chart-tertiary .chart-body {
    position: relative
}

.chart-tertiary .chart-body-rel {
    position: relative;
    height: 235px
}

.chart-tertiary .chart-body-inner {
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
    width: 100%;
    font-size: 0;
    white-space: nowrap
}

.chart-tiny {
    display: inline-block;
    vertical-align: top;
    padding: 20px 25px;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-size: 16px;
    color: #0aa8e9;
    text-align: center
}

.chart-tiny a {
    display: block;
    overflow: hidden;
    width: 280px;
    height: 190px;
    padding: 23px 25px 15px;
    border: 1px solid #e1e9f8;
    border-radius: 10px;
    background: #fff
}

.chart-tiny a:hover {
    text-decoration: none;
    border-color: #0aa8e9
}

.chart-tiny span {
    display: block;
    padding-bottom: 10px
}

.chart-tiny img {
    width: 100%;
    height: auto
}

.chart-utility-billing {
    position: relative
}

.chart-utility-billing .chart-options {
    position: absolute;
    top: 38px;
    right: 30px
}

.chart-customize {
    position: relative
}

.chart-customize ul {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    padding: 15px;
    border: 1px solid #e1e9f8;
    border-radius: 5px 0 5px 5px;
    background: #fff;
    white-space: nowrap;
    list-style: none outside none
}

.chart-customize ul li+li {
    padding-top: 15px
}

.chart-customize-open .btn-alt {
    position: relative;
    z-index: 1;
    border-right: 5px 5px 0 0;
    border-bottom: 0;
    box-shadow: none
}

.chart-customize-open .btn-alt:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff
}

.chart-customize-open ul {
    display: block
}

.chart-event-history {
    position: relative
}

.chart-event-history .chart-head {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 10;
    overflow: visible
}

.chart-event-history .chart-head h4 {
    font-size: 18px;
    color: #7791ab
}

.chart-event-history .chart-head-actions {
    position: relative;
    float: none;
    display: inline-block
}

.chart-event-history .chart-head-actions a {
    font-size: 14px;
    text-transform: uppercase
}

.chart-event-history .chart-head-actions:hover .table-hourly {
    display: block
}

.commodity .commodity-body {
    padding: 18px 18px 5px
}

.commodity .commodity-body-inner {
    overflow: hidden;
    width: 320px;
    margin: 0 auto
}

.commodity .commodity-foot {
    padding: 0 40px 32px;
    border-top: 2px solid #dfe7f4;
    background: #fafbff;
    text-align: center
}

.commodity .commodity-note {
    font-size: 13px;
    font-weight: 300;
    color: #7791ab;
    opacity: .5
}

.commodity .commodity-help {
    padding-bottom: 6px
}

.commodity .commodity-actions {
    margin-top: -21px;
    padding-bottom: 28px
}

.commodity .commodity-actions .btn-alt {
    width: 100px
}

.commodity .commodity-graph {
    float: left;
    width: 230px;
    height: 230px
}

.commodity .commodity-graph img {
    width: 100%;
    height: auto
}

.commodity .commodity-graph-alt img {
    width: 100%;
    height: 38px
}

.commodity .commodity-content {
    float: left;
    width: 125px;
    margin-left: -35px
}

.commodity .commodity-entry {
    padding-bottom: 12px
}

.commodity .commodity-entry~.commodity-entry {
    padding-top: 17px;
    border-top: 2px solid #ebf1f8
}

.commodity .commodity-period {
    margin: 0 0 6px;
    font-size: 11px;
    color: #7791ab;
    opacity: .5
}

.commodity .commodity-value {
    display: block;
    font-size: 45px;
    line-height: 1;
    color: #7791ab;
    font-weight: 300;
    letter-spacing: -.1em
}

.commodity .commodity-value i {
    position: relative;
    top: 4px;
    margin-left: 15px
}

.commodity .commodity-change {
    font-size: 15px;
    font-weight: 300
}

.commodity .commodity-change dl {
    overflow: hidden
}

.commodity .commodity-change dt {
    float: left;
    font-weight: 300
}

.commodity .commodity-change dt i {
    margin-right: 5px
}

.commodity .commodity-change dd {
    float: right
}

.commodity .commodity-title {
    margin: 0 0 10px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .26em;
    color: #7791ab;
    opacity: .5
}

.commodity .commodity-entry-success .commodity-value {
    color: #03c849
}

.commodity .commodity-entry-success .commodity-change {
    color: #03c849
}

.commodity .commodity-entry-danger .commodity-value {
    color: #ed1c24
}

.commodity .commodity-entry-danger .commodity-change {
    color: #ed1c24
}

.commodity-alt {
    background: #f9fbfe
}

.commodity-alt .commodity-graph {
    height: auto
}

.commodity-usage {
    padding: 14px 25px 0;
    border-top: 2px solid #dee6f3;
    background: #fff
}

.commodity-usage-inner {
    overflow: hidden
}

.commodity-usage .commodity-entry {
    float: left;
    width: 50%
}

.commodity-usage .commodity-entry~.commodity-entry {
    padding-top: 0;
    border: 0
}

.commodity-usage .commodity-value {
    font-size: 34px;
    letter-spacing: 0
}

.commodity-usage .commodity-value small {
    font-size: 13px;
    color: #7791ab;
    opacity: .45
}

.commodity-danger .commodity-entry-success .commodity-change,
.commodity-danger .commodity-entry-success .commodity-value {
    color: #fc101d
}

.commodity-danger .commodity-period {
    position: relative
}

.commodity-danger .commodity-period .ico-danger {
    position: absolute;
    top: 4px;
    right: 0
}

.commodity-danger .note {
    position: absolute;
    top: 20px;
    left: 20px
}

.commodity-danger .note .note-content {
    width: 170px;
    bottom: auto;
    top: 100%;
    margin-bottom: 0;
    margin-top: 15px;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase
}

.commodity-danger .note .note-content:before {
    top: auto;
    bottom: 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.commodity-danger .note .note-content strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #fc101d;
    letter-spacing: .1em
}

.commodity-danger .note .note-content span {
    display: block;
    font-size: 12px;
    letter-spacing: .1em
}

.confirm-deletion {
    text-align: center
}

.confirm-deletion h1 {
    margin: 0 0 6px;
    font-size: 36px;
    font-weight: 300;
    color: #0aa8e9
}

.confirm-deletion h3 {
    margin: 0 0 33px;
    line-height: 1.39
}

.confirm-deletion .confirm-deletion-actions .btn-alt~.btn-alt {
    margin-left: 10px
}

.copyright {
    float: left;
    padding-top: 3px;
    font-size: 12px;
    font-weight: 600;
    color: #7088a1
}

.copyright a {
    color: #0aa8e9;
    text-decoration: underline
}

.copyright a:hover {
    text-decoration: none
}

.copyright .separator {
    padding: 0 7px
}

.copyright .copyright-text {
    padding-right: 13px
}

.custom-scroll::-webkit-scrollbar {
    position: relative;
    z-index: 9999;
    width: 6px;
    height: 6px;
    background: 0 0
}

.custom-scroll::-webkit-scrollbar-button {
    height: 4px;
    opacity: 0
}

.custom-scroll::-webkit-scrollbar-track {
    background: 0 0
}

.custom-scroll::-webkit-scrollbar-track-piece {
    background: 0 0
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #009bff;
    border-radius: 9999px
}

.custom-scroll-dark::-webkit-scrollbar-thumb {
    background: #053041
}

[class^=figure-] {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.figure-burger {
    position: relative;
    width: 20px;
    height: 13px
}

.figure-burger:after,
.figure-burger:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #2b79bc
}

.figure-burger:before {
    top: 0;
    box-shadow: 0 5px #2b79bc
}

.figure-burger:after {
    bottom: 0
}

.figure-carret-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

input::-webkit-input-placeholder {
    color: inherit;
    opacity: 1
}

input::-moz-placeholder {
    color: inherit;
    opacity: 1
}

input:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

input::placeholder {
    color: inherit;
    opacity: 1
}

textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: 1
}

textarea::-moz-placeholder {
    color: inherit;
    opacity: 1
}

textarea:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

textarea::placeholder {
    color: inherit;
    opacity: 1
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.field {
    width: 100%;
    height: 48px;
    padding: 0 17px;
    border: 4px solid #e3eaf4;
    border-radius: 5px;
    font-size: 16px;
    color: #9fafb5
}

.field::-webkit-input-placeholder {
    opacity: .4
}

.field::-moz-placeholder {
    opacity: .4
}

.field:-ms-input-placeholder {
    opacity: .4
}

.field::placeholder {
    opacity: .4
}

.field-alt {
    width: 100%;
    height: 60px;
    padding: 0 23px;
    border: solid #f8f9fb;
    border-width: 0 1px;
    font-size: 17px;
    color: #133849;
    font-weight: 600
}

.field-alt-right-borderless {
    border-right: 0
}

.field-alt-left-borderless {
    border-left: 0
}

.field-datepicker {
    background: #fff url(images/datepicker.png) right center no-repeat
}

.field-secondary {
    width: 100%;
    height: 37px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px #e1e9f8;
    font-size: 13px;
    color: #b9c0ca
}

.field-secondary-bordered {
    border: 1px solid #e1e9f6
}

.field-secondary:focus {
    border-color: #0aa8e9
}

.field-secondary:focus::-webkit-input-placeholder {
    opacity: 0
}

.field-secondary:focus::-moz-placeholder {
    opacity: 0
}

.field-secondary:focus:-ms-input-placeholder {
    opacity: 0
}

.field-secondary:focus::placeholder {
    opacity: 0
}

.field-secondary-datepicker {
    background: #fff url(images/datepicker-secondary.png) right center no-repeat
}

.field-secondary-search {
    padding-right: 40px;
    background: #fff url(images/field-secondary-search.png) right 0 no-repeat;
    background-size: 30px 37px
}

.textarea-secondary {
    width: 100%;
    height: 37px;
    padding: 8px 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px #e1e9f8;
    font-size: 13px;
    color: #b9c0ca;
    resize: auto
}

.textarea-secondary-bordered {
    border: 1px solid #e1e9f6
}

.textarea-secondary:focus {
    border-color: #0aa8e9
}

.textarea-secondary:focus::-webkit-input-placeholder {
    opacity: 0
}

.textarea-secondary:focus::-moz-placeholder {
    opacity: 0
}

.textarea-secondary:focus:-ms-input-placeholder {
    opacity: 0
}

.textarea-secondary:focus::placeholder {
    opacity: 0
}

.selects .select~.select {
    margin-top: 15px
}

.select {
    position: relative;
    border: 1px solid #f8f9fb
}

.select .fs-dropdown-selected {
    height: 58px;
    line-height: 58px
}

.select .select-icon {
    position: absolute;
    top: 20px;
    left: 20px
}

.select .select-icon+.select-body .fs-dropdown-selected {
    padding-left: 45px
}

.select .select-arrow {
    position: absolute;
    top: 20px;
    right: 25px;
    color: #1a99f6
}

.select-alt {
    background: #fff;
    border-radius: 5px
}

.select-alt .fs-dropdown-selected {
    height: 37px;
    padding: 0 17px;
    border: 1px solid transparent;
    border-radius: 5px;
    line-height: 35px;
    font-size: 13px;
    color: #b9c0ca
}

.select-alt .fs-dropdown-focus .fs-dropdown-selected {
    border-color: #0aa8e9
}

.select-alt .fs-dropdown-options {
    border: 1px solid #0aa8e9;
    border-radius: 5px;
    margin-top: 5px
}

.select-alt .select-arrow {
    top: 10px;
    right: 15px
}

.select-alt-gray .fs-dropdown-selected {
    border-color: #e1e9f8
}

.select-alt-gray .select-arrow {
    top: 0;
    right: 0
}

.select-alt-gray .fs-dropdown-options {
    border-color: #e1e9f8
}

.select-alt-blue {
    border: 0;
    background: #0999d5;
    box-shadow: inset 0 2px #0790d8
}

.select-alt-blue .fs-dropdown-selected {
    border: 0;
    color: #fff;
    text-shadow: 0 1px #037ccb
}

.select-medium {
    width: 470px
}

.radios-inline {
    font-size: 0
}

.radios-inline .radio {
    display: inline-block;
    vertical-align: top
}

.radios-inline .radio~.radio {
    margin-left: 25px
}

.radios .radio~.radio {
    margin-top: 15px
}

.radio {
    margin: 0
}

.radio+.radio {
    margin: 0
}

.radio input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.radio label {
    position: relative;
    padding: 0;
    font-size: 14px;
    color: #61758d
}

.radio label:before {
    content: '';
    position: relative;
    top: -3px;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    border: 1px solid #e3ebf8;
    border-radius: 50%;
    margin-right: 10px
}

.radio label:after {
    content: '';
    display: none;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0aa8e9
}

.radio input:checked+label:after {
    display: block
}

.checkbox {
    margin: 0
}

.checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkbox label {
    padding: 0
}

.checkbox label:before {
    content: '';
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 22px;
    border: 1px solid #e5ecf9;
    border-radius: 5px;
    margin-right: 13px;
    background: #fff;
    box-shadow: 0 1px #e1e9f8
}

.checkbox input:checked+label:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 4px;
    width: 12px;
    height: 8px;
    background-image: url(images/sprite.png);
    background-position: -209px -140px
}

.checkbox-gutter-top {
    margin-top: 8px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .checkbox input:checked+label:after {
        background-image: url(images/sprite.@2x.png);
        background-position: -289px -55px;
        background-size: 302px 190px
    }
}

.checkbox-inline {
    padding-left: 0
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-left: 20px
}

.select-custom a {
    position: relative;
    display: block;
    height: 64px;
    padding: 0 25px;
    font-size: 16px;
    color: #133849;
    line-height: 64px
}

.select-custom a strong {
    font-weight: 600
}

.select-custom a .figure-carret-down {
    position: absolute;
    top: 27px;
    right: 27px;
    color: #1a99f6
}

.select-custom .inline-space-right {
    position: relative;
    top: -2px;
    margin-right: 10px
}

.form-row {
    position: relative;
    margin-bottom: 45px
}

.form-row-gutter-small {
    margin-bottom: 12px
}

.form-row-gutter-30 {
    margin-bottom: 30px
}

.form-row-gutter-25 {
    margin-bottom: 25px
}

.form-label {
    display: block;
    padding: 0 0 5px 5px;
    margin: 0;
    font-size: 17px;
    font-weight: 600
}

.form-label-small {
    font-size: 10px;
    color: #b0bac6;
    text-transform: uppercase
}

.form-controls {
    position: relative
}

.form-help-inline {
    position: absolute;
    top: 0;
    left: 100%;
    margin: 13px 0 0 14px
}

.form-password-secure {
    font-size: 0
}

.form-password-secure-inline {
    position: absolute;
    top: 0;
    right: 0
}

.form-password-secure .form-password-secure-message {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 17px;
    font-weight: 600
}

.form-password-secure .form-password-secure-indicator {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 0;
    border-top: 8px solid;
    margin-right: 1px
}

.form-password-secure .form-password-secure-success {
    color: #28c940
}

.form-password-secure .form-password-secure-warning {
    color: #ffbd2e
}

.form-password-secure .form-password-secure-danger {
    color: #ff6158
}

.form-row-checkbox-and-field .col {
    float: left
}

.form-row-checkbox-and-field .col:first-child {
    width: 340px
}

.form-row-checkbox-and-field .checkbox {
    padding-top: 10px
}

.form-row-checkbox-and-field .field-secondary {
    width: 105px;
    margin-right: 15px
}

.select-date .select-body {
    background: url(images/datepicker-secondary.png) right 0 no-repeat
}

.select-checks {
    position: relative;
    z-index: 10
}

.select-checks .select-toggle {
    display: block;
    height: 37px;
    padding: 0 15px;
    border: 1px solid #e1e9f8;
    border-radius: 5px;
    line-height: 35px;
    cursor: pointer
}

.select-checks .select-body {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 20px;
    border: 1px solid #e1e9f8;
    background: #fff
}

.select-checks .select-body.visible {
    display: block
}

.select-checks .select-body .checkbox~.checkbox {
    margin-top: 15px
}

.form-settings {
    padding: 65px 80px
}

.form-settings h1 {
    margin: 0;
    font-size: 36px;
    color: #7791ab;
    font-weight: 300
}

.form-settings .form-head {
    margin-bottom: 40px
}

.form-settings .btn {
    height: 60px;
    padding: 0 25px;
    margin-right: 10px;
    line-height: 60px;
    font-size: 22px
}

.form-settings .form-actions {
    padding-top: 75px;
    border-top: 2px solid #eff3f5
}

.form-settings .form-body {
    padding-bottom: 33px
}

.form-configuration .form-label {
    padding: 0 0 14px;
    font-size: 17px;
    color: #61758d;
    font-weight: 400
}

.form-configuration .form-label i {
    margin-left: 15px
}

.form-configuration .form-label .link-rename {
    float: right;
    margin-top: 10px
}

.form-configuration .form-row {
    margin-bottom: 22px
}

.form-configuration .form-section {
    padding-bottom: 30px
}

.form-configuration .panels {
    position: relative;
    padding-bottom: 57px
}

.form-configuration .panels~.panels {
    padding-top: 43px;
    border-top: 2px solid #dee7f3
}

.form-configuration .form-actions .btn-alt~.btn-alt {
    margin-left: 8px
}

.form-configuration .form-actions-left {
    float: left
}

.form-configuration .form-actions-right {
    float: right
}

.form-configuration .form-row-gutter-14 {
    padding-top: 14px
}

.form-configuration .checkbox label i {
    position: relative;
    top: -1px;
    margin-left: 15px
}

.form-configuration .link-remove-all,
.form-configuration .link-rename {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #0aa8e9
}

.form-configuration .link-rename i {
    position: relative;
    top: -2px;
    margin-left: 10px
}

.form-distribution-options .form-head {
    padding-bottom: 16px
}

.form-distribution-options .form-head h3 {
    margin: 0
}

.form-distribution-options .form-row {
    margin-bottom: 10px
}

.form-sign-in {
    padding-bottom: 47px
}

.form-sign-in .form-head {
    padding: 38px 0 35px;
    border-bottom: 1px solid #dee7f2;
    background: #f9fbfe;
    text-align: center;
    font-size: 18px;
    color: #999;
    font-weight: 300
}

.form-sign-in .form-head h1 {
    margin: 0;
    font-size: 36px;
    color: #2989c7;
    font-weight: 300
}

.form-sign-in .form-body {
    padding: 44px 40px 15px
}

.form-sign-in .form-foot {
    padding: 0 40px
}

.form-sign-in .field-secondary {
    height: 40px;
    padding-left: 40px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600
}

.form-sign-in .field-secondary::-webkit-input-placeholder {
    color: #b0bac6
}

.form-sign-in .field-secondary::-moz-placeholder {
    color: #b0bac6
}

.form-sign-in .field-secondary:-ms-input-placeholder {
    color: #b0bac6
}

.form-sign-in .field-secondary::placeholder {
    color: #b0bac6
}

.form-sign-in .field-password {
    background: url(images/field-password.png) 0 0 no-repeat
}

.form-sign-in .field-username {
    background: url(images/field-username.png) 0 0 no-repeat
}

.form-sign-in .form-row {
    margin-bottom: 15px
}

.form-sign-in .form-foot-inner {
    padding-bottom: 22px
}

.form-sign-in .form-foot-inner-left {
    float: left
}

.form-sign-in .form-foot-inner-right {
    float: right
}

.form-sign-in .form-forgot-password a {
    border-bottom: 1px solid #eff1f4;
    color: #2989c7;
    font-weight: 600
}

.form-sign-in .form-actions .btn-alt {
    border-radius: 6px
}

[class^=list-] {
    list-style: none outside none
}

.list-updates {
    margin: 0
}

.list-updates li+li {
    border-top: 1px solid #e5eaf0
}

.list-updates h1 {
    margin: 0 0 11px;
    color: #053041;
    font-weight: 300
}

.list-updates a {
    position: relative;
    display: block;
    padding: 17px 27px;
    color: #7791ab;
    font-size: 14px
}

.list-updates strong {
    color: #053041
}

.list-updates .special a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: -1px;
    width: 4px;
    background: #0aa8e9
}

.list-users {
    padding: 6px 0 6px 20px;
    border-left: 1px solid #e1f3fb
}

.list-users li+li {
    padding-top: 13px
}

.load .load-controls {
    padding: 24px 0;
    text-align: center
}

.load .load-controls .btn-alt {
    padding: 0 50px
}

.load .load-chart img {
    width: 100%;
    height: auto
}

.load .load-stats {
    border: solid #f1f4f6;
    border-width: 2px 0;
    text-align: center
}

.load .load-stats h6 {
    margin: 0;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-size: 14px;
    color: #7791ab;
    text-transform: uppercase;
    font-weight: 400
}

.load .load-stats p {
    margin: 0
}

.load .load-stats strong {
    font-size: 30px;
    font-weight: 400;
    color: #7791ab
}

.load .load-stats span {
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #a0b2c4;
    text-transform: uppercase;
    margin-left: 6px
}

.load .load-stats ul {
    display: table;
    width: 100%;
    list-style: none outside none;
    table-layout: fixed
}

.load .load-stats li {
    display: table-cell;
    padding: 20px 0 10px
}

.load .load-stats li+li {
    border-left: 2px solid #f1f4f6
}

.load .load-stats .success strong {
    color: #03c849
}

.load .load-stats .info strong {
    color: #0aa8e9
}

.location {
    position: relative;
    height: 70px;
    border-left: 1px solid #f2f4f5;
    border-right: 1px solid #f2f4f5;
    margin-left: 140px;
    background: url(images/location.png) center center no-repeat
}

.location>a {
    position: relative;
    z-index: 10;
    display: block;
    padding: 0 20px
}

.location .location-content {
    position: relative;
    float: left;
    padding: 14px 0 0 32px
}

.location .location-content .ico-pin,
.location .location-content .ico-pin-white {
    position: absolute;
    top: 24px;
    left: 0
}

.location .location-actions {
    float: right;
    padding-top: 25px;
    color: #2a79bc
}

.location .location-actions i+i {
    margin-left: 11px
}

.location .location-title {
    margin-top: 8px;
    font-size: 24px;
    color: #2877bb
}

.location .location-info {
    font-size: 12px;
    color: #2b79bc;
    font-weight: 300
}

.location .location-info ul {
    overflow: hidden;
    list-style: none outside none
}

.location .location-info li {
    float: left
}

.location .location-info li+li {
    padding-left: 20px
}

.location .location-info strong {
    font-weight: 600
}

.location .location-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%;
    background: #fff
}

.location>a.active {
    background: linear-gradient(to right, #2a55a2 0, #2878bb 100%)
}

.location>a.active~.overlay {
    display: block
}

.location>a.active~.location-dropdown {
    display: block
}

.location>a.active .location-title {
    color: #fff
}

.location>a.active .location-info {
    color: #fff
}

.location>a.active .location-actions {
    color: #052f40
}

.location>a.active .figure-carret-down {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.location-dropdown-visible {
    z-index: 999
}

.location .show-if-is-active {
    display: none
}

.location .active .show-if-not-active {
    display: none
}

.location .active .show-if-is-active {
    display: inline-block
}

@media (max-width:768px) {
    .location .location-title {
        margin: 7px auto
    }
}

.logo {
    float: left
}

.nav ul {
    list-style: none outside none;
    font-size: 15px;
    color: #2877bb
}

.nav>ul>li {
    position: relative;
    float: left;
    width: 70px;
    border-left: 1px solid #f4f6f7
}

.nav>ul>.nav-dropdown-visible {
    z-index: 999
}

.nav>ul>li>a {
    display: block;
    position: relative;
    z-index: 10;
    height: 70px;
    text-align: center;
    line-height: 70px
}

.nav>ul>li>a:hover {
    color: #2877bb
}

.nav .notification-label {
    margin: -4px 0 0 -12px
}

.nav>ul>li>a.active {
    background: linear-gradient(to right, #2a55a2 0, #2878bb 100%)
}

.nav>ul>li>a.active span {
    color: #fff
}

.nav>ul>li>a.active .figure-carret-down {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #053041
}

.nav>ul>li .show-if-is-active {
    display: none
}

.nav>ul>li .active .show-if-not-active {
    display: none
}

.nav>ul>li .active .show-if-is-active {
    display: inline-block
}

.nav>ul>.nav-link-weather {
    width: 271px
}

.nav>ul>.nav-link-weather>a {
    padding: 18px 5px 0;
    line-height: 1.2
}

.nav>ul>.nav-link-weather>a>strong {
    display: inline-block;
    vertical-align: middle;
    padding-right: 8px;
    font-size: 30px;
    font-weight: 600
}

.nav>ul>.nav-link-weather>a>sup {
    top: 0;
    vertical-align: top;
    margin-left: -6px;
    font-size: 24px;
    line-height: 1.2
}

.nav>ul>.nav-link-weather>a>span {
    display: inline-block;
    vertical-align: middle;
    padding-right: 14px
}

.nav>ul>.nav-link-weather>.active {
    color: #fff
}

.nav>ul>.nav-link-weather i {
    position: relative;
    top: -3px
}

.nav>ul>.nav-link-user {
    width: 215px
}

.nav>ul>.nav-link-user>a {
    padding: 23px 5px 0;
    line-height: 1.2
}

.nav>ul>.nav-link-user .nav-link-user-name {
    padding: 0 20px 0 10px
}

.nav-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%
}

.nav a.active~.overlay {
    display: block
}

.nav a.active~.nav-dropdown {
    display: block
}

.nav-dropdown-user li+li {
    border-top: 1px solid #0f3848
}

.nav-dropdown-user a {
    display: block;
    padding: 22px 0;
    background: #053041;
    font-size: 14px;
    color: #fff;
    text-align: center
}

.nav-dropdown-user a:hover {
    background: #1a99f6
}

.nav-dropdown-user a span {
    display: block;
    padding-top: 8px
}

.nav-dropdown-primary {
    left: 50%;
    width: 452px;
    border-radius: 3px;
    margin: 20px 0 0 -226px
}

.nav-dropdown-primary:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 10px 9px;
    border-color: transparent transparent #fff transparent;
    margin-left: -9px
}

.nav-dropdown-primary .nav-dropdown-head {
    position: relative;
    padding: 17px 0 10px;
    border-bottom: 2px solid #e3e3e3;
    border-radius: 3px 3px 0 0;
    background: #fafafa;
    text-align: center;
    color: #2877bb
}

.nav-dropdown-primary .nav-dropdown-head h5 {
    margin: 0
}

.nav-dropdown-primary .nav-dropdown-controls-next,
.nav-dropdown-primary .nav-dropdown-controls-prev {
    position: absolute;
    top: 0;
    width: 47px;
    height: 100%;
    padding-top: 16px
}

.nav-dropdown-primary .nav-dropdown-controls-prev {
    left: 0;
    border-right: 1px solid #dee7f3
}

.nav-dropdown-primary .nav-dropdown-controls-next {
    right: 0;
    border-left: 1px solid #dee7f3
}

.nav-dropdown-primary .nav-dropdown-body {
    background: #fff
}

.nav-dropdown-primary .nav-dropdown-foot {
    overflow: hidden;
    border-radius: 0 0 3px 3px
}

.nav-dropdown-primary .nav-dropdown-foot a {
    display: block;
    padding: 20px 0 17px;
    background: linear-gradient(to right, #2a55a2 0, #2878bb 100%);
    font-size: 16px;
    color: #fff;
    text-align: center
}

.nav-dropdown-primary-alt {
    left: -270px;
    margin-left: 0
}

.nav-dropdown-primary-alt:before {
    left: 305px
}

@media (max-width:1200px) {
    .nav {
        display: inline-block
    }

    .nav>ul>li:first-child {
        border-left: 0
    }

    .nav>ul>.nav-link-user {
        width: 245px
    }

    .nav>ul>.nav-link-user>a {
        padding-left: 20px;
        text-align: left
    }

    .nav>ul>.nav-link-user .nav-link-user-name {
        padding-right: 80px
    }
}

@media (max-width:1024px) {
    .nav>ul>.nav-link-user {
        width: 187px
    }

    .nav>ul>.nav-link-user>a {
        padding-left: 25px
    }

    .nav>ul>.nav-link-user .nav-link-user-name {
        padding-right: 0
    }
}

@media (max-width:883px) {
    span#weather-text {
        display: none
    }

    .nav>ul>.nav-link-weather {
        width: 130px
    }

    .nav>ul>.nav-link-weather>a {
        padding: 18px 10px 0 0
    }
}

@media (max-width:768px) {
    .nav>ul>.nav-link-user {
        width: 90px
    }

    .nav>ul>.nav-link-user>a {
        text-align: center;
        padding: 23px 0
    }
}

.note {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.note:hover .note-content {
    display: block
}

.note .note-content {
    display: none;
    position: absolute;
    bottom: 100%;
    left: -50px;
    z-index: 100;
    width: 215px;
    padding: 10px 13px;
    margin-bottom: 15px;
    border: 3px solid #e3eaf4;
    border-radius: 10px;
    background: #fff;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-size: 12px;
    line-height: 1.25;
    color: #7791ab
}

.note .note-content strong {
    font-size: inherit;
    color: #0aa8e9;
    font-weight: 400
}

.note .note-content:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 45px;
    width: 24px;
    height: 11px;
    background: url(images/note-arrow.png) 0 0 no-repeat;
    background-size: 100% 100%
}

.note-bottom .note-content {
    bottom: auto;
    top: 100%;
    margin-top: 15px
}

.note-bottom .note-content:before {
    top: auto;
    bottom: 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.note-alt .note-content {
    left: -200px;
    width: 300px;
    padding: 20px 30px;
    border: 0;
    border-bottom: 2px solid #e0e8f4;
    background: #f9fbfe;
    color: #61758d
}

.note-alt .note-content:before {
    left: 198px;
    width: 26px;
    height: 15px;
    background-image: url(images/note-alt-arrow.png)
}

.notification-label {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: red;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-weight: 600
}

.overlay {
    display: none;
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

.page-sidebar-active .sidebar>ul>li>a>span {
    display: inline-block
}

.page-sidebar-active .header .btn-menu {
    background: #053041
}

.paging {
    text-align: center
}

.paging .paging-label {
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle;
    font-size: 15px;
    color: #7791ab
}

.paging .paging-label a {
    color: #0aa8e9;
    text-decoration: underline
}

.paging .paging-label a:hover {
    text-decoration: none
}

.paging .btn-alt {
    height: 34px;
    font-size: 15px;
    line-height: 32px
}

.panel-reports .panel-body {
    overflow: scroll;
    height: 410px;
    padding: 5px;
    border: 1px solid #e5ecf9;
    border-radius: 5px;
    background: #fff
}

.panel-reports .panel-head {
    padding-bottom: 15px
}

.panel-reports .panel-head h4 {
    float: left;
    margin: 0;
    font-size: 17px
}

.panel-reports .panel-head h4 a {
    margin-left: 15px
}

.panel-reports .panel-head h4 small {
    margin-left: 15px;
    font-size: 11px;
    color: #ccc
}

.panel-reports .panel-head-inner {
    float: right
}

.panel-reports .panel-head .link-remove-all {
    float: right;
    margin-top: 6px
}

.panel-reports-alt .panel-body .checkbox {
    position: relative
}

.panel-reports-alt .panel-body .checkbox small {
    display: block;
    font-size: 12px;
    color: #ccc
}

.panel-reports-alt .panel-body .checkbox label {
    padding-left: 35px
}

.panel-reports-alt .panel-body .checkbox label:before {
    position: absolute;
    top: 0;
    left: 0
}

.points .points-head {
    overflow: hidden
}

.points .points-head .points-title {
    overflow: hidden;
    margin: 3px 0 0
}

.points .points-head-actions {
    float: right
}

.points .points-head-actions .btn-alt {
    height: 24px;
    font-size: 14px;
    line-height: 24px
}

.points .points-note {
    padding: 20px 25px;
    border: 2px solid #e4e9ee;
    border-radius: 3px;
    margin-top: 23px;
    font-size: 12px;
    line-height: 1.33;
    font-weight: 600;
    color: #7f7f7f
}

.point~.point {
    border-top: 1px solid #f5f5f5
}

.point {
    overflow: hidden;
    padding: 17px 0 12px;
    font-size: 12px;
    color: #1a4973
}

.point h5 {
    margin: 0 0 5px;
    font-weight: 600;
    color: #61758d
}

.point p {
    margin: 0
}

.point .point-controls {
    float: right
}

.point .point-content {
    position: relative;
    overflow: hidden;
    padding-left: 20px
}

.point .point-content:before {
    content: '';
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: 3px;
    background: #1a4973
}

.point .point-content-0:before {
    background: #333745
}

.point .point-content-1:before {
    background: #77c4d3
}

.point .point-content-2:before {
    background: #ea2e49
}

.point .point-content-3:before {
    background: #ffe11a
}

.point .point-content-4:before {
    background: #3fdb29
}

.point .point-content-5:before {
    background: #fd7400
}

.point .point-content-6:before {
    background: #f2836b
}

.point .point-content-7:before {
    background: #63a69f
}

.point .point-content-8:before {
    background: #044c29
}

.point .point-content-9:before {
    background: #003056
}

.point .point-content-10:before {
    background: #96ed89
}

.point .point-content-11:before {
    background: #f2d03b
}

.point .point-content-12:before {
    background: #4c493e
}

.point .point-content-13:before {
    background: #96526b
}

.point .point-content-14:before {
    background: #8bab8d
}

.point-warning {
    color: #f26b2a
}

.point-warning .point-content:before {
    background: #f26b2a
}

.point-info {
    color: #009bff
}

.point-info .point-content:before {
    background: #009bff
}

.point-info .point-content-0:before {
    background: #333745
}

.point-info .point-content-1:before {
    background: #77c4d3
}

.point-info .point-content-2:before {
    background: #ea2e49
}

.point-info .point-content-3:before {
    background: #ffe11a
}

.point-info .point-content-4:before {
    background: #3fdb29
}

.point-info .point-content-5:before {
    background: #fd7400
}

.point-info .point-content-6:before {
    background: #f2836b
}

.point-info .point-content-7:before {
    background: #63a69f
}

.point-info .point-content-8:before {
    background: #044c29
}

.point-info .point-content-9:before {
    background: #003056
}

.point-info .point-content-10:before {
    background: #96ed89
}

.point-info .point-content-11:before {
    background: #f2d03b
}

.point-info .point-content-12:before {
    background: #4c493e
}

.point-info .point-content-13:before {
    background: #96526b
}

.point-info .point-content-14:before {
    background: #8bab8d
}

.popup {
    position: relative;
    overflow: hidden;
    width: 1198px;
    border-radius: 3px;
    margin: 0 auto;
    background: #fff
}

.popup .popup-head {
    position: relative;
    height: 50px;
    border-bottom: 1px solid #e3e3e3;
    background: linear-gradient(to bottom, rgba(252, 252, 252, 1) 0, rgba(242, 242, 242, 1) 100%);
    line-height: 49px;
    text-align: center
}

.popup .popup-title {
    margin: 0;
    line-height: 50px;
    color: #7891aa
}

.popup .popup-head-actions {
    position: absolute;
    top: 0;
    height: 100%;
    line-height: 49px
}

.popup .popup-head-actions-left {
    left: 18px
}

.popup .popup-head-actions-right {
    right: 18px
}

.popup-small {
    width: 600px;
    padding: 40px
}

.popup-small .popup-actions {
    position: absolute;
    top: 10px;
    right: 10px
}

.popup-event-monitor {
    width: 700px
}

.popup-event-monitor .popup-actions {
    position: absolute;
    top: 13px;
    right: 13px;
    z-index: 5
}

.popup-event-monitor .popup-head {
    height: auto;
    padding: 47px 0 35px;
    background: 0 0;
    border: 0;
    line-height: 1.2
}

.popup-event-monitor .popup-head h1 {
    margin: 23px 0 0;
    font-size: 36px;
    font-weight: 300;
    color: #0aa8e9
}

.popup-event-monitor .popup-foot {
    overflow: hidden;
    padding: 25px;
    border-top: 1px solid #f1f4f6
}

.popup-event-monitor .popup-foot-left {
    float: left
}

.popup-event-monitor .popup-foot-right {
    float: right
}

.popup-event-monitor .table-body {
    height: 360px;
    overflow: auto
}

.popup-event-monitor .table-event-monitor th {
    font-size: 16px;
    text-align: center
}

.popup-event-monitor .table-event-monitor td {
    text-align: center
}

.popup-event-monitor .table-event-monitor th .checkbox {
    width: 23px
}

.popup-event-monitor .table-event-monitor td:nth-child(2),
.popup-event-monitor .table-event-monitor th:nth-child(2) {
    text-align: left
}

.popup-event-monitor .table-event-monitor .checkbox label:before {
    margin-right: 0
}

.popup-event-monitor .popup-entry {
    margin-top: -20px;
    padding-bottom: 35px;
    font-size: 14px;
    color: #61758d;
    text-align: center
}

.popup-event-monitor .popup-entry-actions {
    padding-bottom: 50px;
    text-align: center
}

.popup-event-monitor .popup-entry-actions .btn-alt {
    width: 240px
}

.portfolio-chart .portfolio-head {
    padding: 25px 30px 15px;
    background: #eaf1fb
}

.portfolio-chart .portfolio-head-inner-left {
    float: left;
    padding-bottom: 10px
}

.portfolio-chart .portfolio-head-inner-right {
    float: right
}

.portfolio-chart .portfolio-head .field-secondary {
    width: 310px;
    margin-right: 7px
}

.portfolio-chart .portfolio-head .select-alt {
    width: 310px;
    margin-right: 7px
}

.portfolio-chart .portfolio-head .field-secondary,
.portfolio-chart .portfolio-head .select-alt {
    display: inline-block;
    vertical-align: top
}

@media (max-width:992px) {
    .portfolio-chart .portfolio-head .field-secondary {
        width: 260px;
        margin-right: 7px
    }

    .portfolio-chart .portfolio-head .select-alt {
        width: 260px;
        margin-right: 7px
    }
}

.reports {
    margin: 0;
    list-style: none outside none
}

.report {
    padding: 22px 25px 15px;
    border: 1px solid #e8e8e8;
    border-bottom-width: 2px;
    border-radius: 5px;
    margin-bottom: 23px;
    background: #f9fbfe
}

.report:hover {
    border-color: #0aa8e9
}

.report .report-head {
    border-bottom: 2px solid #f1f5fb
}

.report .report-body {
    padding: 18px 0 0
}

.report .report-title {
    float: left;
    padding-bottom: 9px;
    margin: 0 0 -2px;
    border-bottom: 2px solid #0aa8e9;
    font-size: 17px;
    color: #0aa8e9
}

.report .report-head-actions {
    float: right;
    font-size: 15px
}

.report .report-head-actions a {
    color: #0aa8e9
}

.report .report-head-actions a i {
    position: relative;
    top: -2px;
    margin-left: 10px
}

.report .report-head-actions .separator {
    padding: 0 10px;
    color: #0aa8e9
}

.report.report-group .report-head-actions .separator {
    padding: 0 4px;
    position: relative;
    top: -6px;
    color: #0aa8e9
}

.report .report-entry {
    font-size: 14px;
    line-height: 1.43;
    color: #b0c1d3
}

.report .report-meta {
    float: left;
    padding-left: 17px;
    font-size: 13px;
    font-weight: 300;
    color: #b0c1d3
}

.report .report-meta strong {
    color: #97aabd;
    font-weight: 600
}

.report .report-toggle {
    float: left;
    position: relative;
    z-index: 1;
    margin-right: 13px
}

.report .report-toggle .show-if-expanded {
    display: none
}

.report-expanded .report-toggle .show-if-expanded {
    display: inline-block
}

.report-expanded .report-toggle .show-if-collapsed {
    display: none
}

.form-controls>.btn-group {
    width: 100%
}

.form-controls>.btn-group>.btn:first-child {
    width: 93%;
    text-align: left
}

.form-controls>.btn-group>.btn:first-child+.btn {
    width: 7%;
    text-align: left
}

.form-controls>.btn-group+.btn-group {
    margin-top: 2%
}

.bh-points {
    background-color: #f3f3f3;
    border: 1px solid #d3d3d3;
    padding-right: 15px;
    padding-left: 15px;
    overflow: auto;
    max-height: 300px;
    margin-top: 5px
}

.bh-meterDropdown {
    background-color: #f3f3f3;
    box-shadow: 0 4px #dee7f3;
    padding: 15px 15px;
    list-style-type: none;
    overflow: auto;
    max-height: 250px;
    width: 400px
}

.bh-meterDropdown ul {
    list-style-type: none
}

.bh-meterDropdown li {
    margin-bottom: 5px;
    margin-top: 10px
}

.bh-meterDropdown li:hover {
    background-color: rgba(0, 0, 0, .1)
}

.meterDropdown {
    background-color: #f3f3f3;
    box-shadow: 0 4px #dee7f3;
    padding: 15px 15px;
    list-style-type: none;
    overflow: auto;
    max-height: 500px;
    width: 700px
}

.meterDropdown ul {
    list-style-type: none
}

.meterDropdown li {
    margin-bottom: 5px;
    margin-top: 10px
}

.select-arrow-secondary {
    float: right
}

#market-form {
    margin-top: 3%
}

.form-controls+.form-label {
    margin-top: 3%
}

@media (max-width:1336px) {
    .form-controls>.btn-group>.btn:first-child {
        width: 80%
    }

    .form-controls>.btn-group>.btn:first-child+.btn {
        width: 20%
    }

    #market-form {
        margin-top: 8%
    }
}

.chart-head>div {
    margin: 1% 0;
    padding: 0 2%
}

.chart-head>div>button {
    margin-right: 1.3%
}

.report-secondary .report-title {
    border: 0
}

.report-secondary .report-head {
    border: 0
}

.report-group .report-body {
    display: none;
    padding-top: 0;
    padding-bottom: 10px
}

.report-group .report-body ul {
    position: relative;
    list-style: none outside none;
    padding-top: 24px;
    margin-left: 8px;
    font-size: 13px
}

.report-group .report-body ul:before {
    content: '';
    position: absolute;
    top: -10px;
    bottom: 7px;
    width: 2px;
    background: #ebf1f9
}

.report-group .report-body li {
    position: relative;
    padding-left: 20px
}

.report-group .report-body li:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 2px;
    background: #ebf1f9
}

.report-group .report-body li+li {
    margin-top: 12px
}

.report-group .report-body a {
    color: #0aa8e9
}

.report-group.report-expanded .report-body {
    display: block
}

.report-compact {
    position: relative;
    padding: 9px 30px 7px 60px;
    border-radius: 4px;
    border: 1px solid transparent;
    background: #fff
}

.report-compact .report-drag {
    position: absolute;
    top: 10px;
    left: 18px;
    display: inline-block;
    width: 20px;
    height: 10px
}

.report-compact .report-drag:after,
.report-compact .report-drag:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #dee7f3
}

.report-compact .report-drag:before {
    top: 0;
    box-shadow: 0 4px #dee7f3
}

.report-compact .report-drag:after {
    bottom: 0
}

.report-compact .report-title {
    margin: 0;
    font-size: 13px;
    color: #61758d
}

.report-compact .report-remove {
    position: absolute;
    top: 6px;
    right: 11px
}

.report-compact-dragged {
    border-color: #36b4eb;
    box-shadow: 0 -6px #3bb9ed
}

.report-compact-dragged .report-drag:after,
.report-compact-dragged .report-drag:before {
    background: #38b6ec
}

.report-compact-dragged .report-drag:before {
    box-shadow: 0 4px #38b6ec
}

.report-tree {
    padding: 22px;
    border: 1px solid #47beef;
    border-radius: 5px;
    background: #f9fbfe
}

.report-tree-items {
    position: relative
}

.report-tree-items:before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 17px;
    left: 8px;
    width: 2px;
    background: #eef3fa
}

.report-tree-items .report-tree-items:before {
    top: -10px
}

.report-tree-items .report-tree-items .report-tree-item {
    padding-left: 35px
}

.report-tree-items .report-tree-items .report-tree-item:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 10px;
    width: 10px;
    height: 2px;
    background: #eef3fa
}

.report-tree-items .report-tree-items-innermost:before {
    left: 20px;
    bottom: 34px
}

.report-tree-items .report-tree-items-innermost .report-tree-item:before {
    left: 20px
}

.report-tree-items .report-tree-items .report-tree-item-current:before {
    top: 15px
}

.report-tree-item-head {
    overflow: hidden;
    padding-bottom: 3px
}

.report-tree-item-head a {
    display: inline-block;
    color: #0aa8e9
}

.report-tree-item-head h3 {
    float: left;
    margin: 0
}

.report-tree-item-head h6 {
    float: left;
    margin: 0;
    padding-top: 4px;
    font-size: 13px
}

.report-tree-toggle {
    position: relative;
    z-index: 1;
    float: left;
    margin-right: 18px
}

.report-tree-item {
    position: relative
}

.report-tree-items .report-tree-items .report-tree-item:last-child:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 30px;
    top: 10px;
    background: #f9fbfe
}

.report-tree-item .show-if-expanded {
    display: none
}

.report-tree-item-expanded>.report-tree-item-head a {
    color: #3e4a60
}

.report-tree-item-expanded>.report-tree-item-head h3 {
    text-decoration: underline
}

.report-tree-item-expanded>.report-tree-item-head h6 {
    text-decoration: underline
}

.report-tree-item-expanded>.report-tree-item-head .show-if-expanded {
    display: inline-block
}

.report-tree-item-expanded>.report-tree-item-head .show-if-collapsed {
    display: none
}

.report-tree-items-innermost {
    margin-left: -12px
}

.report-tree-items-innermost .report-tree-item-head a {
    display: block;
    padding: 0 12px;
    border: 1px solid transparent;
    border-bottom-width: 2px;
    border-radius: 5px
}

.report-tree-item-current .report-tree-item-head a {
    padding-top: 7px;
    padding-bottom: 5px;
    border-color: #e7edf9;
    background: #fff
}

.report-tree-items-innermost {
    padding: 3px 0 20px
}

.report-progress {
    width: 258px;
    padding: 12px 10px 9px;
    border: 2px solid #e4e9ed;
    background: #fff;
    border-radius: 4px;
    font-size: 15px;
    color: #b0c1d3;
    text-align: center;
    font-weight: 300
}

.report-progress span {
    display: block
}

.report-progress strong {
    display: block;
    font-size: 34px;
    color: #7791ab;
    font-weight: 300
}

.saving-tip {
    position: relative;
    border-radius: 0 0 10px 10px;
    overflow: hidden
}

.saving-tip .saving-tip-image img {
    width: 100%;
    height: auto
}

.saving-tip .saving-tip-content {
    position: absolute;
    bottom: 7%;
    left: 0;
    width: 100%;
    padding: 0 15px;
    font-size: 18px;
    line-height: 1.22;
    color: #fff;
    font-weight: 600;
    text-align: center
}

.saving-tip .saving-tip-content p {
    max-width: 430px;
    margin: 0 auto
}

.search .search-body {
    position: relative;
    padding-right: 60px;
    border-bottom: 2px solid #e6eaec;
    background: white
}

.search .search-field {
    width: 100%;
    height: 64px;
    padding: 0 22px;
    border: 0;
    border-radius: 0;
    font-size: 24px;
    font-weight: 700;
    color: #053041
}

.search .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    padding: 20px;
    border-radius: 0;
    background: 0 0;
    opacity: .2
}

.search .search-autocomplete {
    overflow: auto;
    max-height: 340px
}

.search .search-autocomplete ul {
    list-style: none outside none
}

.search .search-autocomplete li+li {
    border-top: 1px solid #f2f4f5
}

.search .search-autocomplete a {
    display: block;
    padding: 17px 30px 13px;
    overflow: hidden
}

.search .search-autocomplete span {
    float: left;
    font-size: 16px;
    color: #7791ab
}

.search .search-autocomplete small {
    float: right
}

.search.has-content .search-autocomplete {
    display: block
}

.search-secondary .search-field {
    width: 255px;
    padding-bottom: 2px;
    border: 0;
    border-bottom: 1px solid #e6f6fd;
    border-radius: 0;
    background: 0 0;
    font-size: 13px;
    color: #61758d
}

.search-secondary .search-field::-webkit-input-placeholder {
    opacity: .5
}

.search-secondary .search-field::-moz-placeholder {
    opacity: .5
}

.search-secondary .search-field:-ms-input-placeholder {
    opacity: .5
}

.search-secondary .search-field::placeholder {
    opacity: .5
}

.search-secondary .search-btn {
    border: 0;
    border-radius: 0;
    margin-left: 6px;
    background: 0 0
}

.search-tertiary {
    padding: 15px
}

.search-tertiary .search-field {
    display: block;
    width: 100%;
    height: 37px;
    padding: 0 10px;
    border: 0;
    border-radius: 0;
    font-size: 13px;
    color: #c9d3dd
}

.search-tertiary .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 37px;
    border: 0;
    border-radius: 0;
    background: 0 0
}

.search-tertiary .search-body {
    position: relative;
    overflow: hidden;
    padding-right: 40px;
    border: 1px solid #e1e9f8;
    border-bottom-width: 2px;
    border-radius: 5px
}

.search-tertiary .search-results {
    height: 225px;
    margin: 18px 0 0;
    overflow: auto;
    list-style: none outside none;
    text-align: left
}

.search-tertiary .search-results li {
    padding: 7px 0 6px
}

.search-tertiary .search-results a {
    display: block;
    padding: 0 10px;
    font-size: 16px;
    color: #0aa8e9;
    text-transform: none
}

.section-charts {
    margin-bottom: -15px
}

.section-charts .row {
    margin-left: -7px;
    margin-right: -7px
}

.section-charts .row>div {
    padding-left: 7px;
    padding-right: 7px
}

.section-charts .select .fs-dropdown-selected {
    font-weight: 400
}

.section-building-dashboard {
    margin-bottom: -47px
}

.section-add-widget>.table-grid>.table-grid-item:first-child {
    width: 285px;
    border-right: 1px solid #e3e3e3
}

.section-add-widget .section-aside {
    padding: 27px 17px 27px 0
}

.section-add-widget .section-aside h4 {
    padding: 0 0 3px 20px;
    margin: 0;
    font-size: 15px;
    color: #7791ab
}

.section-add-widget .section-aside ul {
    padding-top: 9px;
    margin: 0;
    list-style: none outside none
}

.section-add-widget .section-aside ul+ul {
    border-top: 1px solid #e5ecf5
}

.section-add-widget .section-aside ul ul {
    padding: 13px 0 11px 40px
}

.section-add-widget .section-aside ul ul li+li {
    padding-top: 15px
}

.section-add-widget .section-aside a {
    display: block;
    padding: 11px 15px 7px 40px;
    font-size: 15px;
    color: #7791ab
}

.section-add-widget .section-aside .current a,
.section-add-widget .section-aside a:hover {
    background: #0aa8e9;
    color: #fff
}

.section-add-widget .section-aside .checkbox {
    color: #b0c1d3
}

.section-add-widget .section-content {
    padding: 55px
}

.section-add-widget .section-entry {
    padding: 0 85px 25px 0
}

.section-add-widget .section-entry h1 {
    margin: 0 0 16px;
    font-size: 34px;
    font-weight: 300;
    color: #7791ab
}

.section-add-widget .section-entry blockquote {
    border: 0;
    padding: 0;
    margin: 0 0 18px;
    font-size: 19px;
    color: #0aa8e9;
    font-style: italic
}

.section-add-widget .section-entry p {
    font-size: 15px;
    line-height: 1.4;
    color: #b0c1d3
}

.section-add-widget .section-entry a {
    margin-left: 17px;
    font-size: 13px;
    font-weight: 600;
    color: #0aa8e9;
    text-decoration: underline
}

.section-add-widget .section-entry a:hover {
    text-decoration: none
}

.section-add-widget .section-inner-head {
    padding-bottom: 40px
}

.section-add-widget .section-inner-head h6 {
    border-top: 2px solid #dee7f3;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    color: #b3c1d0;
    letter-spacing: .505em
}

.section-add-widget .section-inner-head h6 span {
    position: relative;
    top: -7px;
    display: inline-block;
    padding: 0 25px;
    background: #fff
}

.section-add-widget .form-add-widget {
    padding: 0 85px 55px 0
}

.section-add-widget .form-add-widget .form-body {
    padding-bottom: 8px
}

.section-add-widget .form-add-widget .form-row {
    margin-bottom: 15px
}

.section-add-widget .form-add-widget .form-label {
    padding: 0 0 10px;
    font-size: 17px;
    font-weight: 400
}

.section-add-widget .form-add-widget .form-help-inline {
    margin-top: 10px
}

.section-add-widget .form-add-widget .btn-alt {
    padding-top: 2px
}

.section-reports {
    padding: 33px 50px 50px
}

.section-reports .section-head {
    padding-bottom: 30px
}

.section-reports .section-head-inner {
    float: right
}

.section-reports .section-head-inner .search-secondary {
    padding-top: 13px
}

.section-reports .section-body {
    padding-bottom: 22px
}

.section-reports .section-title {
    float: left;
    margin: 0;
    font-size: 34px;
    font-weight: 300;
    color: #7791ab
}

.section-reports .section-title i {
    margin-right: 10px
}

.section-configuration .section-head {
    padding: 20px 58px;
    border-bottom: 2px solid #f1f4f6;
    background: #f9fbfe
}

.section-configuration .section-head-actions-left {
    float: left
}

.section-configuration .section-head-actions-right {
    float: right
}

.section-configuration .section-body {
    padding: 43px 55px 65px;
    background: #fafbff
}

.section-configuration-white .section-body {
    background: #fff
}

.section-user-login {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 550px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.section-user-login:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    width: 587px;
    height: 81px;
    background: url(images/section-user-login-shadow.png) 0 0 no-repeat;
    margin-left: -294px
}

.section-user-login .box {
    margin: 0;
    box-shadow: none
}

.section-budget .section-head {
    padding: 45px 47px 45px 32px;
    border-bottom: 1px solid #dfe7f4;
    background: #fafbff
}

.section-budget .section-head .report-progress {
    float: right;
    margin: 8px 0 0 50px
}

.section-budget .section-head .about-compact {
    overflow: hidden
}

.section-budget .section-body {
    padding: 48px 35px 0;
    margin-bottom: -30px
}

.section-budget .section-actions {
    position: relative;
    padding: 0 83px 75px
}

.section-budget .section-actions .btn-alt~.btn-alt {
    margin-left: 8px
}

.section-budget .section-actions-bordered:before {
    content: '';
    display: block;
    height: 2px;
    margin-bottom: 30px;
    background: #f1f2f2;
    width: 70%
}

.slider {
    position: relative
}

.slider .slides {
    list-style: none outside none
}

.slider-saving-tips .bx-pager {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0
}

.slider-saving-tips .bx-pager-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 2px
}

.slider-saving-tips .bx-pager-link {
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%
}

.slider-saving-tips .bx-pager-link.active {
    background: #fff
}

.stats-items {
    padding: 0 15px;
    background: #fff;
    text-align: center
}

.stats-items .table-grid-item {
    padding: 0 15px
}

.stats-items .table-grid-item:first-child {
    text-align: left
}

.stats-items .table-grid-item:last-child {
    text-align: right
}

.stats-item {
    display: inline-block;
    overflow: hidden
}

.stats-item .stats-item-content {
    float: left;
    width: 145px;
    padding-top: 30px;
    text-align: left
}

.stats-item .stats-item-image {
    overflow: hidden
}

.stats-item .stats-item-title {
    margin: 0 0 10px;
    color: #7791ab;
    opacity: .4;
    text-transform: uppercase;
    letter-spacing: .24em
}

.stats-item .stats-item-value {
    display: block;
    padding-bottom: 7px;
    font-size: 52px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -.04em
}

.stats-item .stats-item-change dl {
    overflow: hidden
}

.stats-item .stats-item-change dt {
    float: left;
    clear: both;
    padding: 4px 0 2px;
    font-size: 11px;
    color: #7791ab;
    text-transform: uppercase;
    opacity: .4
}

.stats-item .stats-item-change dd {
    float: right;
    font-size: 15px;
    color: #7791ab
}

.stats-item .stats-item-change dd i {
    margin-left: 4px
}

.stats-item-yellow .stats-item-value {
    color: #ffde02
}

.stats-item-orange .stats-item-value {
    color: #ff9600
}

.stats-item-blue .stats-item-value {
    color: #0aa8e9
}

@media (max-width:1200px) {
    .stats-item .stats-item-content {
        width: 120px;
        padding-top: 10px
    }

    .stats-item .stats-item-image {
        padding-top: 10px
    }

    .stats-item .stats-item-value {
        font-size: 50px
    }
}

@media (max-width:992px) {
    .stats-item .stats-item-content {
        float: none;
        width: auto
    }
}

.stats-item-secondary {
    display: table;
    width: 100%;
    padding-bottom: 35px
}

.stats-item-secondary .stats-item-inner {
    display: table-cell;
    vertical-align: middle;
    height: 127px;
    border-bottom: 2px solid #bdc8db;
    background: #fff;
    text-align: center;
    border-radius: 3px
}

.stats-item-secondary .stats-item-dropdown-outer {
    position: relative;
    z-index: 10;
    display: inline-block
}

.stats-item-secondary .stats-item-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: -28px;
    width: 350px;
    padding: 2px;
    border-radius: 5px;
    margin-top: 20px;
    background: rgba(129, 153, 177, .26)
}

.stats-item-secondary .stats-item-dropdown.visible {
    display: block
}

.stats-item-secondary .stats-item-dropdown:before {
    content: '';
    position: absolute;
    top: -9px;
    right: 20px;
    width: 24px;
    height: 12px;
    background: url(images/stats-item-dropdown.png) 0 0 no-repeat
}

.stats-item-secondary .stats-item-dropdown-inner {
    background: #fff
}

.stats-item-event h5 {
    margin: 0;
    font-size: 15px;
    color: #61758d
}

.stats-item-total h6 {
    margin: 0 0 9px;
    font-size: 13px;
    text-transform: uppercase;
    color: #c9d3dd;
    letter-spacing: .14em
}

.stats-item-total .stats-item-dropdown-inner {
    padding: 15px 0
}

.stats-item-total a {
    display: inline-block
}

.stats-item-total a strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 56px;
    line-height: 1;
    color: #03c849;
    font-weight: 600
}

.stats-item-total a i {
    margin-left: 10px;
    color: #7791ab
}

.stats-item-total ul {
    display: table;
    width: 100%;
    list-style: none outside none
}

.stats-item-total li {
    display: table-cell
}

.stats-item-total li+li {
    border-left: 2px solid #f1f4f6
}

.stats-item-total ul span {
    display: block;
    font-size: 11px;
    color: #c9d3dd
}

.stats-item-total ul strong {
    display: block;
    font-size: 26px;
    color: #0aa8e9;
    font-weight: 600
}

.stats-item-contacts a {
    display: inline-block;
    font-size: 16px;
    color: #7791ab;
    text-transform: uppercase
}

.stats-item-contacts a .figure-carret-down {
    margin-left: 10px;
    color: #7791ab
}

.stats-item-contacts a .ico-users {
    position: relative;
    top: -4px;
    margin-right: 15px
}

.step {
    position: relative;
    padding-bottom: 28px
}

.step:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    width: 2px;
    background: #3e4a60
}

.step:last-child:before {
    display: none
}

.step .step-head {
    padding-bottom: 15px
}

.step .step-body {
    padding: 0 12px 0 50px
}

.step .step-head-no-left-gutter .step-title {
    padding-left: 0;
    padding-right: 50px
}

.step .step-body-no-left-gutter {
    padding-left: 0;
    padding-right: 50px
}

.step .step-section {
    padding-bottom: 53px
}

.step .step-number {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-right: 23px;
    line-height: 28px;
    background: #3f4c5f;
    color: #fff;
    text-align: center
}

.step .step-title {
    position: relative;
    display: inline-block;
    padding: 5px 36px 0 50px;
    margin: 0;
    font-size: 17px;
    color: #61758d
}

.step .step-title a {
    position: absolute;
    top: 2px;
    right: 0
}

.step .step-title i {
    margin-left: 15px
}

.step .btn-alt-group {
    margin: -5px
}

.step .btn-alt-group .btn-alt~.btn-alt {
    margin-left: 5px
}

.step .btn-alt-group .btn-alt {
    margin: 5px
}

.step .btn-alt {
    padding: 0 14px
}

.step .btn-alt i {
    position: relative;
    top: -1px;
    margin-right: 6px
}

.step .panel-body {
    overflow: hidden;
    padding: 0
}

.step .table-accounts .table-body {
    overflow: auto;
    height: 367px
}

.step-success .step-number {
    background: #27c940
}

.step-success:before {
    background: #27c940
}

.step .step-section-inner-left {
    float: left
}

.step .step-section-inner-right {
    float: right;
    font-size: 0
}

.step .step-section-inner-right .field-secondary {
    width: 219px;
    height: 40px;
    vertical-align: middle;
    margin-right: 9px
}

.step .step-head-selects {
    position: relative;
    top: -30px;
    width: 376px;
    margin: 0 230px -15px auto;
    text-align: center;
    font-size: 0
}

.step .step-head-selects h6 {
    margin: 0 0 10px;
    font-size: 10px;
    color: #61758d;
    opacity: .3;
    letter-spacing: .2em;
    text-transform: uppercase
}

.step .step-head-selects .select-alt {
    display: inline-block;
    width: 180px;
    margin: 0 4px
}

.step .step-comment {
    padding-top: 23px
}

.step .step-comment .textarea-secondary {
    height: 77px
}

.step .form-label {
    font-size: 17px;
    font-weight: 400;
    color: #61758d
}

.step .form-label i {
    margin-left: 15px
}

.step .form-label-small {
    margin-bottom: 15px;
    font-size: 10px;
    color: #b0bac6;
    text-transform: uppercase;
    letter-spacing: .22em
}

.step .step-note {
    display: block;
    clear: both;
    padding-top: 10px;
    font-size: 12px;
    color: #ccc
}

.step .step-note strong {
    color: #0aa8e9;
    font-weight: 400
}

.step .step-head .step-note {
    padding: 5px 0 10px 50px
}

.step .checkboxes-inline~.checkboxes-inline {
    padding-top: 15px
}

.step .form-controls .row~.row {
    margin-top: 10px
}

.step .table-grid-item .btn-alt-group {
    white-space: nowrap
}

.step .table-grid-item~.table-grid-item {
    padding-left: 20px
}

.step .form-controls .note {
    margin-left: 25px
}

.step .form-controls-with-help {
    position: relative;
    padding-right: 25px
}

.step .form-controls-with-help .form-help {
    position: absolute;
    top: 10px;
    right: 0
}

.tabs-nav {
    border-bottom: 1px solid #dedede;
    height: 47px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 100%)
}

.tabs-nav ul {
    overflow: hidden;
    list-style: none outside none
}

.tabs-nav li {
    float: left;
    border-right: 1px solid #dedede
}

.tabs-nav a {
    display: block;
    height: 48px;
    padding: 0 15px;
    line-height: 48px;
    font-size: 13px;
    color: #0aa8e9;
    font-weight: 600
}

.tabs-nav .current a {
    background: #fff
}

.tabs-nav a:hover {
    background: #fff
}

.tab {
    display: none
}

.tab.current {
    display: block
}

.table-grid {
    display: table;
    width: 100%
}

.table-grid-item {
    display: table-cell;
    vertical-align: top
}

.table-grid-item-fixed-width {
    width: 1px
}

@media (max-width:1200px) {
    .table-grid-md-block {
        display: block
    }

    .table-grid-md-block .table-grid-item {
        display: block
    }

    .table-grid-md-block .table-grid-item-fixed-width {
        width: auto
    }
}

.table .table-head th {
    height: 60px;
    padding: 0 20px;
    background: #1a99f6;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 5px #1b91c6
}

.table-billing-history {
    margin-bottom: 0
}

.table-billing-history table {
    width: 100%
}

.table-billing-history a {
    position: relative;
    top: -2px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle
}

.table-billing-history td {
    height: 50px;
    padding: 0 20px
}

.table-billing-history td:nth-child(4),
.table-billing-history th:nth-child(4) {
    text-align: right
}

.table-billing-history td:nth-child(3),
.table-billing-history th:nth-child(3) {
    text-align: right
}

.table-billing-history td:nth-child(1),
.table-billing-history th:nth-child(1) {
    width: 30%;
    white-space: nowrap
}

.table-billing-history td:nth-child(2),
.table-billing-history th:nth-child(2) {
    width: 27%
}

.table-billing-history td:nth-child(3),
.table-billing-history th:nth-child(3) {
    width: 25%
}

.table-billing-history-secondary {
    margin-bottom: 0;
    font-size: 16px;
    color: #133849
}

.table-billing-history-secondary td,
.table-billing-history-secondary th {
    padding-left: 20px;
    padding-right: 20px
}

.table-billing-history-secondary th {
    height: 65px;
    background: #1a99f6;
    color: #fff;
    text-shadow: 0 2px #1b91c6
}

.table-billing-history-secondary td {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #f2f7fd
}

.table-billing-history-secondary td:nth-child(5),
.table-billing-history-secondary th:nth-child(5) {
    text-align: center
}

.table-billing-history-secondary tr:hover td {
    background: #fff
}

.table-billing-history-secondary td:nth-child(6),
.table-billing-history-secondary th:nth-child(6) {
    text-align: center
}

.table-billing-history-secondary td:nth-child(7),
.table-billing-history-secondary th:nth-child(7) {
    text-align: center
}

.table-billing-history-secondary td:nth-child(8),
.table-billing-history-secondary th:nth-child(8) {
    text-align: center
}

@media (max-width:992px) {
    .table-billing-history-secondary {
        font-size: 14px
    }

    .table-billing-history-secondary td,
    .table-billing-history-secondary th {
        padding-left: 10px;
        padding-right: 10px
    }
}

.table-portfolio th {
    height: 60px;
    border-bottom: 2px solid #0c8bc7;
    background: #0aa8e9;
    font-size: 17px;
    color: #fff;
    text-shadow: 0 1px #0382dc;
    font-weight: 400
}

.table-portfolio th i {
    margin-left: 5px
}

.table-portfolio th:first-child i {
    margin-left: 0
}

.table-portfolio td,
.table-portfolio th {
    padding: 0 13px
}

.table-portfolio td {
    height: 67px;
    background: #eaf1fb;
    font-size: 15px;
    color: #7791ab
}

.table-portfolio tr:hover td {
    background: #fff
}

.table-portfolio td:nth-child(1),
.table-portfolio th:nth-child(1) {
    width: 1px;
    padding-left: 25px;
    border-left: 5px solid transparent;
    text-align: center
}

.table-portfolio th:nth-child(1),
.table-portfolio tr:hover td:nth-child(1) {
    border-left-color: #0aa8e9
}

.table-portfolio td:nth-child(2),
.table-portfolio th:nth-child(2) {
    width: 5%;
    text-align: center
}

.table-portfolio td:nth-child(3),
.table-portfolio th:nth-child(3) {
    width: 12%
}

.table-portfolio td:nth-child(4),
.table-portfolio th:nth-child(4) {
    width: 11%;
    text-align: center
}

.table-portfolio td:nth-child(5),
.table-portfolio th:nth-child(5) {
    width: 8%;
    text-align: right
}

.table-portfolio td:nth-child(6),
.table-portfolio th:nth-child(6) {
    width: 8%
}

.table-portfolio td:nth-child(7),
.table-portfolio th:nth-child(7) {
    width: 8%;
    text-align: right
}

.table-portfolio td:nth-child(8),
.table-portfolio th:nth-child(8) {
    width: 8%
}

.table-portfolio td:nth-child(9),
.table-portfolio th:nth-child(9) {
    width: 11%;
    text-align: right
}

.table-portfolio td:nth-child(10),
.table-portfolio th:nth-child(10) {
    width: 8%
}

.table-portfolio td:nth-child(11),
.table-portfolio th:nth-child(11) {
    padding-right: 30px;
    text-align: right
}

.table-secondary {
    position: relative
}

.table-secondary th {
    height: 60px;
    border-bottom: 2px solid #0c8bc7;
    background: #0aa8e9;
    font-size: 17px;
    color: #fff;
    text-shadow: 0 1px #0382dc;
    font-weight: 400
}

.table-secondary td,
.table-secondary th {
    padding-left: 10px;
    padding-right: 10px
}

.table-secondary td:first-child,
.table-secondary th:first-child {
    padding-left: 35px
}

.table-secondary td:last-child,
.table-secondary th:last-child {
    padding-right: 35px
}

.table-secondary td {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
    color: #7791ab
}

.table-secondary a {
    color: #0aa8e9
}

.table-secondary .point {
    padding: 0
}

.table-secondary .table-controls {
    position: absolute;
    top: 16px;
    right: 6px
}

.table-secondary .table-controls a {
    padding: 5px
}

.table-energy-futures th i {
    margin-left: 15px
}

.table-energy-futures td,
.table-energy-futures th {
    text-align: right
}

.table-energy-futures td:first-child,
.table-energy-futures th:first-child {
    text-align: left
}

.table-budgets {
    padding-bottom: 10px
}

.table-budgets span {
    color: #ee1b22
}

.table-budgets th {
    font-size: 13px
}

.table-budgets table {
    table-layout: fixed
}

.table-budgets td,
.table-budgets th {
    text-align: right
}

.table-budgets td:first-child,
.table-budgets th:first-child {
    text-align: left
}

.table-budgets .table-head th:nth-child(4) {
    padding-right: 38px;
    border-right: 1px solid #53c2f0
}

.table-budgets .table-body td:nth-child(4) {
    padding-right: 38px;
    border-right: 1px solid #edf0f5
}

.table-budgets .table-body {
    overflow: auto;
    max-height: 205px
}

.table-budgets .table-body td {
    padding-top: 10px;
    padding-bottom: 10px
}

.table-budgets .table-body tr:hover td {
    background: #fafbff
}

.table-budgets .table-foot {
    background: linear-gradient(to right, rgba(109, 208, 231, 1) 0, rgba(130, 167, 219, 1) 100%)
}

.table-budgets .table-foot td {
    height: 55px;
    color: #fff
}

.table-reports {
    font-size: 13px;
    color: #61758d
}

.table-reports td {
    padding: 6px 10px 7px;
    vertical-align: top
}

.table-reports td:last-child {
    width: 1px;
    white-space: nowrap;
    text-align: right
}

.table-reports a {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase
}

.table-reports .link-success {
    color: #00c821
}

.table-reports .link-danger {
    color: red
}

.table-reports tr:hover td {
    background: #f9fbfe
}

.table-reports .link-users {
    font-size: 11px;
    text-transform: none;
    color: #0aa8e9
}

.table-reports .link-collapse {
    font-size: 11px;
    font-weight: 300;
    text-transform: none;
    color: #ccc
}

.table-reports .link-collapse i {
    position: relative;
    top: -1px;
    margin-left: 10px
}

.table-reports .row-solid td {
    background: #f9fbfe
}

.table-reports small {
    font-size: 11px;
    font-weight: 300;
    color: #ccc
}

.table-users table {
    table-layout: fixed;
    margin: 0 -5px
}

.table-users table td {
    vertical-align: top;
    padding: 13px 20px
}

.table-users table tr+tr td {
    border-top: 1px solid #dee7f3
}

.table-accounts td {
    padding: 6px 18px
}

.table-accounts td:last-child {
    text-align: right
}

.table-accounts .link-danger,
.table-accounts .link-success {
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase
}

.table-accounts .link-success {
    color: #00c821
}

.table-accounts .link-danger {
    color: red
}

.table-accounts .table-head {
    height: 43px;
    padding: 12px 18px 0;
    background: #fafbff
}

.table-accounts .table-head-inner-left {
    float: left
}

.table-accounts .table-head-inner-left a {
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0aa8e9
}

.table-accounts .table-head-inner-left i {
    margin-left: 15px
}

.table-accounts .table-head-inner-right {
    float: right
}

.table-accounts .table-head .checkbox label {
    font-size: 9px;
    text-transform: uppercase;
    color: #0aa8e9;
    font-weight: 600
}

.table-worksheet {
    overflow: hidden;
    border: 1px solid #e1e8f8;
    border-radius: 5px;
    padding-bottom: 10px
}

.table-worksheet th {
    height: 49px;
    border-bottom: 2px solid #0c93ca;
    background: #0aa8e9;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px #037dda
}

.table-worksheet th:first-child {
    text-align: left
}

.table-worksheet td:first-child,
.table-worksheet th:first-child {
    padding: 0 20px
}

.table-worksheet h3 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-weight: 300;
    color: #7791ab
}

.table-worksheet thead td {
    height: 47px
}

.table-worksheet thead .select-alt-inline {
    display: inline-block;
    vertical-align: middle;
    width: 253px;
    margin-left: 20px
}

.table-worksheet thead .select-alt-inline .select-arrow-secondary {
    position: relative;
    top: -7px
}

.table-worksheet span {
    font-size: 13px;
    color: #7791ab
}

.table-worksheet thead td {
    padding: 11px 10px 8px;
    background: #fafbff
}

.table-worksheet thead th+th {
    border-left: 1px solid #419cc9
}

.table-worksheet tbody td {
    height: 45px;
    padding: 4px 10px;
    text-align: right
}

.table-worksheet tbody td:first-child {
    background: #fafbff;
    text-align: left
}

.table-worksheet tbody td+td {
    border-left: 1px solid #bcc8d6
}

.table-worksheet tbody tr:last-child td {
    padding-bottom: 8px
}

.table-worksheet tbody tr:first-child td {
    padding-top: 8px
}

.table-worksheet .select-alt .fs-dropdown-selected {
    height: 26px;
    line-height: 26px
}

.table-worksheet .field-secondary {
    text-align: right
}

.table-worksheet .field-secondary:focus {
    border-color: #0aa8e9
}

.table-worksheet .btn-alt {
    height: 26px;
    line-height: 26px
}

.table-worksheet .table-head-secondary {
    font-size: 9px;
    text-transform: uppercase
}

.table-worksheet .table-head-secondary th {
    height: 28px;
    letter-spacing: .18em
}

.table-worksheet .table-foot {
    background: linear-gradient(to right, rgba(109, 208, 231, 1) 0, rgba(130, 167, 219, 1) 100%)
}

.table-worksheet .table-foot td {
    height: 55px;
    padding: 0 30px;
    font-size: 13px;
    color: #fff;
    text-align: right
}

.table-worksheet .table-foot td:first-child {
    padding-left: 20px;
    text-align: left;
    text-transform: uppercase
}

.table-worksheet .table-foot td span {
    margin-right: -20px;
    color: #fff
}

.table-worksheet-secondary tbody td:nth-child(3),
.table-worksheet-secondary tbody td:nth-child(4),
.table-worksheet-secondary tbody td:nth-child(5),
.table-worksheet-secondary tbody td:nth-child(7),
.table-worksheet-secondary tbody td:nth-child(9) {
    border-color: #e4e9ed
}

.table-worksheet-tertiary tbody td:nth-child(10),
.table-worksheet-tertiary tbody td:nth-child(12),
.table-worksheet-tertiary tbody td:nth-child(13),
.table-worksheet-tertiary tbody td:nth-child(3),
.table-worksheet-tertiary tbody td:nth-child(4),
.table-worksheet-tertiary tbody td:nth-child(6),
.table-worksheet-tertiary tbody td:nth-child(7),
.table-worksheet-tertiary tbody td:nth-child(9) {
    border-color: #e4e9ed
}

.table-worksheet-tertiary .table-foot td {
    padding: 0 10px
}

.table-accordion .table-accordion-body {
    display: none
}

.table-accordion .table-accordion-body td {
    padding: 10px 0;
    border-bottom: 2px solid #d1dadf;
    background: #fafbff
}

.table-accordion .table-accordion-body.expanded {
    display: table-row
}

.table-accordion .table-accordion-head.expanded td {
    background: #fafbff
}

.table-accordion .table-accordion-head td {
    cursor: pointer
}

.table-line-graph {
    padding-bottom: 20px
}

.table-line-graph td {
    padding-top: 10px;
    padding-bottom: 10px
}

.table-line-graph td:first-child,
.table-line-graph th:first-child {
    padding-left: 20px
}

.table-line-graph img {
    width: 100%;
    height: auto
}

.table-data-gaps th {
    text-shadow: 0 2px #037dda
}

.table-data-gaps td:first-child,
.table-data-gaps th:first-child {
    padding-left: 20px
}

.table-data-gaps td:last-child,
.table-data-gaps th:last-child {
    padding-right: 20px
}

.table-data-gaps tr:hover td {
    background: #fafbff
}

.table-data-gaps td:nth-child(5),
.table-data-gaps td:nth-child(6),
.table-data-gaps td:nth-child(7),
.table-data-gaps th:nth-child(5),
.table-data-gaps th:nth-child(6),
.table-data-gaps th:nth-child(7) {
    text-align: center
}

.table-meter-drill {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-meter-drill tbody td {
    background: #fff
}

.table-meter-drill strong {
    color: #053041
}

.table-meter-drill td:first-child,
.table-meter-drill th:first-child {
    padding-left: 20px
}

.table-meter-drill td:last-child,
.table-meter-drill th:last-child {
    padding-right: 20px;
    text-align: right
}

.table-meter-drill td:first-child a {
    display: none
}

.table-meter-drill .expanded td:first-child a {
    display: inline-block
}

.table-meter-drill td:nth-child(5),
.table-meter-drill td:nth-child(6),
.table-meter-drill th:nth-child(5),
.table-meter-drill th:nth-child(6) {
    text-align: center
}

.table-meter-drill tfoot td {
    color: #fff
}

.table-meter-drill tfoot tr:last-child td {
    background: #053041
}

.table-meter-drill tfoot td:nth-child(2),
.table-meter-drill tfoot td:nth-child(3) {
    text-align: center
}

.table-equipment-efficiency {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-equipment-efficiency tbody td {
    background: #fff
}

.table-equipment-efficiency strong {
    color: #053041;
    font-weight: 400
}

.table-equipment-efficiency td:first-child,
.table-equipment-efficiency th:first-child {
    padding-left: 20px
}

.table-equipment-efficiency td:last-child,
.table-equipment-efficiency th:last-child {
    padding-right: 20px;
    text-align: right
}

.table-equipment-efficiency td:first-child a {
    display: none
}

.table-equipment-efficiency .expanded td:first-child a {
    display: inline-block
}

.table-equipment-efficiency tfoot td {
    color: #fff
}

.table-equipment-efficiency th {
    height: 32px;
    font-size: 14px;
    text-align: right
}

.table-equipment-efficiency th:nth-child(1),
.table-equipment-efficiency th:nth-child(2),
.table-equipment-efficiency th:nth-child(3),
.table-equipment-efficiency th:nth-child(4),
.table-equipment-efficiency th:nth-child(5) {
    border-right: 1px solid #0a99d5;
    text-align: center
}

.table-equipment-efficiency th:first-child {
    text-align: left
}

.table-equipment-efficiency .table-head-secondary th {
    height: 32px;
    font-size: 10px;
    letter-spacing: .18em;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #0a99d5;
    border-top: 0
}

.table-equipment-efficiency tbody td {
    text-align: right;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300
}

.table-equipment-efficiency tbody td:nth-child(1),
.table-equipment-efficiency tbody td:nth-child(2),
.table-equipment-efficiency tbody td:nth-child(3),
.table-equipment-efficiency tbody td:nth-child(4),
.table-equipment-efficiency tbody td:nth-child(5) {
    border-right: 1px solid #e6f1f6;
    text-align: center
}

.table-equipment-efficiency tbody td:first-child {
    text-align: left
}

.table-equipment-efficiency tfoot td {
    text-align: right;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300
}

.table-equipment-efficiency tfoot td:nth-child(1),
.table-equipment-efficiency tfoot td:nth-child(2),
.table-equipment-efficiency tfoot td:nth-child(3),
.table-equipment-efficiency tfoot td:nth-child(4),
.table-equipment-efficiency tfoot td:nth-child(5) {
    text-align: center
}

.table-equipment-efficiency tfoot td:first-child {
    text-align: left
}

.table-equipment-generation {
    border-bottom: 2px solid #dee6e9
}

.table-equipment-generation td {
    font-family: 'Proxima Nova Condensed', sans-serif
}

.table-equipment-generation strong {
    color: #063142;
    font-weight: 400
}

.table-equipment-generation td,
.table-equipment-generation th {
    text-align: right
}

.table-equipment-generation td:nth-child(1),
.table-equipment-generation td:nth-child(2),
.table-equipment-generation th:nth-child(1),
.table-equipment-generation th:nth-child(2) {
    text-align: left
}

.table-equipment-generation tr:hover td {
    background: #f9fafe
}

.table-equipment-snapshot {
    padding-bottom: 25px
}

.table-equipment-snapshot td {
    font-family: 'Proxima Nova Condensed', sans-serif
}

.table-equipment-snapshot strong {
    color: #063142;
    font-weight: 400
}

.table-equipment-snapshot td,
.table-equipment-snapshot th {
    text-align: right
}

.table-equipment-snapshot td:nth-child(1),
.table-equipment-snapshot td:nth-child(2),
.table-equipment-snapshot th:nth-child(1),
.table-equipment-snapshot th:nth-child(2) {
    text-align: left
}

.table-equipment-snapshot tr:hover td {
    background: #f9fafe
}

.table-executive-summary {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-executive-summary td,
.table-executive-summary th {
    text-align: right
}

.table-executive-summary th {
    text-shadow: 0 2px #037dda
}

.table-executive-summary tbody td {
    background: #fff
}

.table-executive-summary td:first-child,
.table-executive-summary th:first-child {
    padding-left: 20px;
    text-align: left
}

.table-executive-summary tfoot td {
    color: #fff
}

.table-executive-summary td {
    font-family: 'Proxima Nova Condensed', sans-serif
}

.table-executive-summary strong {
    color: #063142;
    font-weight: 400
}

.table-energy-use .table-body {
    max-height: 400px;
    overflow: auto
}

.table-energy-use .custom-scroll::-webkit-scrollbar {
    background: #fff
}

.table-energy-use {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-energy-use tbody td {
    background: #fff
}

.table-energy-use strong {
    color: #053041;
    font-weight: 400
}

.table-energy-use td:first-child,
.table-energy-use th:first-child {
    padding-left: 20px
}

.table-energy-use td:last-child,
.table-energy-use th:last-child {
    padding-right: 20px;
    text-align: right
}

.table-energy-use td:first-child a {
    display: none
}

.table-energy-use .expanded td:first-child a {
    display: inline-block
}

.table-energy-use tfoot td {
    color: #fff
}

.table-energy-use th {
    height: 32px;
    font-size: 14px;
    text-align: center
}

.table-energy-use th:nth-child(1),
.table-energy-use th:nth-child(3),
.table-energy-use th:nth-child(5),
.table-energy-use th:nth-child(8) {
    border-right: 1px solid #0a99d5
}

.table-energy-use th:first-child {
    text-align: left
}

.table-energy-use .table-head-secondary th {
    height: 32px;
    font-size: 10px;
    letter-spacing: .18em;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #0a99d5;
    border-top: 0
}

.table-energy-use tbody td {
    text-align: center;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300
}

.table-energy-use tbody td:nth-child(1),
.table-energy-use tbody td:nth-child(3),
.table-energy-use tbody td:nth-child(5),
.table-energy-use tbody td:nth-child(8) {
    border-right: 1px solid #e6f1f6
}

.table-energy-use tbody td:first-child {
    text-align: left
}

.table-energy-use tfoot td {
    text-align: center;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300
}

.table-energy-use tfoot td:first-child {
    text-align: left
}

.table-savings-summary .table-body {
    max-height: 400px;
    overflow: auto
}

.table-savings-summary .custom-scroll::-webkit-scrollbar {
    background: #fff
}

.table-savings-summary {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-savings-summary tbody td {
    background: #fff
}

.table-savings-summary tfoot td {
    color: #fff
}

.table-savings-summary th {
    height: 40px;
    font-size: 14px;
    text-shadow: 0 2px #037dda
}

.table-savings-summary tbody td {
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300
}

.table-savings-summary td,
.table-savings-summary th {
    text-align: right
}

.table-savings-summary strong {
    color: #053041;
    font-weight: 400
}

.table-savings-summary td:first-child,
.table-savings-summary th:first-child {
    padding-left: 25px;
    text-align: left
}

.table-financial-budget {
    width: 100%;
    overflow: auto;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.table-financial-budget table {
    table-layout: fixed
}

.table-financial-budget th {
    height: 50px;
    border-right: 1px solid #20a3dd;
    font-size: 14px;
    white-space: nowrap;
    text-shadow: 0 2px #037dda
}

.table-financial-budget thead .table-cell-bordered {
    border-color: #419cca
}

.table-financial-budget .table-head-secondary th {
    height: 30px;
    border-right-color: #419cca;
    font-size: 10px;
    text-transform: uppercase
}

.table-financial-budget td,
.table-financial-budget th {
    width: 200px;
    text-align: right
}

.table-financial-budget td:first-child,
.table-financial-budget th:first-child {
    width: 120px;
    padding-left: 20px;
    white-space: nowrap;
    text-align: left
}

.table-financial-budget td {
    font-size: 14px
}

.table-financial-budget .table-head-secondary th {
    text-align: center
}

.table-financial-budget table {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-financial-budget tbody td {
    border-right: 1px solid #e4e9ee;
    background: #fff
}

.table-financial-budget tbody .table-cell-bordered {
    border-color: #bbc8d5
}

.table-financial-budget strong {
    color: #053041;
    font-weight: 400
}

.table-financial-budget tfoot td {
    height: 50px;
    border-right: 1px solid #396dad;
    font-size: 14px;
    color: #fff
}

.table-financial-budget tfoot .table-cell-bordered {
    border-right-color: #5177aa
}

.table-financial-budget tfoot tr+tr td {
    border-right-color: #49586f;
    background: #3e4a60
}

.table-financial-budget tfoot tr+tr .table-cell-bordered {
    border-right-color: #5b6e86
}

.table-financial-budget.custom-scroll::-webkit-scrollbar {
    margin: 5px 0;
    background: #fff
}

.table-financial-budget .danger {
    color: #ff3a3a
}

.table-financial-budget .table-controls {
    top: 6px
}

.table-financial-events {
    padding-bottom: 10px
}

.table-financial-events table {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-financial-events th {
    height: 50px;
    font-size: 14px;
    white-space: nowrap;
    text-shadow: 0 2px #037dda
}

.table-financial-events td {
    font-size: 14px;
    vertical-align: top;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300;
    color: #7a8fac
}

.table-financial-events td:first-child,
.table-financial-events th:first-child {
    padding-left: 20px
}

.table-financial-events td:nth-child(5),
.table-financial-events td:nth-child(6),
.table-financial-events td:nth-child(7),
.table-financial-events th:nth-child(5),
.table-financial-events th:nth-child(6),
.table-financial-events th:nth-child(7) {
    text-align: right
}

.table-financial-events tbody td {
    background: #fff
}

.table-financial-events tbody tr:hover td {
    background: #f9fafe
}

.table-financial-events tfoot td {
    color: #fff
}

.table-financial-events .table-cell-note {
    position: relative;
    padding: 3px 0 11px;
    font-size: 14px;
    color: #bbc8d5
}

.table-financial-events .table-cell-note-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap
}

.table-financial-events strong {
    color: #053041;
    font-weight: 300
}

.table-financial-events-alt td,
.table-financial-events-alt th {
    text-align: right
}

.table-financial-events-alt td:first-child,
.table-financial-events-alt th:first-child {
    text-align: left
}

.table-financial-electric td,
.table-financial-electric th {
    text-align: right;
    font-size: 14px
}

.table-financial-electric td:first-child,
.table-financial-electric th:first-child {
    padding-left: 15px
}

.table-financial-electric td:last-child,
.table-financial-electric th:last-child {
    padding-right: 15px
}

.table-financial-electric th {
    height: 50px;
    white-space: nowrap;
    text-shadow: 0 2px #037dda
}

.table-financial-electric td {
    padding: 12px;
    white-space: nowrap
}

.table-financial-electric .field-secondary {
    padding: 0 12px;
    height: 30px;
    margin: 0 -12px;
    text-align: right
}

.table-financial-electric i {
    margin-left: 40px
}

.table-financial-electric .chart {
    margin: 0 -15px
}

.table-financial-electric .striped td {
    background: #f9fafe
}

.table-financial-rate {
    padding-bottom: 20px
}

.table-financial-rate table {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-financial-rate td:first-child,
.table-financial-rate th:first-child {
    text-align: left;
    padding-left: 15px
}

.table-financial-rate th {
    height: 50px;
    text-align: center;
    font-size: 14px
}

.table-financial-rate td {
    text-align: right;
    padding: 12px;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300;
    color: #7a8fac
}

.table-financial-rate tbody td {
    background: #fff
}

.table-financial-rate tfoot td {
    color: #fff
}

.table-financial-rate td:nth-child(10),
.table-financial-rate td:nth-child(9),
.table-financial-rate th:nth-child(10),
.table-financial-rate th:nth-child(9) {
    text-align: center
}

.table-financial-rate .select-alt .fs-dropdown-selected {
    height: 30px;
    line-height: 28px
}

.table-financial-rate strong {
    color: #053041;
    font-weight: 300
}

.table-utility-benchmarking th {
    height: 50px;
    font-size: 14px
}

.table-utility-benchmarking td {
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300;
    color: #7a8fac
}

.table-utility-benchmarking strong {
    color: #053041;
    font-weight: 300
}

.table-utility-benchmarking .checkbox {
    font-size: 0
}

.table-checks .table-row-checked td {
    background: #f9fafe
}

.table-utility-btu table {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-utility-btu th {
    height: 50px;
    border-right: 1px solid #15a6e3;
    font-size: 14px;
    text-shadow: 0 2px #037dda;
    text-align: center
}

.table-utility-btu th:first-child {
    text-align: left
}

.table-utility-btu td {
    border-right: 1px solid #f1f4f6;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300;
    color: #7a8fac;
    text-align: center
}

.table-utility-btu tbody td {
    background: #fff
}

.table-utility-btu tfoot td {
    border: 0;
    color: #fff
}

.table-utility-btu td:first-child {
    text-align: left
}

.table-utility-btu strong {
    color: #053041;
    font-weight: 300
}

.table-utility-btu .tabl-head-secondary th,
.table-utility-btu thead .table-cell-bordered {
    border-right-color: #20a3dd
}

.table-utility-btu tbody .table-cell-bordered {
    border-right-color: #e4e9ee
}

.table-utility-year table {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-utility-year td {
    text-align: center
}

.table-utility-year th {
    height: 50px;
    border-right: 1px solid #15a6e3;
    font-size: 14px;
    text-shadow: 0 2px #037dda;
    text-align: center
}

.table-utility-year th:first-child {
    text-align: left
}

.table-utility-year td:first-child {
    text-align: left
}

.table-utility-year td {
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300;
    color: #7a8fac;
    text-align: center
}

.table-utility-year tbody td {
    background: #fff
}

.table-utility-year tfoot td {
    color: #fff
}

.table-utility-year td i {
    position: relative;
    top: -2px;
    margin-left: 5px
}

.table-utility-year .success {
    color: #28b034
}

.table-utility-year .table-body {
    height: 530px;
    overflow: auto
}

.table-utility-electric th {
    height: 50px;
    border-right: 1px solid #15a6e3;
    font-size: 14px;
    text-shadow: 0 2px #037dda;
    text-align: right
}

.table-utility-electric th:first-child {
    padding-left: 20px;
    text-align: left
}

.table-utility-electric td {
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300;
    color: #7a8fac;
    text-align: right
}

.table-utility-electric td:first-child {
    padding-left: 20px;
    text-align: left
}

.table-utility-electric strong {
    color: #053041;
    font-weight: 300
}

.table-utility-electric .table-foot-primary {
    border-bottom: 1px solid #fff;
    background: linear-gradient(to right, rgba(103, 167, 212, 1) 0, rgba(105, 141, 193, 1) 100%)
}

.table-utility-electric .table-foot-primary td {
    color: #fff
}

.table-utility-electric .table-foot-secondary {
    background: linear-gradient(to right, #2a5aa5 0, #277fc0 100%)
}

.table-utility-electric .table-foot-secondary td {
    color: #fff
}

.table-utility-electric .table-body {
    height: 355px;
    overflow: auto
}

.table-utility-electric .table-body tr:hover td {
    background: #f9fafe
}

.table-utility-data-mining table {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-utility-data-mining th {
    height: 50px;
    border-right: 1px solid #15a6e3;
    font-size: 14px;
    text-shadow: 0 2px #037dda;
    text-align: center
}

.table-utility-data-mining th i {
    margin-left: 5px
}

.table-utility-data-mining strong {
    color: #053041;
    font-weight: 300
}

.table-utility-data-mining td {
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300;
    color: #7a8fac;
    text-align: center
}

.table-utility-data-mining td:first-child,
.table-utility-data-mining th:first-child {
    padding-left: 20px;
    text-align: left
}

.table-utility-data-mining tbody td {
    background: #fff
}

.table-utility-data-mining tfoot td {
    color: #fff
}

.table-utility-data-mining-total table {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-utility-data-mining-total th {
    height: 30px;
    border: 1px solid #0990c8;
    text-align: center;
    font-size: 10px;
    text-shadow: 0 2px #037dda
}

.table-utility-data-mining-total thead tr:last-child th {
    height: 34px;
    font-size: 14px
}

.table-utility-data-mining-total td {
    border: 1px solid;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300;
    color: #7a8fac;
    text-align: center
}

.table-utility-data-mining-total td:first-child {
    padding-left: 10px
}

.table-utility-data-mining-total strong {
    display: block;
    text-align: left;
    color: #053041;
    font-weight: 300
}

.table-utility-data-mining-total tbody td {
    background: #fff;
    border-right-color: #84bcd3;
    border-bottom-color: #e7f2f6;
    border-left-color: transparent
}

.table-utility-data-mining-total tbody .cell-first {
    text-align: center;
    border-right-color: #e7f2f6
}

.table-utility-data-mining-total tbody .cell-first strong {
    text-align: center
}

.table-utility-data-mining-total tbody .cell-solid {
    background: #e1e8f8
}

.table-utility-data-mining-total tbody .table-row-transparent td {
    border: 0;
    background: 0 0;
    color: #fff
}

.table-utility-data-mining-total tbody .cell-first-bordered {
    border-bottom-color: #75b1cf
}

.table-utility-data-mining-total tbody .table-row-transparent strong {
    color: #fff
}

.table-utility-data-mining-total tfoot td {
    border: 1px solid #75b1cf;
    background: #e1e9f8;
    font-size: 16px;
    color: #296bb2;
    text-align: center
}

.table-utility-data-mining-total tfoot .cell-first {
    text-align: left
}

.table-utility-portfolio .table-body {
    max-height: 700px;
    overflow: auto
}

.table-utility-portfolio .custom-scroll::-webkit-scrollbar {
    background: #fff
}

.table-utility-portfolio {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-utility-portfolio tbody td {
    background: #fff
}

.table-utility-portfolio tfoot td {
    color: #fff
}

.table-utility-portfolio th {
    height: 40px;
    font-size: 14px;
    text-shadow: 0 2px #037dda
}

.table-utility-portfolio tbody td {
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300
}

.table-utility-portfolio td,
.table-utility-portfolio th {
    text-align: right
}

.table-utility-portfolio strong {
    color: #053041;
    font-weight: 400
}

.table-utility-portfolio td:first-child,
.table-utility-portfolio th:first-child {
    padding-left: 25px;
    text-align: left
}

.table-utility-billing {
    border-bottom: 2px solid #e5e5e5
}

.table-utility-billing th {
    height: 50px;
    border-right: 1px solid #15a6e3;
    font-size: 14px;
    text-shadow: 0 2px #037dda;
    text-align: right
}

.table-utility-billing th i {
    margin-left: 5px
}

.table-utility-billing strong {
    color: #053041;
    font-weight: 300
}

.table-utility-billing td {
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300;
    color: #7a8fac;
    text-align: right
}

.table-utility-billing td:first-child,
.table-utility-billing th:first-child {
    padding-left: 20px;
    text-align: left
}

.table-utility-billing td:first-child+td,
.table-utility-billing th:first-child+th {
    text-align: left
}

.table-utility-meter .table-body {
    max-height: 400px;
    overflow: auto
}

.table-utility-meter .custom-scroll::-webkit-scrollbar {
    background: #fff
}

.table-utility-meter {
    background: linear-gradient(to right, rgba(42, 90, 166, 1) 0, rgba(39, 127, 191, 1) 100%)
}

.table-utility-meter tbody td {
    background: #fff
}

.table-utility-meter strong {
    color: #053041;
    font-weight: 400
}

.table-utility-meter td:first-child,
.table-utility-meter th:first-child {
    padding-left: 20px
}

.table-utility-meter td:last-child,
.table-utility-meter th:last-child {
    padding-right: 20px;
    text-align: right
}

.table-utility-meter td:first-child a {
    display: none
}

.table-utility-meter .expanded td:first-child a {
    display: inline-block
}

.table-utility-meter tfoot td {
    color: #fff
}

.table-utility-meter th {
    height: 32px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap
}

.table-utility-meter th:nth-child(1),
.table-utility-meter th:nth-child(3),
.table-utility-meter th:nth-child(5),
.table-utility-meter th:nth-child(8) {
    border-right: 1px solid #0a99d5
}

.table-utility-meter th:first-child {
    text-align: left
}

.table-utility-meter .table-head-secondary th {
    height: 32px;
    font-size: 10px;
    letter-spacing: .18em;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #0a99d5;
    border-top: 0
}

.table-utility-meter tbody td {
    text-align: center;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300
}

.table-utility-meter tbody td:nth-child(1),
.table-utility-meter tbody td:nth-child(2),
.table-utility-meter tbody td:nth-child(3),
.table-utility-meter tbody td:nth-child(4),
.table-utility-meter tbody td:nth-child(5) {
    border-right: 1px solid #e6f1f6
}

.table-utility-meter tbody td:first-child {
    text-align: left
}

.table-utility-meter tfoot td {
    text-align: center;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300
}

.table-utility-meter tfoot td:first-child {
    text-align: left
}

.table-utility-meter .danger {
    color: #ed1c24
}

.table-submetering-tenant {
    white-space: nowrap
}

.table-submetering-tenant th {
    vertical-align: middle;
    line-height: 1;
    text-shadow: 0 2px #037dda
}

.table-submetering-tenant td {
    padding: 15px 10px;
    vertical-align: top;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300;
    color: #7a8fac;
    font-size: 16px;
    line-height: 1.13;
    text-align: right
}

.table-submetering-tenant .table-cell-success {
    color: #27b035
}

.table-submetering-tenant td:first-child,
.table-submetering-tenant th:first-child {
    padding-left: 20px
}

.table-submetering-tenant .table-accordion-body td {
    padding-right: 25px;
    border: 0;
    background: #fff
}

.table-submetering-tenant .table-accordion-head.expanded td {
    background: #fff
}

.table-submetering-tenant th:nth-child(4) {
    text-align: right
}

.table-submetering-tenant th:nth-child(5) {
    text-align: right
}

.table-submetering-tenant th:nth-child(6) {
    text-align: center
}

.table-submetering-tenant th:nth-child(7) {
    text-align: center
}

.table-submetering-tenant th:nth-child(8) {
    text-align: right
}

.table-submetering-tenant th:nth-child(9) {
    text-align: center
}

.table-submetering-tenant td:nth-child(1) {
    text-align: left
}

.table-submetering-tenant td:nth-child(2) {
    text-align: left
}

.table-submetering-tenant td:nth-child(3) {
    text-align: left
}

.table-submetering-tax-calc {
    padding-bottom: 30px
}

.table-submetering-tax-calc th {
    padding: 0 5px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: right
}

.table-submetering-tax-calc th:first-child {
    padding-left: 15px;
    text-align: left
}

.table-submetering-tax-calc td {
    padding: 20px 5px;
    text-align: right
}

.table-submetering-tax-calc td:first-child {
    padding-left: 15px;
    text-align: left
}

.table-submetering-tax-calc .table-body {
    max-height: 300px;
    overflow: auto
}

.table-submetering-tax-calc .table-body tr:hover td {
    background: #fafbff
}

.table-submetering-tax-calc .table-foot {
    background: linear-gradient(to right, #74e4e8 0, #86b7e2 100%)
}

.table-submetering-tax-calc .table-foot td {
    color: #fff
}

.table-submetering-billing-cycle th {
    text-transform: uppercase
}

.table-submetering-billing-cycle td {
    font-family: 'Proxima Nova Condensed', sans-serif
}

.table-submetering-billing-cycle strong {
    color: #063142;
    font-weight: 400
}

.table-submetering-billing-cycle td,
.table-submetering-billing-cycle th {
    text-align: right
}

.table-submetering-billing-cycle td:nth-child(1),
.table-submetering-billing-cycle td:nth-child(2),
.table-submetering-billing-cycle td:nth-child(3),
.table-submetering-billing-cycle th:nth-child(1),
.table-submetering-billing-cycle th:nth-child(2),
.table-submetering-billing-cycle th:nth-child(3) {
    text-align: left
}

.table-submetering-billing-cycle td:nth-child(4),
.table-submetering-billing-cycle th:nth-child(4) {
    text-align: center
}

.table-submetering-billing-cycle tr:hover td {
    background: #f9fafe
}

.table-actual-usage th {
    vertical-align: middle;
    text-transform: uppercase;
    text-shadow: 0 2px #037dda;
    text-align: right
}

.table-actual-usage th small {
    display: block;
    font-size: 10px
}

.table-actual-usage td {
    padding: 15px 10px;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-size: 16px;
    line-height: 1.13;
    font-weight: 300;
    color: #7791ab;
    text-align: right
}

.table-actual-usage .table-cell-danger {
    color: red
}

.table-actual-usage .table-cell-info {
    color: #0aa8e9
}

.table-actual-usage tbody .checkbox {
    font-family: 'Proxima Nova', sans-serif;
    color: #0aa8e9
}

.table-actual-usage h6 {
    margin: 0;
    font-size: 10px;
    letter-spacing: .36em;
    color: #7791ab;
    font-weight: 600;
    text-transform: uppercase
}

.table-actual-usage-primary th:first-child {
    border-right: 2px solid #dee7f3;
    text-align: left
}

.table-actual-usage-primary td:first-child {
    border-right: 2px solid #dee7f3;
    text-align: left
}

.table-actual-usage-primary tbody tr:nth-child(2n+2) td {
    border-bottom: 2px solid #f0f4fa
}

.table-actual-usage-secondary th {
    text-align: left;
    white-space: nowrap
}

.table-actual-usage-secondary td {
    height: 102px;
    vertical-align: top;
    border-bottom: 2px solid #f0f4fa;
    text-align: left
}

.table-actual-usage-secondary td:last-child,
.table-actual-usage-secondary th:last-child {
    text-align: right
}

.table-actual-usage-tertiary tbody tr:nth-child(2n+2) td {
    border-bottom: 2px solid #f0f4fa
}

.table-actual-usage-tertiary td,
.table-actual-usage-tertiary th {
    text-align: right
}

.table-actual-usage-tertiary td {
    padding-bottom: 17px
}

.table-bidding-history table {
    table-layout: fixed
}

.table-bidding-history th {
    height: 50px;
    padding: 0 10px;
    font-size: 14px;
    text-shadow: 0 2px #037dda;
    text-align: right
}

.table-bidding-history th:first-child {
    padding-left: 10px;
    text-align: left
}

.table-bidding-history th:nth-child(2) {
    text-align: left
}

.table-bidding-history td {
    font-size: 16px;
    padding: 10px;
    text-align: right
}

.table-bidding-history td:first-child {
    padding-left: 10px;
    text-align: left
}

.table-bidding-history td:nth-child(2) {
    text-align: left
}

.table-bidding-history td:last-child,
.table-bidding-history th:last-child {
    text-align: right
}

.table-bidding-history .table-body {
    height: 290px;
    overflow: auto
}

.table-bidding-history .table-foot {
    padding: 20px 20px 21px;
    border-top: 2px solid #ebf1f9;
    font-size: 14px;
    color: #0aa8e9
}

.table-bidding-history .table-foot i {
    margin-right: 10px
}

.table-bidding-history-alt .table-body {
    height: 370px
}

.table-bidding-history-alt td:nth-child(3),
.table-bidding-history-alt td:nth-child(4),
.table-bidding-history-alt td:nth-child(5),
.table-bidding-history-alt th:nth-child(3),
.table-bidding-history-alt th:nth-child(4),
.table-bidding-history-alt th:nth-child(5) {
    text-align: left
}

.table-event-monitor {
    overflow-y: auto;
    overflow-x: auto;
    white-space: nowrap
}

.table-event-monitor th {
    height: 50px;
    vertical-align: middle;
    line-height: 1;
    text-shadow: 0 2px #037dda;
    text-align: right;
    font-size: 18px
}

.table-event-monitor th small {
    padding-right: 12px;
    font-size: 12px
}

.table-event-monitor td {
    padding: 15px 10px;
    vertical-align: top;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300;
    color: #7a8fac;
    font-size: 16px;
    line-height: 1.13;
    text-align: right
}

.table-event-monitor .table-cell-success {
    color: #27b035
}

.table-event-monitor td:first-child,
.table-event-monitor th:first-child {
    padding-left: 20px
}

.table-event-monitor .table-accordion-body td {
    padding: 0;
    border: 0;
    background: #fff
}

.table-event-monitor .table-cell-text-warning {
    color: #fdbe13
}

.table-event-monitor .table-cell-text-success {
    color: #27b035
}

.table-event-monitor .table-cell-bg-success {
    background: #61dd7f !important;
    color: #fff
}

.table-event-monitor .table-cell-bg-warning {
    background: #ffd304 !important;
    color: #fff
}

.table-event-monitor th:nth-child(1) {
    text-align: left
}

.table-event-monitor th:nth-child(11),
.table-event-monitor th:nth-child(12),
.table-event-monitor th:nth-child(13),
.table-event-monitor th:nth-child(14),
.table-event-monitor th:nth-child(2) {
    text-align: center
}

.table-event-monitor td:nth-child(1) {
    text-align: left
}

.table-event-monitor td:nth-child(11),
.table-event-monitor td:nth-child(12),
.table-event-monitor td:nth-child(13),
.table-event-monitor td:nth-child(14),
.table-event-monitor td:nth-child(2) {
    text-align: center
}

.table-change th {
    text-shadow: 0 2px #037dda;
    text-align: right
}

.table-change td {
    text-align: right
}

.table-change td:first-child,
.table-change th:first-child {
    padding-left: 20px
}

.table-change td:last-child,
.table-change th:last-child {
    padding-right: 20px
}

.table-change .select .select-body {
    background: #0faff1 url(images/datepicker-secondary-white.png) right 0 no-repeat
}

.table-change .select-date {
    display: inline-block;
    width: 135px;
    border: 0;
    background: 0 0
}

.table-change .select-date .fs-dropdown-selected {
    border-color: #0d93ca;
    color: #fff
}

.table-change .select-alt .fs-dropdown-focus .fs-dropdown-selected {
    border-color: #fff
}

.table-change td:nth-child(1),
.table-change td:nth-child(2),
.table-change td:nth-child(3),
.table-change th:nth-child(1),
.table-change th:nth-child(2),
.table-change th:nth-child(3) {
    text-align: left
}

.table-offering-tools {
    overflow: auto
}

.table-offering-tools table {
    table-layout: fixed
}

.table-offering-tools th {
    width: 75px;
    text-shadow: 0 2px #037dda;
    font-size: 18px;
    line-height: 1;
    text-align: center
}

.table-offering-tools th small {
    font-size: 10px
}

.table-offering-tools td {
    width: 75px;
    color: #7791ab;
    text-align: center
}

.table-offering-tools td:first-child,
.table-offering-tools th:first-child {
    width: 160px;
    border-right: 2px solid #dee7f3;
    text-align: left
}

.table-bidding-history-secondary th {
    font-size: 18px;
    text-align: right
}

.table-bidding-history-secondary th+th i {
    margin-left: 10px
}

.table-bidding-history-secondary td {
    text-align: right
}

.table-bidding-history-secondary td:nth-child(2),
.table-bidding-history-secondary th:nth-child(2) {
    text-align: left
}

.table-event-history {
    overflow-y: auto;
    overflow-x: auto;
    white-space: nowrap
}

.table-event-history th {
    height: 50px;
    vertical-align: middle;
    line-height: 1;
    text-shadow: 0 2px #037dda;
    text-align: right;
    font-size: 18px
}

.table-event-history th small {
    padding-right: 12px;
    font-size: 12px
}

.table-event-history td {
    padding: 15px 10px;
    vertical-align: top;
    font-family: 'Proxima Nova Condensed', sans-serif;
    font-weight: 300;
    color: #7a8fac;
    font-size: 16px;
    line-height: 1.13;
    text-align: right
}

.table-event-history .table-cell-success {
    color: #27b035
}

.table-event-history td:first-child,
.table-event-history th:first-child {
    padding-left: 20px
}

.table-event-history .table-accordion-body td {
    padding: 0;
    border: 0;
    background: #fff
}

.table-event-history>table>thead>tr>th:nth-child(1),
.table-event-history>table>thead>tr>th:nth-child(2),
.table-event-history>table>thead>tr>th:nth-child(3),
.table-event-history>table>thead>tr>th:nth-child(4),
.table-event-history>table>thead>tr>th:nth-child(5),
.table-event-history>table>thead>tr>th:nth-child(6) {
    text-align: left
}

.table-event-history>table>tbody>tr>td:nth-child(1),
.table-event-history>table>tbody>tr>td:nth-child(2),
.table-event-history>table>tbody>tr>td:nth-child(3),
.table-event-history>table>tbody>tr>td:nth-child(4),
.table-event-history>table>tbody>tr>td:nth-child(5),
.table-event-history>table>tbody>tr>td:nth-child(6) {
    text-align: left
}

.table-hourly:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 35px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 8px 10px;
    border-color: transparent transparent #0aa8e9 transparent
}

.table-hourly table {
    overflow: hidden;
    border-radius: 5px
}

.table-hourly table th {
    height: 40px;
    font-size: 12px;
    text-align: right
}

.table-hourly table tbody td {
    padding: 15px 10px !important;
    text-align: right;
    font-size: 12px
}

.table-hourly th:last-child {
    padding-right: 10px
}

.table-hourly td:first-child,
.table-hourly th:first-child {
    padding-left: 10px;
    text-align: left
}

.table-hourly tfoot td {
    padding: 15px 10px !important;
    border: solid #e1edf9 !important;
    border-width: 2px 0 !important;
    font-size: 12px
}

.table-hourly .table-foot {
    overflow: hidden;
    padding: 20px 10px
}

.table-hourly .table-foot h4 {
    float: left;
    margin: 0;
    font-size: 16px;
    color: #7791ab
}

.table-hourly .table-foot .value {
    float: right;
    font-size: 16px;
    color: #bbc8d5
}

.updates .updates-head {
    position: relative;
    padding: 20px 0 16px;
    background: #053041;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.updates .updates-head h6 {
    margin: 0
}

.updates .updates-head .notification-label {
    margin: -4px 0 0 8px
}

.updates .updates-body {
    overflow: auto;
    height: 247px
}

.updates .updates-controls-next,
.updates .updates-controls-prev {
    position: absolute;
    top: 15px
}

.updates .updates-controls-prev {
    left: 20px
}

.updates .updates-controls-next {
    right: 20px
}

.updates-secondary {
    padding: 10px
}

.update-secondary {
    padding: 25px 19px
}

.update-secondary:hover {
    background: #fafbff
}

.update-secondary .update-head {
    overflow: hidden;
    padding-bottom: 13px
}

.update-secondary .update-author {
    float: left;
    margin: 0
}

.update-secondary .update-author a {
    color: #0aa8e9
}

.update-secondary .update-time {
    float: right;
    color: #b0c1d3
}

.update-secondary .update-title {
    margin: 0 0 10px;
    color: #61758d
}

.update-secondary .update-body p {
    font-size: 15px;
    line-height: 1.6;
    color: #b0c1d3
}

.user .user-title {
    margin: 0 0 8px;
    font-size: 13px;
    color: #0aa8e9
}

.user .user-title a {
    margin-left: 5px
}

.user .user-note {
    font-size: 11px;
    color: #73859a
}

.user .user-info dl {
    overflow: hidden
}

.user .user-info dt {
    float: left;
    clear: both;
    width: 90px;
    padding: 3px 0 6px;
    font-size: 11px;
    color: #b4bec9
}

.user .user-info dt a {
    display: inline-block;
    vertical-align: middle;
    margin: -10px 12px 0 0
}

.user .user-info dd {
    float: left;
    font-size: 13px;
    color: #61758d
}

.weather-forecast {
    background-color: #fafbff
}

.weather-forecast .weather-forecast-days {
    overflow: hidden;
    padding-bottom: 10px
}

.weather-forecast .weather-forecast-days ul {
    list-style: none outside none;
    font-size: 0;
    white-space: nowrap
}

.weather-forecast .weather-forecast-days li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 82px;
    border: 1px solid #e5eaf0;
    border-top: 0;
    background: #fff
}

.weather-forecast .weather-forecast-days li+li {
    margin-left: -1px
}

.weather-forecast .weather-forecast-days a {
    display: block;
    height: 79px;
    padding-top: 14px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase
}

.weather-forecast .weather-forecast-days strong {
    display: block;
    font-size: 36px;
    font-weight: 300;
    color: #053041
}

.weather-forecast .weather-forecast-days span {
    display: block;
    font-size: 12px;
    color: #7791ab
}

.weather-forecast .weather-forecast-days .current {
    background: #053041;
    border-color: #053041
}

.weather-forecast .weather-forecast-days .current:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #053041 transparent transparent transparent;
    margin-left: -10px
}

.weather-forecast .weather-forecast-days .current strong {
    color: #2877bb
}

.weather-forecast .weather-forecast-days .current span {
    color: #fff
}

.weather-forecast .weather-forecast-content {
    padding: 10px 5px 13px;
    border-bottom: 1px solid #e5eaf0;
    font-size: 0
}

.weather-forecast .weather-forecast-icon,
.weather-forecast .weather-forecast-location,
.weather-forecast .weather-forecast-temperature {
    display: inline-block;
    padding: 0 20px;
    vertical-align: middle
}

.weather-forecast .weather-forecast-location {
    width: 200px;
    line-height: 1;
    color: #053041
}

.weather-forecast .weather-forecast-location strong {
    display: block;
    padding-bottom: 3px;
    font-size: 36px;
    font-weight: 300
}

.weather-forecast .weather-forecast-location span {
    display: block;
    font-size: 14px;
    color: #7791ab
}

.weather-forecast .weather-forecast-icon {
    width: 100px
}

.weather-forecast .weather-forecast-temperature {
    width: 140px;
    font-size: 70px;
    font-weight: 300;
    color: #053041
}

.weather-forecast .weather-forecast-temperature sup {
    position: relative;
    top: -25px;
    display: inline-block;
    margin-left: -13px;
    font-size: 33px
}

.weather-forecast .weather-forecast-details {
    padding: 14px 0 14px 25px
}

.weather-forecast .weather-forecast-details ul {
    overflow: hidden;
    list-style: none outside none
}

.weather-forecast .weather-forecast-details li {
    float: left;
    padding-right: 23px
}

.weather-forecast .weather-forecast-details strong {
    color: #053041;
    font-weight: 400
}

.weather-forecast .weather-forecast-details span {
    color: #7791ab
}

.weather-forecast .weather-forecast-details span sup {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-left: -2px;
    line-height: 1
}

.widgets {
    list-style: none outside none
}

.widgets-bill {
    display: table;
    width: 660px;
    overflow: hidden;
    border: 2px solid #e3eaf4;
    border-radius: 10px
}

.widget-bill {
    display: table-cell;
    vertical-align: middle;
    height: 87px;
    padding: 0 30px;
    background: #fff;
    text-align: center
}

.widget-bill+.widget-bill {
    border-left: 2px solid #e3eaf4
}

.widget-bill .widget-title {
    margin: 0 0 2px;
    font-size: 10px;
    color: #999;
    font-weight: 600;
    text-transform: uppercase
}

.widget-bill .widget-value {
    display: block;
    margin-bottom: 2px;
    font-size: 27px;
    line-height: 1;
    font-weight: 600
}

.widget-bill .widget-value strong {
    font-size: 33px;
    color: #181818
}

.widget-bill .widget-foot {
    margin: 0 -5px;
    font-size: 12px;
    font-weight: 600
}

.widget-bill .widget-foot span {
    padding: 0 5px
}

.widget-bill .widget-foot i {
    position: relative;
    top: -2px
}

.widget-bill .widget-foot-danger {
    color: #ed1c24
}

.widget-bill .widget-foot-success {
    color: #42d00b
}

.widget-bill .widget-image {
    float: left;
    width: 70px;
    margin-right: 15px;
    padding-top: 3px
}

.widget-bill .widget-image img {
    width: 100%;
    height: auto
}

.widget-bill .widget-content {
    overflow: hidden
}

.widget-bill .widget-actions {
    color: #2877bb
}

.widget-bill .widget-actions i {
    position: relative;
    top: -3px;
    margin-left: 18px
}

.widget-consumption .widget-graph img {
    width: 100%;
    height: auto
}

.widget-consumption .table-grid {
    table-layout: fixed;
    border-bottom: 2px solid #f1f4f6
}

.widget-consumption .table-grid-item {
    padding: 19px 20px 15px
}

.widget-consumption .table-grid-item~.table-grid-item {
    border-left: 2px solid #f1f4f6
}

.widget-consumption .widget-entry {
    line-height: 1
}

.widget-consumption .widget-entry span {
    display: block;
    font-size: 13px;
    color: #7791ab;
    font-weight: 300
}

.widget-consumption .widget-entry strong {
    display: block;
    padding: 3px 0;
    font-size: 28px;
    color: #0aa8e9;
    font-weight: 400
}

.widget-consumption .widget-entry strong small {
    font-size: 13px;
    color: #7791ab;
    opacity: .3
}

.widget-consumption .widget-entry-warning strong {
    color: #ff9600
}

.widget-energy-star .widget-content {
    padding: 15px;
    font-size: 15px;
    color: #7791ab;
    text-align: center;
    font-weight: 300
}

.widget-energy-star .widget-content img {
    margin-bottom: 15px
}

.widget-energy-star .widget-actions {
    padding-bottom: 2px;
    text-align: right
}

.widget-energy-star .widget-graph img {
    width: 100%
}

.widget-energy-star .table-grid {
    table-layout: fixed;
    border-bottom: 2px solid #f1f4f6;
    border-top: 2px solid #f1f4f6
}

.widget-energy-star .table-grid-item~.table-grid-item {
    border-left: 2px solid #f1f4f6
}

.widget-energy-star .widget-entry {
    padding: 26px 0 18px;
    text-align: center
}

.widget-energy-star .widget-entry span {
    display: block;
    padding-bottom: 7px;
    font-size: 13px;
    text-transform: uppercase;
    color: #7791ab
}

.widget-energy-star .widget-entry strong {
    display: block;
    font-size: 57px;
    line-height: 1;
    font-weight: 300;
    color: #0aa8e9
}

.widget-energy-star .widget-entry-success strong {
    color: #27b035
}

.widget-add {
    padding: 12px;
    border: 3px dashed #d2dce9;
    margin: -12px
}

.widget-add .widget-inner {
    position: relative;
    background: #e1e9f8
}

.widget-add .widget-content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    padding: 20px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.widget-add .widget-content h1 {
    margin: 20px 0 10px;
    font-size: 34px;
    color: #7791ab
}

.widget-add .widget-content p {
    font-size: 14px;
    color: #7791ab
}

.widget-add .widget-content p a {
    color: #0aa8e9;
    text-decoration: underline
}

.widget-add .widget-content p a:hover {
    text-decoration: none
}

.ico-lightning-blue {
    background-image: url(images/commodities/ico-lightning-large.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-lightning-grey {
    background-image: url(images/commodities/electricity.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-steam-grey {
    background-image: url(images/commodities/ico-steam-large.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}