/*
* strip-unit - Unit stripper [10px = 10]
* param - $num : the value with a unit suffix, E.g: 10px
* return - $result : the value without any suffix, E.g: 10
* E.g. strip-unit(100px) = 100
*/
/*
* pxToEM - Convert PX value to EM value [100px = 6.25em]
* param - $target : the value in px without 'px' suffix, E.g: 100
* return - $result : the value in em with 'em' suffix, E.g: 6.25em
* E.g. pxToEM(100) = 6.25em
*/
/*
* u - PX and REM constrictor
* param - $property : css property, E.g: padding
* param - $values... : list of values for the property, note values are multiplied by $pixelBase, E.g.: 10, 20, 30, 40
* return - $result : the css property with values applied in pixels
* E.g. @include u(padding, 10, 20, 30, 40) = padding: 100px, 200px, 300px, 400px;
*/
/*! _form */
.portal-content:not(.evaluation-wrap) .c2form_zero {
  border: 1px solid #C7CBFF;
  padding: 2rem; }
  .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_row:nth-child(1), .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_row:nth-child(2), .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_row:nth-child(3) {
    width: 33.33%; }
  .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_row .c2form_date .form:not(:last-child) {
    width: 33.33%;
    margin-right: calc(var(--bs-gutter-x) / 2); }
  .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_row .c2form_date .form:last-child {
    width: 33.33%; }
  .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_row textarea {
    width: 100%;
    height: 70px; }
  .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_row input,
  .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_row textarea,
  .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_row select {
    border-radius: 0 !important;
    border-color: #BDBDBD !important;
    border-width: 2px; }
    .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_row input:focus,
    .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_row textarea:focus,
    .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_row select:focus {
      outline: 0 !important;
      border: 2px solid #4B54C7 !important;
      /* Change to Primary/Secondary System Color */
      box-shadow: 0 0 5px rgba(4, 16, 159, 0.5) !important;
      /* Change to Primary/Secondary System Color */
      transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_buttons {
    text-align: left;
    margin-top: 1rem; }
    .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_buttons button:not(.c2btncancel) {
      border-radius: 2px;
      text-transform: uppercase;
      font-weight: 700;
      box-shadow: #04109f 0px 1px 2px;
      background-color: #4B54C7;
      letter-spacing: 0.5px;
      color: #fefefe !important;
      border: unset !important; }
    .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_buttons button.c2btncancel {
      border-color: #4B54C7;
      color: #4B54C7;
      text-transform: uppercase;
      border-radius: 2px;
      box-shadow: #04109f 0px 1px 2px;
      font-weight: 700; }
      .portal-content:not(.evaluation-wrap) .c2form_zero .c2form_buttons button.c2btncancel:hover {
        background-color: #4B54C7;
        color: #fff; }

.portal-content.evaluation-wrap .c2form_zero {
  border: 1px solid #C7CBFF;
  padding: 2rem; }
  .portal-content.evaluation-wrap .c2form_zero .c2form_row .c2form_date .form:not(:last-child) {
    width: 33.33%;
    margin-right: calc(var(--bs-gutter-x) / 2); }
  .portal-content.evaluation-wrap .c2form_zero .c2form_row .c2form_date .form:last-child {
    width: 33.33%; }
  .portal-content.evaluation-wrap .c2form_zero .c2form_row textarea {
    width: 100%;
    height: 70px; }
  .portal-content.evaluation-wrap .c2form_zero .c2form_row input,
  .portal-content.evaluation-wrap .c2form_zero .c2form_row textarea,
  .portal-content.evaluation-wrap .c2form_zero .c2form_row select {
    border-radius: 0 !important;
    border-color: #BDBDBD !important;
    border-width: 2px; }
    .portal-content.evaluation-wrap .c2form_zero .c2form_row input:focus,
    .portal-content.evaluation-wrap .c2form_zero .c2form_row textarea:focus,
    .portal-content.evaluation-wrap .c2form_zero .c2form_row select:focus {
      outline: 0 !important;
      border: 2px solid #4B54C7 !important;
      /* Change to Primary/Secondary System Color */
      box-shadow: 0 0 5px rgba(4, 16, 159, 0.5) !important;
      /* Change to Primary/Secondary System Color */
      transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  .portal-content.evaluation-wrap .c2form_zero .c2form_buttons {
    text-align: left;
    margin-top: 1rem;
    display: flex;
    column-gap: 0.5rem;
    flex-wrap: wrap; }
    .portal-content.evaluation-wrap .c2form_zero .c2form_buttons button:not(.c2btncancel) {
      border-radius: 2px;
      text-transform: uppercase;
      font-weight: 700;
      box-shadow: #04109f 0px 1px 2px;
      background-color: #4B54C7;
      letter-spacing: 0.5px;
      color: #fefefe !important;
      border: unset !important;
      margin-top: 0 !important; }
    .portal-content.evaluation-wrap .c2form_zero .c2form_buttons button.c2btncancel {
      border-color: #4B54C7;
      color: #4B54C7;
      text-transform: uppercase;
      border-radius: 2px;
      box-shadow: #04109f 0px 1px 2px;
      font-weight: 700;
      margin-top: 0 !important; }
      .portal-content.evaluation-wrap .c2form_zero .c2form_buttons button.c2btncancel:hover {
        background-color: #4B54C7;
        color: #fff; }

.portal-content.evaluation-wrap .c2form_datetime {
  flex-wrap: wrap;
  row-gap: 1rem;
  align-items: center; }
  .portal-content.evaluation-wrap .c2form_datetime > .form:nth-child(1),
  .portal-content.evaluation-wrap .c2form_datetime > .form:nth-child(2),
  .portal-content.evaluation-wrap .c2form_datetime > .form:nth-child(3) {
    width: 30.25%;
    margin: 0; }
  .portal-content.evaluation-wrap .c2form_datetime > .form:nth-child(4) {
    width: 30.25%;
    margin: 0 5.75px 0 0; }
  .portal-content.evaluation-wrap .c2form_datetime > .form:nth-child(5) {
    width: 30.25%;
    margin: 0 5.75px; }
  .portal-content.evaluation-wrap .c2form_datetime > .form:nth-child(6) {
    width: 30.25%;
    margin: 0 0 0 5.75px; }

.portal-content.evaluation-wrap .c2form_time_hhmm {
  display: flex;
  justify-content: space-between; }
  .portal-content.evaluation-wrap .c2form_time_hhmm input {
    width: 49%; }

.evaluationbuttons {
  float: unset !important;
  display: flex;
  flex-wrap: wrap;
  column-gap: 59px;
  row-gap: 3.5rem;
  margin: 1rem auto;
  width: 100%; }
  @media (max-width: 1400px) {
    .evaluationbuttons {
      column-gap: 51px; } }
  @media (max-width: 1200px) {
    .evaluationbuttons {
      column-gap: 43px; } }
  .evaluationbuttons a:not(.c2btnbacktolisting):not(._sub):not(.back):not(._total) {
    width: 30.33%;
    height: 223px;
    margin: 0 !important;
    max-width: unset !important;
    background: #4b54c7;
    background: linear-gradient(128deg, #4b54c7 0%, #8842bc 100%);
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    font-size: 1.3rem; }
    .evaluationbuttons a:not(.c2btnbacktolisting):not(._sub):not(.back):not(._total) h2 {
      font-size: 22px;
      text-align: center; }
    .evaluationbuttons a:not(.c2btnbacktolisting):not(._sub):not(.back):not(._total) .material-icons {
      font-size: 80px; }
    .evaluationbuttons a:not(.c2btnbacktolisting):not(._sub):not(.back):not(._total)._incomplete:after {
      content: "";
      position: absolute;
      top: -20px;
      right: -22px;
      width: 55px;
      height: 55px;
      background-image: url("/p/1/Warning%20Icon.svg");
      background-repeat: no-repeat;
      background-size: contain; }
  @media (max-width: 992px) {
    .evaluationbuttons > ._buttons > a:not(.c2btnbacktolisting):not(._sub):not(.back):not(._total) {
      width: 47% !important; } }
  @media (max-width: 768px) {
    .evaluationbuttons > ._buttons > a:not(.c2btnbacktolisting):not(._sub):not(.back):not(._total) {
      width: 100% !important; } }
  @media (max-width: 576px) {
    .evaluationbuttons > ._buttons > a:not(.c2btnbacktolisting):not(._sub):not(.back):not(._total) {
      width: 100% !important;
      margin: 0 auto !important; } }
  .evaluationbuttons ._mulbutton {
    width: 31.53%; }
    @media (max-width: 768px) {
      .evaluationbuttons ._mulbutton {
        width: 48.53%; } }
    @media (max-width: 576px) {
      .evaluationbuttons ._mulbutton {
        width: 98.53%; } }
    .evaluationbuttons ._mulbutton a.c2btn:not(._sub) {
      width: 100% !important; }
      .evaluationbuttons ._mulbutton a.c2btn:not(._sub)._incomplete:after {
        content: unset; }

.links {
  text-align: left;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  row-gap: .5rem;
  column-gap: .5rem;
  margin-top: 1rem; }
  @media (max-width: 992px) {
    .links {
      flex-direction: column; } }
  .links ._link {
    display: inline-block; }
  .links a {
    border: 1px solid #F39314 !important;
    color: #F39314 !important;
    background-color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
    box-shadow: #814c07 0px 1px 2px !important;
    font-weight: 700;
    margin-top: 0 !important; }
    .links a:focus {
      background-color: #F39314 !important;
      border-color: #F39314 !important;
      color: #fff !important;
      box-shadow: #814c07 0px 1px 2px !important; }
    .links a:hover {
      background-color: #F39314 !important;
      border-color: #F39314 !important;
      color: #fff !important;
      box-shadow: #814c07 0px 1px 2px !important; }

.c2form_datetime {
  display: flex; }
  .c2form_datetime input, .c2form_datetime select {
    margin: 0 10px; }

.section-report a.menubtn:not(.back) {
  margin: 0 !important;
  background: #333a8c;
  background: -moz-linear-gradient(140deg, #333a8c 0%, #3f49c3 100%);
  background: -webkit-linear-gradient(140deg, #333a8c 0%, #3f49c3 100%);
  background: linear-gradient(140deg, #333a8c 0%, #3f49c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333a8c",endColorstr="#3f49c3",GradientType=1);
  display: flex !important;
  width: 100%;
  column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  position: relative;
  font-size: 1.3rem; }
  @media (max-width: 992px) {
    .section-report a.menubtn:not(.back) {
      width: 47% !important; } }
  @media (max-width: 768px) {
    .section-report a.menubtn:not(.back) {
      width: 100% !important; } }
  @media (max-width: 576px) {
    .section-report a.menubtn:not(.back) {
      width: 80% !important;
      margin: 0 auto !important; } }
  .section-report a.menubtn:not(.back) h2 {
    font-size: 22px;
    text-align: center;
    margin: 0; }
  .section-report a.menubtn:not(.back) .material-icons {
    font-size: 26px; }

.section-eval .qrbtncontainer a.menubtn:not(.back),
.section-eval .qrbtncontainer a._compreg,
.section-register .qrbtncontainer a.menubtn:not(.back),
.section-register .qrbtncontainer a._compreg {
  background-color: #7f0a60;
  margin-left: 21px;
  margin-top: 21px;
  display: flex !important;
  width: max-content;
  column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  position: relative;
  font-size: 1.3rem;
  padding: .5rem; }
  .section-eval .qrbtncontainer a.menubtn:not(.back) h2,
  .section-eval .qrbtncontainer a._compreg h2,
  .section-register .qrbtncontainer a.menubtn:not(.back) h2,
  .section-register .qrbtncontainer a._compreg h2 {
    font-size: 22px;
    text-align: center;
    margin: 0; }
  .section-eval .qrbtncontainer a.menubtn:not(.back) .material-icons,
  .section-eval .qrbtncontainer a._compreg .material-icons,
  .section-register .qrbtncontainer a.menubtn:not(.back) .material-icons,
  .section-register .qrbtncontainer a._compreg .material-icons {
    font-size: 26px; }

.section-eval a.menubtn:not(.back),
.section-register a.menubtn:not(.back) {
  background-color: #7f0a60;
  margin: 0;
  display: flex !important;
  width: 100%;
  column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  position: relative;
  font-size: 1.3rem; }
  .section-eval a.menubtn:not(.back) h2,
  .section-register a.menubtn:not(.back) h2 {
    font-size: 22px;
    text-align: center;
    margin: 0; }
  .section-eval a.menubtn:not(.back) .material-icons,
  .section-register a.menubtn:not(.back) .material-icons {
    font-size: 26px; }

/*! _footer */
.c2-footer .row > div {
  display: flex;
  align-items: center; }

.c2-footer a {
  color: #fff !important;
  text-decoration: none;
  font-weight: bold; }
  .c2-footer a:hover {
    text-decoration: underline; }

.c2-footer p {
  color: #fff; }