* {-webkit-padding-start: 0px;}
.es-block{display:block;width:100%}
.es-blue{color:#fff!important;background-color:#2196F3!important}
.es-input{padding:8px;display:block;border:none;width:100%;outline:none;}
.es-left-align{text-align:left!important}
.es-right-align{text-align:right!important;}
.es-justify{text-align:justify!important}
.es-center{text-align:center!important}
.es-margin{margin:16px!important;vertical-align:middle;}
.es-margin-top{margin-top:16px!important}
.es-margin-right{margin-right:16px!important}
.es-margin-bottom{margin-bottom:16px!important}
.es-margin-left{margin-left:16px!important}
.es-responsive{display:block;overflow-x:auto}
.es-select{padding:6px 0;width:100%;border:none;background-color:var(--edit-table-select-bg-color);border-radius:10px;border:1px solid var(--boxshadow-border-color);outline:none;}
.es-border{border:1px solid #ccc!important}
.es-button{display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background:#fafbc180;text-align:center;cursor:pointer;white-space:nowrap;outline:none;-webkit-tap-highlight-color:transparent;}
.es-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.es-button{white-space:normal}
.es-center{display:inline-block;width:auto}
.es-table-all tr{border-bottom:1px solid #ddd}
.es-table,.es-table-all{border-collapse:collapse;border-spacing:0;min-width:95%;display:table}
.es-table-all{border:1px solid #ddd;box-shadow: 0 0 2px 2px var(--boxshadow-border-color);margin-top:16px; margin-bottom:16px;}
.es-table-all tr:nth-child(odd){background-color:var(--table-odd-bg-color)}.es-table-all tr:nth-child(even){background-color:var(--table-even-bg-color)}
.es-table td,.es-table th,.es-table-all td,.es-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:middle;}
.es-table th:first-child,.es-table td:first-child,.es-table-all th:first-child,.es-table-all td:first-child{padding-left:16px}
.es-table-all tr:not(:first-child):hover {background-color:var(--table-hover-bg-color);color:var(--table-hover-color);}
.es-table-select{width:100%;border:none;border-bottom:1px solid #ccc;border-radius:5px}
.es-table-thead{position:sticky;top:-1px;background:white;z-index: 1;box-shadow: inset 0 2px 2px -1px rgba(0, 0, 0, 0.4);}
.es-table-thead::after{content:'';width:100%;height:2px;position:absolute;bottom:0;left:0;background:#ddd;}

.es-lp-header{background:var(--main-header-bg-color);}
.es-lp-table{margin:2.0em 0em;}
.es-lp-actions{margin:2.0em 0em;}
.es-lp-footer{background:var(--main-header-bg-color);color:var(--navmenu-color);padding:0.5em 0em; font-size:0.8em;position:absolute;bottom:0em;text-align:center;width:100%;}
.es-lp-main-image-div{background:var(--main-header-bg-color);text-align:center;}
.es-lp-main-image{height:100px;width:auto;margin-top:1.5em;}
.es-lp-main-text{background:var(--main-header-bg-color);color:var(--navmenu-color);padding:0.8em; font-size:1.2em;text-align:center;}

.es-pa-header{display:flex;background:var(--main-header-bg-color);}
.es-pa-header-logo{width:100%}
.es-pa-header-text{width:100%;background:var(--main-header-bg-color);}
.es-pa-header-table{margin-top:40px;border-spacing:10px;}

.es-navlist{margin:0;text-align:left;vertical-align:middle;padding-inline-start:0px;}
.es-navlist ul, .es-navlist li{padding:0px;display:inline-table;margin:0;text-align:left;vertical-align:middle;}
.es-navlist ul:hover, .es-navlist li:hover, .es-navlist input:hover{background-color: var(--navlist-answer-hover-bg-color);}
.es-navlist-answer {margin:0;text-align:left;vertical-align:middle;padding-inline-start:0px;}
.es-navlist-answer ul, .es-navlist-answer li{padding:0px;display:inline-table;margin:0;text-align:left;vertical-align:middle;}
.es-navlist-answer ul:hover, .es-navlist-answer li:hover, .es-navlist-answer input:hover{background-color: var(--navlist-answer-hover-bg-color);}
.es-navlist-question{margin:0;text-align:left;vertical-align:middle;padding-inline-start:0px;}
.es-navlist-question ul, .es-navlist-question li{padding:0px;display:inline-table;margin:0;text-align:left;vertical-align:middle;}
.es-key-navlist {padding: 0px;margin: 0;text-align: left;vertical-align: middle;page-break-before:always;}
.es-key-navlist ul{padding: 0px;margin: 0;text-align: left;vertical-align: middle;display: inline-block;}
.es-key-navlist li {padding: 5px;margin: 0;text-align: left;vertical-align: middle;width:150px;display: inline-block;}

.es-nav-button-header-list {font-size:1.1em;margin:0;text-align:center;vertical-align:middle;padding-inline-start: 0px;background:var(--navmenu-bg-color);width:100%;color:var(--navmenu-color)}
.es-nav-button-header-list ul, .es-nav-button-header-list li{padding:0px;display:inline-table;margin:0;text-align:center;vertical-align:middle;}
.es-nav-button-header-list button:hover{background-color:var(--main-bg-color);color:var(--navmenu-hover-color);transition-delay:0.2s}
.es-nav-button-header-list button{font-size:1.0em;}
.es-button-header-padding{padding:16px 6px 16px 6px;;background:var(--navmenu-bg-color);border:0px}
.es-fraction-line{padding:0px;display:inline-table;margin:0 0 5px 0;text-align:left;vertical-align:middle;}

.es-nav-score-card-list{font-size:1.1em;margin:0;text-align:center;vertical-align:middle;padding-inline-start:0px}
.es-nav-score-card-list ul, .es-nav-score-card-list li{padding:0px;display:inline-table;margin:0;text-align:center;vertical-align:middle;}
.es-score-card-score{padding:0px 0px 10px 5px;display:inline-block;min-width:25%;max-width:50%}
.es-score-card-name{padding:0px 0px 10px 5px;line-height:1.5;display:inline-block;min-width:25%;max-width:50%}
.es-score-card-title{padding:0px 0px 10px 5px;line-height:1.5;display:inline-block;min-width:25%;max-width:50%}

.es-score-card-generated{background:var(--sc-generated-bg-color);margin:0.05em;}
.es-score-card-attempted{background:var(--sc-attempted-bg-color);margin:0.05em}
.es-score-card-ignored{background:var(--sc-ignored-bg-color);margin:0.05em;display:none;}
.es-score-card-correct{background:var(--sc-correct-bg-color);margin:0.05em}
.es-score-card-incorrect{background:var(--sc-incorrect-bg-color);margin:0.05em;}
.es-score-card-subjective{background:var(--sc-subjective-bg-color);margin:0.05em;}
.es-score-card-giventime{background:var(--sc-giventime-bg-color);margin:0.05em 0.01em}
.es-score-card-elapsedtime{background:var(--sc-elapsedtime-bg-color);margin:0.5em 0.01em}

.es-sc-marks-ignored{background:var(--sc-marks-ign-bg-color);margin:0.05em;}
.es-sc-marks-total{background:var(--sc-marks-total-bg-color);margin:0.05em;}
.es-sc-marks-objective{background:var(--sc-marks-obj-bg-color);margin:0.05em}
.es-sc-marks-subjective{background:var(--sc-marks-sub-bg-color);margin:0.05em;}

.es-score-card-web{padding:8px 0px;border-radius:10px; width:100px;height:60px;cursor:pointer}
.es-score-card-web:hover{box-shadow: 0 0 2px 2px var(--boxshadow-border-color);transition-delay:0.2s;color:white;}
.es-score-card-left{font-size:0.9em;margin-block-start:0.1em;margin-block-end:0.3em;display:inline-block;}
.es-score-card-text{font-size:0.9em;margin-block-start:0.2em;margin-block-end:0.6em;display:inline-block;}
.es-score-card-number{font-size:1.2em;}

.es-nav-footer-list{margin-top:16px;text-align:center;vertical-align:middle;padding-inline-start: 0px}
.es-nav-footer-list ul, .es-nav-footer-list li{padding:0px;display:inline-table;margin:0;text-align:center;vertical-align:middle;}
.es-nav-footer-list input:hover{background-color:deepskyblue;border-radius:5px}
.es-nav-footer-list input{font-size:1.0em;}
.es-button-footer-padding{padding:10px;border-radius:5px;background:var(--footerbuttons-bg-color);color:var(--footerbuttons-color)}
.es-button-footer-padding:hover{background:var(--footerbuttons-hover-bg-color);color:var(--footerbuttons-hover-color);transition-delay:0.2s}


.es-edit-table{background:var(--edit-table-bg-color);padding:24px;border-spacing:12px;margin-top:16px; margin-bottom:16px;border-radius:10px;box-shadow:0 0 2px 2px var(--boxshadow-border-color)}
.es-view-table{border-collapse:collapse;border-spacing:0;;display:table;box-shadow:0 0 2px 2px var(--boxshadow-border-color);margin-top:16px; margin-bottom:16px;min-width:60%}
.es-view-table tr:nth-child(odd){background-color:var(--table-odd-bg-color);}
.es-view-table tr:nth-child(even){background-color:var(--table-even-bg-color);}
.es-view-table td{padding:8px 8px;display:table-cell;border:1px solid #ddd}

.es-padding-right{padding-right:24px}
.es-border-edit-gray{border-radius:10px;border:1px solid #ccc!important}
.es-border-readonly{background:inherit;border-radius:0px;}
.es-border-edit-red{border-radius:10px;border:1px solid #ff000060!important}
.es-hide{display:none}
.es-image-div-size{max-width:600px;}
.es-text-image-div{padding:10px 5px; word-wrap: break-word; text-align:left;}
.es-pdf-image-div{width:100px;}

.es-agreement-header{font-size:1.2em;margin:1.5em;font-weight:bold;}
.es-agreement-paragraph{margin:0.8em 1.2em;text-align:justify;line-height:1.5;}

.es-solution-block{background: var(--problem-bg-color);
    box-shadow: 0 0 2px 2px var(--boxshadow-border-color);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: -10px;
    padding: 10px 0px;
}

.es-problem-block{background: var(--problem-bg-color);
    box-shadow: 0 0 2px 2px var(--boxshadow-border-color);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 10px 0px;
    border-top: 10px solid var(--boxshadow-border-color);
}

.es-banner {
    position: absolute;
    z-index: 50;
    display: none;
}

.es-banner.active {
    display: block;
}

.es-banner-top {
    left: 50%;
    top: 30%;
    position:fixed;
    border-radius: 5px;
    transform: translate(-50%,-30%);
    background-color: var(--main-bg-color);
    padding: 10px 20px;
    box-shadow: 0 0 2px 2px var(--boxshadow-border-color);
}

.es-banner-button {
   display:inline-block;
   padding:4px 10px;
   vertical-align:middle;
   overflow:hidden;
   text-decoration:none;
   color:inherit;
   background:var(--footerbuttons-bg-color);
   text-align:center;
   cursor:pointer;
   white-space:nowrap;
   border-radius:4px;
}

.es-banner-button:hover {
    background:var(--footerbuttons-hover-bg-color);
}

h3 {
    font-size:13pt;
    text-align:center;
    font-weight:normal;
}

.es-navmenu
{
    text-align : left;
    padding : 10px;
    width : 100%;
    float : left;
    background : var(--navmenu-bg-color);
    border : none;
    outline : none;
    display : block;
    margin-top : -10px;
    margin-bottom : -10px;
    color : var(--navmenu-color);
}

.es-button-chapter {
    background: lightskyblue;
    margin: 10px;
    padding: 10px;
    width: 22%;
    height: 100px;
    display:inline-block;
    border-radius: 20px;
}

.es-button-chapter:hover {
    background: deepskyblue;
}

@media only all and (max-width:900px) {
    .es-navmenu {
        display : block;
        cursor : pointer;
        position : fixed;
        z-index:100;
    }

    .es-nav-button-header-list {
        overflow : hidden;
        height : 0;
        padding-top : 10px;
        padding-inline-start : 1px;
        margin-top: 18px;
        font-size: 1.0em;
    }

    .es-navlistheight {
        height : auto;
        position : fixed;
        z-index:100;
    }

    .es-nav-button-header-list ul, .es-nav-button-header-list li {
        display : block;
        text-align : left;
        font-size : 1.0em;
        margin : 0;
        width : 100%;
        border-top : 2px solid var(--main-bg-color);
    }

    .es-button-header-padding {
        width : 100%;
        text-align : left;
        padding : 8px;
    }

    .es-score-card-score {
        max-width : 100%;
        display : block;
    }

    .es-score-card-name {
        max-width : 100%;
        display:none;
    }

    .es-score-card-title {
        max-width : 100%;
        padding : 0px;
    }
    .es-score-card-number {
        font-size : 1em;
    }
}

@media only all and (max-width:1024px) {
    .es-button-chapter {
        width:45%;
        height:80px;
        margin:8px;
        padding:8px;
    }

    .es-nav-button-header-list {
        font-size: 1.0em;
    }

    img{width:100%;height:auto;}
}

@media only screen and (max-width:640px) {
    .es-edit-table {
        margin-left: 10px;
        margin-right: 10px
    }

    .es-navmenu {
        font-size: 1.0em;
    }

    .es-nav-button-header-list ul, .es-nav-button-header-list li {
        font-size : 1.0em;
    }

    .es-button-chapter {
        width:90%;
        height:60px;
        padding:6px;
        margin:6px;
    }

    .es-table td,.es-table th,.es-table-all td,.es-table-all th {
        display:block;
        border: 0px;
        padding: 2px 5px;
        width: 100%;
    }

    .es-table-thead {
        position: absolute;
        top: -9999px;
        left: -9999px;
        display: none;
    }

    .es-table-all tr {
        float: left;
        width: 100%;
    }

    .es-table-all td:first-child {
        padding-top: 15px;
        padding-left: 5px;
    }

    .es-table-all td:last-child {
        padding-bottom: 10px;
    }

    .es-table-all td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        width: 40%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .es-table-select {
        width: initial;
    }

    .es-score-card-web {
        width:82px;
        height:58px
    }

    .es-problem-block {
        padding-top:0px;
    }

    .es-pa-header {
        display:block;
    }

    .es-pa-header-text {
        background:inherit;
    }

    .es-pa-header-table {
        margin-top:0px;
    }
}

@media only all and (min-width:901px) {
    .es-navmenu {
        display : none;
    }

    .es-nav-button-header-list {
        display : block;
    }
}

@media only all and (max-width:900px) and (orientation:landscape) {
    .es-navmenu {
        padding : 6px 10px;
    }
    .es-score-card-title {
        display : none;
    }
    .es-score-card-name {
        display : none;
    }
    .es-score-card-score {
        padding-top : 5px;
        padding-bottom : 5px;
    }
    .es-score-card-web {
        padding : 8px 8px;
        width : 150px;
        height : 35px;
    }
    .es-score-card-number {
        float : right;
        font-size : 1em;
    }
    .es-button-footer-padding {
        padding : 6px 12px;
    }

    .es-score-card-text {
        font-size:1em;
        margin-block-start:0em;
        margin-block-end:0em;
    }

    .es-lp-footer{
        position:relative;
    }
}

.es-input-search {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 300px;
  padding: 6px;
  border: 1px solid var(--navmenu-bg-color);
  border-radius:10px;
  outline:none;
}

@media print {
    .es-problem-block {
        page-break-inside: avoid;
        box-shadow: none;
        margin: 0px;
        padding: 10px 0px;
        background: var(--color1);
        border-top: 2px solid black;
    }
}

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
button,input{overflow:visible}button,select{text-transform:none}
img{max-width:100%;height:auto;}