html, body, h1, h2, h3, h4, h5, h6, p, table, tr, td, li, a  { 
	font-family: 'Montserrat', sans-serif !important;
}
iframe{float: left;} 
header { width: 100%; }
.note{font-size: 12.5px;}
.error{color:#FF0000;}
.hide{display:none;}
.header-top-left{display: none;}
.footer-bottom-left{display: none;}
.sustainbility-rating{margin-bottom: 0px;}
.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;  text-align:right; }
.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; }
.menu ul li a.active { background-color: #76AD00; }

#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; }
#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; 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: 18px; font-weight: bold; text-align: center; line-height: 22px; border-radius: 100%; 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% 38px 10px; }
.title-border hr {margin-top: 0;}
footer { width: 100%; float: left; background: #4caf50; 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;}
#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;
}
.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;}
    .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;}
.v-center{vertical-align: middle !important;}
.v-center-middle{vertical-align: middle !important;text-align: center;}
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: 2px;}

/*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: #FF0000; }
.yellow-bg {background:#ffc000; }

.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;}
.showPrint{display: none !important;}
.ls-modal {cursor:pointer;}

/*Carbon Tax New Module CSS - Dharmesh*/
.allowance-label {
    color: #4caf50;
    font-weight: bold;
    font-style: italic;
}
.budgetlabel-container > input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    margin: 0 10px;
    font-size: 13px;
    height: 25px;
    width: 25px;
    vertical-align: middle;
}
/*End*/

@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: 2px;
  }
  .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: 2px;
  }
  .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{
  .pagebreak {
    clear: both;
    page-break-after: always;
  }
 /*@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;
    counter-reset: page_number;
  }
  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-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{position: fixed;top:0;width:100%;}
  .hr-container{margin-top:30%;}
  .additional-space{margin-top:33% !important;}
  .header-top-left{display:block;position: fixed;width: 50%;bottom: 0;left: 40%;}
  .makeHeader{display:block;position: fixed;width: 100%;top: 17%;left: 3%;}
  .footer-bottom-left{display:block;position: fixed;width: 50%;bottom: 0;left: 0;right: 0;}
  .footer-bottom-right{display:block;position: fixed;bottom: 0;right: 0;}
  .footer-bottom-right:after {
    counter-increment: page_number;
    content: "Page " counter(page_number);
  }
  footer{display: none;}

  table{
    border:1px solid #e2efda;
  }

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