:root {
  --green-bg-color: #198754;
  --red-bg-color: #DC3545;
  --gray-bg-color: #6C757D;
  --orange-bg-color: #FFBF00;
  --white-bg-color: #FFF;
  --black-bg-color: #000;
  --lightgreen-bg-color: #66EE66;

  --body-screen-size: 1600px;
  --main-bg-color: var(--color1);
  --main-header-bg-color: var(--color2);
  --edit-table-bg-color: var(--white-bg-color);
  --edit-table-select-bg-color: var(--color1);
  --problem-bg-color: var(--white-bg-color);
  --navmenu-bg-color: var(--color2);
  --navmenu-color: var(--white-bg-color);
  --navmenu-hover-color: var(--black-bg-color);
  --footerbuttons-bg-color: var(--color2);
  --footerbuttons-hover-bg-color: var(--color0);
  --footerbuttons-color: var(--white-bg-color);
  --footerbuttons-hover-color: var(--black-bg-color);
  --boxshadow-border-color: var(--color2);
  --table-odd-bg-color: var(--white-bg-color);
  --table-even-bg-color: var(--color4);
  --table-hover-bg-color: var(--color0);
  --table-hover-color: var(--white-bg-color);
  --help-bg-color: var(--color2);
  --text-answer-bg-color: var(--color3);
  --textarea-answer-bg-color: var(--color3);
  --answer-border-color: var(--color2);
  --chapter-bg-color: var(--color5);
  --navlist-answer-hover-bg-color: var(--color0);

  --reviewnote-bg-color: var(--color4);
  --reviewnote-owner-bg-color: var(--color0);
  --reviewnote-input-bg-color: var(--color3);
  --marks-bg-color: var(--white-bg-color);

  --rd-info-bg-color: var(--green-bg-color);
  --rd-error-bg-color: var(--red-bg-color);
  --rd-warning-bg-color: var(--gray-bg-color);

  --ans-correct-bg-color: var(--green-bg-color);
  --ans-incorrect-bg-color: var(--red-bg-color);
  --ans-didnot-bg-color: var(--gray-bg-color);
  --ans-subjective-bg-color: var(--orange-bg-color);

  --sc-generated-bg-color:var(--color0);
  --sc-attempted-bg-color:var(--gray-bg-color);
  --sc-ignored-bg-color:var(--gray-bg-color);
  --sc-correct-bg-color:var(--green-bg-color);
  --sc-incorrect-bg-color:var(--red-bg-color);
  --sc-subjective-bg-color:var(--orange-bg-color);
  --sc-giventime-bg-color:var(--color0);
  --sc-elapsedtime-bg-color:var(--gray-bg-color);

  --sc-marks-total-bg-color:var(--color0);
  --sc-marks-obj-bg-color:var(--green-bg-color);
  --sc-marks-sub-bg-color:var(--orange-bg-color);
  --sc-marks-ign-bg-color:var(--gray-bg-color);
}

.es-button-header-area{float:left;top:0;bottom:90%;left:0;right:0;line-height:1;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-style:normal;vertical-align:middle;text-align:center;font-size:14pt;background-color:var(--main-bg-color);color:black;width:100%;padding-top:10px}
.es-score-card-header-area{float:left;top:10%;bottom:80%;left:0;right:0;line-height:1;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-style:normal;vertical-align:middle;text-align:center;font-size:13pt;background-color:var(--main-bg-color);color:black;width:100%;padding-top:10px}
.es-main-center-area{top:20%;bottom:8%;left:0;right:0;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;font-style:normal;vertical-align:middle;text-align:center;width:100%;}
.es-footer-area{top:92%;bottom:0%;left:0;right:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-style:normal;vertical-align:middle;text-align:center;width:100%;border-top:1px solid #dee2e6!important;}

.es-wrapper{}

.es-main-center-area::-webkit-scrollbar {
  display: none;
}

@media only all and (max-width:480px) {
    .es-footer-area{
    }
}

@media only all and (max-width:900px) and (orientation:landscape) {
    .es-footer-area{
    }
}

@media only screen and (min-width: 1600px) {
.es-wrapper{width:var(--body-screen-size); margin:0 auto;}
}