:root {
    --es-linecolor: #dddddd;
}

body {
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 100%;
    width: 100%;
}

html {
    height: 100%;
    scroll-behavior: smooth;
    user-select: none;
}

html, body {
    font-family: Verdana,sans-serif;
    font-size: 15px;
    line-height: 1.5;
    background-color: #f1f1f1;
}

.es-data:focus {
    outline: 2px solid #1ff;
    background-color: antiquewhite;
}

input {
    cursor: pointer;
    color: black;
}

    input[type='text'], input[type='number'], input[type='password'] {
        all: unset;
        width: 100%;
        cursor: text;
        color: black;
        outline: 1px solid #f0f0f0;
    }

    input[type='button'], input[type='submit'] {
        all: unset;
        width: 100%;
        cursor: pointer;
        outline: 1px outset #f0f0f0;
        margin: 1px;
        text-align: center;
        background-color: #f0f0f0;
        color: black;
    }

        input[type='button']:active, input[type='submit']:active {
            outline: 2px inset #f0f0f0;
        }

label {
    cursor: pointer;
}

div {
    box-sizing: border-box;
}

.es-hidden {
    display: none;
}

input:disabled {
    pointer-events: none;
}



.es-table {
    overflow-y: auto;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    max-height: 800px;
}

    .es-table table {
        border-collapse: collapse;
        width: 100%;
        display: table
    }

    .es-table input {
        outline: 0px solid black;
    }

.es-table-striped tr:nth-child(odd) {
    background-color: #fff;
}

.es-table-striped tr:nth-child(even) {
    background-color: #f1f1f1
}

.es-table #es-odd {
    height: 0px !important;
}

.es-table-grid td {
    overflow: auto;
    box-shadow: inset -1px -0px var(--es-linecolor,#000);
}

.es-table-grid th {
    box-shadow: inset -1px -1px var(--es-linecolor,#000), inset 0px 1px var(--es-linecolor,#000);
}

.es-table-grid td:first-child {
    box-shadow: inset -1px -1px var(--es-linecolor,#000), inset 1px 0px var(--es-linecolor,#000);
}

.es-table-grid th:first-child {
    box-shadow: inset -1px -1px var(--es-linecolor,#000), inset 1px 1px var(--es-linecolor,#000);
}

.es-table-grid tr {
    box-shadow: inset 0px -1px var(--es-linecolor,#000);
}

.es-table-grid th, .es-table td {
    padding: 0px;
}

.es-table-fixhead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #dddddd;
}

.es-table-fixcolumn th:first-child {
    left: 0;
    z-index: 2;
}

.es-table-fixcolumn td:first-child {
    position: sticky;
    background-color: #dddddd;
    left: 0;
    z-index: 1;
    box-shadow: inset -1px -1px var(--es-linecolor,#000), inset 1px 0px var(--es-linecolor,#000);
}

.es-table td, .es-table th {
    padding: 1px;
}

.es-w10 {
    width: 10%;
}

.es-w20 {
    width: 20%;
}

.es-w25 {
    width: 25%;
}

.es-w30 {
    width: 30%;
}

.es-w33 {
    width: 33.33333%;
}

.es-w40 {
    width: 40%;
}

.es-w50 {
    width: 50%;
}

.es-w60 {
    width: 60%;
}

.es-w66 {
    width: 66.66666%;
}

.es-w70 {
    width: 70%;
}

.es-w75 {
    width: 75%;
}

.es-w80 {
    width: 80%;
}

.es-w90 {
    width: 90%;
}

.es-w100 {
    width: 100%;
}

.es-w100 {
    width: 100%;
}

.es-maxw-800 {
    max-width: 800px;
    margin: auto;
}

.es-maxw-1000 {
    max-width: 1000px;
    margin: auto;
}

.es-maxw-1200 {
    max-width: 1200px;
    margin: auto;
}

.es-maxw-1400 {
    max-width: 1400px;
    margin: auto;
}

.es-maxw-1600 {
    max-width: 1600px;
    margin: auto;
}

.es-maxw-1800 {
    max-width: 1800px;
    margin: auto;
}

.es-w10, .es-w20, .es-w25, .es-w30, .es-w33, .es-w40, .es-w50, .es-w60, .es-w66, .es-w70, .es-w75, .es-w80, .es-w90, .es-w100 {
    float: left;
    position: relative;
    min-height: 10px;
}

.es-border {
    border: 1px solid #dddddd;
}

.es-login {
    position: sticky;
    display: none;
}

.es-panel {
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    margin: 5px;
}

@media (max-width:600px) {
    .es-w10, .es-w20, .es-w25, .es-w30, .es-w33, .es-w40, .es-w50, .es-w60, .es-w66, .es-w70, .es-w75, .es-w80, .es-w90, es-w100 {
        width: 100% !important;
        min-height: 0px;
    }

    .es-panel {
        border-radius: 0px;
        margin: 0px;
    }
}
