/* FLEX ADMIN DEMO STYLES */

/* The following styles are used for demo purposes. */

/* Organizing the Icons Page */
/* Charts */

.header_new {
    margin-top:60px;
    padding-top:10px;
    padding-bottom:10px;
    background-image: url(../homepage/img/header_new.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
/*ECL Selections*/
#page-wrapper .select2-container--default .select2-selection--single{
border-radius: 0px;
    border:1px solid #707070;
    color: #404040;
}

.before_blockquote{
 margin-bottom: 10px;
    font-weight: bold;
}

#page-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow{
background-color: #404040;
    color: white;
    height: 28px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
}

#page-wrapper .select2-container--default .select2-selection--single:hover{
    border-color:#00002E;
}

#page-wrapper .select2-container--default .select2-selection--single:hover .select2-selection__arrow{
   background-color: #00002E;
}


#page-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b{
border-color: #fff transparent transparent transparent;
}

.editproject-toolbox  .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: left;
}

#select2-id_benchmarkmethod-results {
    max-height: 300px;
}
.benchmark_energy #id_energyprice{
    width:130px;
    text-align: right;
}

dark-blue-new{
}


.btn-logo-grey-new{
    background-color:#eeeeee;
}


.footer_new {
 background-color: #f2f5f9;
    padding-top:30px;
    padding-bottom:30px;
    margin-left:0px;
    margin-right:0px;
}
.footer_new a:hover {
color:black;
}

.changelanguage_top_bar{
    margin-top: 15px;
    color: #00002E;
    background:white;
    border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}


.changelanguage_top_bar:hover {
    background:white;
    color:black;
}


.changelanguage_top_bar::-ms-expand {
    display: none;
}

.g-recaptcha iframe{
    margin:10px;
}
.no-data-message {
    position: absolute;
left: calc(50% - 200px);
font-size: 18px;
color: #FF6600;
top: 200px;
}
.no-data-message-nonreport {
    position: absolute;
left: calc(50% - 100px);
font-size: 18px;
color: #FF6600;
top: 1000px;
}
.no-data-message-nonreport2 {
    position: absolute;
left: calc(50% - 100px);
font-size: 18px;
color: #FF6600;
top: 1600px;
}
.no-data-message-nonreport3 {
    position: absolute;
left: calc(50% - 100px);
font-size: 18px;
color: #FF6600;
top: 1000px;
}
#factsheet-quick,#factsheet-quick a,#factsheet-quick a:hover,#factsheet-quick a:visited, #factsheet-quick a:focus {
    color:white;
}
.factsheet-miniTitle{
    font-size:20px;
}
.factsheet-Title{
    font-size:30px;
    font-weight:bolder;
}
.factsheet-separator{
    border-bottom:3px solid white;
    margin-top:40px;
}
.infobox{
    color:#f39c12;
    background-color: white;
    padding-left:30px;
    font-weight:bold;
    font-size:18px;
    text-align:center;
}

.page-title-overview {
    margin-top:30px;
    border-bottom: 6px solid rgb(52, 73, 94);
}

#page-overview .circle-tile{
    margin-bottom:10px;
    margin-top:10px;
}
.infobox a{
    color:#f39c12;
    text-decoration: underline;
}
/* unvisited link */
.links-white:link {
    color: rgba(255,255,255,0.7);
}

/* visited link */
.links-white:visited {
    color: rgba(255,255,255,0.7)
}

/* mouse over link */
.links-white:hover {
    color: rgba(255,255,255,0.7);
    text-decoration: underline;
}

/* selected link */
.links-white:active {
    color: rgba(255,255,255,0.7)
}

.select2-container--default .select2-results__option {
    min-height:30px;
}

.text12 {
    font-size:12px;
    font-size:1.2vh;
}

table.dataTable tr {
 cursor:pointer;
}

table.dataTable tr:hover {
    background-color: #00002E !important;
    color: white;
}

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: transparent;
}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: transparent;
}

table.dataTable thead{
    background-color: #f2f5f9;
    color: #404040;
}

table.dataTable tbody tr:nth-of-type(2n + 1) {
    background-color: #f5f5f5;
}

#maplegend{
    position: absolute;
    top: 300px;
    left:150px;
    font-size: 15px;
    padding: 10px;
}
.factsheet-logo{
    margin-left:40px;
}
.factsheetquick-main-text{
font-size:16px;
}
#factsheet-quick-top span {
    text-align:center;
    background-color:transparent;
    font-size:24px;
}

.navbar-top>.nav-top>.nav>li.header-menu-item>a {
    color:#00002E;
}
.navbar-top>.nav-top>.nav>li.header-menu-item>a:hover {
    color:black;
}
.print-button {
 text-decoration: underline;
 cursor:pointer;
}
.factsheet-title{
  border-bottom: 3px solid #EEEEEE;
  margin-bottom:20px;
  padding-bottom:15px;
  padding-left:20px;
  padding-right:20px;
}
a[title|='JavaScript charts'],a[title|='Interactive JavaScript maps']{
    display:none !important;
}
#project-edit-table .table-hover tbody tr:hover td, #project-edit-table .table-hover tbody tr:hover th {
  background-color: #619fd0;
    color:white;
}
#project-edit-table table {
    border-color:#dddddd;
}
#project-edit-table tr {
    cursor: pointer;
}
#project-edit-table .table-header{
    background-color:#34495e;
    color:white;
}
#project-edit-table .table-body{
    background-color:white;
}
.inline{
    display:inline;
}
.text-logo-blue{
    color:#006fb4;
}
.btn-logo-blue{
    background-color:#00002E ;
    color:white;
    border-radius:0px;
}
.btn-logo-blue:hover,.btn-logo-blue:hover:active,.btn-logo-blue:hover:visited{
    color:white;
    background-color:#002f67 ;
}

.btn-logo-blue-new{
    background-color:#00002E ;
    color:white;
    border-radius:0px ;
}
.btn-logo-blue-new:hover,.btn-logo-blue:hover:focus,.btn-logo-blue:hover:active,.btn-logo-blue:hover:visited{
    color:white;
    background-color:#002f67 ;
}

.underline-title{
    border-bottom:1px solid black;
}

.underline-title-green {
     border-bottom:1px solid #black;
}

.editproject-fields label
{
    display:inline;
}
.asterisk::after {
    content: " *";
    color: red;
}

.chartdiv {
    width       : 100%;
    height      : 500px;
    font-size   : 11px;
    background-color: #FFFFFF;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    padding: 10px;
    box-shadow: 0 2px 10px 0 rgb(0,0,0);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
}

.chartlegenddiv{
    width       : 100%;
    font-size   : 14px;
    background-color: #FFFFFF;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    padding: 10px;
    box-shadow: 0 2px 10px 0 rgb(0,0,0);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
    text-align:right;
}

.chart-bg-blue{
    background: rgb(95, 117, 140) !important;
}

.chartdivquick {
    width       : 100%;
    height      : 500px;
    font-size   : 11px;
    background-color: transparent;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    padding: 10px;
}

.chartnote{
    font-style: italic;
    text-align:center;
    margin-bottom:50px;
}
.dynamic-text-buildings,.dynamic-text-industry {
    font-weight:bold;
}
#chartreportdiv {
    width       : 100%;
    font-size   : 11px;
    background-color: #FFFFFF;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    padding: 10px;
    box-shadow: 0 2px 10px 0 rgb(0,0,0);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
}

.chartreportsubdiv {
    width       : 100%;
    height      : 500px;
    background-color: #FFFFFF;
}

.underline-menu-item{
    border-bottom:5px solid black;
}


.chart-panel-box{
    border-radius: 10px;
    min-height:173px;
}
 .chart-panel-box a:hover, .chart-panel-box a:active, .chart-panel-box a:focus{
    color:#ebebeb;
    text-decoration: none;
}
 .chart-panel-box a {
      color:#9aa4ac;
 }
 .chart-panel-box .form-item{
     padding-top:5px;
 }

 .chart-panel-box label {
     color:black;
     font-size:14px;
     font-family:"Arial", "Ubuntu","Helvetica Neue",Helvetica,Arial,sans-serif;
 }
.chart-panel-font{
    font-size:14px;
    font-family: "Arial", "Ubuntu","Helvetica Neue",Helvetica,Arial,sans-serif;
}

 .chart-panel-box i.active,.chart-panel-font.active{
     color:black;
 }

.chart-top-menu{
    /*background-color:#eaeaea;*/
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    margin-bottom:0px;
    font-family: Arial, sans-serif;;
    font-size:14px;
}

.chart-top-menu .nav-tabs .nav-link.active{
    background-color: white;
    border-bottom: 1px solid #fff;
    border-inline-end: 1px solid #cfcfcf;
    border-inline-start: 1px solid #cfcfcf;
    border-top: 4px solid #00002E;
    color: #00002E;
    font-weight: 700;
    border-radius: 0px;
     padding-top: 9px;
}

.chart-top-menu .nav-tabs .nav-link{
    color: #707070;
     border-bottom: 1px solid #cfcfcf;
    padding-top: 11px;
}

.chart-top-menu .nav-tabs .nav-link:hover {
     color:#00002E;
}

.chart-top-menu-green .nav-tabs .nav-link.active{
    background-color: white;
    border-bottom: 1px solid #fff;
    border-inline-end: 1px solid #cfcfcf;
    border-inline-start: 1px solid #cfcfcf;
    border-top: 4px solid #00002E;
    color: #00002E;
    font-weight: 700;
    border-radius: 0px;
     padding-top: 9px;
}

.chart-top-menu-green .nav-tabs .nav-link{
    color: #707070;
     border-bottom: 1px solid #cfcfcf;
    padding-top: 11px;
}
 blockquote.apidoc2{
    padding: 10px 20px !important;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}
.apidoc {
    margin-left:0px;
}
.apidoc .row>* {
    padding-left:0px;
}
.chart-top-menu-green .nav-tabs .nav-link:hover {
     color:#00002E;
}
.handsoncontainerdiv{
    width: 100%;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    padding: 10px;
    box-shadow: 0 2px 10px 0 rgb(0,0,0);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
}
#deleteFilters,#deleteFilters2 {
    cursor:pointer;
}

#deleteFilters{
    background-color: #bfc6c7;
    color:black;
}
.chart-top-menu .nav-tabs, .chart-top-menu .nav-pills {
    margin-bottom: 0px;
}
.chart-top-menu a {
    color:#707070;
    border-bottom: 1px solid #cfcfcf;
    border-top: 4px solid white;
    border-radius:0px;
}

.nav-pills>li>a
{
    border-radius: 0px;
}

.nav-pills>li+li
{
    margin-left:0px;
}
.chart-top-menu a.list-group-item.active,
.chart-top-menu a.list-group-item.active:hover,
.chart-top-menu a.list-group-item.active:focus,
.chart-top-menu .nav-pills>li.active>a,
.chart-top-menu .nav-pills>li.active>a:hover,
.chart-top-menu .nav-pills>li.active>a:focus
 {

    background-color: white;
    border-bottom: 1px solid #fff;
    border-inline-end: 1px solid #cfcfcf;
    border-inline-start: 1px solid #cfcfcf;
    border-top: 4px solid #00002E;
    color: #00002E;
    font-weight: 700;
    border-radius: 0px;
}

.chart-top-menu  a.list-group-item:hover,
.chart-top-menu  a.list-group-item:focus,
.chart-top-menu  .nav-tabs > li > a:hover,
.chart-top-menu  .nav-tabs > li > a:focus,
.chart-top-menu  .nav-pills > li > a:hover,
.chart-top-menu  .nav-pills > li > a:focus,
.chart-top-menu .nav-tabs .open > a,
.chart-top-menu .nav-tabs .open > a:hover,
.chart-top-menu .nav-tabs .open > a:focus,
.chart-top-menu .nav-pills .open > a,
.chart-top-menu .nav-pills .open > a:hover,
.chart-top-menu .nav-pills .open > a:focus {
    background-color: white;
        color:#00002E;
}

.chart-top-menu .nav-tabs .open > a,
.chart-top-menu .nav-tabs .open > a:hover,
.chart-top-menu .nav-tabs .open > a:focus {
    border-color: #2c3e50;

}


.chart-top-menu-green{
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    margin-bottom:0px;
    font-family: Arial, sans-serif;;
    font-size:14px;
}

.chart-top-menu-green .nav-tabs, .chart-top-menu .nav-pills {
    margin-bottom: 5px;
}
.chart-top-menu-green a {
     color:#707070;
    border-bottom: 1px solid #cfcfcf;
    border-top: 4px solid white;
    border-radius:0px;
}
.chart-top-menu-green a.list-group-item.active,
.chart-top-menu-green a.list-group-item.active:hover,
.chart-top-menu-green a.list-group-item.active:focus,
.chart-top-menu-green .nav-pills>li.active>a,
.chart-top-menu-green .nav-pills>li.active>a:hover,
.chart-top-menu-green .nav-pills>li.active>a:focus
 {
    background-color: white;
    border-bottom: 1px solid #fff;
    border-inline-end: 1px solid #cfcfcf;
    border-inline-start: 1px solid #cfcfcf;
    border-top: 4px solid #00002E;
    color: #00002E;
    font-weight: 700;
    border-radius: 0px;
}

.chart-top-menu-green  a.list-group-item:hover,
.chart-top-menu-green  a.list-group-item:focus,
.chart-top-menu-green  .nav-tabs > li > a:hover,
.chart-top-menu-green  .nav-tabs > li > a:focus,
.chart-top-menu-green  .nav-pills > li > a:hover,
.chart-top-menu-green  .nav-pills > li > a:focus,
.chart-top-menu-green .nav-tabs .open > a,
.chart-top-menu-green .nav-tabs .open > a:hover,
.chart-top-menu-green .nav-tabs .open > a:focus,
.chart-top-menu-green .nav-pills .open > a,
.chart-top-menu-green .nav-pills .open > a:hover,
.chart-top-menu-green .nav-pills .open > a:focus {
    background-color: white;
        color:#00002E;
}

.chart-top-menu-green .nav-tabs .open > a,
.chart-top-menu-green .nav-tabs .open > a:hover,
.chart-top-menu-green .nav-tabs .open > a:focus {
    border-color: #2c3e50;
}

.amcharts-export-menu-top-right {
  top: 10px;
  right: 0;
}
#deleteproject{
 margin-top:200px;
}
.signup-fields{
padding-top:20px;
}
.btn-signup{
margin-top:20px;
}

.error li {
list-style-type:none;
}
.error ul {
  padding:15px;
}
.error li:before {    
font-family: 'FontAwesome';
content: '\f071';
margin:0 5px 0 -15px;
color: #f00;
}

.profile-field{
margin-bottom:20px;
}

#myAdvancedPills.nav-pills>li.active>a, #myAdvancedPills.nav-pills>li.active>a:hover, #myAdvancedPills.nav-pills>li.active>a:focus {
 color:#f39c12;
}
#myAdvancedPills.nav-pills>li>a {
  background-color:white;
  color:#34495e;
}

#myPills.nav-pills .nav-link{
    border-radius:0;
        color:black;

}
#myPills.nav-pills .nav-link.active{
   background-color: #00002E;
    color:white;
}

#myAdvancedPills.nav-pills .nav-link{
  background-color:white;
  color:#34495e;

}
#myAdvancedPills.nav-pills .nav-link.active{
 color:#f39c12;
}

.editproject-tabs {
 background-color:white;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 1px solid #ccc;
 padding-top:20px;
 padding-left:10px;
}
.editproject-tabpanel{
 padding-right:0px;
}
.editproject-toolbox{
    background-color: white;
     border: 1px solid #ccc;
    margin-top:50px;
    margin-right:20px;
    padding:20px;
    text-align:right;
}
.myfield-row{
    padding-top: 10px;
    padding-bottom:10px;
}
.tooltip-inner {
    width: 450px;
	padding-top:30px;
	padding-bottom:30px;
	font-size:16px;
}
/*.modal-dialog {*/
/*   width: 800px;*/
/*}*/
.myfield-container{
 text-align:right;
}
#editproject-tabContent{
  padding-left:45px;
}

.editproject-fields {
 background-color:white;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
a.projectlinks:hover{
    background-color: #619fd0;
	text-decoration:none;
	padding:5px;
}
a.projectlinks{
	padding:5px;
}
.fa-hover {
    height: 45px;
}

.fa-hover:hover {
    font-size: 20px;
}

.bs-glyphicons {
    margin-bottom: 20px;
    padding-bottom: 1px;
    padding-left: 0;
    overflow: hidden;
    list-style: none;
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    margin: 0 -1px -1px 0;
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word; /* Help out IE10+ with class names */
}

.bs-glyphicons li:hover {
    background-color: #e0e7e8;
}

@media(min-width:768px) {
    .bs-glyphicons li {
        width: 12.5%;
    }
}

/* Slider Demo Spacing */

.vertical-slider-demo li {
    margin-right: 20px;
}

/* Flot Chart Homepage Demo */

.flot-dash-demo {
    height: 200px !important;
}

.dashboard-demo-table {
    overflow: auto;
}

/* Grid Demo */

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    border: 1px solid rgba(52,73,94,.2);
    background-color: #eee;
    background-color: rgba(52,73,94,.15);
}

.show-grid {
    margin: 15px 0;
}

/* Dashboard Map Demo */

#map {
    height: 250px;
}

@media(min-width:768px) {
    #map {
        height: 500px;
    }
}

/* Fixed Height Dashboard Demo Styles */

.dash-demo-tile {
    height: 250px;
    text-align: center;
}

.dash-demo-tile h4 {
    text-align: left;
}

#morris-chart-dashboard {
    width: 100%;
    height: 240px;
}

.flot-chart-dashboard {
    height: 240px;
}

/* Custom Easy Pie Chart Demo Styles */

.easy-pie-chart {
    width: 175px;
    height: 175px;
    margin: 15px 0 0;
}

.percent {
    font-size: 2em;
    font-weight: bold;
    line-height: 175px;
    color: rgba(255,255,255,.7);
}

/* Forms */
.form-footer {
    margin-top: 40px;
}

.progress-row {
    width: 30px;
    display: inline-block;
    text-align: right;
}

#energyprice_preview{
    font-color:grey;
    font-weight: normal;
}