      @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');


.theme-text-color {
  color: var(--theme-color);
}
.theme-text-color-forced {
  color: var(--theme-color) !important;
}
.theme-background-color {
  background-color: var(--theme-color);
}
.theme-background-color-forced {
  background-color: var(--theme-color) !important;
}
.theme-background-color-opacity {
  background-color: rgba(0,117,183,0.85);
}

.theme-border-color {
  border-color: var(--theme-color);
}
.theme-border-color-forced {
  border-color: var(--theme-color) !important;
}
.theme-text-hover-color:hover,
.theme-text-hover-color:active,
.theme-text-hover-color:focus {
  color: var(--theme-color);
}

.theme-text-hover-color-forced:hover,
.theme-text-hover-color-forced:active,
.theme-text-hover-color-forced:focus {
  color: var(--theme-color) !important;
}
.theme-text-darken-hover-color-forced:hover,
.theme-text-darken-hover-color-forced:active,
.theme-text-darken-hover-color-forced:focus {
  color: var(--theme-darken-color) !important;
}

.theme-text-darken-color-forced {
  color: var(--theme-darken-color) !important;
}

.theme-background-hover-color:hover,
.theme-background-hover-color:active,
.theme-background-hover-color:focus {
  background-color: var(--theme-color);
}

.theme-background-darken-hover-color:hover,
.theme-background-darken-hover-color:active,
.theme-background-darken-hover-color:focus {
  background-color: var(--theme-darken-color);
}

.theme-background-darken-hover-color-forced:hover,
.theme-background-darken-hover-color-forced:active,
.theme-background-darken-hover-color-forced:focus {
  background-color: var(--theme-darken-color) !important;
}
.theme-border-hover-color:hover,
.theme-border-hover-color:active,
.theme-border-hover-color:focus {
  border-color: var(--theme-color);
}
.theme-after-text-color::after {
  color: var(--theme-color);
}
.theme-after-text-color-forced::after {
  color: var(--theme-color);
}
.theme-after-background-color::after {
  background-color: var(--theme-color);
}
.theme-after-background-color-forced::after {
  background-color: var(--theme-color) !important;
}
.theme-after-border-color::after {
  border-color: var(--theme-color);
}
.theme-after-border-color-forced::after {
  border-color: var(--theme-color) !important;
}

.theme-before-text-color::before {
  color: var(--theme-color);
}
.theme-before-text-color-forced::before {
  color: var(--theme-color);
}
.theme-before-background-color::before {
  background-color: var(--theme-color);
}
.theme-before-background-color-forced::before {
  background-color: var(--theme-color) !important;
}
.theme-before-border-color::before {
  border-color: var(--theme-color);
}
.theme-before-border-color-forced::before {
  border-color: var(--theme-color) !important;
}

.theme-text-contrast-color {
  color: var(--theme-contrast-color);
}
.theme-text-contrast-color-forced {
  color: var(--theme-contrast-color) !important;
}
.theme-background-contrast-color {
  background-color: var(--theme-contrast-color);
}
.theme-background-contrast-color-forced {
  background-color: var(--theme-contrast-color) !important;
}
.theme-border-contrast-color {
  border-color: var(--theme-contrast-color);
}
.theme-border-contrast-color-forced {
  border-color: var(--theme-contrast-color) !important;
}
.theme-background-hover-contrast-color:hover,
.theme-background-hover-contrast-color:focus,
.theme-background-hover-contrast-color:active {
  background-color: var(--theme-contrast-color);
}
.theme-background-darken-hover-contrast-color-forced:hover,
.theme-background-darken-hover-contrast-color-forced:active,
.theme-background-darken-hover-contrast-color-forced:focus {
  background-color: var(--theme-darken-contrast-color) !important;
}
.theme-text-hover-contrast-color:hover,
.theme-text-hover-contrast-color:focus,
.theme-text-hover-contrast-color:active {
  color: var(--theme-contrast-color);
}

.theme-text-hover-contrast-color-forced:hover,
.theme-text-hover-contrast-color-forced:focus,
.theme-text-hover-contrast-color-focred:active {
  color: var(--theme-contrast-color) !important;
}

.theme-after-text-contrast-color::after {
  color: var(--theme-contrast-color);
}
.theme-after-text-contrast-color-forced::after {
  color: var(--theme-contrast-color);
}
.theme-after-background-contrast-color::after {
  background-color: var(--theme-contrast-color);
}
.theme-after-background-contrast-color-forced::after {
  background-color: var(--theme-contrast-color) !important;
}
.theme-after-border-contrast-color::after {
  border-color: var(--theme-contrast-color);
}
.theme-after-border-contrast-color-forced::after {
  border-color: var(--theme-contrast-color) !important;
}

.theme-before-text-contrast-color::before {
  color: var(--theme-contrast-color);
}
.theme-before-text-contrast-color-forced::before {
  color: var(--theme-contrast-color) !important;
}
.theme-before-background-contrast-color::before {
  background-color: var(--theme-contrast-color);
}
.theme-before-background-contrast-color-forced::before {
  background-color: var(--theme-contrast-color) !important;
}
.theme-before-border-contrast-color::before {
  border-color: var(--theme-contrast-color);
}
.theme-before-border-contrast-color-forced::before {
  border-color: var(--theme-contrast-color) !important;
}

.theme-html-content-contrast-color,
.theme-html-content-contrast-color *,
.theme-html-content-contrast-color *:hover,
.theme-html-content-contrast-color *:active,
.theme-html-content-contrast-color *:focus,
.theme-html-content-contrast-color *::after,
.theme-html-content-contrast-color *::before {
  color: var(--theme-contrast-color);
}

.theme-html-content-contrast-color-forced,
.theme-html-content-contrast-color-forced *,
.theme-html-content-contrast-color-forced *:hover,
.theme-html-content-contrast-color-forced *:active,
.theme-html-content-contrast-color-forced *:focus,
.theme-html-content-contrast-color-forced *::after,
.theme-html-content-contrast-color-forced *::before {
  color: var(--theme-contrast-color) !important;
}

.theme-html-content-a-color a,
.theme-html-content-a-color a:active,
.theme-html-content-a-color a:focus,
.theme-html-content-a-color a:hover {
  color: var(--theme-color);
}

.theme-darken-text-color {
  color: var(--theme-darken-color);
}

.theme-lighten-text-color {
  color: var(--theme-darken-color);
}

.theme-fill-color path {
  fill: var(--theme-color);
}


.controller_sign_up_flow .list-choice-wrapper input:checked ~ label:after,
.controller_sign_up_flow .a-choice-wrapper input:checked ~ label:after,
.controller_sign_up_flow .radio-ul li input:checked ~ label:after,
.controller_sign_up_flow .radio-ul li input:checked ~ .fabel:after,
.controller_sign_up_flow .form-radio-ul li input:checked ~ label:after,
.controller_sign_up_flow .form-radio input:checked ~ label:after,
.controller_sign_up_project .a-choice-wrapper input:checked ~ label:after,
.controller_sign_up_project .radio-ul li input:checked ~ label:after,
.controller_sign_up_project .form-radio-ul li input:checked ~ label:after,
.controller_sign_up_project .form-radio input:checked ~ label:after,
.controller_sign_up_project .radio-ul li input:checked ~ .fabel:after,
.controller_sign_up_project .ui-autocomplete li.active:after,
.controller_sign_up_project .kentaa-autocomplete li.active:after,
.controller_sign_up_project .kentaa-autocomplete-chosen span.active:after {
  background-color: #07afaf;
}

.controller_sign_up_flow .form-radio-ul li label a,
.controller_sign_up_flow .form-radio label a {
  color: #07afaf;
}

.controller_sign_up_flow .summary-items .summary-item .btn-shower {
  border-color: #07afaf !important;
}

.controller_sign_up_flow .summary-items .summary-item .btn-shower:before {
  border-bottom-color: #07afaf !important;
}

.cropper-viewer {
  outline-color: #07afaf;
}

.cropper-point,
.cropper-line {
  background-color: #07afaf;
}


:root {
  --theme-color: #07afaf;
  --theme-contrast-color: #ffffff;
  --theme-darken-color: #069e9e;
  --theme-darken-contrast-color: #e6e6e6;

    --base-font-family: Open Sans;
    --heading-font-family: Open Sans;

    --h1-heading-color: #333333;
}

.theme-text-contrast-color {
  color: var(--theme-contrast-color);
}
