input[type='checkbox']:checked {
    -webkit-filter: grayscale(100%);
}

input[type='radio']:checked {
    -webkit-filter: grayscale(100%);
}

.es-sidenav {
    height: 100%;
    font-size: 16px;
    min-height: 400px;
}

    .es-sidenav a {
        color: #78736e !important;
    }

        .es-sidenav a:hover {
            color: #e31a40 !important;
        }

    .es-sidenav i {
        color: #524c47;
        width: 40px;
        text-align: center;
    }

.es-sidenav-sub1 {
    padding-left: 10px;
}

.es-sidenav-sub2 {
    padding-left: 20px;
}


.es-maincontent {
    border-left: 1px solid #ececec;
}


.es-radio-linear label {
    font-size: 15px;
    font-weight: normal;
    padding: 5px 8px 0px 2px;
}

.es-span-wide {
    margin-left: 30px;
}

.es-checkbox label {
    font-size: 16px;
    font-weight: normal;
    padding-left: 2px;
}

.es-text-small {
    font-size: 0.95em;
}

.es-table-small {
    font-size: 15px;
}

.es-table-th-color {
    background-color: #fdfbf9
}

.es-table-data {
    border-collapse: collapse;
}

    .es-table-data th {
        color: white;
        background-color: #78736e;
        text-align: center;
        max-width: 160px;
        border: 1px solid white;
        padding: 5px;
        font-size: 0.8em;
        text-align: center;
    }

    .es-table-data td {
        padding-left: 3px;
        padding-right: 3px;
        border: 1px solid #DBD9D7;
        font-size: 0.85em;
        text-align: right;
    }

    .es-table-data tr:nth-child(even) {
        background-color: #EBEAE9;
        background: linear-gradient(to bottom, #EBEAE9,white);
    }

.es-table-data-td {
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #DBD9D7;
    font-size: 0.85em;
    text-align: right;
}

.es-table-data-th-left {
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #DBD9D7;
    font-size: 0.85em;
    text-align: left;
    font-weight: bold;
    color: white;
    background-color: #78736e;
}

.es-table-data-alt {
    background-color: #EBEAE9;
    background: linear-gradient(to bottom, #EBEAE9,white);
}


.es-table-data-stats {
    padding: 3px;
    border: 2px solid #78736e !important;
    font-size: 0.9em !important;
    text-align: right;
    font-weight: bold;
    background-color: #EBEAE9 !important;
    background: linear-gradient(to bottom, #EBEAE9,white);
}

.es-table-invoice {
    border-collapse: collapse;
}

    .es-table-invoice th {
        color: white;
        background-color: #78736e;
        text-align: center;
        max-width: 160px;
        border: 1px solid white;
        padding: 5px;
        font-size: 0.9em;
        text-align: center;
    }

    .es-table-invoice td {
        font-size: 0.9em;
    }

tr.es-table-section > td {
    font-size: 0.95em;
    font-weight: bold;
    background-color: #fdfbf9;
}


.es-measvalue-calc {
    color: green;
}

.es-measvalue-alarm {
    color: red;
}

.es-measvalue-subst {
    color: darkmagenta;
}

.es-measvalue-plan {
    color: darkblue;
}

.es-measvalue-sum {
    background-color: #ebeae982;
}



.es-table-group {
    font-style: italic;
    font-weight: bold;
}

.es-block-inline {
    display: inline-block;
}

.es-block {
    display: block;
}

.es-dropdown a {
    color: #78736e !important;
    font-size: 15px;
}

    .es-dropdown a:hover {
        color: #e31a40 !important;
    }

.es-dropdown i {
    width: 30px;
    color: #524c47;
    font-size: 15px;
    text-align: center;
}

.es-dropdown-sub a {
    font-size: 15px;
}

.es-form-wrap {
    padding: 25px 25px 15px 25px;
    border: 1px solid #e2e2e2;
    border-radius: 10px 10px 10px 10px;
    margin: 0px 0px 30px 0px;
    background-color: #fdfbf9;
}

/*progress icon*/

.es-progress {
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

    .es-progress div {
        margin: 400px auto;
        width: 300px;
        padding: 25px;
        border: 1px solid #e2e2e2;
        border-radius: 10px 10px 10px 10px;
        background-color: #fdfbf9;
    }

/*.es-progress div img {
    border-radius: 10px;
    width: 80px;
    height: 80px;
}*/

.es-section-data {
    padding: 60px 0;
}

.es-top-section-data {
    margin-top: 115px;
    background: url("../img/bg-header.jpg") no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0px;
    border-bottom: 3px solid #cac5bc;
}

.es-active > a {
    background-color: #f2dede;
}

.es-selected > a {
    font-weight: bold;
}


.es-nav-tabs {
    font-size: 0.9em;
}

.es-chart{
    min-height: 300px;
}
.es-chart2 {
    min-height: 350px;
}


.es-submenu1 {
    padding-left: 10px;
}

.es-submenu2 {
    padding-left: 20px;
}

.es-submenu3 {
    padding-left: 30px;
    font-weight: bold;
    color: #78736e;
}


@media (min-width:992px) {
    .es-title {
        font-size: 40px;
        font-weight: 800;
    }

    i.es-title {
        font-size: 30px;
    }
}

@media (max-width:991px) {
    .es-title {
        font-size: 30px;
        font-weight: 800;
    }

    i.es-title {
        font-size: 22px;
    }

    .es-top-section-data {
        padding: 30px 0px;
        text-align: center;
        background-position: center left;
        background-size: 130%;
    }
}
/*smaller fonts for small devices*/
@media (max-width: 767px) {
    .es-radio-linear label {
        font-size: 15px;
    }

    .es-checkbox label {
        font-size: 15px;
    }


    .es-table-small {
        font-size: 0.85em;
    }

    .es-table-data th {
        font-size: 0.7em;
    }

    .es-table-data-td {
        font-size: 0.75em;
    }
}

@media (min-width: 992px) {
    .affix {
        top: 85px;
        width: 22%;
        z-index: 20 !important;
        background-color: white;
        margin-top: 30px;
    }
}

@media (min-width: 1200px) {
    .affix {
        top: 85px;
        width: 15%;
        z-index: 20 !important;
        background-color: white;
        margin-top: 30px;
    }
}