html, body, h1, h2, h3, h4, h5, h6, p, table, tr, td, li, a  { 
	font-family: 'Montserrat', sans-serif !important;
	/*font-family: 'Montserrat' !important;*/
}
body{color:#424242;}
iframe{float: left;} 
header { width: 100%; }
.under-construction{text-align: center;margin-top: 250px;}
.error{color:#FF0000;}
.hide{display:none;}
.header-top-left{display: none;}
.footer-bottom-left{display: none;}
.logo img { width: 100%; max-width: 240px; padding: 10px 0; }
.star-text { color: #002060; font-weight: 500; font-size: 16px; width: auto; float: left; padding-right: 0.5cm;  }
.star { width: auto; float: right; }
.bg-gray{background-color: #f0f0f0;}
.bg-blue{background-color: #2EA9D3;}
.content p {color:#fff;}
.form-title { float: right; }
.form-title h1 { color: #424242; font-weight: 300; float: right; font-size: 45px; }

.menu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #424242; margin-bottom: 20px; }
.menu ul li { float: left; }
.menu ul li a { background-color: #2EA9D3; font-family: Gotham,Gotham, sans-serif; display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; }
.menu ul li a:hover:not(.active) { background-color: #809099; }
.menu ul li a.active { background-color: #2488AA; }

#formdetails { padding: 15px 0 15px 0; float: left; width: 100%; }
#formdetails h2 { font-size: 40px; font-weight: 400; padding: 15px 0; }
#formdetails h3 { background: #2EA9D3; color: #fff; display: table; float: right; padding: 30px 60px;}
form input, form select { border: 2px solid #b4bfc7; height: 40px; padding: 5px; outline: 0; }
.table-form input, .table-form select{background-color: #fff;}
.form-head input, .form-head select { width: 200px; }
.formbx label { width: 160px; font-size: 20px; font-weight: 600; float: left;}
 /* .formbx label,:not(.carbon-tax-form label) { width: 100px; font-size: 20px; font-weight: 600; float: left;} */ 
form input { margin-left: 4px; font-size: 14px; }
.form-head { float: left; margin-bottom: 50px; }
form select { content: ''; border: 2px solid #b4bfc7; background: url(../Img/select-down.png); background-repeat: no-repeat; background-position: 95% center; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; font-size: 14px; padding: 0px 10px; }
form input:hover, form select:hover,form textarea:hover{ border: 2px solid #2ea9d3;}
input[type="image"]{border:none;}
.form-sub-title { font-size: 18px; font-weight: 600; }
.form-inner-title { font-size: 25px; font-weight: 400; padding-bottom: 10px; float: left; }
.form-content { width: 100%; float: left; }
.form-content input, .form-content select { width: 100% !important; }
.carbon-tax-form .checkbox-fix{ width:inherit !important;}
.form-content .btn { width: auto !important; margin-top: 20px; }
#feed_row, #prod_row, #fuel_row, #waters_row, #electricities_row, #wastes_row { margin-bottom: 30px; }
.add-icon {text-indent: 100%;white-space: nowrap;overflow: hidden; width: 34px; height: 33px; float: left; background: #e2efda url(../Img/Add.png); background-repeat: no-repeat; background-position: 95% center; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 26px; font-weight: bold; text-align: center; line-height: 19px; cursor: pointer; }
.delete-icon {text-indent: 100%;white-space: nowrap;overflow: hidden;width: 34px; height: 33px; float: left; background: #e2efda url(../Img/Delete.png); background-repeat: no-repeat; background-position: 95% center; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 18px; font-weight: bold; text-align: center; line-height: 22px; cursor: pointer; margin-left: 9px; }
.small-content-area { max-width: 5%; padding: 0 5px; }
.small-content-area-new { max-width: 15%; padding: 0 5px; }

.green-border { border-bottom: solid 2px #4caf50; width: 98%; margin: 10px 1%; }
.gray-border { border-bottom: solid 2px #f0f0f0; width: 98%; margin: 10px 1%; }
.title-border hr {margin-top: 0;}
footer { width: 100%; float: left; background: #2EA9D3; color: #fff; padding: 12px; }
.footer-right { float: right; font-size: 18px;font-weight: 700;}
.footer-left { float: left; font-size: 18px;font-weight: 700;}
.btn-primary { background: #2EA9D3; border-radius: 0px; border: 0; text-transform: uppercase;  font-size: 18px; }
.backbtn { margin-left: 3px;height: 40px; }
.btn-primary:hover, .btn-primary:focus { background: #3c7b99; }
.claybody { min-height: calc(100vh - 158px); }
.update-consumption { display: table; margin: 30px auto; text-align: center; padding: 30px; border: solid 2px #55636b; }
.update-consumption .btn { display: table; width: auto; margin: 20px auto 0; }
.update-consumption table tr td { padding: 5px 0; }
.update-consumption table tr td input{padding: 10px;}
.update-consumption table tr td input, .update-consumption table tr td select { margin-left: 4px; font-size: 14px; width: 100%; }

.formbx .form-content label { width: auto; }
form .profile input { margin-left: 0; }
.profile .form-inner-title { font-weight:700; margin-bottom: 25px; }
form input.disable { background: transparent !important; }
.autologout{
display: none;
background: rgb(226, 101, 101);
padding: 15px;
color: #fff;
}
.fiscal_container label{width: 160px;}
.table td{border-top: none; }
input, optgroup, select, textarea{border-radius: 2px;}
.align-center-column tr, .align-center-column th, .align-center-column td, .align-center-column input {text-align: center;}
.black_heading_row{background: #424242;color:#fff;padding:12px 0;margin-bottom: 20px;}
form textarea { border: 2px solid #b4bfc7; height: 90px; padding: 5px; outline: 0; font-size: 14px;}
.btnadd{
  float: right;
  margin: -109px 0px 0px 0px;
}

.form-head.home_page input, .form-head.home_page select {
    width: 225px;
  }

.new_period_data .form-head{
  margin-bottom: 0px;
}

.login_form input[type=text], .login_form input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 2px solid #b4bfc7;
  box-sizing: border-box;
  height: 50px;
}

.login_form input[type=text]:hover, .login_form input[type=password]:hover{
  border: 2px solid #2ea9d3;
}

.btnsub {
  background-color: #2EA9D3;
  color: white;
  padding: 11px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}
.btnsub:hover {background: #424242}
.fakeimg {height: 200px;background: #aaa;}
.formbx.site_profile label, .formbx.monthly_form label,.formbx.layer_permission label,.formbx.dashboard label {min-width: 70px;}
.formbx.layer_permission label,.formbx.dashboard label{width: 130px;}
.layer_permission .form-head select{width: 404px;}
.col-sm-3half,
.col-sm-8half {
  position: relative;
  width: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.numberInput {width: 85px; text-align:right;}
.filed-width { max-width: 13%; float: left; width: 10%; flex: 10%; }
.small-field-width { max-width: 10%; float: left; }
hr { float: left; width: 100%;}
.site_drop #site{width: 404px;}
.exchange #company{width: 404px;}
#showdata, .btn-print{width: 200px;}
#headersitename{width: 900px;}
.left-space{padding-left: 20px;float: left;margin-top: 6px;}
.dashboard#formdetails h3{margin: 19px 13px 15px 0px;
font-size: 23px;
padding: 0px;
border: 0px solid;
font-weight: bold;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
background-color: #4CAF50;
}
.user-confirmation-section {margin-top: 75px;}
.button-links {
            float: left;
            width: 70%;
            margin-top: 50px;
        }
.button-links.form-section {
            float: left;
            width: 100%;
            margin-top: 0px;
        }
        .btn-rightblock { float: right;}
        .btn-rightblock .btn { margin-top: 0; margin-bottom: 0; min-width: 140px;}
    .chart_link {border-radius: 6px; width: 29%; margin-bottom: 15px;font-size: 16px; margin-left: 15px;text-transform: none;color:#fff !important}
    .form-section .chart_link {border-radius: 6px; width: 40%; margin-bottom: 10px;font-size: 14px; margin-left: 0px;margin-right: 5px;text-transform: none;text-align: left;color:#fff !important;}
    /*.link-button {border-radius: 6px; width: 10%; margin-bottom: 15px;font-size: 16px; margin-left: 15px;text-transform: none; color:#FFF !important;} */
    .link-button {width: 10%; margin: 0 5px 25px 15px;font-size: 16px;text-transform: none; color:#FFF !important;}
    .scrolltop {
        display:none;
        width:100%;
        margin:0 auto;
        position:fixed;
        bottom:20px;
        right:10px;
      }
      .scroll {
        position:absolute;
        right:20px;
        bottom:20px;
        background:#eee;
        text-align: center;
        margin: 0 0 0 0;
        cursor:pointer;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        line-height: 40px;
      }
      .scroll:hover {
        background:rgba(178,178,178,1.0);
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
      }
      .scroll:hover .fa {
        padding-top:-10px;
      }
      .scroll .fa {
        font-size:30px;
        line-height: 40px;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
      }
      #iFrame08 > .container-fluid {padding-left: 38px !important;}
.reporting_table{
  border: 1px solid #e2efda;
  font-size:13px;
}
.reporting_table td, .reporting_table th{
  padding: 0;
}
.reporting_table input[type=text], .reporting_table input[type=password],.reporting_table input[type=checkbox]{
  margin:0px;
  font-size:13px;
  height: 25px;
}
.reporting_table select {padding:0 0 0 10px;font-size:13px;height: 25px;}
.reporting_table input, .reporting_table optgroup, .reporting_table select, .reporting_table textarea{
  border-radius:0px;
}
.reporting_table .table_selct{width:200px !important;}
.center {text-align: center;}
.right {text-align: right;}
canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.reporting-period{float:left;width:100%;}
.reporting-period select{width:100px !important;}
.performance-report-table td, .performance-report-table th{
  border: 1px solid #4caf50;
  padding:0px;
  font-size: 13px;
}
.performance-report-table thead,.performance-report-table tfoot{font-weight: bold;}
.performance-report-table { padding-left: 58px; }
.graph_div{padding:0px;}
.sustainability_graph{margin-top: 58px;}

/*12.9.2019*/
.formbx.dashboard .carbon-tax .form-check-label { width: auto; padding-right: 50px; line-height: 22px; font-size:15px;}
.min-height { min-height: 564px; }
.performance-report select{height:30px;padding:5px 10px;font-size:15px; }

/*08-10-2019*/
.green-bg { background: #00B050;}
.red-bg {background: #E50000; }
.yellow-bg {background:#FF9D00; }

.data-status-block .performance-graph {margin-top: 0px;  }
.data-status-block .data-status-block .performance-report .table thead th, .data-status-block .performance-graph .table thead th { vertical-align: middle;  }
.data-status-block .performance-graph .table th { width: 140px; text-align: center; }
.data-status-block .performance-graph .table tbody td { color: #ffffff;  text-align: center; }
.data-status-block .data-table-block .table th {  font-weight: normal; padding: 4px 10px; border-top: 0; border-color: #000000; font-size: 14px; }
.data-status-block .data-table-block .table td {  padding-top: 0; font-weight: normal; padding: 4px 10px; border-color: #000000; font-size: 14px; }
.data-status-block .data-table-block .table tfoot td { font-weight:bold;}
.data-status-block .performance-report span { padding: 4px 10px; display: inline-block; }
.data-status-block .out-bound-block .table td { border: 1px solid #000000;}
.data-status-block .performance-report select { width: 100%; }
.performance-report { padding-left: 10px; }
.table.table-borderless td {border:0 none !important; }
.h-32 { height:32px;}
.line-height-18 { line-height:18px;}
.border-black {border:1px solid #000;}

/* special care */
.rowheads { text-align: right; padding-right: 3px !important; font-weight: bold; padding-top: 6px !important; }
.rowdata input { font-weight: normal; }
/*tr.report_rows { min-height: 32px !important; height: 32px; }*/
tr.report_rows td input { height: 30px !important; }
.table-bordered tr th { margin:0px !important; padding: 3px; }
.table-bordered tr td { padding: 3px; }
.tablehead td { font-weight: bold; }
.site-and-duration{margin: 0px 30px 10px 10px; text-decoration: none;float: left;font-size: 20px;}
.file-upload{text-align: left;padding-left: 5px;}

.btn.btn-primary.chart_link {padding-left:10px;}

.budgetlabel-container > input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
  margin: 0 10px;
  font-size: 13px;
  height: 25px;
  width: 25px;
  vertical-align: middle;
}
/*.option-container { border: 1px solid #ccc; padding: 0 20px 0 20px; border-radius: 10px; }*/
.option-container { padding: 0 20px 0 20px; border-radius: 10px; }
.allowance-label { color: #cc0000; font-weight: bold; font-style: italic; }
.check-block {
  float: left;
  width: 49%;
  padding: 0 20px;
  background: #f0f0f0;
}
.check-block span {
  float: left;
  line-height: 30px;
}
.check-block > input[type=checkbox] {width: 25px !important;
  line-height: 20px;
  margin-top: 3px;
  vertical-align: middle; }
.w-298{width: 298px !important;}  
.add-border { border: 1px solid #ccc !important; padding: 10px !important; height: 140px; }
.axis path, .axis line { fill: none; stroke: #000; shape-rendering: crispEdges;}
.bar { fill: steelblue; }
.x.axis path { display: none; }
.axis text {font-size:10px;}
.legend text {font-size:9px;}
.ls-modal {cursor:pointer;}
.v-center{vertical-align: middle !important;}
.v-center-middle{vertical-align: middle !important;text-align: center;}
.table-heading{margin-bottom: 10px;margin-top:5px;}
.checkbox-col {padding: 0 0 0 3px !important;}
.checkbox-label{display: inline-block;width:80%;margin:0px;}
.checkbox-container{display: inline-block;width:20%;background: #fff;padding:8px 0px;}
.bold{font-weight: bold;}
input.style-checkbox[type=checkbox] {
  transform: scale(1.5);
}
input.style-checkbox[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
  margin: 0 10px;
  font-size: 13px;
  height: 25px;
  width: 25px;
  vertical-align: middle;
  visibility: hidden;
}

input.style-checkbox[type=checkbox]:after {
  content: " ";
  background-color: #e2efda;
  display: inline-block;
  box-sizing: border-box;
  color: #333333;
  width: 25px;
  height: 25px;
  visibility: visible;
  border-radius: 5px;
  font-size:19px;
}

input.style-checkbox[type=checkbox]:checked:after {
  content: "\2713";
  font-weight: bold;
}
.w-404{width:404px !important;}
.ml-60{margin-left: 60px !important;} 
@media (min-width: 768px) {
   .col-sm-3half,
   .col-sm-8half {
        float: left;
   }
   .col-sm-3half {
        width: 8%;
   }
   .col-sm-8half {
        width: 17%;
   }
   .chartjs-render-monitor, .performance-graph {
      width: 100% !important;
  }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1650px) {
  .sustainability_graph {
    margin-top: 48px;
  }
  .performance-report-table {
    padding-left: 52px;
  }

  .min-height {
    padding-left: 15px;
  }
  .performance-report { padding-left: 0; }

}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .form-head input, .form-head select{width: 130px;}
  #showdata, .btn-print {width: 130px;}
  #site{width:264px !important;}
  .button-links{margin-top: 16px !important;}
  .chart_link { margin-left: 0; font-size: 12px}
  .link-button { margin-left: 0; font-size: 12px}
  .left-space { padding-left: 0;font-size: 14px; }

  .btn-rightblock .btn {
    min-width: 115px !important;
    padding-left: 0px;
    margin-left: 0;
    font-size: 14px;
  }
  .home-page label {
    width: 105px !important;
    font-size: 14px;
    line-height: 40px;
  }
  .button-links { width: 100% !important}

  div[id*="_action_"]{padding-right: 0px;padding-left: 0px;}
  .delete-icon{margin-left: 5px;}

}


@media only screen and (min-width: 1100px) and (max-width: 1366px) {
  .button-links{margin-top: 16px !important;}
  .form-head input, .form-head select {
      width: 146px;
  }
  #showdata, .btn-print {
      width: 146px;
  }
  #site {
    width: 298px !important;
  }
  .btn-rightblock .btn {
    min-width: 120px !important;
    padding-left: 0px;
    margin-left: 0;
    font-size: 14px;
  }
  .min-height { min-height: 564px; }

  .form-head input, .form-head select {
    /*width: 68px;*/
  }
  .sustainability_graph {
    margin-top: 48px;
  }
  .performance-report-table {
    padding-left: 47px;
  }
  .home_page .graph_div {
    padding-left: 6px;
  }
  .performance-report { padding-left: 0;}

}


@media only screen and (min-width: 1025px) and (max-width: 1099px) {
  .button-links{margin-top: 16px !important;}
  .form-head input, .form-head select {
      width: 130px ;
  }
  #showdata, .btn-print {
      width: 130px;
  }
  #site {
    width: 265px !important;
  }

  .btn-rightblock .btn {
    min-width: 120px !important;
    padding-left: 0px;
    margin-left: 0;
    font-size: 14px;
  }

  div[id*="_action_"]{padding-right: 0px;padding-left: 0px;}
  .delete-icon{margin-left: 5px;}

}

@media only screen and (max-width: 767px) {
  .btn-rightblock .btn {
      min-width: 120px !important;
      padding-left: 0px;
      margin-left: 0;
      font-size: 14px;
      margin-bottom: 10px !important
  }

  div[id*="_action_"]{padding-right: 0px;padding-left: 0px;}
  .delete-icon{margin-left: 0px;width:31px;}
  .add-icon{width:31px;}
  .small-field-width{padding-right: 0px;padding-left: 0px;max-width: 9%;}

}

@media print{
 /*@page {
   size: A4 landscape;
   max-height:100%; 
   max-width:100%
  }*/
 

  img {
   /* width:100%;
    height:100%;*/
    display:block;
    }

  body {
    margin: 0;
    color: #000;
    background-color: #fff;
  }
  iframe{float: left;padding:0px;margin:0px;}
  iframe > .container-fluid {padding: 0px;}
  .col-sm-3{width:30%;}
  .col-sm-5{width:40%;}
  .col-sm-4{width:25%;}
  .form-head{width:100%;}
  select{width:100px;}
  hr{margin-top:30px;}
  .form-head{margin-bottom:0px;}
 /* .form-title { margin-top: -100px;}*/

  /*html, body {
    width: 210mm;
    height: 297mm;
  }*/
  p {
    page-break-inside: avoid;
  }
  .formbx{padding: 5px 0 0px 0;}
  .logo {margin-top:30px;}
  .form-title h1{font-size: 30px; line-height: 36px;}
  #showdata, .btn-primary,.btn-print,.menu{display: none;}
  .button-links{display: none;}
  .btn-rightblock{display: none;}
  .header-top-left{display:block;position: fixed;width: 50%;bottom: 0;left: 50%;}
  .footer-bottom-left{display:block;position: fixed;width: 50%;bottom: 0;left: 0;right: 0;}
  footer{display: none;}

  table{
    border:1px solid #e2efda;
  }

  .noPrint{display: none;}
  .reporting_table input, .reporting_table select{border:1px solid #e2efda;}
}