@media screen and (min-width: 576px) {
    .validation-message {
        margin-top: -40px !important;
    }

/*    div.queryerror {
        padding-left: 30px;
    }*/
}


@media screen and (max-width: 768px) {
/*    div.queryerror {
        padding-left: 20px;
    }*/
}

img.spinner {
    width: 10%;
    height: auto;
}

.myspinner {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('spinner.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: 0.6
}

.tenant .new-reading-dates .table.readings-table tbody tr td.consumption-positive {
    color: green;
}

.tenant .new-reading-dates .table.readings-table tbody tr td.consumption-negative {
    color: red;
}

.text-danger {
    font-weight: bold;
}

.info-message {
    font-weight: bold;
    color: forestgreen;
}

.pwd-requiry-request-msg {
    font-weight: bold;
    color: forestgreen;
    padding-bottom: 20px;
}

.pwd-requiry-request-err {
    font-weight: bold;
    padding-bottom: 20px;
}

button.btn.dropdown-toggle.disabled {
    background-color: #e9ecef;
}

input[type=checkbox].css-checkbox {
    display: none;
}

    input[type=checkbox].css-checkbox + label.css-checkboxlabel.cb {
        padding-left: 29px;
        height: 24px;
        display: inline-block;
        line-height: 24px;
        background-repeat: no-repeat;
        background-position: 0 0;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=checkbox].css-checkbox:checked + label.css-checkboxlabel.cb {
        background-position: 0 -24px;
    }

label.css-checkboxlabel.cb {
    background-image: url('csscheckbox.png');
}

.outofdate {
    display: none;
}


.account-remark {
    margin-top: -10px;
    font-size: 12px;
}

div.validation-result {
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 13px;
}

@media screen and (max-width: 2500px) {
    .account-remark, .field-validation-error {
        width: 460px;
        min-width: 460px;
        max-width: 460px;
    }
    .info-message{
        text-align: center;
        padding-left: 20px;
        padding-bottom: 20px;
    }

}

@media screen and (max-width: 600px) {
    .account-remark, .field-validation-error {
        display: block;
        width: 100%;
    }
    .info-message {
        text-align: center;
        display: block;
        width: 100%;
    }
}



/*///////////////////////////////////////////////////////////////*/
@media screen and (max-width: 1299px) {
    .table.table-billsandpayments thead tr th

{
    padding-right: 10px;
}

}

@media screen and (min-width: 1200px) {
    .table.table-billsandpayments thead tr th.document {
        width: 13%;
    }

    .table.table-billsandpayments thead tr th.payment-method {
        width: 12%;
    }

    .table.table-billsandpayments thead tr th.document-no {
        width: 15%;
    }

    .table.table-billsandpayments thead tr th.document-date {
        width: 10%;
    }

    .table.table-billsandpayments thead tr th.description {
        width: 30%;
    }

    .table.table-billsandpayments thead tr th.amount {
        width: 15%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
    .table.table-billsandpayments thead tr th.description {
        width: 28.36%;
    }
}

.table.table-billsandpayments tbody tr.root-tr > td {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom-width: 0px;
}

@media screen and (min-width: 1200px) {
    .table.table-billsandpayments tbody tr.root-tr > td.document {
        width: 13%;
    }

    .table.table-billsandpayments tbody tr.root-tr > td.payment-method {
        width: 12%;
    }

    .table.table-billsandpayments tbody tr.root-tr > td.document-no {
        width: 15%;
    }

    .table.table-billsandpayments tbody tr.root-tr > td.document-date {
        width: 10%;
    }

    .table.table-billsandpayments tbody tr.root-tr > td.description {
        width: 30%;
    }

    .table.table-billsandpayments tbody tr.root-tr > td.amount {
        width: 15%;
    }
}

i.hidden {
    opacity: 0;
}

/*/////////////////////////////////////////////////////////////////*/
div#records-container span.block-heading {
    margin: 0 50px 25px 0;
    font-weight: 600;
    font-size: 14px;
    color: #a5abb0;
    text-transform: uppercase;
}

/** meters modified table **/
@media screen and (min-width: 768px) {
    .table.table-meters tbody tr.root-tr > td.x-unit-number {
        width: 15.86%;
    }
}

@media screen and (min-width: 1200px) {
    .table.table-meters thead tr th.x-unit-number {
        width: 15.86%;
    }
}