@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cabin/v27/u-4V0qWljRw-Pd815fNqc8T_wAFcX-c37MPiNYlWniJ2hJXHx_Klwg.ttf) format('truetype');
}
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cabin/v27/u-4V0qWljRw-Pd815fNqc8T_wAFcX-c37MPiNYlWniJ2hJXH9fKlwg.ttf) format('truetype');
}
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cabin/v27/u-4V0qWljRw-Pd815fNqc8T_wAFcX-c37MPiNYlWniJ2hJXHGfWlwg.ttf) format('truetype');
}
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cabin/v27/u-4V0qWljRw-Pd815fNqc8T_wAFcX-c37MPiNYlWniJ2hJXHIPWlwg.ttf) format('truetype');
}
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cabin/v27/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkV2EL7E.ttf) format('truetype');
}
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cabin/v27/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkW-EL7E.ttf) format('truetype');
}
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cabin/v27/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkYODL7E.ttf) format('truetype');
}
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cabin/v27/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkbqDL7E.ttf) format('truetype');
}
@font-face {
  font-family: 'Dai Banna SIL';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/daibannasil/v2/lW-jwj0AJWmpwGyJ2uEoA4I7vSyygsjAPg.ttf) format('truetype');
}
@font-face {
  font-family: 'Dai Banna SIL';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/daibannasil/v2/lW-mwj0AJWmpwGyJ2uEoA4I7vSyKLg.ttf) format('truetype');
}
@font-face {
  font-family: 'Dai Banna SIL';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/daibannasil/v2/lW-jwj0AJWmpwGyJ2uEoA4I7vSyy2snAPg.ttf) format('truetype');
}
@font-face {
  font-family: 'Dai Banna SIL';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/daibannasil/v2/lW-jwj0AJWmpwGyJ2uEoA4I7vSyy9s7APg.ttf) format('truetype');
}
@font-face {
  font-family: 'Dai Banna SIL';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/daibannasil/v2/lW-jwj0AJWmpwGyJ2uEoA4I7vSyyks_APg.ttf) format('truetype');
}
@font-face {
  font-family: 'Dai Banna SIL';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/daibannasil/v2/lW-lwj0AJWmpwGyJ2uEoA4I7tYKoDso.ttf) format('truetype');
}
@font-face {
  font-family: 'Dai Banna SIL';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/daibannasil/v2/lW-4wj0AJWmpwGyJ2uEoA4I7jS4.ttf) format('truetype');
}
@font-face {
  font-family: 'Dai Banna SIL';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/daibannasil/v2/lW-lwj0AJWmpwGyJ2uEoA4I7tdqpDso.ttf) format('truetype');
}
@font-face {
  font-family: 'Dai Banna SIL';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/daibannasil/v2/lW-lwj0AJWmpwGyJ2uEoA4I7tfauDso.ttf) format('truetype');
}
@font-face {
  font-family: 'Dai Banna SIL';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/daibannasil/v2/lW-lwj0AJWmpwGyJ2uEoA4I7tZKvDso.ttf) format('truetype');
}
body {
  font-family: "Dai Banna SIL", sans-serif;
  font-size: 16pt;
  background: url("images/jul24/bg.jpg") no-repeat center center fixed;
  background-size: cover;
  color: #0d6162;
}
body #header {
  background-color: #0d6162;
}
body #header .client-logo span.logo-holder {
  background-image: url("images/jul24/logo.png");
  width: 100%;
  background-position: center;
  background-size: 250px;
  height: 140px;
}
body div#content .main-content {
  margin-top: 1rem;
  margin-bottom: 1rem;
  background-color: transparent;
}
body div#content .main-content span {
  font-size: inherit !important;
}
body div#content div#surveyElement {
  background-color: #fff1e6;
  border-radius: 10px;
}
body div#content .btn {
  color: #0d6162;
  font-family: "Dai Banna SIL", sans-serif;
  background-color: #0d6162;
  color: #fff1e6;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 1px 6px;
  font-weight: bold;
  line-height: 45px;
  font-size: 16pt;
  width: 135px;
}
body div#content .btn:focus,
body div#content .btn:active,
body div#content .btn:hover {
  outline: 0;
  box-shadow: none;
}
body div#content .input-group-addon,
body div#content .form-control,
body div#content textarea.form-control,
body div#content select.form-control,
body div#content .funkyradio input[type="radio"]:empty ~ label,
body div#content .funkyradio input[type="checkbox"]:empty ~ label {
  border-radius: 0;
  border-color: #ccc;
  font-size: 14pt;
}
body div#content .input-group-addon:before,
body div#content .form-control:before,
body div#content textarea.form-control:before,
body div#content select.form-control:before,
body div#content .funkyradio input[type="radio"]:empty ~ label:before,
body div#content .funkyradio input[type="checkbox"]:empty ~ label:before {
  border-radius: 0;
}
body div#content .input-group-addon:focus,
body div#content .form-control:focus,
body div#content textarea.form-control:focus,
body div#content select.form-control:focus,
body div#content .funkyradio input[type="radio"]:empty ~ label:focus,
body div#content .funkyradio input[type="checkbox"]:empty ~ label:focus {
  outline: 0;
  box-shadow: none;
}
body div#content .input-group-addon:first-child,
body div#content .form-control:first-child,
body div#content textarea.form-control:first-child,
body div#content select.form-control:first-child,
body div#content .funkyradio input[type="radio"]:empty ~ label:first-child,
body div#content .funkyradio input[type="checkbox"]:empty ~ label:first-child {
  font-size: 12pt;
}
body div#content .br-theme-bootstrap-stars .br-widget a:after {
  color: #ccc;
}
body div#content .br-theme-bootstrap-stars a.br-active:after,
body div#content .br-theme-bootstrap-stars a.br-selected:after {
  color: #facd00;
}
body h5.questionTitle {
  font-size: 18pt !important;
}
body .alert {
  animation: pulse ease-in-out 0.2s;
  text-align: center;
  border-radius: 0;
  background-color: #ff4949;
  color: #fff;
  border: 0;
}
body .alert .glyphicon.glyphicon-exclamation-sign {
  display: none;
}
body .panel-footer,
body div.questionHolder,
body .sv_p_container {
  border: 0;
}
body .funkyradio .funkyradio-success input[type="radio"]:checked ~ label:before,
body .funkyradio .funkyradio-success input[type="checkbox"]:checked ~ label:before {
  background-color: #0d6162;
}
body .funkyradio .funkyradio-danger input[type="radio"]:checked ~ label:before,
body .funkyradio .funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  background-color: #ff4949;
}
body .funkyradio input[type="radio"]:empty ~ label:before,
body .funkyradio input[type="checkbox"]:empty ~ label:before {
  background: #ccc;
}
body .datetimepicker thead tr:first-child th:hover,
body .datetimepicker tfoot th:hover,
body .datetimepicker table tr td span:hover {
  background-color: rgba(60, 194, 177, 0.5);
  color: #0d6162;
}
body div.datetimepicker thead tr:first-child th:hover,
body div.datetimepicker tfoot th:hover,
body div.datetimepicker table tr td span:hover {
  background-color: rgba(60, 194, 177, 0.5);
}
body div.datetimepicker table tr td.active.active.active,
body div.datetimepicker table tr td span.active.active {
  background-color: #3cc2b1;
  color: #0d6162;
}
body div.datetimepicker table tr td.active.active:hover.active,
body div.datetimepicker table tr td span.active:hover.active {
  background-color: #3cc2b1;
  color: #0d6162;
}
body div.datetimepicker table tr td.today.active {
  border: 1px solid #fff5c7;
}
body div.datetimepicker table tr td.day:hover {
  background-color: #62cfc1;
  color: #0d6162;
}
body div.loader {
  border: 10px solid #3cc2b1;
  border-top-color: rgba(60, 194, 177, 0.5);
}
body .loader-holder {
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center 20px;
  background-image: url("images/loading-icon.png");
}
body .loader {
  border: 10px solid #3cc2b1;
  border-top-color: rgba(60, 194, 177, 0.5);
}
.survey-isLastPage #content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.survey-isLastPage #content h3 {
  margin: 1rem 0;
}
footer #footer {
  background-color: #0d6162;
  color: #0d6162;
  font-family: "Dai Banna SIL", sans-serif;
  font-size: 16pt;
}
footer #footer .footer-center-col {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
footer #footer .col-lg-4 {
  padding-right: 0px;
}
footer #footer a,
footer #footer p {
  margin: 0;
  color: #0d6162;
  font-family: "Dai Banna SIL", sans-serif;
  font-size: 16pt;
  color: #fff1e6;
}
@media (min-width: 1200px) {
  #footer {
    justify-content: center;
    display: flex;
  }
  #footer .col-lg-4 {
    width: auto;
  }
  #footer .footer-center-col {
    width: auto;
    justify-content: space-between !important;
  }
}