@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;700&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
.loginError {
  background-color: #eb3838;
  color: #ffffff;
  padding: 5px;
  box-sizing: border-box;
  text-align: center;
}

.fullPageBG {
  display: flex;
  min-height: 100vh;
}
.fullPageBG .formBody {
  float: left;
  width: 80%;
  background-color: #1b5ca7;
  padding: 10vh 10%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.fullPageBG .formBody .loginBox {
  background-color: #ffffff;
  padding: 40px;
  overflow: hidden;
  max-width: 1000px;
  min-width: 40vw;
  position: relative;
}
.fullPageBG .formBody .loginBox .registrationCta {
  position: absolute;
  bottom: -30px;
  left: 0;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  background-color: #0d2c4f;
  color: #ffffff;
}
.fullPageBG .formBody .loginBox img {
  max-height: 60px;
}
.fullPageBG .formBody .loginBox h1 {
  color: #333333;
  font-family: "Plus Jakarta Sans", sans-serif;
  margin: 20px 0 10px;
  font-weight: 400;
}
.fullPageBG .formBody .loginBox form, .fullPageBG .formBody .loginBox .nonFormBox {
  margin: 20px 0 0;
}
.fullPageBG .formBody .loginBox form .smallRed, .fullPageBG .formBody .loginBox .nonFormBox .smallRed {
  color: red;
  display: inline-block;
}
.fullPageBG .formBody .loginBox form label, .fullPageBG .formBody .loginBox .nonFormBox label {
  display: block;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #333333;
  margin: 0 0 5px;
}
.fullPageBG .formBody .loginBox form label.regLabelHolder, .fullPageBG .formBody .loginBox .nonFormBox label.regLabelHolder {
  display: block;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
  text-align: left;
  margin: 0 0 5px;
}
.fullPageBG .formBody .loginBox form label.regLabelHolder .informationIcon, .fullPageBG .formBody .loginBox .nonFormBox label.regLabelHolder .informationIcon {
  font-size: 12px;
  padding: 3px;
  color: #0057ff;
  position: relative;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}
.fullPageBG .formBody .loginBox form label.regLabelHolder .informationIcon:hover, .fullPageBG .formBody .loginBox .nonFormBox label.regLabelHolder .informationIcon:hover {
  transition: all 0.3s ease-in-out;
  color: #0046cc;
  text-decoration: underline;
}
.fullPageBG .formBody .loginBox form label.regLabelHolder .informationIcon .informationHoveredBox, .fullPageBG .formBody .loginBox .nonFormBox label.regLabelHolder .informationIcon .informationHoveredBox {
  display: none;
}
.fullPageBG .formBody .loginBox form label.regLabelHolder .informationIcon .informationHoveredBox.visible, .fullPageBG .formBody .loginBox .nonFormBox label.regLabelHolder .informationIcon .informationHoveredBox.visible {
  display: block;
  background-color: white;
  padding: 10px;
  color: #000;
  position: absolute;
  text-transform: none;
  height: fit-content;
  bottom: 12px;
  width: 220px;
  left: 15px;
  border: 1px solid #0057ff;
  box-sizing: border-box;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
@media screen and (max-width: 600px) {
  .fullPageBG .formBody .loginBox form label.regLabelHolder .informationIcon .informationHoveredBox.visible, .fullPageBG .formBody .loginBox .nonFormBox label.regLabelHolder .informationIcon .informationHoveredBox.visible {
    width: 189px;
  }
}
.fullPageBG .formBody .loginBox form hr, .fullPageBG .formBody .loginBox .nonFormBox hr {
  margin: 40px 0;
}
.fullPageBG .formBody .loginBox form select, .fullPageBG .formBody .loginBox .nonFormBox select {
  padding: 10px;
  box-sizing: border-box;
  width: 80%;
  margin: 0 0 20px;
  border-radius: 0;
  border: 1px solid #333333;
}
.fullPageBG .formBody .loginBox form select:focus, .fullPageBG .formBody .loginBox .nonFormBox select:focus {
  outline: none;
}
.fullPageBG .formBody .loginBox form input, .fullPageBG .formBody .loginBox .nonFormBox input {
  padding: 10px;
  box-sizing: border-box;
  border: 1px #333333 solid;
  width: 80%;
  display: block;
  margin: 0 0 20px;
  font-size: 16px;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.fullPageBG .formBody .loginBox form input:focus, .fullPageBG .formBody .loginBox .nonFormBox input:focus {
  outline: none;
}
.fullPageBG .formBody .loginBox form p, .fullPageBG .formBody .loginBox .nonFormBox p {
  margin: 0 0 10px;
  color: #333333;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 15px;
}
.fullPageBG .formBody .loginBox form .inputWrapper, .fullPageBG .formBody .loginBox .nonFormBox .inputWrapper {
  position: relative;
  display: block;
  overflow: hidden;
  width: 80%;
}
.fullPageBG .formBody .loginBox form .inputWrapper p, .fullPageBG .formBody .loginBox .nonFormBox .inputWrapper p {
  margin: 0;
}
.fullPageBG .formBody .loginBox form .inputWrapper select,
.fullPageBG .formBody .loginBox form .inputWrapper input, .fullPageBG .formBody .loginBox .nonFormBox .inputWrapper select,
.fullPageBG .formBody .loginBox .nonFormBox .inputWrapper input {
  margin: 10px 0 20px;
  display: block;
  width: 100%;
  font-weight: 300;
  padding: 10px;
  font-size: 12px;
  border: 1px solid #333333;
}
.fullPageBG .formBody .loginBox form .inputWrapper select:focus,
.fullPageBG .formBody .loginBox form .inputWrapper input:focus, .fullPageBG .formBody .loginBox .nonFormBox .inputWrapper select:focus,
.fullPageBG .formBody .loginBox .nonFormBox .inputWrapper input:focus {
  outline: 0;
}
.fullPageBG .formBody .loginBox form .inputWrapper select, .fullPageBG .formBody .loginBox .nonFormBox .inputWrapper select {
  border-radius: 0;
  background-color: #ffffff;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  z-index: 1;
  position: relative;
  display: block;
}
.fullPageBG .formBody .loginBox form .inputWrapper select:hover, .fullPageBG .formBody .loginBox .nonFormBox .inputWrapper select:hover {
  cursor: pointer;
}
.fullPageBG .formBody .loginBox form .inputWrapper .selectArrow, .fullPageBG .formBody .loginBox .nonFormBox .inputWrapper .selectArrow {
  position: absolute;
  top: 38px;
  right: 5px;
  z-index: 1;
  font-size: 1em;
}
.fullPageBG .formBody .loginBox form button, .fullPageBG .formBody .loginBox .nonFormBox button {
  background-color: #1b5ca7;
  color: #ffffff;
  padding: 10px 20px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 18px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  min-width: 40%;
  border: 0;
  margin: 10px 0 0;
}
.fullPageBG .formBody .loginBox form .checkboxDiv, .fullPageBG .formBody .loginBox .nonFormBox .checkboxDiv {
  display: flex;
  flex-direction: column;
}
.fullPageBG .formBody .loginBox form .checkboxDiv .checkboxSpan, .fullPageBG .formBody .loginBox .nonFormBox .checkboxDiv .checkboxSpan {
  display: flex;
  align-items: center;
  text-align: left;
}
.fullPageBG .formBody .loginBox form .checkboxDiv .checkboxSpan input[type=checkbox], .fullPageBG .formBody .loginBox .nonFormBox .checkboxDiv .checkboxSpan input[type=checkbox] {
  width: 3%;
  margin: 0;
  margin-right: 10px;
}
@media screen and (max-width: 600px) {
  .fullPageBG .formBody .loginBox form .checkboxDiv .checkboxSpan input[type=checkbox], .fullPageBG .formBody .loginBox .nonFormBox .checkboxDiv .checkboxSpan input[type=checkbox] {
    width: 5%;
  }
}
.fullPageBG .formBody .loginBox form .checkboxDiv .checkboxSpan .blue, .fullPageBG .formBody .loginBox .nonFormBox .checkboxDiv .checkboxSpan .blue {
  color: rgb(56, 56, 255);
  text-decoration: underline;
}
.fullPageBG .formBody .loginBox form .checkboxDiv .checkboxSpan .informationIcon, .fullPageBG .formBody .loginBox .nonFormBox .checkboxDiv .checkboxSpan .informationIcon {
  font-size: 12px;
  padding: 3px;
  color: #0057ff;
  position: relative;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}
.fullPageBG .formBody .loginBox form .checkboxDiv .checkboxSpan .informationIcon:hover, .fullPageBG .formBody .loginBox .nonFormBox .checkboxDiv .checkboxSpan .informationIcon:hover {
  transition: all 0.3s ease-in-out;
  color: #0046cc;
  text-decoration: underline;
}
.fullPageBG .formBody .loginBox form .checkboxDiv .checkboxSpan .informationIcon .informationHoveredBox, .fullPageBG .formBody .loginBox .nonFormBox .checkboxDiv .checkboxSpan .informationIcon .informationHoveredBox {
  display: none;
}
.fullPageBG .formBody .loginBox form .checkboxDiv .checkboxSpan .informationIcon .informationHoveredBox.visible, .fullPageBG .formBody .loginBox .nonFormBox .checkboxDiv .checkboxSpan .informationIcon .informationHoveredBox.visible {
  display: block;
  background-color: white;
  padding: 10px;
  color: #000;
  position: absolute;
  text-transform: none;
  height: fit-content;
  bottom: 12px;
  width: 220px;
  left: 15px;
  border: 1px solid #0057ff;
  box-sizing: border-box;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
@media screen and (max-width: 600px) {
  .fullPageBG .formBody .loginBox form .checkboxDiv .checkboxSpan .informationIcon .informationHoveredBox.visible, .fullPageBG .formBody .loginBox .nonFormBox .checkboxDiv .checkboxSpan .informationIcon .informationHoveredBox.visible {
    width: 150px;
  }
}
.fullPageBG .formBody .loginBox .dd-select {
  background: #ffffff !important;
}
.fullPageBG .formBody .loginBox .dd-options li:first-child {
  display: none;
}
.fullPageBG .formBody .loginBox .dd-options .dd-option {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.fullPageBG .formBody .loginBox .current_login {
  background-color: #333333;
  color: #333333;
  border: none;
  padding: 8px 12px;
  font-family: "Plus Jakarta Sans", sans-serif;
  margin: 10px 5px 0 0;
  cursor: pointer;
}
.fullPageBG .formBody .greenMessageBox {
  display: block;
  position: relative;
  top: 0;
  width: 100%;
  padding: 7px 0;
  margin: 0;
  background-color: #48dc59;
  text-align: center;
}
.fullPageBG .formBody .greenMessageBox p {
  color: #0e4a15;
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.fullPageBG .formBody .redMessageBox {
  display: block;
  position: relative;
  top: 0;
  width: 100%;
  padding: 7px 0;
  margin: 0;
  background-color: #333333;
  text-align: center;
}
.fullPageBG .formBody .redMessageBox p {
  color: black;
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.fullPageBG .highBanner {
  width: 30%;
  height: 100vh;
}

.doesExist {
  display: none !important;
  border: none !important;
}
.doesExist.trueItDoes {
  display: block !important;
  color: red;
  background-color: rgb(255, 174, 186);
  margin-top: -20px !important;
}

.outerNav {
  position: fixed;
  max-width: 250px;
  width: 180px;
  height: 100vh;
  background-color: #ffffff;
  z-index: 999;
  top: 0;
}
.outerNav .image {
  background-color: #1b5ca7;
  display: block;
  text-align: center;
}
.outerNav .image img {
  height: 50px;
}
.outerNav.slide {
  width: 0% !important;
}
.outerNav .innerNav {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  overflow: hidden;
  background-color: #0d2c4f;
}
.outerNav .innerNav .innerNavH1 {
  display: flex;
  align-items: center;
  color: #fff;
  margin: 0;
  font-weight: 300;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  font-size: 20px;
}
.outerNav .innerNav .innerNavH1 i {
  font-size: 20px;
  margin-left: 10px;
  cursor: pointer;
}
.outerNav .innerNav a {
  display: inline-flex;
  align-items: center;
  padding: 20px;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  color: #ffffff;
  text-align: left;
  cursor: pointer;
}
.outerNav .innerNav a:hover {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
}
.outerNav .innerNav a i {
  margin-right: 10px;
}
.outerNav .innerNav a:hover {
  transition: 0.3s ease;
  background-color: #2274d3;
  -ms-transform: scale(1.03); /* IE 9 */
  -webkit-transform: scale(1.03); /* Safari 3-8 */
  transform: scale(1.03);
}
.outerNav .innerNav ul {
  padding: 0;
  margin: 0;
  display: block;
  list-style: none;
  width: 100%;
}
.outerNav .innerNav ul .nav-children {
  list-style: none;
  font-size: 13px;
  padding: 0;
  background-color: #103865;
}
.outerNav .innerNav label {
  width: 100%;
  margin-left: 10px;
  font-weight: bold;
  font-size: 12px;
  color: rgb(155, 146, 133);
  text-transform: uppercase;
}

.formHolder {
  margin: 20px 0 0;
}
.formHolder sup {
  color: red;
  display: inline-block;
}
.formHolder label {
  display: block;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #333333;
  margin: 0 0 5px;
  max-width: 80%;
}
.formHolder label.lcase {
  text-transform: none;
}
.formHolder label.regLabelHolder {
  display: block;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
  text-align: left;
  margin: 0 0 5px;
}
.formHolder label.regLabelHolder .informationIcon {
  font-size: 12px;
  padding: 3px;
  color: #0057ff;
  position: relative;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}
.formHolder label.regLabelHolder .informationIcon:hover {
  transition: all 0.3s ease-in-out;
  color: #0046cc;
  text-decoration: underline;
}
.formHolder label.regLabelHolder .informationIcon .informationHoveredBox {
  display: none;
}
.formHolder label.regLabelHolder .informationIcon .informationHoveredBox.visible {
  display: block;
  background-color: white;
  padding: 10px;
  color: #000;
  position: absolute;
  text-transform: none;
  height: fit-content;
  bottom: 12px;
  width: 220px;
  left: 15px;
  border: 1px solid #0057ff;
  box-sizing: border-box;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
@media screen and (max-width: 600px) {
  .formHolder label.regLabelHolder .informationIcon .informationHoveredBox.visible {
    width: 189px;
  }
}
.formHolder hr {
  margin: 40px 0;
}
.formHolder select {
  padding: 10px;
  box-sizing: border-box;
  width: 80%;
  margin: 0 0 20px;
  border-radius: 0;
  border: 1px solid #333333;
}
.formHolder select:focus {
  outline: none;
}
.formHolder input {
  padding: 10px;
  box-sizing: border-box;
  border: 1px #333333 solid;
  width: 80%;
  display: block;
  margin: 0 0 20px;
  font-size: 16px;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.formHolder input:focus {
  outline: none;
}
.formHolder textarea {
  resize: vertical;
  width: 80%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px #333333 solid;
  margin: 0 0 20px;
  font-size: 16px;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.formHolder p {
  margin: 0 0 10px;
  color: #333333;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 15px;
  max-width: calc(100% - 20px);
}
.formHolder .inputWrapper {
  position: relative;
  display: block;
  overflow: hidden;
  width: 80%;
}
.formHolder .inputWrapper p {
  margin: 0;
}
.formHolder .inputWrapper select,
.formHolder .inputWrapper input {
  margin: 10px 0 20px;
  display: block;
  width: 100%;
  font-weight: 300;
  padding: 10px;
  font-size: 12px;
  border: 1px solid #333333;
}
.formHolder .inputWrapper select:focus,
.formHolder .inputWrapper input:focus {
  outline: 0;
}
.formHolder .inputWrapper select {
  border-radius: 0;
  background-color: #ffffff;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  z-index: 1;
  position: relative;
  display: block;
}
.formHolder .inputWrapper select:hover {
  cursor: pointer;
}
.formHolder .inputWrapper .selectArrow {
  position: absolute;
  top: 38px;
  right: 5px;
  z-index: 1;
  font-size: 1em;
}
.formHolder button {
  background-color: #1b5ca7;
  color: #ffffff;
  padding: 10px 20px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 18px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  min-width: 40%;
  border: 0;
  margin: 10px 0 0;
}
.formHolder button:hover {
  background-color: #14447b;
}
.formHolder .checkboxDiv {
  display: flex;
  flex-direction: column;
}
.formHolder .checkboxDiv .checkboxSpan {
  display: flex;
  align-items: center;
  text-align: left;
  margin: 10px 0;
}
.formHolder .checkboxDiv .checkboxSpan p {
  margin: 0;
}
.formHolder .checkboxDiv .checkboxSpan input[type=checkbox] {
  width: auto;
  margin: 0;
  margin-right: 10px;
}
@media screen and (max-width: 600px) {
  .formHolder .checkboxDiv .checkboxSpan input[type=checkbox] {
    width: 5%;
  }
}
.formHolder .checkboxDiv .checkboxSpan .blue {
  color: rgb(56, 56, 255);
  text-decoration: underline;
}
.formHolder .checkboxDiv .checkboxSpan .informationIcon {
  font-size: 12px;
  padding: 3px;
  color: #0057ff;
  position: relative;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}
.formHolder .checkboxDiv .checkboxSpan .informationIcon:hover {
  transition: all 0.3s ease-in-out;
  color: #0046cc;
  text-decoration: underline;
}
.formHolder .checkboxDiv .checkboxSpan .informationIcon .informationHoveredBox {
  display: none;
}
.formHolder .checkboxDiv .checkboxSpan .informationIcon .informationHoveredBox.visible {
  display: block;
  background-color: white;
  padding: 10px;
  color: #000;
  position: absolute;
  text-transform: none;
  height: fit-content;
  bottom: 12px;
  width: 220px;
  left: 15px;
  border: 1px solid #0057ff;
  box-sizing: border-box;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
@media screen and (max-width: 600px) {
  .formHolder .checkboxDiv .checkboxSpan .informationIcon .informationHoveredBox.visible {
    width: 150px;
  }
}

.globalModalContainer {
  display: none;
}
.globalModalContainer.toSide {
  position: relative;
  width: 30%;
  height: 100vh;
  float: right;
}
.globalModalContainer.toSide .globalModal {
  padding: 0;
  position: relative;
  width: 100%;
}
.globalModalContainer.toSide .globalModal .modalCloseBtn {
  right: 20px !important;
}
.globalModalContainer.toSide .globalModal .modalInner {
  width: 100%;
  height: 100%;
  margin: 0;
}

.globalModal {
  position: fixed;
  top: 0;
  right: 0;
  width: calc(100% - 180px);
  height: calc(100vh - 0px);
  background-color: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  padding: 3%;
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
  z-index: 10;
}
.globalModal.full {
  padding: 0px !important;
}
.globalModal.full .modalCloseBtn {
  position: fixed;
  right: 20px;
  top: 20px !important;
  margin: 0;
}
.globalModal.medium {
  padding: 10% 20%;
  align-items: center;
}
.globalModal.medium .modalCloseBtn {
  position: fixed;
  right: calc(20% + 20px);
  top: calc(11% + 40px);
  margin: 0;
}
.globalModal.small {
  padding: 10% 25%;
  align-items: center;
}
.globalModal.small .modalCloseBtn {
  position: fixed;
  right: calc(25% + 20px);
  top: calc(11% + 40px);
  margin: 0;
}
.globalModal iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.modalForm {
  display: flex;
  flex-direction: column;
}
.modalForm label {
  margin: 10px 0 2px;
}
.modalForm select {
  border-radius: 0;
  padding: 5px;
  border: 1px solid #333333;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.modalForm textarea {
  font-family: "Plus Jakarta Sans", sans-serif;
}

.globalModal .modalInner {
  background-color: #ffffff;
  border: 2px solid #121212;
  box-sizing: border-box;
  padding: 30px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: auto;
}

.globalModal .modalInner.showroomView {
  padding: 0;
  overflow-y: auto;
}

.globalModal .modalInner.showroomView iframe {
  border: 0;
}

.globalModal .modalCloseBtn {
  background-color: #ff8060;
  color: #ffffff;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  right: calc(3% + 20px);
  margin-top: 20px;
  z-index: 10;
}

#overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(18, 18, 18, 0.4);
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  z-index: 999999999999999999;
}
#overlay #alert {
  background-color: #121212;
  color: #ffffff;
  padding: 20px;
  box-sizing: border-box;
  width: 800px;
  max-width: 80%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#overlay #alert #alert_head {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 10px 0;
}
#overlay #alert #alert_result {
  font-size: 16px;
  font-weight: 400;
}
#overlay #alert #alert_close {
  padding: 6px 18px;
  background-color: #81CDAA;
  color: #ffffff;
  margin-top: 15px;
  font-size: 16px;
}
#overlay #alert #alert_close:hover {
  cursor: pointer;
  background-color: #6fc69e;
}

.button-blue {
  background-color: #1b5ca7;
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  font-size: 16px;
  font-family: "Plus Jakarta Sans", sans-serif;
  display: inline-block;
}
.button-blue-small {
  background-color: #121212;
  color: #ffffff;
  font-size: 13px;
  padding: 5px 10px;
  border: none;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.button-blue-small:hover {
  background-color: black;
  cursor: pointer;
}
.button-blue-small:focus {
  outline: none;
}
.button-blue:hover {
  background-color: black;
  cursor: pointer;
}
.button-blue:focus {
  outline: none;
}
.button-red {
  background-color: #eb3838;
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  font-size: 16px;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.button-red-small {
  background-color: #eb3838;
  color: #ffffff;
  font-size: 13px;
  padding: 5px 10px;
  border: none;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.button-red-small:hover {
  background-color: #ac1111;
  cursor: pointer;
}
.button-red-small:focus {
  outline: none;
}
.button-red:hover {
  background-color: #ac1111;
  cursor: pointer;
}
.button-red:focus {
  outline: none;
}
.button-green {
  background-color: #81CDAA;
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  font-size: 16px;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.button-green:hover {
  background-color: #42a678;
  cursor: pointer;
}
.button-green:focus {
  outline: none;
}
.button-green-small {
  background-color: #81CDAA;
  color: #ffffff;
  font-size: 13px;
  padding: 5px 10px;
  border: none;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.button-green-small:hover {
  background-color: #42a678;
  cursor: pointer;
}
.button-green-small:focus {
  outline: none;
}

.splitContainer {
  display: flex;
  justify-content: space-between;
}
.splitContainer .windowSection {
  width: 100%;
}

.windowSection {
  margin: 20px 0;
  padding: 0;
  box-sizing: border-box;
}
.windowSection.noTopMargin {
  margin-top: 0;
}
.windowSection.splitLarge {
  width: calc(70% - 10px);
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
.windowSection.splitSmall {
  width: 30%;
  display: flex;
  flex-direction: column;
}
.windowSection.isFlex {
  display: flex;
  flex-direction: column;
  width: calc(50% - 15px);
}
@media screen and (max-width: 700px) {
  .windowSection.isFlex {
    width: 100%;
    box-sizing: border-box;
  }
}
.windowSection.whiteBg {
  background-color: white;
}
.windowSection .windowHead {
  background-color: #1b5ca7;
  box-sizing: border-box;
  padding: 10px;
}
.windowSection .windowHead.subHeader {
  background-color: #121212;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.windowSection .windowHead.subHeader a {
  width: 100%;
  color: #ffffff;
}
.windowSection .windowHead h4 {
  margin: 0;
  font-size: 20px;
  color: #ffffff;
  font-weight: 300;
}
.windowSection .windowArea {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  border-radius: 0.25rem;
}
.windowSection .windowArea.padded {
  padding: 20px;
}
.windowSection .windowArea table {
  border-spacing: 0;
}
.windowSection .windowArea table tr:nth-child(2n) td {
  background-color: #f0f0f0;
}
.windowSection .windowArea table tr td {
  padding: 5px 3px;
}
.windowSection .windowArea table th {
  background-color: #478ee1;
  padding: 6px 3px;
}
.windowSection .windowArea .windowTab {
  display: flex;
  width: 100%;
  align-items: center;
  cursor: pointer;
  padding: 8px;
  box-sizing: border-box;
}
.windowSection .windowArea .windowTab:nth-child(2n) {
  background-color: rgba(87, 87, 87, 0.1);
}
.windowSection .windowArea .windowTab:hover {
  transition: all 0.3s ease-in-out;
  background-color: #e6e6e6;
}
.windowSection .windowArea .windowTab .windowTabSpan {
  display: inline-flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
}
.windowSection .windowArea .windowTab .windowTabSpan .windowTabSlot {
  width: calc(30% - 10px);
  width: 100%;
  color: #333333;
  text-align: left;
}
.windowSection .windowArea .windowTab .windowTabSpan .checkbox {
  margin-right: 10px;
  margin-bottom: 0;
}
.windowSection .windowArea .taskContainer {
  display: inline-flex;
  width: 100%;
  align-items: stretch;
}
.windowSection .windowArea .taskContainer .taskBlock {
  background-color: #E3DEBB;
  color: #575757;
  display: inline-flex;
  box-sizing: border-box;
  justify-content: center;
  padding: 20px;
  flex-direction: column;
  margin-right: 5px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  user-select: none;
}
.windowSection .windowArea .taskContainer .taskBlock.progressBlock p {
  margin: 0;
}
@media screen and (max-width: 900px) {
  .windowSection .windowArea .taskContainer .taskBlock.progressBlock {
    line-height: normal;
  }
}
@media screen and (max-width: 900px) {
  .windowSection .windowArea .taskContainer .taskBlock {
    margin-right: 5px;
    width: 32%;
  }
}

.tabsBlock {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin: 0;
}

.tabHead {
  border-radius: 0;
  margin-right: 2px;
  padding: 8px 16px;
  background-color: #1b5ca7;
  color: #ffffff;
}
.tabHead.hover-rule:hover {
  cursor: pointer;
}
.tabHead.tabInactive {
  background-color: rgba(51, 51, 51, 0.2) !important;
  background: rgba(51, 51, 51, 0.2) !important;
  color: #333333;
  cursor: pointer;
}

.tabsContent {
  display: block;
  width: 100%;
  box-sizing: border-box;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
  border: 2px solid #1b5ca7;
  margin: 0;
}

.regBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 2px solid black;
  padding: 10px;
  margin-bottom: 20px;
}

.helpIcon {
  width: 30px;
  height: 30px;
  bottom: 5px;
  right: 5px;
  position: fixed;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #1b5ca7;
  color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
}

.ql-container {
  background-color: #ffffff;
  font-family: "Plus Jakarta Sans", sans-serif;
}

.settingsForm {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.settingsForm .smallRed {
  color: red;
  display: inline-block;
}
.settingsForm p {
  margin: 0 0 5px;
}
.settingsForm input, .settingsForm select {
  padding: 10px;
  box-sizing: border-box;
  width: 80%;
  margin: 0 0 15px;
  border-radius: 0;
  border: 1px solid #333333;
}
.settingsForm input:focus, .settingsForm select:focus {
  outline: none;
}
.settingsForm textarea {
  resize: vertical;
  width: 80%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px #333333 solid;
  margin: 0 0 20px;
  font-size: 16px;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.settingsForm button {
  background-color: #1b5ca7;
  color: #ffffff;
  padding: 10px 20px;
  margin: 10px 0 0;
  border: 0;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.settingsForm button:hover {
  background-color: #14447b;
}
.settingsForm .subparentAccount {
  display: flex;
  background-color: #f0f0f0;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  margin: 10px 0 0;
  align-items: center;
  justify-content: space-between;
}
.settingsForm .subparentAccount.addNew {
  background-color: #1b5ca7;
  cursor: pointer;
}
.settingsForm .subparentAccount.addNew:hover {
  background-color: #14447b;
}
.settingsForm .subparentAccount.addNew h4 {
  margin: 0;
  color: #ffffff;
}
.settingsForm .subparentAccount div {
  width: 100%;
}
.settingsForm .subparentAccount div:last-child {
  text-align: right;
}
.settingsForm .subparentAccount h3 {
  margin: 0 0 10px;
}
.settingsForm .subparentAccount p {
  margin: 0;
}
.settingsForm .subparentAccount button.red {
  margin-left: 10px;
  background-color: #eb3838;
}

.gcFormBox {
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px;
  background-color: #d7d7d7;
  box-sizing: border-box;
}
.gcFormBox.subActive {
  border: 2px solid #1b5ca7;
}
.gcFormBox.subActive p {
  margin: 0 auto;
  border-bottom: 1px solid #1b5ca7;
  padding: 10px 0;
  width: 100%;
}
.gcFormBox.subActive p:last-of-type {
  border-bottom: 0;
}
.gcFormBox label {
  color: #333333;
  font-weight: 400;
  margin: 0 auto 5px;
  width: 100%;
  text-align: left;
}
.gcFormBox input,
.gcFormBox select {
  border: 1px solid #333333;
  padding: 6px;
  font-family: "Plus Jakarta Sans", sans-serif;
  width: 100%;
  margin-bottom: 20px;
  box-sizing: border-box;
  font-size: 16px;
}
.gcFormBox input[type=checkbox],
.gcFormBox select[type=checkbox] {
  width: auto;
}
.gcFormBox .gcCheckCredMessage {
  margin: 10px 0 0;
  padding: 5px;
  box-sizing: border-box;
}
.gcFormBox button {
  margin-top: 15px;
}

.sliderContainer {
  width: 95%;
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: space-evenly;
}
.sliderContainer .slides {
  width: 25%;
  background-color: pink;
  height: 300px;
}

.notificationBarContainer {
  display: flex;
  padding: 15px;
  color: white;
  align-items: center;
  flex-direction: column;
}
.notificationBarContainer .notificationBar {
  font-size: 20px;
  text-align: left;
  padding: 15px;
  width: -webkit-fill-available;
  margin-bottom: 10px;
}
.notificationBarContainer .notificationBar.Info {
  background: cornflowerblue;
  display: inline-flex;
  align-items: center;
  flex-direction: row;
}
.notificationBarContainer .notificationBar.Info i {
  margin-right: 10px;
}
.notificationBarContainer .notificationBar.Info h4 {
  font-weight: 600;
  margin: 0;
}
.notificationBarContainer .notificationBar.Info .NotifInfo {
  display: inline-flex;
  flex-direction: column;
}
.notificationBarContainer .notificationBar.Info .NotifInfo p {
  margin: 0;
  font-size: 17px;
}
.notificationBarContainer .notificationBar.Error {
  background-color: red;
  display: inline-flex;
  align-items: center;
  flex-direction: row;
}
.notificationBarContainer .notificationBar.Error i {
  margin-right: 10px;
}
.notificationBarContainer .notificationBar.Error h4 {
  font-weight: 600;
  margin: 0;
}
.notificationBarContainer .notificationBar.Error p {
  margin: 0;
  font-size: 17px;
}
.notificationBarContainer .notificationBar.Warning {
  background-color: orange;
  display: inline-flex;
  align-items: center;
  flex-direction: row;
}
.notificationBarContainer .notificationBar.Warning i {
  margin-right: 10px;
}
.notificationBarContainer .notificationBar.Warning h4 {
  font-weight: 600;
  margin: 0;
}
.notificationBarContainer .notificationBar.Warning p {
  margin: 0;
  font-size: 17px;
}
.notificationBarContainer .notificationBar.Success {
  background-color: rgb(53, 152, 53);
  display: inline-flex;
  align-items: center;
  flex-direction: row;
}
.notificationBarContainer .notificationBar.Success i {
  margin-right: 10px;
}
.notificationBarContainer .notificationBar.Success h4 {
  font-weight: 600;
  margin: 0;
}
.notificationBarContainer .notificationBar.Success p {
  margin: 0;
  font-size: 17px;
}

.mid {
  background-color: #C1E1C1;
  padding-bottom: 1vh;
}

.older {
  background-color: #CCCCFF;
  padding-bottom: 1vh;
}

.young {
  background-color: #FFFAA0;
  padding-bottom: 1vh;
}

.divLord {
  justify-content: unset;
  display: flex;
  flex-direction: row;
  padding: unset;
  width: 100%;
  align-items: stretch;
}
@media screen and (max-width: 900px) {
  .divLord {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.divLord .divRowBox {
  display: inline-flex;
  flex-direction: column;
  width: 33.33%;
  border-right: 1px solid rgba(204, 204, 204, 0.5);
}
.divLord .divRowBox.right {
  width: 66.666%;
}
.divLord .divRowBox:last-of-type {
  border: none;
}
.divLord .divRowBox span {
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 30px;
}
.divLord .divRowBox span h3 {
  margin: 0;
  font-size: 15px;
  text-align: center;
}
.divLord .divRowBox span .accessRegister {
  font-size: 15px;
  background-color: #CCCCFF;
  padding: 10px;
  cursor: pointer;
}
.divLord .divRowBox span .accessRegister:hover {
  transition: all 0.3s ease-in-out;
  background-color: #9999ff;
}
.divLord .divRowBox .wrappedTextSession {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 0 !important;
  width: 100%;
  align-items: center;
}
.divLord .divRowBox .wrappedTextSession p {
  padding: 10px 0;
}
.divLord .divRowBox .wrappedTextSession i {
  cursor: pointer;
  margin-right: 15px;
  color: red;
}
.divLord .divRowBox .mainBody {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.divLord .divRowBox .mainBody label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
  text-align: left;
  margin: 0 0 5px;
}
.divLord .divRowBox .mainBody input {
  padding: 10px;
  border: 1px solid rgb(0, 0, 0);
  width: 95%;
  display: block;
  margin: 0 0 20px;
  box-sizing: border-box;
  font-size: 16px;
}
.divLord .divRowBox .mainBody select {
  padding: 10px;
  box-sizing: border-box;
  width: 95%;
  margin: 0 0 20px;
}

.sessionsHead {
  display: flex;
  flex-direction: column;
  width: 40%;
  max-width: 100%;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .sessionsHead {
    width: unset;
  }
}
.sessionsHead h1 {
  font-size: 35px;
  color: #ffffff;
  margin: 0 !important;
}

.dateBlock {
  background-color: #121212;
  padding: 5px;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
}
.dateBlock h1 {
  margin: 0;
  color: #ffffff;
  text-align: center;
}
.dateBlock button {
  background-color: #ffffff;
  color: #121212;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 5px 12px;
}
.dateBlock button i {
  font-weight: 600;
}

.addStudentStickyNav {
  position: sticky !important;
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: end;
  align-items: stretch;
  padding: 10px 0;
  box-sizing: border-box;
}
.addStudentStickyNav .addStudent {
  border: none;
  float: right;
  border-radius: 0.5rem;
  box-sizing: border-box;
  padding: 10px;
  cursor: pointer;
  margin-right: 20px;
}
.addStudentStickyNav .startSession {
  border: none;
  float: right;
  border-radius: 0.5rem;
  box-sizing: border-box;
  padding: 10px;
  cursor: pointer;
  margin-right: 20px;
  margin-left: 20px;
  width: 100%;
}

.session_dropdown {
  display: none !important;
}
.session_dropdown.visible {
  display: block !important;
}

.activeBar {
  position: absolute;
  right: 10px;
  color: lime;
}
.activeBar.hidden {
  display: none;
}

.unavailableRegister.true {
  background-color: rgba(128, 128, 128, 0.3803921569);
  border: 2px solid grey;
  margin-left: 20px;
}
.unavailableRegister.true .wrappedTextSession {
  opacity: 0.5;
}
.unavailableRegister.true.false {
  background-color: unset;
  border: unset;
  margin-left: unset;
}
.unavailableRegister.true.false .wrappedTextSession {
  opacity: 1;
}

.goToReport {
  text-decoration: underline;
  cursor: pointer;
}
.goToReport:hover {
  color: #1b5ca7;
}

.memberContainer {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
}
@media screen and (max-width: 900px) {
  .memberContainer {
    flex-direction: column;
  }
}
.memberContainer.homePage {
  justify-content: unset;
  padding: unset;
}
.memberContainer.homePage .dashIcons {
  display: inline-flex;
  margin: 0 10px;
}
.memberContainer.homePage .dashIcons i {
  cursor: pointer;
}
.memberContainer.homePage .dashIcons i:hover {
  transition: all 0.3s ease-in-out;
  color: royalblue;
}
@media screen and (max-width: 900px) {
  .memberContainer.homePage {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.memberContainer .memberBlockNew {
  box-sizing: border-box;
  width: calc(24% - 15px);
  margin: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}
.memberContainer .memberBlockNew.reportBlock {
  width: 100% !important;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .memberContainer .memberBlockNew {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 35px;
  }
}
.memberContainer .memberBlockNew .memberTop {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  background-color: #333333;
  width: 100%;
}
.memberContainer .memberBlockNew .memberTop.reportTop p {
  width: 20%;
  text-align: left;
}
.memberContainer .memberBlockNew .memberTop h4 {
  margin: 0;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
  color: #ffffff;
}
.memberContainer .memberBlockNew .memberTop .reportNo {
  color: #ffffff;
  padding: 8px 10px;
  margin: 0;
  box-sizing: border-box;
}
.memberContainer .memberBlockNew .memberTop .hasAdminPerms {
  display: inline-flex;
  justify-content: flex-end;
  width: 100%;
  box-sizing: border-box;
}
.memberContainer .memberBlockNew .memberTop .hasAdminPerms.reportPerms {
  width: 20%;
  display: flex;
  justify-content: end;
  padding: 10px;
  box-sizing: border-box;
}
.memberContainer .memberBlockNew .memberTop .hasAdminPerms.reportPerms button:first-of-type {
  margin-right: 10px;
}
.memberContainer .memberBlockNew .memberContent {
  padding: 10px;
  box-sizing: border-box;
}
.memberContainer .memberBlockNew .memberContent p {
  box-sizing: border-box;
  text-align: left;
  margin: 5px;
}
.memberContainer .memberBlockNew .memberContent p:first-of-type {
  margin-top: 10px;
}
.memberContainer .memberBlockNew .memberContent .studentHasNeeds {
  box-sizing: border-box;
  width: 100%;
  display: inline-flex;
  align-items: center;
}
.memberContainer .memberBlockNew .memberContent .studentHasNeeds .studentRequirements {
  display: inline-flex;
  align-items: flex-start;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
  margin: 0 5px;
}
.memberContainer .memberBlockNew .memberContent .studentHasNeeds .studentRequirements i {
  margin: 5px;
  max-height: 100px;
}
.memberContainer .memberBlockNew .memberContent .studentHasNeeds .studentRequirements #urgent {
  color: red;
}
.memberContainer .memberBlockNew .memberContent .studentHasNeeds .studentRequirements #mid {
  color: orange;
}
.memberContainer .memberBlockNew .memberContent .hasAdminPerms {
  display: inline-flex;
  justify-content: flex-end;
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
}
.memberContainer .memberBlockNew .memberContent .hasAdminPerms.reportPerms {
  width: 20%;
  display: flex;
  justify-content: end;
  padding: 10px;
  margin-top: 0px !important;
  box-sizing: border-box;
}
.memberContainer .memberBlockNew .memberContent .hasAdminPerms.reportPerms button:first-of-type {
  margin-right: 10px;
}
@media screen and (max-width: 1200px) {
  .memberContainer .memberBlockNew .memberContent .hasAdminPerms {
    margin: 30px 0px 0px;
  }
}
.memberContainer .memberBlockNew .memberContent .hasAdminPerms button:first-of-type {
  margin-right: 10px;
}
.memberContainer .memberBlock {
  width: calc(33% - 15px);
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  margin-right: 15px;
  margin-bottom: 35px;
  margin-top: 35px;
}
.memberContainer .memberBlock.homePage {
  margin-bottom: unset;
  margin-top: unset;
  width: calc(20% - 15px);
}
@media screen and (max-width: 900px) {
  .memberContainer .memberBlock.homePage {
    width: 100%;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 600px) {
  .memberContainer .memberBlock.homePage {
    width: calc(48% - 10px);
    margin: 10px;
  }
}
@media screen and (max-width: 820px) {
  .memberContainer .memberBlock {
    width: 100%;
    margin: 10px !important;
  }
}
.memberContainer .memberBlock .wrappedText {
  position: relative;
  flex-direction: column;
  margin: 0 !important;
  align-content: center;
}
.memberContainer .memberBlock .wrappedText p {
  margin: 0 !important;
  padding-left: 1vh;
  padding-top: 1vh;
}
.memberContainer .memberBlock .wrappedText .reportNo {
  float: right;
  opacity: 0.6;
  font-size: 12px;
  margin-right: 0.7vh !important;
}
.memberContainer .memberBlock .wrappedText .reportP {
  padding: 10px;
}
.memberContainer .memberBlock .wrappedText .reportP.background-gradient {
  background: hsl(212deg, 72%, 38%);
  background: linear-gradient(0deg, hsl(212deg, 72%, 38%) 0%, hsl(225deg, 43%, 74%) 100%);
  background: -moz-linear-gradient(0deg, hsl(212deg, 72%, 38%) 0%, hsl(225deg, 43%, 74%) 100%);
  background: -webkit-linear-gradient(0deg, hsl(212deg, 72%, 38%) 0%, hsl(225deg, 43%, 74%) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1B5CA7", endColorstr="#A0AED9", GradientType=1);
}
.memberContainer .memberBlock .wrappedText .reportDesc {
  text-overflow: ellipsis !important;
}
.memberContainer .memberBlock .wrappedText h2 {
  margin: 0 !important;
}
.memberContainer .memberBlock .wrappedText .accessRegister {
  float: right;
  margin-right: 0.7vh;
  margin-bottom: 0.7vh;
  margin-top: 0.7vh;
  padding: 5px;
  border: none;
  background: none;
  text-transform: uppercase;
  background-color: #CCCCFF;
  cursor: pointer;
}
.memberContainer .memberBlock .wrappedText .accessRegister:hover {
  transition: all 0.3s ease-in-out;
  background-color: #9999ff;
}
.memberContainer .memberBlock .wrappedText .reportsBtn {
  float: right;
  margin-right: 0.7vh;
  margin-bottom: 0.7vh;
  margin-top: 0.7vh;
  border: none;
  background: none;
  text-transform: uppercase;
  background-color: red;
  padding: 5px;
  /* border-radius: 5px; */
  cursor: pointer;
  color: white;
}
.memberContainer .memberBlock .wrappedText .reportsBtn.Edit {
  background-color: #5591ff;
}
.memberContainer .memberBlock .wrappedText .reportsBtn.Edit:hover {
  transition: all 0.3s ease-in-out;
  background-color: #2270ff;
}
.memberContainer .memberBlock .wrappedText .reportsBtn:hover {
  transition: all 0.3s ease-in-out;
  background-color: #cc0000;
}

.profileCard {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
.profileCard .profileBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  box-sizing: border-box;
  width: calc(20% - 30px);
  margin: 15px;
  border: 2px solid black;
}
@media screen and (max-width: 900px) {
  .profileCard .profileBox {
    width: 100%;
  }
}
.profileCard .profileBox .profileHeader {
  padding: 10px 0;
  margin: 0;
  text-transform: uppercase;
  opacity: 0.8;
}
.profileCard .profileBox .profileHeader i {
  margin-right: 10px;
}
.profileCard .profileBox .profileHeader i.red {
  color: red;
}
.profileCard .profileBox .profileHeader i.amber {
  color: rgb(255, 145, 0);
}
.profileCard .profileBox .profileHeader i.green {
  color: green;
}
.profileCard .profileBox .profileText {
  display: inline-flex;
  margin: 10px 0;
}
.profileCard .profileBox .profileText .waitingId {
  margin-right: 10px;
}
.profileCard .profileBox .profileText p {
  margin: 0;
}

.offerPlaceForm {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: #f5f5f5;
  border: 2px solid #1b5ca7;
  box-sizing: border-box;
}
.offerPlaceForm h4 {
  margin-top: 0;
}
.offerPlaceForm select {
  margin: 5px 0 0;
  box-sizing: border-box;
  padding: 5px;
  font-family: "Plus Jakarta Sans", sans-serif;
  border: 1px solid #333333;
}
.offerPlaceForm textarea {
  height: 200px;
  resize: vertical;
  width: 100%;
  display: block;
  margin: 0 0 10px;
}

table {
  border-spacing: 0;
  width: 100%;
  white-space: nowrap;
  table-layout: auto;
  margin: 10px 0;
}
table thead {
  position: sticky;
  top: 0;
  z-index: 10;
}
table thead tr {
  background-color: #1b5ca7;
}
table thead tr td, table thead tr th {
  padding: 7px;
  color: #ffffff;
  font-weight: 600;
}
table tbody tr:nth-child(2n-1) {
  background-color: #f5f5f5;
}
table tbody tr:hover {
  background-color: #cadff7;
}
table tbody td {
  padding: 5px 7px;
  color: #333333;
}
table tbody td.red {
  background-color: rgba(235, 56, 56, 0.4);
}
table tbody td.amber {
  background-color: rgba(241, 198, 65, 0.4);
}
table tbody td h1, table tbody td h2, table tbody td h3, table tbody td h4, table tbody td h5, table tbody td h6, table tbody td p {
  margin: 3px 0;
}
table tbody td i {
  font-size: 12px;
  margin-left: 5px;
  opacity: 0.7;
  cursor: pointer;
}
table tbody td img {
  max-width: 100px;
  max-height: 80px;
}
table tbody td textarea {
  resize: vertical;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #333333;
  border-radius: 0;
  margin: 5px;
}
table tbody td textarea:focus {
  outline: none;
}
table tbody td select {
  border: 1px solid #333333;
  padding: 5px;
  font-size: 16px;
  margin: 3px 0;
  font-family: "Plus Jakarta Sans", sans-serif;
}
table tbody td select:focus {
  outline: none;
}
table tbody td .quantityBox {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  margin: 5px 0;
}
table tbody td .quantityBox p {
  font-size: 13px;
  margin: 0 0 5px;
  display: block;
}
table tbody td .quantityBox span {
  background-color: #575757;
  color: #333333;
  padding: 0 3px;
  box-sizing: border-box;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
table tbody td .quantityBox input {
  margin: 0;
  background: none;
  border: none;
  background-color: #ffffff;
  color: #333333;
  font-size: 16px;
  max-width: 40px;
  text-align: center;
  height: 24px;
  box-sizing: border-box;
  padding: 0 5px;
}
table tbody td .quantityBox input:focus {
  outline: none;
}
table tfoot tr {
  background-color: #81CDAA;
}
table tfoot tr td {
  padding: 5px 7px;
  color: #ffffff;
}

.modalOpen {
  cursor: pointer;
}

.modalInner .formBody {
  display: none;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
}
.modalInner .formBody form {
  width: 100%;
}
.modalInner .formBody.visible {
  display: inline-flex;
}
@media screen and (max-width: 600px) {
  .modalInner .formBody.visible {
    width: 100%;
    padding: 0;
  }
}
.modalInner .formBody.visible.forLoginOnly {
  width: 100%;
  justify-content: left;
  padding: 0 10%;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  .modalInner .formBody.visible.forLoginOnly {
    padding: 0 5%;
  }
}
.modalInner .formBody.visible.Left {
  align-items: flex-start;
  padding: 0 5%;
}
.modalInner .formBody.visible.modalForm {
  padding: unset;
  align-items: unset;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}
.modalInner .formBody.visible.modalForm .relatedCont {
  display: flex;
}
.modalInner .formBody.visible.modalForm .relatedCont .relatedBox {
  padding: 10px;
  height: fit-content;
}
.modalInner .formBody.visible.modalForm .relatedCont .relatedBox h1 {
  font-weight: 300;
}
.modalInner .formBody.visible.modalForm .relatedCont .relatedBox .regBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 2px solid black;
  padding: 10px;
  margin-bottom: 20px;
}
.modalInner .formBody .loginBox {
  background-color: white;
  padding: 20px 0;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  .modalInner .formBody .loginBox.forLogin {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .modalInner .formBody .loginBox {
    width: unset;
    padding: 30px;
  }
}
.modalInner .formBody .loginBox.modalForm {
  max-width: unset;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .modalInner .formBody .loginBox {
    width: unset;
    padding: 15px;
  }
}
.modalInner .formBody .loginBox h1 {
  color: black;
  margin: 20px 0 0;
  font-weight: 400;
}
@media screen and (max-width: 600px) {
  .modalInner .formBody .loginBox h1 {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .modalInner .formBody .loginBox p {
    font-size: 15px;
  }
}
.modalInner .formBody .loginBox label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
  text-align: left;
  margin: 0 0 5px;
}
.modalInner .formBody .loginBox label .informationIcon {
  font-size: 12px;
  padding: 3px;
  color: #0057ff;
  position: relative;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}
.modalInner .formBody .loginBox label .informationIcon:hover {
  transition: all 0.3s ease-in-out;
  color: #0046cc;
  text-decoration: underline;
}
.modalInner .formBody .loginBox label .informationIcon .informationHoveredBox {
  display: none;
}
.modalInner .formBody .loginBox label .informationIcon .informationHoveredBox.visible {
  display: block;
  background-color: white;
  padding: 10px;
  color: #000;
  position: absolute;
  text-transform: none;
  height: fit-content;
  bottom: 12px;
  width: 220px;
  left: 15px;
  border: 1px solid #0057ff;
  box-sizing: border-box;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
@media screen and (max-width: 600px) {
  .modalInner .formBody .loginBox label .informationIcon .informationHoveredBox.visible {
    width: 189px;
  }
}
.modalInner .formBody .loginBox input {
  padding: 10px;
  border: 1px solid rgb(0, 0, 0);
  width: 100%;
  display: block;
  margin: 0 0 20px;
  box-sizing: border-box;
  font-size: 16px;
}
.modalInner .formBody .loginBox input.modalForm {
  max-width: 600px;
}
.modalInner .formBody .loginBox input.incorrect {
  background-color: red;
}
.modalInner .formBody .loginBox input.exists {
  background-color: red;
}
.modalInner .formBody .loginBox textarea::placeholder {
  font-family: "Plus Jakarta Sans", sans-serif;
}
.modalInner .formBody .loginBox .checkboxDiv {
  display: flex;
  flex-direction: column;
}
.modalInner .formBody .loginBox .checkboxDiv .checkboxSpan {
  display: flex;
  align-items: center;
  text-align: left;
}
.modalInner .formBody .loginBox .checkboxDiv .checkboxSpan input[type=checkbox] {
  width: 3%;
  margin: 0;
  margin-right: 10px;
}
@media screen and (max-width: 600px) {
  .modalInner .formBody .loginBox .checkboxDiv .checkboxSpan input[type=checkbox] {
    width: 5%;
  }
}
.modalInner .formBody .loginBox .checkboxDiv .checkboxSpan .blue {
  color: rgb(56, 56, 255);
  text-decoration: underline;
}
.modalInner .formBody .loginBox .checkboxDiv .checkboxSpan .informationIcon {
  font-size: 12px;
  padding: 3px;
  color: #0057ff;
  position: relative;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}
.modalInner .formBody .loginBox .checkboxDiv .checkboxSpan .informationIcon:hover {
  transition: all 0.3s ease-in-out;
  color: #0046cc;
  text-decoration: underline;
}
.modalInner .formBody .loginBox .checkboxDiv .checkboxSpan .informationIcon .informationHoveredBox {
  display: none;
}
.modalInner .formBody .loginBox .checkboxDiv .checkboxSpan .informationIcon .informationHoveredBox.visible {
  display: block;
  background-color: white;
  padding: 10px;
  color: #000;
  position: absolute;
  text-transform: none;
  height: fit-content;
  bottom: 12px;
  width: 220px;
  left: 15px;
  border: 1px solid #0057ff;
  box-sizing: border-box;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
@media screen and (max-width: 600px) {
  .modalInner .formBody .loginBox .checkboxDiv .checkboxSpan .informationIcon .informationHoveredBox.visible {
    width: 150px;
  }
}
.modalInner .formBody .loginBox .skipBtn {
  padding: 10px 20px;
  display: inline-block;
  text-transform: uppercase;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 600;
  min-width: 40%;
  border: 0;
  margin: 10px 0 0;
  background-color: red;
  color: white;
  cursor: pointer;
}
.modalInner .formBody .loginBox .skipBtn:hover {
  transition: all 0.3s ease-in-out;
  background-color: #cc0000;
}
.modalInner .formBody .registerBtn {
  background-color: #a0a3d7;
  color: white;
  padding: 10px 20px;
  display: inline-block;
  text-transform: uppercase;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 600;
  min-width: 40%;
  border: 0;
  margin: 10px 0 0;
  cursor: pointer;
  width: 100%;
}
.modalInner .formBody .registerBtn:hover {
  transition: all 0.3s ease-in-out;
  background-color: #7c80c8;
}
.modalInner .formBody .nextBtn,
.modalInner .formBody .prevBtn,
.modalInner .formBody .childBtn,
.modalInner .formBody .addChild,
.modalInner .formBody .yesBtn,
.modalInner .formBody .parentBtn {
  background-color: #a0a3d7;
  color: white;
  padding: 10px 20px;
  display: inline-block;
  text-transform: uppercase;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 600;
  min-width: 40%;
  border: 0;
  margin: 10px 0 0;
  cursor: pointer;
  width: 100%;
}
.modalInner .formBody .nextBtn:hover,
.modalInner .formBody .prevBtn:hover,
.modalInner .formBody .childBtn:hover,
.modalInner .formBody .addChild:hover,
.modalInner .formBody .yesBtn:hover,
.modalInner .formBody .parentBtn:hover {
  transition: all 0.3s ease-in-out;
  background-color: #7c80c8;
}
.modalInner .formBody .agreement {
  width: 80%;
}
.modalInner .formBody .smallRed {
  color: red;
  display: inline-block;
  margin: 0;
}
.modalInner .formBody hr {
  margin: 30px 0;
}
.modalInner .formBody .smallText {
  font-size: 12px;
  text-align: left;
}
.modalInner select {
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 20px;
}

.subscriptionBox .stackItems {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}
.subscriptionBox .stackItems input, .subscriptionBox .stackItems select, .subscriptionBox .stackItems p {
  margin: 5px 0 0;
}
.subscriptionBox .stackItems label {
  margin: 10px 0 0;
}
.subscriptionBox label {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}
.subscriptionBox select {
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #333333;
}
.subscriptionBox table {
  border-spacing: 0;
}
.subscriptionBox table thead th {
  background-color: #1b5ca7;
  color: #ffffff;
  padding: 5px;
}
.subscriptionBox table tbody tr:nth-child(2n) {
  background-color: #f5f5f5;
}
.subscriptionBox table tbody tr.totaliser {
  background-color: #cadff7 !important;
}
.subscriptionBox table td {
  padding: 5px;
}
.subscriptionBox table td input {
  border-top: none;
  border-left: none;
  border-right: none;
}

body {
  margin: 0;
  font-family: "Plus Jakarta Sans", sans-serif;
  background-color: #ffffff;
}
body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
body a {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
body a:hover {
  cursor: pointer;
}
body button {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none;
  border-radius: 0;
}
body input {
  border: 1px solid #333333;
  font-family: "Plus Jakarta Sans", sans-serif;
  padding: 5px;
}
body input:focus {
  outline: none;
}
body input[type=button] {
  -webkit-appearance: none;
  border-radius: 0;
}
body #data {
  position: fixed;
  overflow: auto;
  display: inline-block;
  width: calc(100vw - 180px);
  height: 100vh;
  right: 0;
  top: 0;
  padding: 20px;
  box-sizing: border-box;
}
body #data h1 {
  margin: 0 0 20px;
}

/*# sourceMappingURL=main.css.map */