.container {
    background: #FFFFFF;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
    border: 1px solid #ABC695;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 40px auto 0;
    position: relative;
    cursor: auto;
    z-index: auto !important;
}

body {
    padding-top: 0;
    color: #344625;
    background: #404040;
    margin: 0 auto;
    width: 100%;
}

h2,
.h2 {
    color: #729852;
    margin: 10px 0 0;
    font-size: 22px;
    font-family: Battambang, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.footer {
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .masthead,
    .footer {
        padding-left: 0;
        padding-right: 0;
    }
}

.centerAlign {
    text-align: center;
}

.project-details ul {
    list-style: none;
    font-style: italic;
    margin-left: 25px;
    margin-bottom: 5px;
}

.project-details img {
    border: 1px solid #05679D;
    float: left;
}

.project-details label {
    display: inline-block;
    width: 195px;
    margin-top: 0;
    margin-bottom: 2px;
    font-style: normal;
    font-weight: bold;
}
.project-details .row {
    margin-top: 2px;
}

.acunit-details ul {
    list-style: none;
    margin-top: 5px;
    font-style: italic;
    margin-bottom: 5px;
    -webkit-padding-start: 5px;
}

.acunit-details label {
    display: inline-block;
    width: 315px;
    font-style: normal;
    font-weight: bold;
}

.acunit-details detail {
    display: inline-block;
    width: 220px;
}

.acunit-details detaillong {
    display: inline-block;
    width: 444px;
}



.fgas-details ul {
    list-style: none;
    margin-top: 5px;
    font-style: italic;
    margin-bottom: 5px;
    -webkit-padding-start: 5px;
}

.fgas-details label {
    display: inline-block;
    width: 200px;
    font-style: normal;
    font-weight: bold;
}

.fgas-details detail {
    display: inline-block;
    width: 160px;
}

.fgas-details detaillong {
    display: inline-block;
    width: 444px;
}

.fgas-details table {
    margin-bottom: 8px;
}
.fgas-details td {
    border: none;
    font-weight: bold;
    padding: 3px 8px;
}
.fgas-details td a {
    font-weight: normal;
}





.user-details ul {
    list-style: none;
    margin-top: 5px;
    font-style: italic;
    margin-bottom: 5px;
    -webkit-padding-start: 5px;
}

.user-details label {
    display: inline-block;
    width: 240px;
    font-style: normal;
    font-weight: bold;
}

.user-details detail {
    display: inline-block;
    width: 160px;
}

.user-details detaillong {
    display: inline-block;
    width: 444px;
}




.pieView {
    width: 80px;
    height: 80px;
    text-align: center;
    margin: auto;
}

.chartView {
    width: 80px;
    height: 80px;
    text-align: center;
    margin: auto;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.validation-summary-valid {
    display: none;
}

.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}



.mainReportSplitter {
    height: 1800px;
    width: 100%;
}


.reportGrid {
    width: 100%;
}

.custom-report-section label {
    display: inline-block;
    width: 100%;
    padding-right: 5px;
    text-align: left;
}

.k-grid-norecords-template {
    width: 100%;
}

.edit-site-details .checkbox input[type=checkbox], .edit-cooling-area .checkbox input[type=checkbox] {
    margin-left: 0;
}

.edit-site-details .form-group {
    margin-bottom: 10px;
}

.edit-cooling-area .form-group {
    margin-bottom: 5px;
}

button#ApplySearch.k-button[disabled] {
    background-color: grey;
}

#popupWindow .fieldlist {
    margin: 10px 0 5px;
}

#popupWindow .fieldlist li {
    list-style: none;
    padding-bottom: 5px;
}

.allendusers-popup .k-edit-form-container {
    width: auto;
}
.allendusers-popup .editor-label {
    width: 21%;
}
.allendusers-popup .editor-field {
    width: 70%;
}
.allendusers-popup input#Email, .allendusers-popup input#UserName {
    width: 300px;
}

/* Project AC Unit Totals */
.coolingTotals {
    position: relative;
    padding: 10px;
    padding-bottom: 2px;
    background-color: white;
}
.coolingTotals table {
    border-collapse: separate;
    border-spacing: 0 5px;
    width: 100%;
}
.coolingTotals .totals {
    font-weight: bold;
    margin-bottom: 10px;
}
.coolingTotals .k-dropdown {
    width: 250px;
}
@media (min-width: 992px) {
    .coolingTotals .totals {
        padding-left: 53px;
    }
}
.coolingTotals .totals td {
    padding: 3px;
    padding-right: 35px;
    width: 33%;
    border: none;
}

/* Project AC Unit Search */
.acunitSearch {
    display: block;
    float: left; 
    width: 98%;
    margin-left: 1%;
}
#ACUnitGrid {
    border: none;
}
#ACUnitGrid .acunitSearch {
    float: right; 
    width: 82%;
    margin-left: 0;
}
.acunitSearch .k-multiselect {
    width: 80%; 
    display: inline-block; 
    vertical-align: middle;
    margin-top: 2px;
}
.acunitSearch .k-multiselect .k-button {
    margin-top: 1px;
}
.acunitSearch label[for^='searchGroup'] {
    margin-left: 20px;
}
.acunitSearch .ApplySearch, .acunitSearch #ApplySearch {
    margin-left: 30px;
}
.acunitButtons {
    float: left;
    width: 16%;
}
.acunitButtons #btnImportACUnit {
    margin-top: 2px;
}
.modal {
    display: none;
    position: fixed;
    z-index: 12000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 30%;
}
.modal-content p {
    text-align: center;
    margin-bottom: 0;
}

.k-icon {
    background-image: none;
}
.k-icon, a.k-icon:hover, a.k-icon:focus {
    color: white;
}

.k-button .k-icon {
    padding-right: 5px;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom-color: transparent;
    background-color: transparent;
    padding-bottom: 0;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    display: none;
}

.k-tabstrip-content.k-state-active {
    padding: 0.4em 0.6em;
    display: block;
}

.k-toolbar .project-search {
    display: block;
    color: rgb(64,64,64);
}

.mitie .k-toolbar .project-search {
    color: rgb(89,89,92);
}

.k-toolbar .project-search label[for=searchTerm] {
    font-weight: normal;
}

.k-toolbar .project-search #searchTerm {
    width: 175px;
    margin-right: 3px;
}

.k-treeview .k-checkbox {
    background-color: white;
    position: relative;
    top: -1px;
    left: 3px;
}

.k-tooltip.k-tooltip-error {
    background-color: #ffab0c;
    border-color: #ffab0c;
    color: black;
}

.k-tooltip.k-tooltip-error .k-callout-n {
    border-bottom-color: #ffab0c;
}

.k-grid-norecords {
    justify-content: center;
}

.k-radio {
    border-radius: 50%;
}

.k-grid-content table, .k-grid-header table {
    table-layout: auto;
}

.k-window {
    line-height: normal;
}

.warning-msg {
    background-color:red; 
    color: white; 
    padding: 6px 0 4px 8px; 
    margin: 2px 0; 
    border-radius: 4px;
    display: none;
}
.warning-msg .k-icon {
    position: relative; 
    top: -1px; 
    color: yellow;
}
.blockIntro {
    margin: 10px 5px 15px;
}

body.Dev {
    background-color: hsl(60,90%,93%);
}

body.Test {
    background-color: hsl(60,90%,65%);
}

body.Dev2 {
    background-color: hsl(214,80%,93%);
}

body.Test2 {
    background-color: hsl(214,80%,65%);
}

#getaddress_button {
    margin-left: 15px;
}

#getaddress_dropdown {
    border-radius: 3.8px;
    background-color: #00800c;
    color: white;
    padding: 2.5px 0;
    height: 22px;
    margin-top: 5px;
    text-indent: 4px;
}
#getaddress_dropdown option {
    background-color: white;
    color: black;
}
.k-icon.k-i-info, .k-icon.k-i-info.listview {
    color: white;
    position: relative;
    top: -3px;
    left: 10px;
    background-color: #00800c;
    border-radius: 50%;
}
.k-icon.k-i-info.listview {
    top: -1px;
    left: 5px;
}