@font-face {
    font-family: "OpenSans";
    src: url('../fonts/OpenSans-Bold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: "OpenSans";
    src: url('../fonts/OpenSans-Medium.ttf');
    font-weight: normal;
}

:root {
    --base: ;
    --lighter: #f5f8ff;
    --light: #CADFFF;
    --white: #ffffff;
    --grey: #dfdfdf;
    --input-grey: #bfbfbf;
    --mute-grey: #C7C7D9;
    --dark-grey: #344463;
    --dark: #051d31;
    --link: #0d6efd;
    --highlight: #22B7E1;
    --blue: #3B82F6;
    --blue-disabled: #98BFFF;
    --blue-hover: #639EFF;
    --blue-active: #266BDC;
    --green: #25C381;
    --green-hover: #40e8a1;
    --green-active: #058d54;
    --green-disabled: #95c0ad;
    --accept: #198754;
    --deny: #e53734;
    --warning: #EB8236;
    --warning-hover: #d06e28;
    --warning-active: #e39e6f;
    --warning-disabled: #dead8d;
    --deny-hover: #ffcbcb;
    --deny-active: #e53734;
    --info: #22b7e1;
    --info-hover: #6ef0f9;
    --info-active: #1c9fc5;
    --dark-info: #455779;
    --light-green: #8ac63f;
    --light-green-active: #6aa027;
    --light-green-hover: #9be73d;
    --active: #3AD192;
    --nonactive: #A6B6B7;
    --headline: #334363;
    --headline-subtext: #546583;
    --blue-glow: #8AB2EE;
    --blue-glow-shadow: rgba(96, 145, 219, 0.65);

    --form-margin: 10pt;

    --m-1: 4px;
    --m-2: 8px;
    --m-3: 16px;
    --m-4: 24px;
    --m-5: 32px;
    --m-6: 48px;

    --p-1: 4px;
    --p-2: 8px;
    --p-3: 16px;
    --p-4: 24px;
    --p-5: 32px;
    --p-6: 48px;
}

body {
    padding: 0;
    margin: 0;
    font-family: OpenSans, sans-serif;
    background: var(--white);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body:has(.modal.show) {
    overflow: hidden;
}

#content {
    flex: 1;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/** ========== */
/** TYPOGRAPHY */
/** ========== */

.headline-1 {
    font-family: OpenSans, sans-serif;
    font-weight: bold;
    font-size: 58px;
    line-height: 79px;
}


.headline-2 {
    font-family: OpenSans, sans-serif;
    font-weight: bold;
    font-size: 42px;
    line-height: 57px;
}


.headline-3 {
    font-family: OpenSans, sans-serif;
    font-weight: bold;
    font-size: 34px;
    line-height: 46px;
}


.headline-4 {
    font-family: OpenSans, sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
}


.headline-5 {
    font-family: OpenSans, sans-serif;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
}

.text-body-1 {
    font-family: OpenSans, sans-serif !important;
    font-weight: normal !important;
    font-size: 22px !important;
    line-height: 30px !important;
}


.text-body-1 {
    font-family: OpenSans, sans-serif !important;
    font-weight: normal !important;
    font-size: 24px !important;
    line-height: 33px !important;
}

.text-body-1.bold {
    font-weight: bold !important;
}

.text-body-2 {
    font-family: OpenSans, sans-serif !important;
    font-weight: normal !important;
    font-size: 20px !important;
    line-height: 27px !important;
}

.text-body-2.bold {
    font-weight: bold !important;
}

.text-body-3 {
    font-family: OpenSans, sans-serif !important;
    font-weight: normal !important;
    font-size: 16px !important;
    line-height: 22px !important;
}

.text-body-3.bold {
    font-weight: bold !important;
}

.text-body-4 {
    font-family: OpenSans, sans-serif !important;
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 19px !important;
}

.heading-special {
    font-family: OpenSans, sans-serif !important;
    color: var(--headline) !important;
    font-size: 32px !important;
    font-weight: bold !important;
    text-align: center;
}

.heading-subtext {
    font-family: OpenSans, sans-serif !important;
    color: var(--headline) !important;
    font-size: 20px !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-bold {
    font-weight: bold;
}

.text-striked {
    text-decoration: line-through;
}

.text-muted, .text-gray {
    font-weight: lighter;
    color: var(--grey);
}

.text-align-center {
    text-align: center;
}

/** ======= */
/** HELPERS */
/** ======= */

/** IAMGES */

.is-image img {
    object-fit: cover;
}

.is-image.i-256x256 img {
    width: 256px;
    height: 256px;
}

.is-image.i-174x174 img {
    width: 174px;
    height: 174px;
}

.is-image.i-128x128 img {
    width: 128px;
    height: 128px;
}

.is-image.rounded img {
    border-radius: 50%;
}

/** MARGIN HELPERS */

.m-1 {
    margin: var(--m-1) !important;
}
.mt-1 {
    margin-top: var(--m-1) !important;
}
.mb-1 {
    margin-bottom: var(--m-1) !important;
}
.ml-1 {
    margin-left: var(--m-1) !important;
}
.mr-1 {
    margin-right: var(--m-1) !important;
}

.m-2 {
    margin: var(--m-2) !important;
}
.mt-2 {
    margin-top: var(--m-2) !important;
}
.mb-2 {
    margin-bottom: var(--m-2) !important;
}
.ml-2 {
    margin-left: var(--m-2) !important;
}
.mr-2 {
    margin-right: var(--m-2) !important;
}

.m-3 {
    margin: var(--m-3) !important;
}
.mt-3 {
    margin-top: var(--m-3) !important;
}
.mb-3 {
    margin-bottom: var(--m-3) !important;
}
.ml-3 {
    margin-left: var(--m-3) !important;
}
.mr-3 {
    margin-right: var(--m-3) !important;
}

.m-4 {
    margin: var(--m-4) !important;
}
.mt-4 {
    margin-top: var(--m-4) !important;
}
.mb-4 {
    margin-bottom: var(--m-4) !important;
}
.ml-4 {
    margin-left: var(--m-4) !important;
}
.mr-4 {
    margin-right: var(--m-4) !important;
}

.m-5 {
    margin: var(--m-5) !important;
}
.mt-5 {
    margin-top: var(--m-5) !important;
}
.mb-5 {
    margin-bottom: var(--m-5) !important;
}
.ml-5 {
    margin-left: var(--m-5) !important;
}
.mr-5 {
    margin-right: var(--m-5) !important;
}

.m-6 {
    margin: var(--m-6) !important;
}
.mt-6 {
    margin-top: var(--m-6) !important;
}
.mb-6 {
    margin-bottom: var(--m-6) !important;
}
.ml-6 {
    margin-left: var(--m-6) !important;
}
.mr-6 {
    margin-right: var(--m-6) !important;
}

/** padding helpers */

.p-1 {
    padding: var(--p-1) !important;
}
.pt-1 {
    padding-top: var(--p-1) !important;
}
.pb-1 {
    padding-bottom: var(--p-1) !important;
}
.pl-1 {
    padding-left: var(--p-1) !important;
}
.pr-1 {
    padding-right: var(--p-1) !important;
}

.p-2 {
    padding: var(--p-2) !important;
}
.pt-2 {
    padding-top: var(--p-2) !important;
}
.pb-2 {
    padding-bottom: var(--p-2) !important;
}
.pl-2 {
    padding-left: var(--p-2) !important;
}
.pr-2 {
    padding-right: var(--p-2) !important;
}

.p-3 {
    padding: var(--p-3) !important;
}
.pt-3 {
    padding-top: var(--p-3) !important;
}
.pb-3 {
    padding-bottom: var(--p-3) !important;
}
.pl-3 {
    padding-left: var(--p-3) !important;
}
.pr-3 {
    padding-right: var(--p-3) !important;
}

.p-4 {
    padding: var(--p-4) !important;
}
.pt-4 {
    padding-top: var(--p-4) !important;
}
.pb-4 {
    padding-bottom: var(--p-4) !important;
}
.pl-4 {
    padding-left: var(--p-4) !important;
}
.pr-4 {
    padding-right: var(--p-4) !important;
}

.p-5 {
    padding: var(--p-5) !important;
}
.pt-5 {
    padding-top: var(--p-5) !important;
}
.pb-5 {
    padding-bottom: var(--p-5) !important;
}
.pl-5 {
    padding-left: var(--p-5) !important;
}
.pr-5 {
    padding-right: var(--p-5) !important;
}

.p-6 {
    padding: var(--p-6) !important;
}
.pt-6 {
    padding-top: var(--p-6) !important;
}
.pb-6 {
    padding-bottom: var(--p-6) !important;
}
.pl-6 {
    padding-left: var(--p-6) !important;
}
.pr-6 {
    padding-right: var(--p-6) !important;
}

.nopadding {
    padding: 0 !important;
}

.nopadding-top {
    padding-top: 0 !important;
}

.nopadding-left {
    padding-left: 0 !important;
}

.nopadding-right {
    padding-right: 0 !important;
}

.nopadding-bottom {
    padding-bottom: 0 !important;
}

/** WIDTH */

.w-100 {
    width: 100%;
}

.w-50 {
    width: 50%;
}

/** FLEX */

.flex-box {
    display: flex;
}

.flex-box.row {
    flex-direction: row;
}

@media (max-width: 930px)
{
    .flex-box.row.desktop {
        flex-direction: column;
    }
}

@media (max-width: 430px)
{
    .flex-box.row.mobile {
        flex-direction: column;
    }
}

.flex-box.column {
    flex-direction: column;
}

.flex-box.row-reverse {
    flex-direction: row-reverse;
}

.flex-box.column-reverse {
    flex-direction: column-reverse;
}

.flex-1 {
    flex: 1 !important;
}

.flex-0 {
    flex: 0 !important;
}

.flex-1-0 {
    flex: 1 0 !important;
}

.flex-0-1 {
    flex: 0 1 !important;
}

.flex-justify-content-center {
    justify-content: center !important;
}

.flex-justify-content-start {
    justify-content: flex-start !important;
}

.flex-justify-content-end {
    justify-content: flex-end !important;
}

.flex-justify-content-space-between {
    justify-content: space-between !important;
}

.flex-justify-content-space-evenly {
    justify-content: space-evenly !important;
}

.flex-justify-content-space-around {
    justify-content: space-around !important;
}

.flex-align-items-center {
    align-items: center;
}

.flex-align-items-start {
    align-items: flex-start;
}

.flex-align-items-end {
    align-items: flex-end;
}

.flex-align-items-stretch {
    align-items: stretch;
}

.flex-align-items-baseline {
    align-items: baseline;
}

/** GRID */

.grid-table {
    display: flex;
    flex-direction: column;
}

.grid-table .grid-row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid var(--grey);
}

.grid-table .grid-row .grid-cell {

}

@media (max-width: 930px)
{
    .grid-table .grid-row {
        grid-template-columns: 1fr;
    }
}

/** FIXATIONS */
.fix-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
}

/** COLORS */
.color-green {
    color: var(--green) !important;
}

.color-red {
    color: var(--deny) !important;
}

.color-headline {
    color: var(--headline) !important;
}

.color-subtext {
    color: var(--headline-subtext) !important;
}

.color-info {
    color: var(--info) !important;
}

/** ======= */
/** BUTTONS */
/** ======= */

.button-pill {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    color: var(--white);
    text-decoration: none;
    padding: 16px 22px;
    height: 24px;
    border-radius: 48px;
    margin: 0 12px;
    text-transform: uppercase;
    font-size: 10pt;
}

.button-pill.login::before {
    content: "panacek";
    padding-right: 12px;
    color: var(--highlight);
}

.button-pill.highlight > i {
    color: var(--highlight);
}
.button-pill.highlight {
    border: 2px solid var(--highlight);
}

.button-pill.light-green > i {
    color: var(--light-green);
}
.button-pill.light-green {
    background: var(--light-green);
    border: none;
    font-weight: bold;
}
.button-pill.light-green:hover {
    background: var(--light-green-hover);
}
.button-pill.light-green:active {
    background: var(--light-green-active);
}

.button {
    font-family: 'OpenSans', serif;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 5px;
    padding: 15px 12px;
    color: white;
    outline: none;
    border: none;
    font-weight: bold;
    text-decoration: none;
    margin: 0 8px;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
}

.button.break-word {
    word-break: break-word;
    white-space: normal;
    text-align: center;
}

.button.text-big {
    font-size: 16px;
}

.button.text-small {
    font-size: 12px;
}

.button.fullwidth {
    width: 100%;
    margin: 0;
}

.button svg {
    height: 24px;
    fill: var(--highlight);
    outline: var(--highlight);
    margin: 0 8px 0 0;
}

.button svg g path {
    fill: var(--highlight);
    outline: var(--highlight);
}

.button.outline {
    border-width: 1px;
    border-style: solid;
}

.button.small {
    padding: 7px 6px;
    font-size: 10pt;
}

.button.green, .button.accept {
    background: var(--green);
}

.button.green:hover, .button.accept:hover {
    background: var(--green-hover);
}

.button.green:active, .button.accept:active {
    background: var(--green-active);
}

.button.green[disabled], .button.accept[disabled] {
    background: var(--green-disabled);
}

.button.outline.green {
    border-color: var(--green);
    background: none;
    color: var(--green);
}

.button.outline.green:hover {
    background: var(--green);
    color: var(--white);
}

.button.outline.green:disabled {
    background: var(--grey);
    color: var(--dark-grey);
    border-color: var(--dark-grey);
}

.button.deny {
    background: var(--deny);
}

.button.deny:hover {
    background: var(--deny-hover);
}

.button.deny:active {
    background: var(--deny-active);
}

.button.outline.deny {
    border-color: var(--deny);
    background: none;
    color: var(--deny);
}

.button.outline.deny svg g path {
    stroke: var(--deny);
}

.button.outline.deny:hover {
    background: var(--deny);
    color: var(--white);
}

.button.orange {
    background: var(--warning);
}

.button.orange:hover {
    background: var(--warning-hover);
}

.button.orange:active {
    background: var(--warning-active);
}

.button.orange[disabled], .button.orange[disabled] {
    background: var(--warning-disabled);
}

.button.outline.orange {
    border-color: var(--warning);
    background: none;
    color: var(--warning);
}

.button.outline.orange svg g path {
    stroke: var(--warning);
}

.button.outline.orange:hover {
    background: var(--warning);
    color: var(--white);
}

.button.sl-accept {
    background: var(--info);
    color: var(--white);
}

.button.sl-accept:hover {
    background: var(--dark);
}

.button.sl-accept:active {
    background: var(--dark);
}

.button.info {
    background: var(--info);
}

.button.outline.info {
    border-color: var(--info);
    background: none;
    color: var(--info);
}

.button.outline.info svg g path {
    stroke: var(--info);
}

.button.outline.info:hover {
    color: var(--white);
}

.button.outline.info i {
    color: var(--info);
}

.button.info:active {
    background: var(--info-active);
}

.button.info:hover {
    background: var(--info-hover);
    color: var(--dark);
}

.button.outline.info:hover {
    background: var(--info);
}

.button.outline.info:hover svg {
    height: 24px;
    fill: var(--white);
    outline: var(--white);
    margin: 0 8px 0 0;
    stroke: var(--white);
}

.button.outline.info:hover svg g path {
    fill: var(--white);
    outline: var(--white);
    stroke: var(--white);
}

.button.blue {
    background: var(--blue);
    background: var(--blue);
}

.button.blue:disabled {
    background: var(--blue-disabled);
}

.button.outline.blue {
    border-color: var(--blue);
    background: none;
    color: var(--blue);
}

.button.outline.blue:disabled {
    border-color: var(--blue-disabled);
    color: var(--blue-disabled);
}

.button.outline.blue svg g path {
    stroke: var(--blue);
}

.button.outline.blue:hover {
    color: var(--white);
    background: var(--blue-hover);
}

.button.blue i {
    color: var(--blue);
}

.button.blue:active {
    background: var(--blue-active);
}

.button.blue:hover {
    background: var(--blue-hover);
}

.button.outline.blue:hover {
    background: var(--blue);
}

.button.outline.blue:hover svg {
    height: 24px;
    fill: var(--white);
    outline: var(--white);
    margin: 0 8px 0 0;
    stroke: var(--white);
}

.button.outline.blue:hover svg g path {
    fill: var(--white);
    outline: var(--white);
    stroke: var(--white);
}

.button.dark-info {
    background: var(--dark-info);
}

.button.muted {
    background: var(--dark-grey);
    color: var(--white);
}

.button.light-green {
    background: var(--light-green);
}

.button.light-green:active {
    background: var(--light-green-active);
}

.button.light-green:hover {
    background: var(--light-green-hover);
}

.button.invert.accept {
    border-color: var(--accept);
    color: var(--accept);
    background: none;
}

/** ===== */
/** FORMS */
/** ===== */


/** SWITCH */
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 28px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 28px;
    border: 1px solid var(--dark-grey);
    box-sizing: border-box;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    top: 3px;
    background-color: var(--dark-grey);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    border-color: var(--white);
}

input:focus + .slider {
    box-shadow: 0 0 1px var(--white);
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    background-color: var(--white);
}

/** checkbox */

input[type=checkbox] {
    appearance: none;
    border-radius: 5px;
    border: 1px solid var(--dark);
    width: 24px !important;
    min-width: 24px;
    height: 24px !important;
}

input[type=checkbox]:focus {
    box-shadow: 0 0 5px rgba(69, 87, 121, 0.5);
}

input[type=checkbox]:checked {
    background: var(--dark-info);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    border: 1px solid var(--dark-info);

}

/** INPUT */

form:has(input[required]) input:not([required]) + label::after,
form:has(textarea[required]) input:not([required]) + label::after,
form:has(select[required]) input:not([required]) + label::after,
form:has(input[required]) textarea:not([required]) + label::after,
form:has(textarea[required]) textarea:not([required]) + label::after,
form:has(select[required]) textarea:not([required]) + label::after,
form:has(input[required]) select:not([required]) + label::after,
form:has(textarea[required]) select:not([required]) + label::after,
form:has(select[required]) select:not([required]) + label::after {
    content: attr(data-optionallang);
    color: #b4b7be;
    font-size: 12px;
    padding-left: 12px;
}

form span.error {
    color: var(--deny);
    font-size: 14px;
    margin: 0 0 12px 24px;
}

.input {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border: 1px solid #b4b7be;
    padding: 3px;
    border-radius: 5px;
    margin: var(--m-2);
    transition: all 0.3s ease-in-out;
    position:relative;
}

.input.error {
    border: 1px solid var(--deny);
}

.input.error label {
    color: var(--deny);
}

.input.success {
    border: 1px solid var(--green);
}

.input.success label {
    color: var(--green);
}

.input ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 14px;
}

.input ul li {
    width: 45%;
    padding: 0 5% 0 0;
    color: #9598a1;
}

.input ul li.error {
    color: var(--deny);
}

.input ul li.success {
    color: var(--green);
}

.input.noframe {
    border: none;
    flex-direction: row;
    align-items: center;
}

.input.noframe label {
    width: auto;
    transform: none;
    display: block;
}

.input.noframe input {
    border: 1px solid #b4b7be;
}

.input label {
    font-size: 14px;
    margin: 3px 0 0 3px;
    position: absolute;
    transform: translateY(-6px);
    color: #9598a1;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 12px);
}

.input:has(input[disabled]) label {
    color: #202123 !important;
}

.input.noframe label {
    position: relative;
}

.input input {
    height: 32px;
}

.input input::-ms-reveal,
.input input::-ms-clear {
    display: none;
}

.input input[type=file]
{
    margin-top: 4px;
}

.input:has(input:focus), .input:has(textarea:focus), .input:has(select:focus) {
    border-color: var(--dark-info);
    box-shadow: 0 0 5px rgba(69, 87, 121, 0.5);
}

.input:has(input:disabled), .input:has(textarea:disabled), .input:has(select:disabled) {
    border-color: var(--grey);
}

.input:has(input:focus) label, .input:has(textarea:focus) label , .input:has(select:focus) label {
    color: var(--dark-info);
}

.input.error:has(input:focus), .input.error:has(textarea:focus) , .input.error:has(select:focus) {
    border-color: var(--deny);
    box-shadow: 0 0 5px rgba(229, 55, 52, 0.6);
}

.input.success:has(input:focus), .input.success:has(textarea:focus) , .input.success:has(select:focus) {
    border-color: var(--green);
    box-shadow: 0 0 5px rgba(37, 195, 129, 0.6);
}

input[type=checkbox].success {
    border-color: var(--green);
    box-shadow: 0 0 5px rgba(37, 195, 129, 0.6);
}

input[type=checkbox].error {
    border-color: var(--deny);
    box-shadow: 0 0 5px rgba(229, 55, 52, 0.6);
}

.input.error:has(input:focus) label, .input.error:has(textarea:focus) label , .input.error:has(select:focus) label {
    color: var(--deny);
}

.input.success:has(input:focus) label, .input.success:has(textarea:focus) label , .input.success:has(select:focus) label {
    color: var(--green);
}

.input:has(input:disabled) label, .input:has(textarea:disabled) label , .input:has(select:disabled) label {
    color: var(--grey);
}
/**
.input:has(input[required])::before {
    position: absolute;
    content: "*";
    font-size: 18pt;
    color: var(--deny);
    align-self: flex-end;
    justify-self: flex-end;
}

.input-list input[required]::before {
    content: "*";
    margin-left: -14px;
    margin-top: -4px;
    font-size: 18pt;
    color: var(--deny);
    align-self: flex-end;
    justify-self: flex-end;
}

.switch:has(input[required])::before {
    content: "*";
    margin-left: -12px;
    margin-top: -4px;
    font-size: 14pt;
    color: var(--deny);
    align-self: flex-end;
    justify-self: flex-end;
}*/

.input input, .input textarea {
    font-size: 16px;
    padding: 14px 8px 0 8px;
    border: none;
    outline: none;
}

.input select {
    font-size: 16px;
    padding: 18px 8px 8px 14px;
    border: none;
    outline: none;
    background: none;
    width: 100%;
}

.input span {
    color: #9598a1;
    font-size: 12px;
    padding-left: 4px;
}

.input span.error {
    color: var(--deny);
}

.input span.success {
    color: var(--green);
}

.input input::file-selector-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 5px;
    padding: 7px 6px;
    font-size: 10pt;
    color: white;
    outline: none;
    border: none;
    font-weight: bold;
    text-decoration: none;
    margin: 0 8px;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    background: var(--info);
}

.input.shrink {
    flex: 0;
    align-self: center;
}

.input.dnd * {
    opacity: 0.1;
}

.input.dnd::before {
    content: '+';
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: -3px;
    font-size: 42px;
}

.input .fileContainer > div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: 8px;
}

.input .fileContainer > div > div {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin: 8px;
}

.input .fileContainer div button {
    background: var(--dark-grey);
    color: var(--white);
    border-radius: 12px;
    height: 24px;
    width: 24px;
    min-height: 24px;
    min-width: 24px;
    outline: none;
    margin: 8px;
    border: none;
}

.input .fileContainer div button:hover {
    background: var(--deny);
    color: var(--white);
}

.input .fileContainer div img {
    height: 64px;
}

.input-list {
    display: flex;
    flex-direction: column;
    margin: var(--m-2);
}

.input-list span {
    font-size: 14px;
    color: var(--dark-grey);
    margin: 3px 0 0 3px;
}

.input-list ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.input-list ul li {
    margin: var(--m-2) 0 var(--m-2) 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.input-list ul li label {
    font-size: 14px;
    margin-left: var(--m-2);
}

.input.group > div {
    padding-top: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    align-content: center;
}

.input .buttons {
    position: absolute;
    align-self: flex-end;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%);
    margin-right: var(--m-2);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.input .buttons button {
    border: none;
    background: none;
    color: var(--dark-grey);
    font-size: 16px;
    cursor: pointer;
    margin: 0 var(--m-1);
    padding: 0;
}

.input .buttons .password-show.show::before {
    content: "";
    display: flex;
    height: 22px;
    width: 22px;
    background-size: 22px 22px;
    background-image: url("../images/eye.svg");
}

.input .buttons .password-show.hide::before {
    content: "";
    display: flex;
    height: 22px;
    width: 22px;
    background-size: 22px 22px;
    background-image: url("../images/hide-eye.svg");
}

.input .buttons .password-gen::before {
    content: "";
    display: flex;
    height: 22px;
    width: 22px;
    background-size: 22px 22px;
    background-image: url("../images/key.svg");
}

/** ============================ */
/** HEADER AND FOOTER COMPONENTS */
/** ============================ */

/** LANG SELECTOR */

.lang-select {
    display: block !important;
    color: var(--white);
}

.lang-select > img {
    margin-left: 5px;
}

.lang-select::after {
    content: "▼";
    font-size: 12pt;
    color: var(--white);
    align-self: flex-end;
    justify-self: flex-end;
    margin-left: 5px;
}

.lang-select:hover::after {
    content: '▲' !important;
}

.lang-select > div {
    position: absolute;
    display: none;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: nowrap;
    background: var(--dark);
    border: 1px solid var(--highlight);
    margin-top: 25px;
    padding-top: 10px;
    margin-left: -85px;
    box-shadow: 1px 1px 5px 0 rgba(96, 145, 219, 0.65);
}

.lang-select > div::before {
    content: "";
    position: absolute;
    border-top: 1px solid var(--highlight);
    border-left: 1px solid var(--highlight);
    background: var(--dark);
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    margin-left: 80%;
    top: 0;
    margin-top: -8px;
    float: right;
}

.lang-select > div::after {
    content: "";
    position: absolute;
    width: 140px;
    height: 20px;
    margin-top: calc(-100% - 35px);
    float: right;
}

.lang-select:hover > div {
    display: flex;
}

.lang-select:hover::before {
    position: absolute;
    content: "";
    background: none;
    height: 60px;
    width: 80px;
    display: block;
    z-index: 899999999999999;
}

.lang-select > div > span {
    display: flex;
    padding: 8px 20px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--highlight);
}

.lang-select > div > span:last-child {
    border-bottom: none;
}

.lang-select > div > span > a {
    text-decoration: none;
    color: var(--white);
    display: flex;
    width: 140px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.lang-select > div > span:hover {
    background: var(--highlight);
}

.lang-select  > div > span > img {
    margin-right: 5px;
}

/** FOOTER */

.footer {
    width: 100%;
    background: var(--dark);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}

.footer-wrapper {
    width: 1100px;
    background: var(--dark);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    color: var(--white);
    padding: 45px 25px;
    box-sizing: border-box;
    margin-top: 45px;
}

.footer-wrapper > div {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    font-size: 10pt;
}

.footer-wrapper > div.info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    font-size: 11px;
}

.footer-wrapper > div.info a {
    color: var(--white);
    text-decoration: none;
}

.footer-wrapper > div.buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

/** HEADER */

.page-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: var(--dark);
}

.page-header-wrapper {
    width: 1100px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.page-header-wrapper > a > img {
    width: 256px;
}

.page-head-text {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
    padding: 0 8rem 4px 8rem;
}

.header-buttons {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    margin: 40px 0;
}

@media(max-width: 450px) {
    .header-buttons {
        flex-direction: column;
    }

    .header-buttons > * {
        margin: var(--m-2)
    }
}

.social-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--white);
    margin: 12px;
}

.user-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 8px;
}

.user-info .user-data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: var(--white);
}

.user-info .user-avatar {
    width: 42px;
    height: 42px;
    border-radius: 21px;
    margin: 0 8px;
}

.user-info .user-name {
    color: var(--white);
    text-decoration: none;
}

.logo {
    height: 41px;
}

.label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    border-radius: 12px;
    padding: 0 8px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

.label.light-green {
    background: var(--light-green);
    color: var(--white);
}

.label.muted {
    background: var(--mute-grey);
    color: var(--white);
}

.label.info {
    background: var(--info);
    color: var(--white);
}

/** ==================== */
/** UNIVERSAL COMPONENTS */
/** ==================== */

a {
    color: var(--link);
}

span.info {
    color: var(--info);
}

span.error {
    color: var(--deny);
}

span.success {
    color: var(--green);
}

span.blue {
    color: var(--blue);
}

.tooltip {
    display: none;
    align-items: center;
    width: max-content;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--white);
    color: var(--headline-subtext);
    font-weight: bold;
    border-radius: 5px;
    font-size: 12px;
    padding: 8px 12px;
    z-index: 9999;
    border: 0.5px solid var(--blue-glow);
    box-shadow: 1px 1px 5px 0 var(--blue-glow-shadow);
}

.tooltip::after {
    content: "";
    position: absolute;
}

.tooltip-arrow {
    position: absolute;
    background: var(--white);
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
}

.tooltip.left .tooltip-arrow {
    border-right: 1px solid var(--blue-glow);
    border-top: 1px solid var(--blue-glow);
}

.tooltip.right .tooltip-arrow {
    border-left: 1px solid var(--blue-glow);
    border-bottom: 1px solid var(--blue-glow);
}

.tooltip.bottom .tooltip-arrow {
    border-left: 1px solid var(--blue-glow);
    border-top: 1px solid var(--blue-glow);
}

.tooltip.top .tooltip-arrow {
    border-bottom: 1px solid var(--blue-glow);
    border-right: 1px solid var(--blue-glow);
}

.popover {
    display: none;
    align-items: center;
    width: max-content;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--white);
    color: var(--dark-grey);
    border: 1px solid var(--dark-grey);
    font-weight: bold;
    border-radius: 5px;
    font-size: 12px;
    padding: 8px 12px;
    z-index: 9999;
}

.popover::after {
    content: "";
    position: absolute;
}

.popover-arrow {
    position: absolute;
    background: var(--white);
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
}

.popover.left .popover-arrow {
    border-right: 1px solid var(--dark-grey);
    border-top: 1px solid var(--dark-grey);
}

.popover.right .popover-arrow {
    border-left: 1px solid var(--dark-grey);
    border-bottom: 1px solid var(--dark-grey);
}

.popover.bottom .popover-arrow {
    border-left: 1px solid var(--dark-grey);
    border-top: 1px solid var(--dark-grey);
}

.popover.top .popover-arrow {
    border-bottom: 1px solid var(--dark-grey);
    border-right: 1px solid var(--dark-grey);
}

.status {
    font-weight: bold;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.status::before {
    content: "● ";
    margin-right: 5px;
}

.status.green {
    color: var(--active);
}

.status.red {

}

.status.grey {
    color: var(--nonactive);
}

.table {
    border-collapse: collapse;
    margin: 22px 0;
    width: 100%;
    padding: 0;
    table-layout: fixed;
}

.table tr td, .table tr th {
    border-bottom: 1px solid var(--grey);
    color: #6e7579;
    padding: 4px 8px;
    font-weight: normal;
    word-break: break-word;
}

.table tr th {
    text-align: right;
}


.table tr:last-child td, .table tr:last-child th {
    border-bottom: none;
}

.table tr:first-child th {
    text-align: start;
    border-bottom: 2px solid var(--dark);
    padding: 4px 8px;
}

.table tr td.legend, .table tr th.legend {
    color: var(--dark);
}

.table tr td.bold, .table tr th.bold {
    font-weight: bold;
}

.table tr.highlight {
    background: rgba(0,0,100,0.05);
}

.table tr.highlight td, .table tr.highlight th {
    color: var(--dark) !important;
}

.container-header {
    background: var(--dark);
    width: 100%;
    border-radius: 5px 5px 0 0;
    border: 1px solid var(--dark);
    padding: 15px;
    color: var(--white);
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    box-sizing: border-box;
}

.container-header.show-hide::after {
    content: '';
    align-self: center;
    margin-left: auto;
}

.container-header.show-hide.open::after {
    content: '▲' !important;
}

.container-header.show-hide.hidden::after {
    content: '▼' !important;
}

.container-body {
    width: 100%;
    border-bottom: 1px solid var(--dark);
    border-left: 1px solid var(--dark);
    border-right: 1px solid var(--dark);
    box-sizing: border-box;
    padding: 15px;
}

.container-body.show-hide {
    display: none;
    overflow: hidden;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.show-hide-body {
    display: none;
    overflow: hidden;
}

  hr {
    border-top: 1px solid var(--dark-grey);
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    box-sizing: border-box;
}

.scroll-table {
    display: block;
    max-height: 420px;
    overflow-y: scroll;
    border-collapse: collapse;
    position: relative;
    border: 1px solid var(--dark-grey);
}

.scroll-table tr th {
    position: sticky;
    top: 0;
    width: 1%;
    background: var(--dark-grey);
    color: var(--white);
    padding: 12px !important;
}

.box {
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0;
}

.box.info {
    border: 1px solid var(--info);
    color: var(--info);
    box-shadow: 1px 1px 5px 0 rgba(34, 183, 225, 0.65);
}

.info_blue {
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0;
    border: 1px solid var(--info);
    color: var(--info);
    box-shadow: 1px 1px 5px 0 rgba(34, 183, 225, 0.65);
}

.check-border {
    border: 1px solid var(--dark);
    border-radius:5px;
    padding:20px;
    margin:20px 0;
    font-weight:bold;
}

/**
.box.info::before {
    width: 32px;
    height: 32px;
    content: '';
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1250 264' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.03292,0,0,4.03292,-3.29729,-24.8177)'%3E%3Cg transform='matrix(1,0,0,1,53.5986,42.2495)'%3E%3Cpath d='M0,-4.251C-0.504,-9.136 -2.733,-13.532 -6.069,-16.828C-9.875,-20.601 -15.137,-22.94 -20.929,-22.94L-20.933,-22.94C-26.723,-22.94 -31.982,-20.601 -35.793,-16.828C-39.604,-13.059 -41.971,-7.857 -41.971,-2.128L-41.971,-2.124C-41.971,3.608 -39.604,8.806 -35.793,12.579C-31.982,16.351 -26.723,18.688 -20.931,18.688L-20.929,18.688C-15.717,18.688 -10.933,16.798 -7.25,13.671C-6.15,13.593 -4.825,11.899 -0.215,11.671L-0.219,11.673L-0.223,11.679C-0.854,12.601 -1.546,13.479 -2.292,14.306C-3.025,15.122 -3.825,15.899 -4.692,16.632C-9.066,20.345 -14.741,22.593 -20.929,22.593L-20.931,22.593C-27.813,22.593 -34.059,19.817 -38.583,15.341C-43.113,10.862 -45.92,4.681 -45.92,-2.124L-45.92,-2.128C-45.92,-8.936 -43.113,-15.115 -38.582,-19.59C-34.059,-24.069 -27.813,-26.844 -20.933,-26.844L-20.929,-26.844C-14.046,-26.844 -7.8,-24.069 -3.275,-19.59C0.187,-16.165 2.535,-11.749 3.462,-6.794C3.796,-4.595 2.771,-0.636 -1.604,2.126C-4.11,3.517 -5.512,3.999 -7.287,3.999C-8.688,3.999 -9.481,3.696 -11.008,2.61C-12.533,3.878 -13.39,4.603 -14.917,5.935C-18.15,8.77 -20.045,9.929 -21.631,9.929C-22.729,9.929 -23.952,9.085 -24.564,7.866C-24.929,7.204 -25.053,6.476 -25.053,5.269C-25.053,4.663 -24.929,3.153 -24.807,1.888L-29.263,6.235C-31.463,8.226 -32.807,9.015 -34.21,9.015C-35.674,9.015 -37.69,7.866 -38.791,6.353C-39.706,5.208 -40.008,4.181 -40.256,2.067L-40.256,1.282C-40.256,0.921 -40.194,0.253 -40.133,-0.53C-39.706,-3.065 -38.85,-4.82 -37.263,-6.694C-32.869,-11.765 -29.814,-14.182 -27.798,-14.182C-27.007,-14.182 -25.725,-13.882 -24.99,-13.578C-24.44,-13.273 -24.194,-12.916 -24.194,-12.37C-24.194,-10.194 -27.007,-7.115 -34.577,-0.952L-34.821,0.015C-35.247,1.343 -35.307,1.765 -35.307,2.308C-35.307,2.972 -34.944,3.517 -34.454,3.517C-34.21,3.517 -33.844,3.335 -33.417,3.032L-31.768,1.944C-29.142,0.315 -22.791,-5.666 -19.862,-9.23C-17.847,-11.705 -16.931,-12.553 -16.259,-12.553C-16.016,-12.553 -15.223,-12.307 -14.67,-12.127C-13.879,-11.828 -13.512,-11.523 -13.512,-11.044C-13.512,-10.798 -13.879,-10.194 -14.979,-8.322C-18.03,-3.37 -20.349,1.462 -20.349,2.853C-20.349,3.577 -19.862,4.181 -19.251,4.181C-18.337,4.181 -17.238,3.274 -13.452,-0.411C-13.573,-0.952 -13.633,-1.437 -13.633,-1.738C-13.633,-4.759 -7.956,-11.886 -5.573,-11.886C-4.475,-11.886 -3.619,-10.678 -3.619,-8.99C-3.619,-6.571 -4.11,-5.544 -7.712,-0.53C-6.858,0.376 -6.042,0.942 -5.025,0.739C-2.361,0.202 -0.025,-2.62 0,-4.251' style='fill:white;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,58.957,20.7235)'%3E%3Cpath d='M0,-4.91L-1.288,-4.91L-1.288,-3.014L-0.038,-3.014C0.3,-3.014 0.581,-3.045 0.808,-3.101C1.037,-3.164 1.212,-3.26 1.333,-3.399C1.454,-3.539 1.512,-3.73 1.512,-3.976C1.512,-4.164 1.466,-4.335 1.369,-4.48C1.271,-4.626 1.137,-4.735 0.966,-4.807C0.8,-4.876 0.481,-4.91 0,-4.91M-0.8,-2.014L-1.288,-2.014L-1.288,0.198C-1.288,0.49 -1.351,0.705 -1.479,0.84C-1.608,0.98 -1.775,1.048 -1.983,1.048C-2.204,1.048 -2.379,0.978 -2.5,0.832C-2.621,0.69 -2.683,0.478 -2.683,0.198L-2.683,-5.103C-2.683,-5.401 -2.617,-5.622 -2.479,-5.756C-2.346,-5.89 -2.129,-5.958 -1.827,-5.958L0.445,-5.958C0.756,-5.958 1.023,-5.943 1.246,-5.918C1.468,-5.89 1.668,-5.839 1.85,-5.756C2.062,-5.664 2.256,-5.535 2.42,-5.366C2.587,-5.197 2.712,-4.999 2.8,-4.776C2.887,-4.551 2.929,-4.314 2.929,-4.064C2.929,-3.552 2.785,-3.139 2.496,-2.83C2.204,-2.526 1.767,-2.307 1.175,-2.181C1.425,-2.047 1.66,-1.851 1.883,-1.597C2.11,-1.339 2.312,-1.066 2.491,-0.776C2.667,-0.489 2.804,-0.226 2.902,0.011C3.002,0.242 3.052,0.402 3.052,0.49C3.052,0.582 3.024,0.672 2.964,0.761C2.906,0.849 2.829,0.92 2.727,0.971C2.626,1.024 2.512,1.048 2.379,1.048C2.225,1.048 2.091,1.011 1.985,0.94C1.879,0.865 1.787,0.774 1.708,0.657C1.633,0.548 1.529,0.378 1.396,0.161L0.839,-0.772C0.637,-1.114 0.458,-1.372 0.3,-1.55C0.142,-1.728 -0.021,-1.851 -0.184,-1.918C-0.346,-1.983 -0.55,-2.014 -0.8,-2.014' style='fill:white;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,58.9438,13.6766)'%3E%3Cpath d='M0,9.591C-2.646,9.591 -4.795,7.444 -4.795,4.794C-4.795,2.146 -2.646,-0.002 0,-0.002C2.65,-0.002 4.8,2.146 4.8,4.794C4.8,7.444 2.65,9.591 0,9.591M0,-0.871C-3.128,-0.871 -5.666,1.664 -5.666,4.794C-5.666,7.924 -3.128,10.462 0,10.462C3.129,10.462 5.671,7.924 5.671,4.794C5.671,1.664 3.129,-0.871 0,-0.871' style='fill:white;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cpath d='M1092.26,179.216L1133.78,179.216C1140.38,179.216 1142.11,179.216 1144.74,178.684C1150.22,177.792 1153.69,174.304 1153.69,170.001C1153.69,166.843 1153.69,166.496 1142.99,157.894L1118.5,137.681C1098.88,121.549 1092.26,110.039 1092.26,92.956C1092.26,60.955 1117.34,41.06 1158.03,41.06L1213.71,41.06L1213.71,94.714L1178.52,94.714C1164.93,94.714 1160.9,96.44 1160.9,101.34C1160.9,104.534 1163.16,107.095 1170.7,112.878L1194.1,131.353C1214.53,147.787 1222.33,161.06 1222.33,179.539C1222.33,212.113 1195.47,232.89 1153.39,232.89L1092.26,232.89L1092.26,179.216ZM464.294,41.06L523.678,41.06L523.678,165.379C523.678,189.645 519.089,204.059 507.216,217.033C495.722,229.41 477.231,236.685 457.042,236.685C436.543,236.685 422.065,231.14 409.676,218.477C399.581,230.559 384.853,236.685 364.951,236.685C342.435,236.685 324.295,229.148 311.599,214.75C301.23,203.164 296.879,189.314 296.879,169.142L296.879,41.06L356.308,41.06L356.308,163.084C356.308,175.453 360.043,180.974 368.435,180.974C372.738,180.974 376.795,178.373 379.106,174.304C380.526,172.025 380.828,169.412 380.828,163.084L380.828,41.06L440.298,41.06L440.298,163.084C440.298,171.436 440.616,173.513 442.633,176.066C444.633,179.216 448.093,180.974 452.142,180.974C460.781,180.974 464.294,175.453 464.294,162.213L464.294,41.06ZM674.84,182.43L674.84,232.89L645.146,232.89C609.644,232.89 587.737,223.352 568.408,199.99C553.393,181.503 545.622,160.455 545.622,137.681C545.622,110.297 556.865,84.035 576.792,65.29C593.799,49.126 614.548,41.06 639.956,41.06L674.84,41.06L674.84,92.089L657.499,92.089C632.749,92.089 616.835,100.191 612.842,114.935L674.84,114.935L674.84,159.878L612.842,159.878C616.581,174.635 630.422,182.43 652.913,182.43L674.84,182.43ZM760.52,232.89L701.103,232.89L701.103,41.06L761.96,41.06C793.658,41.06 816.759,49.126 834.076,66.165C852.789,84.612 863.485,110.568 863.485,138.266C863.485,190.448 825.418,232.89 778.688,232.89L770.046,232.89L770.046,178.958L773.534,178.958C780.963,178.958 791.049,172.34 795.735,164.214C799.724,157.027 802.023,147.787 802.023,137.681C802.023,111.467 787.609,94.714 764.839,94.714L760.52,94.714L760.52,232.89ZM977.411,37.31C1031.38,37.31 1076.38,82.595 1076.38,137.141C1076.38,191.956 1031.38,236.685 976.596,236.685C920.901,236.685 875.91,192.198 875.91,137.427C875.91,81.438 920.595,37.31 977.411,37.31ZM975.709,95.888C954.621,95.888 937.291,114.036 937.291,136.552C937.291,159.305 954.935,178.091 976.596,178.091C997.636,178.091 1014.94,159.305 1014.94,136.834C1014.94,113.774 997.636,95.888 975.709,95.888Z' style='fill:white;'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1250 264' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.03292,0,0,4.03292,-3.29729,-24.8177)'%3E%3Cg transform='matrix(1,0,0,1,53.5986,42.2495)'%3E%3Cpath d='M0,-4.251C-0.504,-9.136 -2.733,-13.532 -6.069,-16.828C-9.875,-20.601 -15.137,-22.94 -20.929,-22.94L-20.933,-22.94C-26.723,-22.94 -31.982,-20.601 -35.793,-16.828C-39.604,-13.059 -41.971,-7.857 -41.971,-2.128L-41.971,-2.124C-41.971,3.608 -39.604,8.806 -35.793,12.579C-31.982,16.351 -26.723,18.688 -20.931,18.688L-20.929,18.688C-15.717,18.688 -10.933,16.798 -7.25,13.671C-6.15,13.593 -4.825,11.899 -0.215,11.671L-0.219,11.673L-0.223,11.679C-0.854,12.601 -1.546,13.479 -2.292,14.306C-3.025,15.122 -3.825,15.899 -4.692,16.632C-9.066,20.345 -14.741,22.593 -20.929,22.593L-20.931,22.593C-27.813,22.593 -34.059,19.817 -38.583,15.341C-43.113,10.862 -45.92,4.681 -45.92,-2.124L-45.92,-2.128C-45.92,-8.936 -43.113,-15.115 -38.582,-19.59C-34.059,-24.069 -27.813,-26.844 -20.933,-26.844L-20.929,-26.844C-14.046,-26.844 -7.8,-24.069 -3.275,-19.59C0.187,-16.165 2.535,-11.749 3.462,-6.794C3.796,-4.595 2.771,-0.636 -1.604,2.126C-4.11,3.517 -5.512,3.999 -7.287,3.999C-8.688,3.999 -9.481,3.696 -11.008,2.61C-12.533,3.878 -13.39,4.603 -14.917,5.935C-18.15,8.77 -20.045,9.929 -21.631,9.929C-22.729,9.929 -23.952,9.085 -24.564,7.866C-24.929,7.204 -25.053,6.476 -25.053,5.269C-25.053,4.663 -24.929,3.153 -24.807,1.888L-29.263,6.235C-31.463,8.226 -32.807,9.015 -34.21,9.015C-35.674,9.015 -37.69,7.866 -38.791,6.353C-39.706,5.208 -40.008,4.181 -40.256,2.067L-40.256,1.282C-40.256,0.921 -40.194,0.253 -40.133,-0.53C-39.706,-3.065 -38.85,-4.82 -37.263,-6.694C-32.869,-11.765 -29.814,-14.182 -27.798,-14.182C-27.007,-14.182 -25.725,-13.882 -24.99,-13.578C-24.44,-13.273 -24.194,-12.916 -24.194,-12.37C-24.194,-10.194 -27.007,-7.115 -34.577,-0.952L-34.821,0.015C-35.247,1.343 -35.307,1.765 -35.307,2.308C-35.307,2.972 -34.944,3.517 -34.454,3.517C-34.21,3.517 -33.844,3.335 -33.417,3.032L-31.768,1.944C-29.142,0.315 -22.791,-5.666 -19.862,-9.23C-17.847,-11.705 -16.931,-12.553 -16.259,-12.553C-16.016,-12.553 -15.223,-12.307 -14.67,-12.127C-13.879,-11.828 -13.512,-11.523 -13.512,-11.044C-13.512,-10.798 -13.879,-10.194 -14.979,-8.322C-18.03,-3.37 -20.349,1.462 -20.349,2.853C-20.349,3.577 -19.862,4.181 -19.251,4.181C-18.337,4.181 -17.238,3.274 -13.452,-0.411C-13.573,-0.952 -13.633,-1.437 -13.633,-1.738C-13.633,-4.759 -7.956,-11.886 -5.573,-11.886C-4.475,-11.886 -3.619,-10.678 -3.619,-8.99C-3.619,-6.571 -4.11,-5.544 -7.712,-0.53C-6.858,0.376 -6.042,0.942 -5.025,0.739C-2.361,0.202 -0.025,-2.62 0,-4.251' style='fill:white;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,58.957,20.7235)'%3E%3Cpath d='M0,-4.91L-1.288,-4.91L-1.288,-3.014L-0.038,-3.014C0.3,-3.014 0.581,-3.045 0.808,-3.101C1.037,-3.164 1.212,-3.26 1.333,-3.399C1.454,-3.539 1.512,-3.73 1.512,-3.976C1.512,-4.164 1.466,-4.335 1.369,-4.48C1.271,-4.626 1.137,-4.735 0.966,-4.807C0.8,-4.876 0.481,-4.91 0,-4.91M-0.8,-2.014L-1.288,-2.014L-1.288,0.198C-1.288,0.49 -1.351,0.705 -1.479,0.84C-1.608,0.98 -1.775,1.048 -1.983,1.048C-2.204,1.048 -2.379,0.978 -2.5,0.832C-2.621,0.69 -2.683,0.478 -2.683,0.198L-2.683,-5.103C-2.683,-5.401 -2.617,-5.622 -2.479,-5.756C-2.346,-5.89 -2.129,-5.958 -1.827,-5.958L0.445,-5.958C0.756,-5.958 1.023,-5.943 1.246,-5.918C1.468,-5.89 1.668,-5.839 1.85,-5.756C2.062,-5.664 2.256,-5.535 2.42,-5.366C2.587,-5.197 2.712,-4.999 2.8,-4.776C2.887,-4.551 2.929,-4.314 2.929,-4.064C2.929,-3.552 2.785,-3.139 2.496,-2.83C2.204,-2.526 1.767,-2.307 1.175,-2.181C1.425,-2.047 1.66,-1.851 1.883,-1.597C2.11,-1.339 2.312,-1.066 2.491,-0.776C2.667,-0.489 2.804,-0.226 2.902,0.011C3.002,0.242 3.052,0.402 3.052,0.49C3.052,0.582 3.024,0.672 2.964,0.761C2.906,0.849 2.829,0.92 2.727,0.971C2.626,1.024 2.512,1.048 2.379,1.048C2.225,1.048 2.091,1.011 1.985,0.94C1.879,0.865 1.787,0.774 1.708,0.657C1.633,0.548 1.529,0.378 1.396,0.161L0.839,-0.772C0.637,-1.114 0.458,-1.372 0.3,-1.55C0.142,-1.728 -0.021,-1.851 -0.184,-1.918C-0.346,-1.983 -0.55,-2.014 -0.8,-2.014' style='fill:white;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,58.9438,13.6766)'%3E%3Cpath d='M0,9.591C-2.646,9.591 -4.795,7.444 -4.795,4.794C-4.795,2.146 -2.646,-0.002 0,-0.002C2.65,-0.002 4.8,2.146 4.8,4.794C4.8,7.444 2.65,9.591 0,9.591M0,-0.871C-3.128,-0.871 -5.666,1.664 -5.666,4.794C-5.666,7.924 -3.128,10.462 0,10.462C3.129,10.462 5.671,7.924 5.671,4.794C5.671,1.664 3.129,-0.871 0,-0.871' style='fill:white;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cpath d='M1092.26,179.216L1133.78,179.216C1140.38,179.216 1142.11,179.216 1144.74,178.684C1150.22,177.792 1153.69,174.304 1153.69,170.001C1153.69,166.843 1153.69,166.496 1142.99,157.894L1118.5,137.681C1098.88,121.549 1092.26,110.039 1092.26,92.956C1092.26,60.955 1117.34,41.06 1158.03,41.06L1213.71,41.06L1213.71,94.714L1178.52,94.714C1164.93,94.714 1160.9,96.44 1160.9,101.34C1160.9,104.534 1163.16,107.095 1170.7,112.878L1194.1,131.353C1214.53,147.787 1222.33,161.06 1222.33,179.539C1222.33,212.113 1195.47,232.89 1153.39,232.89L1092.26,232.89L1092.26,179.216ZM464.294,41.06L523.678,41.06L523.678,165.379C523.678,189.645 519.089,204.059 507.216,217.033C495.722,229.41 477.231,236.685 457.042,236.685C436.543,236.685 422.065,231.14 409.676,218.477C399.581,230.559 384.853,236.685 364.951,236.685C342.435,236.685 324.295,229.148 311.599,214.75C301.23,203.164 296.879,189.314 296.879,169.142L296.879,41.06L356.308,41.06L356.308,163.084C356.308,175.453 360.043,180.974 368.435,180.974C372.738,180.974 376.795,178.373 379.106,174.304C380.526,172.025 380.828,169.412 380.828,163.084L380.828,41.06L440.298,41.06L440.298,163.084C440.298,171.436 440.616,173.513 442.633,176.066C444.633,179.216 448.093,180.974 452.142,180.974C460.781,180.974 464.294,175.453 464.294,162.213L464.294,41.06ZM674.84,182.43L674.84,232.89L645.146,232.89C609.644,232.89 587.737,223.352 568.408,199.99C553.393,181.503 545.622,160.455 545.622,137.681C545.622,110.297 556.865,84.035 576.792,65.29C593.799,49.126 614.548,41.06 639.956,41.06L674.84,41.06L674.84,92.089L657.499,92.089C632.749,92.089 616.835,100.191 612.842,114.935L674.84,114.935L674.84,159.878L612.842,159.878C616.581,174.635 630.422,182.43 652.913,182.43L674.84,182.43ZM760.52,232.89L701.103,232.89L701.103,41.06L761.96,41.06C793.658,41.06 816.759,49.126 834.076,66.165C852.789,84.612 863.485,110.568 863.485,138.266C863.485,190.448 825.418,232.89 778.688,232.89L770.046,232.89L770.046,178.958L773.534,178.958C780.963,178.958 791.049,172.34 795.735,164.214C799.724,157.027 802.023,147.787 802.023,137.681C802.023,111.467 787.609,94.714 764.839,94.714L760.52,94.714L760.52,232.89ZM977.411,37.31C1031.38,37.31 1076.38,82.595 1076.38,137.141C1076.38,191.956 1031.38,236.685 976.596,236.685C920.901,236.685 875.91,192.198 875.91,137.427C875.91,81.438 920.595,37.31 977.411,37.31ZM975.709,95.888C954.621,95.888 937.291,114.036 937.291,136.552C937.291,159.305 954.935,178.091 976.596,178.091C997.636,178.091 1014.94,159.305 1014.94,136.834C1014.94,113.774 997.636,95.888 975.709,95.888Z' style='fill:white;'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--info);
    float: left;
    margin: 0 12px 0 0;
}
*/

.box.red {
    border: 1px solid var(--deny);
    color: var(--deny);
    box-shadow: 1px 1px 5px 0 rgba(229, 55, 52, 0.65);
    background: rgba(229, 55, 52, 0.15);
    display: flex;
    align-items: baseline;
}

.box.green {
    border: 1px solid var(--green);
    color: var(--green);
    box-shadow: 1px 1px 5px 0 rgba(37, 195, 129, 0.65);
    background: rgba(37, 195, 129, 0.15);
    display: flex;
    align-items: baseline;
}

.info_red {
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0;
    border: 1px solid var(--deny);
    color: var(--deny);
    box-shadow: 1px 1px 5px 0 rgba(229, 55, 52, 0.65);
    background: rgba(229, 55, 52, 0.15);
}

.box.orange {
    border: 1px solid var(--warning);
    color: var(--warning);
    box-shadow: 1px 1px 5px 0 rgba(235, 130, 54, 0.65);
    display: flex;
}

.info_orange {
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0;
    border: 1px solid var(--warning);
    color: var(--warning);
    box-shadow: 1px 1px 5px 0 rgba(235, 130, 54, 0.65);
}

/**
.box.red::before {
    width: 32px;
    height: 32px;
    content: '';
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1250 264' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.03292,0,0,4.03292,-3.29729,-24.8177)'%3E%3Cg transform='matrix(1,0,0,1,53.5986,42.2495)'%3E%3Cpath d='M0,-4.251C-0.504,-9.136 -2.733,-13.532 -6.069,-16.828C-9.875,-20.601 -15.137,-22.94 -20.929,-22.94L-20.933,-22.94C-26.723,-22.94 -31.982,-20.601 -35.793,-16.828C-39.604,-13.059 -41.971,-7.857 -41.971,-2.128L-41.971,-2.124C-41.971,3.608 -39.604,8.806 -35.793,12.579C-31.982,16.351 -26.723,18.688 -20.931,18.688L-20.929,18.688C-15.717,18.688 -10.933,16.798 -7.25,13.671C-6.15,13.593 -4.825,11.899 -0.215,11.671L-0.219,11.673L-0.223,11.679C-0.854,12.601 -1.546,13.479 -2.292,14.306C-3.025,15.122 -3.825,15.899 -4.692,16.632C-9.066,20.345 -14.741,22.593 -20.929,22.593L-20.931,22.593C-27.813,22.593 -34.059,19.817 -38.583,15.341C-43.113,10.862 -45.92,4.681 -45.92,-2.124L-45.92,-2.128C-45.92,-8.936 -43.113,-15.115 -38.582,-19.59C-34.059,-24.069 -27.813,-26.844 -20.933,-26.844L-20.929,-26.844C-14.046,-26.844 -7.8,-24.069 -3.275,-19.59C0.187,-16.165 2.535,-11.749 3.462,-6.794C3.796,-4.595 2.771,-0.636 -1.604,2.126C-4.11,3.517 -5.512,3.999 -7.287,3.999C-8.688,3.999 -9.481,3.696 -11.008,2.61C-12.533,3.878 -13.39,4.603 -14.917,5.935C-18.15,8.77 -20.045,9.929 -21.631,9.929C-22.729,9.929 -23.952,9.085 -24.564,7.866C-24.929,7.204 -25.053,6.476 -25.053,5.269C-25.053,4.663 -24.929,3.153 -24.807,1.888L-29.263,6.235C-31.463,8.226 -32.807,9.015 -34.21,9.015C-35.674,9.015 -37.69,7.866 -38.791,6.353C-39.706,5.208 -40.008,4.181 -40.256,2.067L-40.256,1.282C-40.256,0.921 -40.194,0.253 -40.133,-0.53C-39.706,-3.065 -38.85,-4.82 -37.263,-6.694C-32.869,-11.765 -29.814,-14.182 -27.798,-14.182C-27.007,-14.182 -25.725,-13.882 -24.99,-13.578C-24.44,-13.273 -24.194,-12.916 -24.194,-12.37C-24.194,-10.194 -27.007,-7.115 -34.577,-0.952L-34.821,0.015C-35.247,1.343 -35.307,1.765 -35.307,2.308C-35.307,2.972 -34.944,3.517 -34.454,3.517C-34.21,3.517 -33.844,3.335 -33.417,3.032L-31.768,1.944C-29.142,0.315 -22.791,-5.666 -19.862,-9.23C-17.847,-11.705 -16.931,-12.553 -16.259,-12.553C-16.016,-12.553 -15.223,-12.307 -14.67,-12.127C-13.879,-11.828 -13.512,-11.523 -13.512,-11.044C-13.512,-10.798 -13.879,-10.194 -14.979,-8.322C-18.03,-3.37 -20.349,1.462 -20.349,2.853C-20.349,3.577 -19.862,4.181 -19.251,4.181C-18.337,4.181 -17.238,3.274 -13.452,-0.411C-13.573,-0.952 -13.633,-1.437 -13.633,-1.738C-13.633,-4.759 -7.956,-11.886 -5.573,-11.886C-4.475,-11.886 -3.619,-10.678 -3.619,-8.99C-3.619,-6.571 -4.11,-5.544 -7.712,-0.53C-6.858,0.376 -6.042,0.942 -5.025,0.739C-2.361,0.202 -0.025,-2.62 0,-4.251' style='fill:white;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,58.957,20.7235)'%3E%3Cpath d='M0,-4.91L-1.288,-4.91L-1.288,-3.014L-0.038,-3.014C0.3,-3.014 0.581,-3.045 0.808,-3.101C1.037,-3.164 1.212,-3.26 1.333,-3.399C1.454,-3.539 1.512,-3.73 1.512,-3.976C1.512,-4.164 1.466,-4.335 1.369,-4.48C1.271,-4.626 1.137,-4.735 0.966,-4.807C0.8,-4.876 0.481,-4.91 0,-4.91M-0.8,-2.014L-1.288,-2.014L-1.288,0.198C-1.288,0.49 -1.351,0.705 -1.479,0.84C-1.608,0.98 -1.775,1.048 -1.983,1.048C-2.204,1.048 -2.379,0.978 -2.5,0.832C-2.621,0.69 -2.683,0.478 -2.683,0.198L-2.683,-5.103C-2.683,-5.401 -2.617,-5.622 -2.479,-5.756C-2.346,-5.89 -2.129,-5.958 -1.827,-5.958L0.445,-5.958C0.756,-5.958 1.023,-5.943 1.246,-5.918C1.468,-5.89 1.668,-5.839 1.85,-5.756C2.062,-5.664 2.256,-5.535 2.42,-5.366C2.587,-5.197 2.712,-4.999 2.8,-4.776C2.887,-4.551 2.929,-4.314 2.929,-4.064C2.929,-3.552 2.785,-3.139 2.496,-2.83C2.204,-2.526 1.767,-2.307 1.175,-2.181C1.425,-2.047 1.66,-1.851 1.883,-1.597C2.11,-1.339 2.312,-1.066 2.491,-0.776C2.667,-0.489 2.804,-0.226 2.902,0.011C3.002,0.242 3.052,0.402 3.052,0.49C3.052,0.582 3.024,0.672 2.964,0.761C2.906,0.849 2.829,0.92 2.727,0.971C2.626,1.024 2.512,1.048 2.379,1.048C2.225,1.048 2.091,1.011 1.985,0.94C1.879,0.865 1.787,0.774 1.708,0.657C1.633,0.548 1.529,0.378 1.396,0.161L0.839,-0.772C0.637,-1.114 0.458,-1.372 0.3,-1.55C0.142,-1.728 -0.021,-1.851 -0.184,-1.918C-0.346,-1.983 -0.55,-2.014 -0.8,-2.014' style='fill:white;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,58.9438,13.6766)'%3E%3Cpath d='M0,9.591C-2.646,9.591 -4.795,7.444 -4.795,4.794C-4.795,2.146 -2.646,-0.002 0,-0.002C2.65,-0.002 4.8,2.146 4.8,4.794C4.8,7.444 2.65,9.591 0,9.591M0,-0.871C-3.128,-0.871 -5.666,1.664 -5.666,4.794C-5.666,7.924 -3.128,10.462 0,10.462C3.129,10.462 5.671,7.924 5.671,4.794C5.671,1.664 3.129,-0.871 0,-0.871' style='fill:white;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cpath d='M1092.26,179.216L1133.78,179.216C1140.38,179.216 1142.11,179.216 1144.74,178.684C1150.22,177.792 1153.69,174.304 1153.69,170.001C1153.69,166.843 1153.69,166.496 1142.99,157.894L1118.5,137.681C1098.88,121.549 1092.26,110.039 1092.26,92.956C1092.26,60.955 1117.34,41.06 1158.03,41.06L1213.71,41.06L1213.71,94.714L1178.52,94.714C1164.93,94.714 1160.9,96.44 1160.9,101.34C1160.9,104.534 1163.16,107.095 1170.7,112.878L1194.1,131.353C1214.53,147.787 1222.33,161.06 1222.33,179.539C1222.33,212.113 1195.47,232.89 1153.39,232.89L1092.26,232.89L1092.26,179.216ZM464.294,41.06L523.678,41.06L523.678,165.379C523.678,189.645 519.089,204.059 507.216,217.033C495.722,229.41 477.231,236.685 457.042,236.685C436.543,236.685 422.065,231.14 409.676,218.477C399.581,230.559 384.853,236.685 364.951,236.685C342.435,236.685 324.295,229.148 311.599,214.75C301.23,203.164 296.879,189.314 296.879,169.142L296.879,41.06L356.308,41.06L356.308,163.084C356.308,175.453 360.043,180.974 368.435,180.974C372.738,180.974 376.795,178.373 379.106,174.304C380.526,172.025 380.828,169.412 380.828,163.084L380.828,41.06L440.298,41.06L440.298,163.084C440.298,171.436 440.616,173.513 442.633,176.066C444.633,179.216 448.093,180.974 452.142,180.974C460.781,180.974 464.294,175.453 464.294,162.213L464.294,41.06ZM674.84,182.43L674.84,232.89L645.146,232.89C609.644,232.89 587.737,223.352 568.408,199.99C553.393,181.503 545.622,160.455 545.622,137.681C545.622,110.297 556.865,84.035 576.792,65.29C593.799,49.126 614.548,41.06 639.956,41.06L674.84,41.06L674.84,92.089L657.499,92.089C632.749,92.089 616.835,100.191 612.842,114.935L674.84,114.935L674.84,159.878L612.842,159.878C616.581,174.635 630.422,182.43 652.913,182.43L674.84,182.43ZM760.52,232.89L701.103,232.89L701.103,41.06L761.96,41.06C793.658,41.06 816.759,49.126 834.076,66.165C852.789,84.612 863.485,110.568 863.485,138.266C863.485,190.448 825.418,232.89 778.688,232.89L770.046,232.89L770.046,178.958L773.534,178.958C780.963,178.958 791.049,172.34 795.735,164.214C799.724,157.027 802.023,147.787 802.023,137.681C802.023,111.467 787.609,94.714 764.839,94.714L760.52,94.714L760.52,232.89ZM977.411,37.31C1031.38,37.31 1076.38,82.595 1076.38,137.141C1076.38,191.956 1031.38,236.685 976.596,236.685C920.901,236.685 875.91,192.198 875.91,137.427C875.91,81.438 920.595,37.31 977.411,37.31ZM975.709,95.888C954.621,95.888 937.291,114.036 937.291,136.552C937.291,159.305 954.935,178.091 976.596,178.091C997.636,178.091 1014.94,159.305 1014.94,136.834C1014.94,113.774 997.636,95.888 975.709,95.888Z' style='fill:white;'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1250 264' xmlns='http://www.w3.org/2000/svg' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.03292,0,0,4.03292,-3.29729,-24.8177)'%3E%3Cg transform='matrix(1,0,0,1,53.5986,42.2495)'%3E%3Cpath d='M0,-4.251C-0.504,-9.136 -2.733,-13.532 -6.069,-16.828C-9.875,-20.601 -15.137,-22.94 -20.929,-22.94L-20.933,-22.94C-26.723,-22.94 -31.982,-20.601 -35.793,-16.828C-39.604,-13.059 -41.971,-7.857 -41.971,-2.128L-41.971,-2.124C-41.971,3.608 -39.604,8.806 -35.793,12.579C-31.982,16.351 -26.723,18.688 -20.931,18.688L-20.929,18.688C-15.717,18.688 -10.933,16.798 -7.25,13.671C-6.15,13.593 -4.825,11.899 -0.215,11.671L-0.219,11.673L-0.223,11.679C-0.854,12.601 -1.546,13.479 -2.292,14.306C-3.025,15.122 -3.825,15.899 -4.692,16.632C-9.066,20.345 -14.741,22.593 -20.929,22.593L-20.931,22.593C-27.813,22.593 -34.059,19.817 -38.583,15.341C-43.113,10.862 -45.92,4.681 -45.92,-2.124L-45.92,-2.128C-45.92,-8.936 -43.113,-15.115 -38.582,-19.59C-34.059,-24.069 -27.813,-26.844 -20.933,-26.844L-20.929,-26.844C-14.046,-26.844 -7.8,-24.069 -3.275,-19.59C0.187,-16.165 2.535,-11.749 3.462,-6.794C3.796,-4.595 2.771,-0.636 -1.604,2.126C-4.11,3.517 -5.512,3.999 -7.287,3.999C-8.688,3.999 -9.481,3.696 -11.008,2.61C-12.533,3.878 -13.39,4.603 -14.917,5.935C-18.15,8.77 -20.045,9.929 -21.631,9.929C-22.729,9.929 -23.952,9.085 -24.564,7.866C-24.929,7.204 -25.053,6.476 -25.053,5.269C-25.053,4.663 -24.929,3.153 -24.807,1.888L-29.263,6.235C-31.463,8.226 -32.807,9.015 -34.21,9.015C-35.674,9.015 -37.69,7.866 -38.791,6.353C-39.706,5.208 -40.008,4.181 -40.256,2.067L-40.256,1.282C-40.256,0.921 -40.194,0.253 -40.133,-0.53C-39.706,-3.065 -38.85,-4.82 -37.263,-6.694C-32.869,-11.765 -29.814,-14.182 -27.798,-14.182C-27.007,-14.182 -25.725,-13.882 -24.99,-13.578C-24.44,-13.273 -24.194,-12.916 -24.194,-12.37C-24.194,-10.194 -27.007,-7.115 -34.577,-0.952L-34.821,0.015C-35.247,1.343 -35.307,1.765 -35.307,2.308C-35.307,2.972 -34.944,3.517 -34.454,3.517C-34.21,3.517 -33.844,3.335 -33.417,3.032L-31.768,1.944C-29.142,0.315 -22.791,-5.666 -19.862,-9.23C-17.847,-11.705 -16.931,-12.553 -16.259,-12.553C-16.016,-12.553 -15.223,-12.307 -14.67,-12.127C-13.879,-11.828 -13.512,-11.523 -13.512,-11.044C-13.512,-10.798 -13.879,-10.194 -14.979,-8.322C-18.03,-3.37 -20.349,1.462 -20.349,2.853C-20.349,3.577 -19.862,4.181 -19.251,4.181C-18.337,4.181 -17.238,3.274 -13.452,-0.411C-13.573,-0.952 -13.633,-1.437 -13.633,-1.738C-13.633,-4.759 -7.956,-11.886 -5.573,-11.886C-4.475,-11.886 -3.619,-10.678 -3.619,-8.99C-3.619,-6.571 -4.11,-5.544 -7.712,-0.53C-6.858,0.376 -6.042,0.942 -5.025,0.739C-2.361,0.202 -0.025,-2.62 0,-4.251' style='fill:white;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,58.957,20.7235)'%3E%3Cpath d='M0,-4.91L-1.288,-4.91L-1.288,-3.014L-0.038,-3.014C0.3,-3.014 0.581,-3.045 0.808,-3.101C1.037,-3.164 1.212,-3.26 1.333,-3.399C1.454,-3.539 1.512,-3.73 1.512,-3.976C1.512,-4.164 1.466,-4.335 1.369,-4.48C1.271,-4.626 1.137,-4.735 0.966,-4.807C0.8,-4.876 0.481,-4.91 0,-4.91M-0.8,-2.014L-1.288,-2.014L-1.288,0.198C-1.288,0.49 -1.351,0.705 -1.479,0.84C-1.608,0.98 -1.775,1.048 -1.983,1.048C-2.204,1.048 -2.379,0.978 -2.5,0.832C-2.621,0.69 -2.683,0.478 -2.683,0.198L-2.683,-5.103C-2.683,-5.401 -2.617,-5.622 -2.479,-5.756C-2.346,-5.89 -2.129,-5.958 -1.827,-5.958L0.445,-5.958C0.756,-5.958 1.023,-5.943 1.246,-5.918C1.468,-5.89 1.668,-5.839 1.85,-5.756C2.062,-5.664 2.256,-5.535 2.42,-5.366C2.587,-5.197 2.712,-4.999 2.8,-4.776C2.887,-4.551 2.929,-4.314 2.929,-4.064C2.929,-3.552 2.785,-3.139 2.496,-2.83C2.204,-2.526 1.767,-2.307 1.175,-2.181C1.425,-2.047 1.66,-1.851 1.883,-1.597C2.11,-1.339 2.312,-1.066 2.491,-0.776C2.667,-0.489 2.804,-0.226 2.902,0.011C3.002,0.242 3.052,0.402 3.052,0.49C3.052,0.582 3.024,0.672 2.964,0.761C2.906,0.849 2.829,0.92 2.727,0.971C2.626,1.024 2.512,1.048 2.379,1.048C2.225,1.048 2.091,1.011 1.985,0.94C1.879,0.865 1.787,0.774 1.708,0.657C1.633,0.548 1.529,0.378 1.396,0.161L0.839,-0.772C0.637,-1.114 0.458,-1.372 0.3,-1.55C0.142,-1.728 -0.021,-1.851 -0.184,-1.918C-0.346,-1.983 -0.55,-2.014 -0.8,-2.014' style='fill:white;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(1,0,0,1,58.9438,13.6766)'%3E%3Cpath d='M0,9.591C-2.646,9.591 -4.795,7.444 -4.795,4.794C-4.795,2.146 -2.646,-0.002 0,-0.002C2.65,-0.002 4.8,2.146 4.8,4.794C4.8,7.444 2.65,9.591 0,9.591M0,-0.871C-3.128,-0.871 -5.666,1.664 -5.666,4.794C-5.666,7.924 -3.128,10.462 0,10.462C3.129,10.462 5.671,7.924 5.671,4.794C5.671,1.664 3.129,-0.871 0,-0.871' style='fill:white;fill-rule:nonzero;'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cpath d='M1092.26,179.216L1133.78,179.216C1140.38,179.216 1142.11,179.216 1144.74,178.684C1150.22,177.792 1153.69,174.304 1153.69,170.001C1153.69,166.843 1153.69,166.496 1142.99,157.894L1118.5,137.681C1098.88,121.549 1092.26,110.039 1092.26,92.956C1092.26,60.955 1117.34,41.06 1158.03,41.06L1213.71,41.06L1213.71,94.714L1178.52,94.714C1164.93,94.714 1160.9,96.44 1160.9,101.34C1160.9,104.534 1163.16,107.095 1170.7,112.878L1194.1,131.353C1214.53,147.787 1222.33,161.06 1222.33,179.539C1222.33,212.113 1195.47,232.89 1153.39,232.89L1092.26,232.89L1092.26,179.216ZM464.294,41.06L523.678,41.06L523.678,165.379C523.678,189.645 519.089,204.059 507.216,217.033C495.722,229.41 477.231,236.685 457.042,236.685C436.543,236.685 422.065,231.14 409.676,218.477C399.581,230.559 384.853,236.685 364.951,236.685C342.435,236.685 324.295,229.148 311.599,214.75C301.23,203.164 296.879,189.314 296.879,169.142L296.879,41.06L356.308,41.06L356.308,163.084C356.308,175.453 360.043,180.974 368.435,180.974C372.738,180.974 376.795,178.373 379.106,174.304C380.526,172.025 380.828,169.412 380.828,163.084L380.828,41.06L440.298,41.06L440.298,163.084C440.298,171.436 440.616,173.513 442.633,176.066C444.633,179.216 448.093,180.974 452.142,180.974C460.781,180.974 464.294,175.453 464.294,162.213L464.294,41.06ZM674.84,182.43L674.84,232.89L645.146,232.89C609.644,232.89 587.737,223.352 568.408,199.99C553.393,181.503 545.622,160.455 545.622,137.681C545.622,110.297 556.865,84.035 576.792,65.29C593.799,49.126 614.548,41.06 639.956,41.06L674.84,41.06L674.84,92.089L657.499,92.089C632.749,92.089 616.835,100.191 612.842,114.935L674.84,114.935L674.84,159.878L612.842,159.878C616.581,174.635 630.422,182.43 652.913,182.43L674.84,182.43ZM760.52,232.89L701.103,232.89L701.103,41.06L761.96,41.06C793.658,41.06 816.759,49.126 834.076,66.165C852.789,84.612 863.485,110.568 863.485,138.266C863.485,190.448 825.418,232.89 778.688,232.89L770.046,232.89L770.046,178.958L773.534,178.958C780.963,178.958 791.049,172.34 795.735,164.214C799.724,157.027 802.023,147.787 802.023,137.681C802.023,111.467 787.609,94.714 764.839,94.714L760.52,94.714L760.52,232.89ZM977.411,37.31C1031.38,37.31 1076.38,82.595 1076.38,137.141C1076.38,191.956 1031.38,236.685 976.596,236.685C920.901,236.685 875.91,192.198 875.91,137.427C875.91,81.438 920.595,37.31 977.411,37.31ZM975.709,95.888C954.621,95.888 937.291,114.036 937.291,136.552C937.291,159.305 954.935,178.091 976.596,178.091C997.636,178.091 1014.94,159.305 1014.94,136.834C1014.94,113.774 997.636,95.888 975.709,95.888Z' style='fill:white;'%3E%3C/path%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--deny);
    float: left;
    margin: 0 12px 0 0;
}
*/

/** MODAL */
.modal {
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.3));
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 99999999;
    display: none;
}

.modal.show {
    display: flex;
}

.modal .modal-dialog {
    width: 580px;
    background: var(--white);
    border-radius: 25px;
    padding: 80px;
    display: flex;
    flex-direction: column;
}

.modal .modal-dialog .cross {
    position: absolute;
    align-self: flex-end;
    font-size: 32px;
    margin: -50px;
    cursor: pointer;
}

/** ================= */
/** UNIQUE COMPONENTS */
/** ================= */

.cform {
    display: flex;
    flex-direction: column;
    max-width: 860px;
}

@media (max-width: 900px)
{
    .cform {
        max-width: 400px;
    }
}

.logreg {
    max-width: 400px;
    display: flex;
    flex-direction: column;
}

.login {
    max-width: 400px;
    display: flex;
    flex-direction: column;
}

.narrow-form {
    max-width: 420px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.password-helper {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0 10px;
}

.password-helper li {
    font-size: 12px;
    width: 50%;
    word-wrap: break-word;
}

.password-helper li::before {
    margin-right: 8px;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    background-size: 16px 16px;
    background-image: url("../images/point.svg");
}

.password-helper li.error::before {
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    background-size: 16px 16px;
    background-image: url("../images/cross.svg");
    color: var(--deny);
}

.password-helper li.error {
    color: var(--deny);
}

.password-helper li.success::before {
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    background-size: 16px 16px;
    background-image: url("../images/check.svg");
    color: var(--green);
}

.password-helper li.success {
    color: var(--green);
}

.password-helper li.hidden {
    display: none;
}

.user-login-plugins {
    display: flex;
    flex-direction: row;
}

.user-login-plugins .login-plugin-frame {
    margin: 4px;
}

.user-login-plugins .login-plugin-frame .plugin-popup-box {
    display: none;
    position: absolute;
    background: var(--white);
    padding: 12px;
    border-radius: 7px;
    border: 1px solid var(--dark-info);
}

.user-login-plugins .login-plugin-frame .plugin-popup-box a {
    color: var(--blue);
}

.user-login-plugins .login-plugin-frame:hover .plugin-popup-box {
    display: block;
}

@media (max-width: 744px)
{
    #content {
        padding: 0 var(--p-2);
    }

    .modal-dialog {
        max-width: 400px;
    }

    .footer-wrapper {
        flex-direction: column;
    }

    .footer-wrapper > * {
        margin-top: 24px !important;
    }
}

@media (max-width: 460px)
{
    .page-header-wrapper {
        flex-direction: column !important;
        align-items: center !important;
    }

    .logo {
        height: 64px;
    }

    .heading-special {
        font-size: 26px;
        text-align: center;
    }

    .modal-dialog {
        max-width: 300px;
    }
}

.sms_success {
    display: none;
    flex-direction: column;
    align-items: center;
}

.phone-box {
    display: flex;
    flex-direction: row;
    border: none !important;
}

.phone-box input {
    padding: 0;
    margin: 0 5px;
}

.phone-box select {
    flex-shrink: 1;
    padding: 0;
    margin: 0;
}

.radios {
    border: none;
    flex-direction: column;
}

.radios > span {
    font-size: 14px;
}

.radios > div {
    display: flex;
    flex-direction: row;
    align-items: baseline
}

.radios > div > label {
    position: relative;
}

input[type=radio] {
    appearance: none;
    border-radius: 50%;
    border: 1px solid var(--grey);
    width: 24px !important;
    min-width: 24px;
    height: 24px !important;
}

input[type=radio]:focus {
    box-shadow: 0 0 5px rgba(69, 87, 121, 0.5);
}

input[type=radio]:checked {
    background: var(--dark-info);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    border: 1px solid var(--dark-info);

}

.is-toggle {
    display: none;
}

.is-toggle.is-active {
    display: flex !important;
}

.page-box-info {
    border: 1px solid var(--input-grey);
    border-radius: 12px;
    background: var(--white);
    padding: 16px;
    margin: 16px;
}
