html, body, h1, h2, h3, h4, h5, h6, p, table, tr, td, li, a  { 
	font-family: 'Montserrat', sans-serif !important;
	/*font-family: 'Montserrat' !important;*/
}
iframe{float: left;} 
header { width: 100%; }
.form-content .no-padding{padding:0px !important;}
.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; }*/
.logo img { width: 100%; /*max-width: 240px;*/ max-height: 130px; padding: 5px 0; }
.star-text { color: #002060; font-weight: 500; font-size: 16px; width: auto; float: left; padding-right: 0.1cm;  }
.star { width: auto; float: right; }
.bg-gray{background-color: #f0f0f0;}
.form-title { float: right; }
.form-title h1 { color: #55636b; font-weight: 300; float: right; font-size: 45px; }

.menu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #55636b; margin-bottom: 20px; }
.menu ul li { float: left; }
.menu ul li a { display: block; color: white; text-align: center; padding: 10px 10px; text-decoration: none; text-transform: uppercase; font-size: 14px; }
.menu ul li a:hover:not(.active) { 
/*background-color: #DD3333;*/ 
background-color: #8CA550; 
}
.menu ul li a.active {
	/*background-color: #76AD00; */
	background-color: #C02528; 
	}

#formdetails { padding: 15px 0 15px 0; float: left; width: 100%; }
#formdetails h2 { font-size: 40px; font-weight: 400; padding: 15px 0; }
#formdetails h3 { background: #4CAF50; color: #fff; display: table; float: right; padding: 30px 60px;}
form input, form select { background-color: #e2efda; border: 0; 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: 100px; font-size: 15px; font-weight: 600; float: left; padding-top: 4px; padding-bottom: 4px; margin-bottom: 0;}
 /* .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: ''; background: #e2efda 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: 10px; }
.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; padding-bottom:60px; }
.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: 0px; }
.form-content .w-200{width: 200px !important;}
#feed_row, #prod_row, #fuel_row, #waters_row, #electricities_row, #wastes_row { margin-bottom: 30px; }
.add-icon { width: 25px; height: 25px; float: left; background: #4caf50; /*background:#ff0000;*/ color: #fff; font-size: 26px; font-weight: bold; text-align: center; line-height: 25px; border-radius: 100%; cursor: pointer; }
.delete-icon { width: 25px; height: 25px; float: left; background: #ff0000; color: #fff; font-size: 19px; font-weight: bold; text-align: center; line-height: 22px; border-radius: 100%; cursor: pointer; margin-left: 9px;padding-left: 1px; }
.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% 38px 10px; }
.title-border hr {margin-top: 0;}
footer { width: 100%; float: left; background: #55636b; color: #fff; padding: 8px; height:40px; position:fixed; bottom:0; }
.footer-right { float: right; font-size: 16px; font-weight: normal; }
.footer-left { float: left; font-size: 16px; font-weight: normal; }

.btn-primary { background: #55636b; border-radius: 0px; border: 0; text-transform: uppercase;  font-size: 18px; }
.btn-primary:hover, .btn-primary:focus { background: #76AD00; }

.claybody { min-height: calc(100vh - 190px); padding-bottom:60px; }
.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 { padding:10px;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: 5px;}
.align-center-column tr, .align-center-column th, .align-center-column td, .align-center-column input {text-align: center;}

.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: 1px solid #ccc;
  box-sizing: border-box;
}

.btnsub {
    background-color: #55636b;
    color: white;
    padding: 11px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}
.btnsub:hover {background: #4CAF50}
.fakeimg {height: 200px;background: #aaa;}
.formbx.monthly_form label,.formbx.dashboard label,.formbx.site_profile label {min-width: 70px;}
.formbx.dashboard label{width: 130px;}
.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,.exchange #company{width: 404px;}
.w404{width: 404px !important;}
#uploadFile{width: 404px;margin-left:0px;}
#showdata, .btn-print{width: 200px;}
#headersitename{width: 900px;}
.left-space{padding-left: 20px;float: left;margin-top: 6px;}
.dashboard#formdetails h3{padding: 25px 40px;font-size: 24px;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
/*background-color: #4CAF50;*/
background-color: #C02528;
}
.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: #000;  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 td a{text-decoration: none;color:#000;}
.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 .performance-report tfoot tr {border-top: 2px solid #000;font-weight: bold;}
/* .data-status-block .performance-report span.goto { visibility: hidden;} */
.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;}
.v-center-middle_ctax{vertical-align: middle !important;}
.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;
}
a.btn-primary{height: 40px;} 
@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}

}


@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;
  }

}

@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
  }

}

@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;}
}