@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
body {
  overflow-y: scroll;
}

.spacer1 {
  height: 1px;
}

.spacer2 {
  height: 2px;
}

.spacer3 {
  height: 3px;
}

.spacer4 {
  height: 4px;
}

.spacer5 {
  height: 5px;
}

.spacer6 {
  height: 6px;
}

.spacer8 {
  height: 8px;
}

.spacer9 {
  height: 9px;
}

.spacer10 {
  height: 10px;
}

.spacer12 {
  height: 12px;
}

.spacer14 {
  height: 14px;
}

.spacer15 {
  height: 15px;
}

.spacer18 {
  height: 18px;
}

.spacer20 {
  height: 20px;
}

.spacer25 {
  height: 25px;
}

.spacer30 {
  height: 30px;
}

.spacer40 {
  height: 40px;
}

.spacer50 {
  height: 50px;
}

.spacer100 {
  height: 100px;
}

.spacer150 {
  height: 150px;
}

.table20pc {
  width: 20%;
}

.table25pc {
  width: 25%;
}

.table30pc {
  width: 30%;
}

.table33pc {
  width: 33%;
}

.table34pc {
  width: 34%;
}

.table35pc {
  width: 35%;
}

.table40pc {
  width: 40%;
}

.table45pc {
  width: 45%;
}

.table100pc {
  width: 100%;
}

#wrapper {
  display: block;
  margin-top: 110px;
}

/*#displayform {
    display: none;
}*/
.select2-selection {
  padding-left: 10px;
}

#pageLoadingSpinner {
  display: block;
  z-index: 9999;
  position: fixed;
  height: 300px;
  left: 50%;
  top: 30%;
}

.toast-container {
  z-index: 9999;
  position: fixed;
  top: 90px;
  right: 10px;
}

.toast {
  background-color: white;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
}

.toast:not(.showing):not(.show) {
  display: none !important;
}

.toast-header {
  color: #000000;
}

#headerbar {
  min-height: 80px;
  border-bottom: 1px solid #d4d4d4;
}

.footer {
  background-color: #fff;
}

textarea {
  min-height: 115px !important;
}

.app-title {
  font-family: "Bebas Neue", cursive;
}

.whiteTxt:hover {
  cursor: pointer;
}

#logbox {
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.32);
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.32);
  /*-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.39);
  -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.39);
  box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.39);*/
}

#details input:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(120, 190, 32, 0.5);
}

#details select:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(120, 190, 32, 0.5);
}

#section1 input:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 203, 5, 0.5);
}

#section1 select:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 203, 5, 0.5);
}

#section2 input:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(237, 139, 0, 0.5);
}

#section2 select:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(237, 139, 0, 0.5);
}

#section3 input:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(174, 37, 115, 0.5);
}

#section3 select:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(174, 37, 115, 0.5);
}

#section5 input:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(120, 190, 32, 0.5);
}

#section5 select:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(120, 190, 32, 0.5);
}

#section6 input:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 203, 5, 0.5);
}

#section6 select:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 203, 5, 0.5);
}

#section7 input:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(237, 139, 0, 0.5);
}

#section7 select:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(237, 139, 0, 0.5);
}

#section8 input:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(174, 37, 115, 0.5);
}

#section8 select:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(174, 37, 115, 0.5);
}

#section10 input:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(120, 190, 32, 0.5);
}

#section10 select:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(120, 190, 32, 0.5);
}

#section11 input:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 203, 5, 0.5);
}

#section11 select:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(255, 203, 5, 0.5);
}

#section12 input:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(237, 139, 0, 0.5);
}

#section12 select:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(237, 139, 0, 0.5);
}

#section13 input:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(174, 37, 115, 0.5);
}

#section13 select:focus {
  z-index: 3;
  border-color: #eff7e4;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(174, 37, 115, 0.5);
}

.nelft-error {
  background-color: #ffa1a1;
}

/* # # # # # # # # # # # # # # # # # # # */
/* NELFT COLOURS */
.nelft1-full-green {
  background-color: #78BE20;
}

.nelft2-full-yellow {
  background-color: #FFCB05;
}

.nelft3-full-orange {
  background-color: #ED8B00;
}

.nelft4-full-purple {
  background-color: #AE2573;
}

.nelft5-full-blue {
  background-color: #005EB8;
}

.nelft1-half-green {
  background-color: #c9e5a6;
}

.nelft2-half-yellow {
  background-color: #ffea9b;
}

.nelft3-half-orange {
  background-color: #f8d199;
}

.nelft4-half-purple {
  background-color: #dfa8c7;
}

.nelft5-half-blue {
  background-color: #99bfe3;
}

.nelft1-quarter-green {
  background-color: #e1f1ce;
}

.nelft2-quarter-yellow {
  background-color: #fff4c8;
}

.nelft3-quarter-orange {
  background-color: #fbe6c7;
}

.nelft4-quarter-purple {
  background-color: #edcfe0;
}

.nelft5-quarter-blue {
  background-color: #c7dcef;
}

.nelft1-light-green {
  background-color: #eff7e4;
}

.nelft2-light-yellow {
  background-color: #fff9e1;
}

.nelft3-light-orange {
  background-color: #fdf1e0;
}

.nelft4-light-purple {
  background-color: #f5e4ee;
}

.nelft5-light-blue {
  background-color: #e0ebf6;
}

/* # # # # # # # # # # # # # # # # # # # */
.light-purple-bg {
  background-color: #d9e4f9;
}

.light-grey-bg {
  background-color: #f7f7f7;
}

.min-height450 {
  min-height: 450px;
}

.min-height150 {
  min-height: 150px;
}

.width30pc {
  width: 30%;
}

.width20pc {
  width: 20%;
}

#ttcont {
  z-index: 9999;
}

/* recaptcha */
.grecaptcha-badge {
  /*bottom: 105px !important;*/
  bottom: 12px !important;
  /*width: 256px !important;*/
}

/*.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    bottom: 110px !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
}

.grecaptcha-badge:hover {
    width: 256px !important;
}*/
#assessment_questions {
  display: none;
}

#Q1AddPL_Help {
  display: none;
}

#Q2AddPL_Help {
  display: none;
}

#Q3AddPL_Help {
  display: none;
}

#Q4AddPL_Help {
  display: none;
}

#Q5AddPL_Help {
  display: none;
}

#Q6AddPL_Help {
  display: none;
}

#Q7AddPL_Help {
  display: none;
}

#Q8AddPL_Help {
  display: none;
}

#Q9AddPL_Help {
  display: none;
}

#Q10AddPL_Help {
  display: none;
}

#Q11AddPL_Help {
  display: none;
}

#Q12AddPL_Help {
  display: none;
}

#Q13AddPL_Help {
  display: none;
}

#Q14AddPL_Help {
  display: none;
}

.dataTables_scrollHeadInner, .table {
  width: 100% !important;
}

.dataTables_info {
  padding-top: 10px;
}

.redTxt {
  color: red;
}

.redTxt:hover {
  cursor: pointer;
}

.dodgerblueTxt {
  color: dodgerblue;
}

.dodgerblueTxt:hover {
  cursor: pointer;
}

.whiteTxt {
  color: #ffffff;
}

.whiteTxt:hover {
  cursor: pointer;
}

.tablebgcolor {
  background-color: #eaf3f8;
}

.complete {
  color: #198754;
}

.incomplete {
  color: #fd7e14;
}

.select2 {
  width: 100% !important;
}

.footerinfo {
  font-size: x-small;
}

.lightTxt {
  color: #aaaaaa;
}