@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Quicksand:wght@300..700&display=swap');

* {
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Quicksand', 'Poppins', sans-serif;
}

.page-login-home #container {
    display: flex;
    height: 100%;
    overflow: hidden;
}

.page-login-home #content {
    height: 100%;
    width: 50%;
    background: #ffffff;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-login-home #content:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1075.63 698.82'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %232d66ff; fill-rule: evenodd; opacity: 0.20; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1007.3,173.85C991.56,113.84,990.14,57.29,995.06,0H-1.63V682.33a477,477,0,0,0,122.21,16.49h1.93c4.11,0,8.2-.07,12.32-.19,84.59-2.49,155.64-31.94,217.67-73.76,37.25-25.1,72.68-64,124.32-70.44,54.48-6.79,114.29,23.05,163.79,41.12,73.7,26.91,151.29,54.94,231.15,57.11,147.94,4,202.18-74.13,202.24-182.79v-.55c0-25.77-3.1-53.24-8.67-81.74C1051.15,315.17,1026,245.22,1007.3,173.85Z' transform='translate(1.63)' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: 53%;
}

.page-login-home .form {
    width: 100%;
    display: flex;
    justify-content: center;
}

.page-login-home .form-wrapper {
    min-width: 440px;
    max-width: 440px;
}

.page-login-home .form-wrapper .icon-help {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 45'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill:%232d66ff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M35.69,16.82v-4.63C35.69,5.6,29.77,.24,22.5,.24S9.31,5.6,9.31,12.2v4.63c-2.8,.48-4.95,2.93-4.95,5.87v16.11c0,3.29,2.67,5.96,5.96,5.96h24.35c3.29,0,5.96-2.67,5.96-5.96V22.69c0-2.94-2.14-5.38-4.95-5.87ZM10.96,12.2c0-5.68,5.18-10.3,11.54-10.3s11.54,4.62,11.54,10.3v4.53H10.96v-4.53Zm28.03,26.6c0,2.38-1.93,4.31-4.31,4.31H10.32c-2.38,0-4.31-1.93-4.31-4.31V22.69c0-2.38,1.93-4.31,4.31-4.31h24.35c2.38,0,4.31,1.93,4.31,4.31v16.11Z'/%3E%3Cpath class='cls-1' d='M22.5,23.32c-1.82,0-3.3,1.48-3.3,3.3v4.95c0,1.82,1.48,3.3,3.3,3.3s3.3-1.48,3.3-3.3v-4.95c0-1.82-1.48-3.3-3.3-3.3Zm1.65,8.24c0,.91-.74,1.65-1.65,1.65s-1.65-.74-1.65-1.65v-4.95c0-.91,.74-1.65,1.65-1.65s1.65,.74,1.65,1.65v4.95Z'/%3E%3C/svg%3E");
    background-position: center;
    width: 40px;
    height: 40px;
    display: block;
}

.page-login-home.page-success .form-wrapper .icon-help {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 45'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill:%231fcce2; %7D %3C/style%3E%3C/defs%3E%3Cg id='Symbols'%3E%3Cg id='Icon-_-Application' data-name='Icon-/-Application'%3E%3Cg id='vote'%3E%3Cg id='Shape'%3E%3Cpath class='cls-1' d='M43.75,39.94H25.26l17.49-17.75c1.36-1.36,1.35-3.66,0-5.25L29.83,4.03c-1.35-1.34-3.63-1.34-4.98,0L2.47,26.41c-1.35,1.35-1.34,3.66,.02,5.24l8.29,8.29H1.48c-.55,0-.89,.4-.89,.95,0,.71,.15,1.08,.89,1.08H43.5c.55,0,.89-.34,.89-.89l.02-.11c0-.63-.29-1.03-.66-1.03ZM26.2,5.16V26.41c0,.89-.61,1.84-1.6,1.84H3.63L26.2,5.16ZM13.31,39.94h0L3.62,30.04H24.6c2.04,0,3.63-1.59,3.63-3.63V5.18l13.28,13.28c.62,.61,.63,1.54,.04,2.43l-18.89,19.05H13.31Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    display: inline-block;
}

.page-login-home h1 {
    font-family: 'Quicksand', 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #2d66ff;;
    margin-bottom: 12px;
}

.page-login-home h1 span {
    font-family: 'Quicksand', 'Poppins', sans-serif;
}

.page-login-home h2 {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 30px;
    color: #2b2b2b;
}

.page-login-home form {
    min-width: 440px;
    position: relative;
    z-index: 1;
}

.page-login-home .illustration {
    margin: auto 0;
}

.page-login-home .illustration img {
    width: 650px;
}

.page-login-home form .errors {
    background: #fdd6d5;
    color: #EA1D28;
    border-radius: 5px;
    text-align: left;
    font-size: 14px;
    padding: 15px;
    margin: 15px 0;
}

.page-login-home form label {
    font-size: 14px;
    color: #2b2b2b;
    font-weight: 500;
    transition: 0.2s;
    margin-bottom: 7px;
    display: inline-block;
}

.page-login-home form .label-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.page-login-home form .label-wrapper span {
    color: #2d66ff;;
    font-size: 14px;
    cursor: pointer;
}

.page-login-home form input::placeholder {
    color: #AEAEAE;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.page-login-home form input {
    font-size: 14px;
    text-shadow: none;
    background: none;
    box-shadow: none;
    border: 1px solid #A9A9A9;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}

.page-login-home form input[type="checkbox"] {
    margin: 0 10px 0 0;
    width: 16px;
    height: 16px;
    padding: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-position: center;
    flex-shrink: 0;
    cursor: pointer;
}

.page-login-home form input[type="checkbox"]:checked {
    background-size: 10px;
    background-position: 50%;
    border-color: #007BFF;
    background-color: #007BFF;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 45'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill:%23ffffff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M45,7.49c0,.33-.13,.63-.36,.85L14.64,38.36c-.47,.47-1.24,.47-1.71,0L.36,25.8C.13,25.56,0,25.26,0,24.94s.13-.63,.36-.86c.23-.23,.54-.35,.85-.35s.62,.12,.85,.35l11.71,11.71L42.94,6.64c.23-.23,.54-.35,.85-.35s.62,.12,.85,.35c.23,.23,.36,.53,.36,.85Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.page-login-home form input[type="checkbox"]::focus {
    -webkit-text-fill-color: #2b2b2b;
    color: #2b2b2b;
    background-color: #ffffff;
    border-color: #2d66ff;
    outline: 0;
    box-shadow: none;
}

.page-login-home form input#field-remember-me {
    position: relative;
    top: 2px;
    left: 2px;
}

.page-login-home form .submit {
    margin: 20px 0;
}

.page-login-home form .submit input,
.page-login-home form .submit button {
    color: #ffffff;
    background: #2d66ff;;
    border: none;
    box-shadow: none;
    text-shadow: none;
    font-weight: 600;
    border-radius: 4px;
    font-size: 14px;
    padding: 10px;
    transition: 0.2s;
    cursor: pointer;
    border-radius: 40px;
    width: 100%;
}

.page-login-home form .submit .button-outline {
    color: #2d66ff;
    background: white;
    border: 1px solid #2d66ff;
    box-shadow: none;
    text-shadow: none;
    font-weight: 600;
    font-size: 14px;
    padding: 10px;
    transition: 0.2s;
    cursor: pointer;
    border-radius: 40px;
    width: 100%;
    margin-top: 12px;
	display: block;
    text-align: center;
    text-decoration: none;
}

.page-login-home form .toggle-password {
    background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250.37 250.3'%3E%3Cdefs%3E%3Cstyle%3E .cls-1, .cls-2 %7B fill: %23A9A9A9; %7D .cls-2 %7B opacity: 0; %7D %3C/style%3E%3C/defs%3E%3Cline class='cls-1' x1='179' y1='187.51' x2='188.89' y2='181.12' /%3E%3Cpath class='cls-1' d='M249.65,122.58C227,71.75,175.81,36.21,125.07,36.21a125.71,125.71,0,0,0-60.3,16.44,100.47,100.47,0,0,0-12.49,7.7c-.76.57-3,2.18-3,2.18a151.71,151.71,0,0,0-48.75,60,6.1,6.1,0,0,0,0,4.85c22.62,50.83,73.83,86.37,124.57,86.37a125.75,125.75,0,0,0,60.31-16.44l12.49-7.7,3-2.18a151.67,151.67,0,0,0,48.75-60A5.42,5.42,0,0,0,249.65,122.58Zm-12.59,3.89a141.57,141.57,0,0,1-46,52.93l-2.18,1.52L179,187.28l-3.88,2a112.92,112.92,0,0,1-50,12.54h0c-44.4,0-90.4-31-112-75.44L12.52,125l.76-1.42a141.46,141.46,0,0,1,46-52.92l2.18-1.52,10.22-6.46,3.89-2a112.87,112.87,0,0,1,49.6-12.54c44.4,0,90.5,31,112,75.44l.66,1.42Z' transform='translate(0.02 0.2)' /%3E%3Cpath class='cls-1' d='M125.1,82.81a42.47,42.47,0,1,0,42.32,42.47A42.44,42.44,0,0,0,125.1,82.81ZM94.24,125.28a30.86,30.86,0,1,1,30.86,31A30.92,30.92,0,0,1,94.24,125.28Z' transform='translate(0.02 0.2)' /%3E%3Cpath class='cls-2' d='M52.07,60.77l.45.35c1.79-1.58,3.92-2.93,5.83-4.35a33.17,33.17,0,0,1,4.32-2.71L10.18,1.56A6.13,6.13,0,0,0,4.39,0,6,6,0,0,0,1.72,10L52.35,60.57Z' transform='translate(0.02 0.2)' /%3E%3Cpath class='cls-2' d='M248.61,240,198,189.47h0c-1.14.6-2.3,1.18-3.46,1.81a59.05,59.05,0,0,0-6.8,4.74l52.41,52.41a6.15,6.15,0,0,0,8.46,0A6,6,0,0,0,248.61,240Z' transform='translate(0.02 0.2)' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: -30px;
    float: right;
    position: relative;
    z-index: 1;
    padding-right: 30px;
    cursor: pointer;
}

.page-login-home form .blind-eye {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 45'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill:%23adaeae; %7D %3C/style%3E%3C/defs%3E%3Cg id='Show'%3E%3Cpath class='cls-1' d='M34.12,32.8c6.46-3.71,9.72-9.45,9.92-9.81,.18-.31,.18-.69,0-.99-.74-1.32-7.69-12.92-21.54-12.92-3.81,0-7.1,.89-9.89,2.21L2.44,1.12c-.37-.37-.97-.37-1.33,0-.37,.37-.37,.96,0,1.33L10.86,12.2C4.41,15.91,1.16,21.65,.96,22c-.18,.31-.18,.69,0,.99,.29,.53,7.44,12.92,21.54,12.92,3.8,0,7.09-.89,9.87-2.2l10.16,10.16c.37,.37,.96,.37,1.33,0,.36-.37,.36-.96,0-1.33l-9.74-9.74ZM22.5,11.14c11.09,0,17.59,8.54,19.32,11.16l.13,.2-.13,.19c-1.11,1.69-4.2,5.84-9.23,8.58l-3.88-3.88c1.06-1.34,1.7-3.04,1.7-4.89,0-4.36-3.55-7.91-7.91-7.91-1.84,0-3.54,.64-4.89,1.7l-3.42-3.42c2.4-1.05,5.17-1.73,8.31-1.73Zm-3.42,6.62c.96-.71,2.14-1.12,3.42-1.12,3.23,0,5.86,2.63,5.86,5.86,0,1.28-.41,2.46-1.12,3.42l-8.16-8.16Zm6.83,9.49c-.96,.69-2.14,1.1-3.41,1.1-3.23,0-5.85-2.63-5.85-5.85,0-1.27,.4-2.45,1.1-3.41l8.16,8.16Zm-3.41,6.61c-11.09,0-17.59-8.55-19.32-11.17l-.13-.19,.13-.2c1.11-1.69,4.19-5.83,9.22-8.56l3.88,3.88c-1.06,1.34-1.69,3.04-1.69,4.88,0,4.36,3.55,7.9,7.91,7.9,1.83,0,3.53-.62,4.87-1.69l3.43,3.43c-2.4,1.04-5.16,1.72-8.3,1.72Z'/%3E%3C/g%3E%3C/svg%3E");
}

.page-login-home form .input-error-message+.toggle-password {
    margin-top: -49px;
}

.page-login-home form div.input-error input {
    border-color: #B50000;
}

.page-login-home form .input-error-message {
    font-size: 12px;
    color: #B50000;
    transition: 0.2s;
    margin-left: 5px;
    background: none;
    padding: 0;
    padding-top: 5px;
    border: none;
    text-align: left;
}

.page-login-home form .help {
    margin-top: 50px;
}

.page-login-home form .help a {
    color: #2d66ff;
}

.page-login-home form .help a:hover {
    color: #2d66ff;
}

.page-login-home #login-footer {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.page-login-home #login-footer img {
    width: 300px;
}

.form-field.form-field-captcha {
    margin-top: 20px;
}

.page-login-home.page-success .form-wrapper {
    text-align: center;
    max-width: 500px;
}

.page-login-home.page-success form .submit input {
    width: 200px;
}

.page-login-home.page-success h2,
.page-login-home.page-recovery h2 {
    font-size: 18px;
}

@media only screen and (max-width: 1024px) {
    .page-login-home #content {
        width: 40%;
    }

    .page-login-home .login-background {
        width: 60%;
    }

    .page-login-home h1 {
        font-size: 24px;
    }

    .page-login-home h2 {
        font-size: 20px;
    }

    .page-login-home .form {
        width: 100%;
        font-size: 14px;
    }

    .page-login-home form,
    .page-login-home .form-wrapper {
        min-width: auto;
    }

    .page-login-home form label {
        font-size: 14px;
    }

    .page-login-home form .label-wrapper span {
        font-size: 14px;
    }

    .page-login-home form input::placeholder {
        font-size: 14px;
    }

    .page-login-home form input {
        font-size: 14px;
    }

    .page-login-home form .submit {
        font-size: 14px;
    }

    .page-login-home form label {
        font-size: 14px;
    }
}

@media only screen and (max-width: 900px) {
    .page-login-home #container {
        flex-direction: column-reverse;
        height: auto;
    }

    .page-login-home #content {
        width: 100%;
        align-items: flex-start;
        margin-top: 10%;
    }

    .page-login-home #content:after {
        opacity: 0.4;
        transform: rotate(180deg);
        top: auto;
        bottom: 0;
    }

    .page-login-home h1 {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .page-login-home h2 {
        margin-bottom: 15px;
    }

    .page-login-home .login-background {
        width: 100%;
        height: 190px;
    }

    .page-login-home .login-background img {
        min-height: auto;
        position: static;
        width: 100%;
        height: auto;
    }

    .page-login-home form {
        margin-bottom: 100px;
    }

    .page-login-home form .help {
        margin-top: 30px;
    }
}

.page-login-iframe #container {
    display: flex;
    height: 100%;
    overflow: hidden;
    flex-direction: row-reverse;
}

.page-login-iframe #content {
    height: 100%;
    width: 50%;
    background: #ffffff;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 5%;
    flex-direction: column;
    align-items: flex-start;
}

.page-login-iframe .form {
    width: 100%;
    display: flex;
    justify-content: center;
}

.page-login-iframe .form-wrapper {
    min-width: 440px;
}

.page-login-iframe h1 {
    font-size: 31px;
    font-weight: 400;
    color: #2d66ff;
    max-width: 80%;
    margin: 0 auto 60px;
    text-align: center;
}

.page-login-iframe h1 span {
    font-weight: 700;
}

.page-login-iframe h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.page-login-iframe .login-background {
    width: 50%;
    height: 100%;
    position: relative;
}

.page-login-iframe .login-background img {
    height: 100%;
    position: absolute;
    right: 0;
}

.page-login-iframe form {
    min-width: 440px;
    position: relative;
    z-index: 1;
    max-width: 70%;
    margin: 0 auto;
}

.page-login-iframe form .input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.page-login-iframe form .input-wrapper .icon {
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Misc./Tooltip/TooltipExtense' transform='translate(-25.000000, -12.000000)' fill='%23AEAEAE'%3E%3Cg id='Icons/info' transform='translate(25.000000, 12.000000)'%3E%3Cpath d='M10,0 C15.5138462,0 20,4.48584615 20,10 C20,15.5141538 15.5138462,20 10,20 C4.48615385,20 0,15.5141538 0,10 C0,4.48584615 4.48615385,0 10,0 Z M10,18.7692308 C14.8353846,18.7692308 18.7692308,14.8353846 18.7692308,10 C18.7692308,5.16461538 14.8353846,1.23076923 10,1.23076923 C5.16461538,1.23076923 1.23076923,5.16461538 1.23076923,10 C1.23076923,14.8353846 5.16461538,18.7692308 10,18.7692308 Z M10.0292308,7.05846154 C9.46080231,7.05846154 9,6.59765923 9,6.02923077 C9,5.46080231 9.46080231,5 10.0292308,5 C10.5976592,5 11.0584615,5.46080231 11.0584615,6.02923077 C11.0584615,6.59765923 10.5976592,7.05846154 10.0292308,7.05846154 Z M9.88830769,8.72061538 C10.228,8.72061538 10.5036923,8.996 10.5036923,9.336 L10.5036923,14.5667692 C10.5036923,14.9064615 10.228,15.1821538 9.88830769,15.1821538 C9.54861538,15.1821538 9.27292308,14.9064615 9.27292308,14.5667692 L9.27292308,9.336 C9.27292308,8.99630769 9.54861538,8.72061538 9.88830769,8.72061538 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
}

.page-login-iframe form .input-wrapper .icon:hover {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Misc./Tooltip/TooltipExtense' transform='translate(-25.000000, -12.000000)' fill='%233EB2E9'%3E%3Cg id='Icons/info' transform='translate(25.000000, 12.000000)'%3E%3Cpath d='M10,0 C15.5138462,0 20,4.48584615 20,10 C20,15.5141538 15.5138462,20 10,20 C4.48615385,20 0,15.5141538 0,10 C0,4.48584615 4.48615385,0 10,0 Z M10,18.7692308 C14.8353846,18.7692308 18.7692308,14.8353846 18.7692308,10 C18.7692308,5.16461538 14.8353846,1.23076923 10,1.23076923 C5.16461538,1.23076923 1.23076923,5.16461538 1.23076923,10 C1.23076923,14.8353846 5.16461538,18.7692308 10,18.7692308 Z M10.0292308,7.05846154 C9.46080231,7.05846154 9,6.59765923 9,6.02923077 C9,5.46080231 9.46080231,5 10.0292308,5 C10.5976592,5 11.0584615,5.46080231 11.0584615,6.02923077 C11.0584615,6.59765923 10.5976592,7.05846154 10.0292308,7.05846154 Z M9.88830769,8.72061538 C10.228,8.72061538 10.5036923,8.996 10.5036923,9.336 L10.5036923,14.5667692 C10.5036923,14.9064615 10.228,15.1821538 9.88830769,15.1821538 C9.54861538,15.1821538 9.27292308,14.9064615 9.27292308,14.5667692 L9.27292308,9.336 C9.27292308,8.99630769 9.54861538,8.72061538 9.88830769,8.72061538 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.page-login-iframe form input {
    width: 100%;
    box-shadow: none;
    border: 1px solid #AEAEAE;
    padding: 12px;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
}

.page-login-iframe form input::placeholder {
    color: #AEAEAE;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

.page-login-iframe form .submit button {
    background: #2d66ff;
    color: #ffffff;
    border-color: #2d66ff;
    margin-top: 20px;
    cursor: pointer;
    transition: 0.3s;
    text-decoration: none;
    width: 100%;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.page-login-iframe form .submit button span {
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 512 512'%3E%3Cpath d='M495,466.2L377.2,348.4c29.2-35.6,46.8-81.2,46.8-130.9C424,103.5,331.5,11,217.5,11C103.4,11,11,103.5,11,217.5 S103.4,424,217.5,424c49.7,0,95.2-17.5,130.8-46.7L466.1,495c8,8,20.9,8,28.9,0C503,487.1,503,474.1,495,466.2z M217.5,382.9 C126.2,382.9,52,308.7,52,217.5S126.2,52,217.5,52C308.7,52,383,126.3,383,217.5S308.7,382.9,217.5,382.9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.page-login-iframe form .submit button:hover {
    background: #199ddb;
    border-color: #199ddb;
}

.page-login-iframe form input[type=hidden] {
    display: none;
}

.page-login-iframe .hover-tooltip {
    display: inline-block;
    position: relative;
    text-align: left;
}

.page-login-iframe .hover-tooltip:hover .tooltip-content {
    display: block;
}

.page-login-iframe .hover-tooltip .tooltip-content {
    min-width: 120px;
    max-width: 400px;
    width: -webkit-max-content;
    width: max-content;
    padding: 20px;
    color: #000000;
    background-color: #FFFFFF;
    font-weight: normal;
    font-size: 14px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 0 5px #b9b9b9;
    display: none;
    line-height: 20px;
}

.page-login-iframe .hover-tooltip .tooltip-content h5 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 15px 0;
    display: flex;
    align-items: center;
}

.page-login-iframe .hover-tooltip .tooltip-content h5 .icon {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23777777' version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='m64.5,122.6c32,0 58-26 58-58s-26-58-58-58-58.1,26-58.1,58 26.1,58 58.1,58zm0-108c27.5,5.32907e-15 49.9,22.4 49.9,49.9s-22.4,49.9-49.9,49.9-49.9-22.4-49.9-49.9 22.4-49.9 49.9-49.9z'/%3E%3Cpath d='m54.8,90.1c-2.3,0-4.1,1.8-4.1,4.1s1.8,4.1 4.1,4.1h26.9c2.3,0 4.1-1.8 4.1-4.1s-1.8-4.1-4.1-4.1h-9.4v-36.1c0-2.3-1.8-4.1-4.1-4.1h-13.4c-2.3,0-4.1,1.8-4.1,4.1 0,2.3 1.8,4.1 4.1,4.1h9.4v32h-9.4z'/%3E%3Ccircle cx='62.7' cy='36.5' r='6.6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
}

.page-login-iframe .hover-tooltip .tooltip-content a {
    display: block;
    margin-top: 15px;
    text-decoration: none;
    color: #2d66ff;
}

.page-login-iframe .hover-tooltip .tooltip-content .close {
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23AEAEAE' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M505.943,6.058c-8.077-8.077-21.172-8.077-29.249,0L6.058,476.693c-8.077,8.077-8.077,21.172,0,29.249 C10.096,509.982,15.39,512,20.683,512c5.293,0,10.586-2.019,14.625-6.059L505.943,35.306 C514.019,27.23,514.019,14.135,505.943,6.058z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M505.942,476.694L35.306,6.059c-8.076-8.077-21.172-8.077-29.248,0c-8.077,8.076-8.077,21.171,0,29.248l470.636,470.636 c4.038,4.039,9.332,6.058,14.625,6.058c5.293,0,10.587-2.019,14.624-6.057C514.018,497.866,514.018,484.771,505.942,476.694z'/%3E%3C/g%3E%3C/svg%3E");
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.page-login-iframe .hover-tooltip .tooltip-content i {
    position: absolute;
    overflow: hidden;
}

.page-login-iframe .hover-tooltip .tooltip-content i:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 8px #BBBBBB;
}

.page-login-iframe .hover-tooltip-bottom .tooltip-content {
    top: calc(100% + 1em);
    left: 50%;
    transform: translate(-50%, 0);
}

.page-login-iframe .hover-tooltip-bottom .tooltip-content i {
    bottom: 100%;
    left: 0%;
    margin-left: 0px;
    width: 100%;
    height: 12px;
}

.page-login-iframe .hover-tooltip-bottom .tooltip-content i:after {
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
}

.page-login-iframe .error-message {
    background: #FCF7E2;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 5px;
    margin-top: 20px;
    line-height: 18px;
    margin-left: -40px;
    width: calc(100% + 80px);
    font-size: 14px;
}

.page-login-iframe .error-message a {
    color: #2d66ff;
    text-decoration: none;
    font-weight: 600;
}

.page-login-iframe .error-message a .icon {
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.63 33.32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:transparent;fill-rule:evenodd;%7D.cls-2%7Bfill:%233EB2E9;%7D%3C/style%3E%3C/defs%3E%3Cpath id='Fill-6' class='cls-1' d='M21.73,27.77H6.23c-.3,0-.6-.66-.6-1.32V12.23c0-.66.3-1.31.6-1.31h15.6c.3,0,.6.65.6,1.31V26.45c-.1.66-.3,1.32-.7,1.32' transform='translate(0 0)'/%3E%3Cpath class='cls-2' d='M31.88,0H21.52a.74.74,0,0,0-.69.46.74.74,0,0,0,.16.82L25.69,6,11.5,20.21a.75.75,0,1,0,1.06,1.06L26.74,7.09l4.6,4.65a.79.79,0,0,0,.54.22.67.67,0,0,0,.28-.06.75.75,0,0,0,.47-.69V.75A.77.77,0,0,0,31.88,0Zm-.75,9.38L23.32,1.5h7.81Z' transform='translate(0 0)'/%3E%3Cpath class='cls-2' d='M27.32,33.32H.75A.76.76,0,0,1,0,32.57V6.11a.77.77,0,0,1,.75-.75H16.46a.75.75,0,0,1,0,1.5H1.5v25H26.57V16.58a.75.75,0,0,1,1.5,0v16A.75.75,0,0,1,27.32,33.32Z' transform='translate(0 0)'/%3E%3C/svg%3E");
    width: 13px;
    height: 13px;
    margin-left: 5px;
}

.page-login-iframe #login-footer {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding: 0 20px;
}

.page-login-iframe #login-footer .help {
    margin-bottom: 20px;
    display: flex;
    font-size: 14px;
}

.page-login-iframe #login-footer .help span {
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M199.996,0C89.719,0,0,89.72,0,200c0,110.279,89.719,200,199.996,200C310.281,400,400,310.279,400,200 C400,89.72,310.281,0,199.996,0z M199.996,373.77C104.187,373.77,26.23,295.816,26.23,200 c0-95.817,77.957-173.769,173.766-173.769c95.816,0,173.772,77.953,173.772,173.769 C373.769,295.816,295.812,373.77,199.996,373.77z'/%3E%3Cpath d='M199.996,91.382c-35.176,0-63.789,28.616-63.789,63.793c0,7.243,5.871,13.115,13.113,13.115 c7.246,0,13.117-5.873,13.117-13.115c0-20.71,16.848-37.562,37.559-37.562c20.719,0,37.566,16.852,37.566,37.562 c0,20.714-16.849,37.566-37.566,37.566c-7.242,0-13.113,5.873-13.113,13.114v45.684c0,7.243,5.871,13.115,13.113,13.115 s13.117-5.872,13.117-13.115v-33.938c28.905-6.064,50.68-31.746,50.68-62.427C263.793,119.998,235.176,91.382,199.996,91.382z'/%3E%3Cpath d='M200.004,273.738c-9.086,0-16.465,7.371-16.465,16.462s7.379,16.465,16.465,16.465c9.094,0,16.457-7.374,16.457-16.465 S209.098,273.738,200.004,273.738z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    display: inline-block;
    width: 17px;
    height: 17px;
}

.page-login-iframe #login-footer .help a {
    color: #000000;
    margin-left: 5px;
}

.page-login-iframe #login-footer .help a:hover {
    color: #2d66ff;
}

.page-login-iframe .overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    width: 50%;
    left: 50%;
    height: 100%;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-login-iframe .overlay .overlay-content {
    background: #ffffff;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    width: 80%;
    text-align: center;
    position: relative;
}

.page-login-iframe .overlay .overlay-content h2 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 30px;
}

.page-login-iframe .overlay .overlay-content p {
    font-size: 16px;
    line-height: 24px;
}

.page-login-iframe .overlay .overlay-content p span {
    font-weight: bold;
}

.page-login-iframe .overlay .overlay-content a {
    background: #2d66ff;
    color: #ffffff;
    border-color: #2d66ff;
    margin-top: 20px;
    cursor: pointer;
    transition: 0.3s;
    text-decoration: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 50px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-login-iframe .overlay .overlay-content a:hover {
    background: #199ddb;
    border-color: #199ddb;
}

.page-login-iframe .overlay .overlay-content .icon {
    display: inline-block;
    background-repeat: no-repeat;
}

.page-login-iframe .overlay .overlay-content .icon.close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23777777' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M505.943,6.058c-8.077-8.077-21.172-8.077-29.249,0L6.058,476.693c-8.077,8.077-8.077,21.172,0,29.249 C10.096,509.982,15.39,512,20.683,512c5.293,0,10.586-2.019,14.625-6.059L505.943,35.306 C514.019,27.23,514.019,14.135,505.943,6.058z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M505.942,476.694L35.306,6.059c-8.076-8.077-21.172-8.077-29.248,0c-8.077,8.076-8.077,21.171,0,29.248l470.636,470.636 c4.038,4.039,9.332,6.058,14.625,6.058c5.293,0,10.587-2.019,14.624-6.057C514.018,497.866,514.018,484.771,505.942,476.694z'/%3E%3C/g%3E%3C/svg%3E");
    cursor: pointer;
}

.page-login-iframe .overlay .overlay-content .icon.icon-check {
    width: 70px;
    height: 70px;
    background-image: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 480'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2373bf47;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M240,480C107.45,480,0,372.55,0,240S107.45,0,240,0,480,107.45,480,240,372.49,479.85,240,480Zm0-464C116.29,16,16,116.29,16,240S116.29,464,240,464,464,363.71,464,240,363.65,16.14,240,16Z'/%3E%3Cpath class='cls-1' d='M205.82,309.82a8,8,0,0,1-5.65-2.34L132.29,239.6a8,8,0,0,1,11.31-11.31l62.22,62.22L335.93,160.4a8,8,0,1,1,11.51,11.12l-.2.19L211.48,307.48a8,8,0,0,1-5.66,2.34Z'/%3E%3C/svg%3E");
}

.page-login-iframe.page-login-ifram-faqs #content {
    width: 100%;
    height: auto;
}

.page-login-iframe.page-login-ifram-faqs #container {
    overflow: auto;
    height: auto;
}

.page-login-iframe.page-login-ifram-faqs .help-product {
    width: 100%;
}

.page-login-iframe.page-login-ifram-faqs .help-product .faq-return {
    position: absolute;
    top: 10px;
    left: -10%;
}

.page-login-iframe.page-login-ifram-faqs .help-product .faq {
    margin-top: 52px;
}

.page-login-iframe.page-login-ifram-faqs .return .icon-arrow-left-2 {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23061C3F' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 31.494 31.494' style='enable-background:new 0 0 31.494 31.494;' xml:space='preserve'%3E%3Cpath d='M10.273,5.009c0.444-0.444,1.143-0.444,1.587,0c0.429,0.429,0.429,1.143,0,1.571l-8.047,8.047h26.554 c0.619,0,1.127,0.492,1.127,1.111c0,0.619-0.508,1.127-1.127,1.127H3.813l8.047,8.032c0.429,0.444,0.429,1.159,0,1.587 c-0.444,0.444-1.143,0.444-1.587,0l-9.952-9.952c-0.429-0.429-0.429-1.143,0-1.571L10.273,5.009z'/%3E%3C/svg%3E%0A");
    cursor: pointer;
    transform: none;
}

.page-login-iframe.page-login-ifram-faqs .help-product h3 {
    color: #061C3F;
    font-size: 20px;
    font-weight: bold;
}

.page-login-iframe.page-login-ifram-faqs .help-product h1 {
    text-align: left;
    margin: 12px 0;
}

.page-login-iframe.page-login-ifram-faqs .help-product h4 {
    color: #2d66ff;
    font-size: 16px;
    margin-top: 40px;
}

.page-login-iframe.page-login-ifram-faqs .help-product .help-tags ul {
    margin: 25px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.page-login-iframe.page-login-ifram-faqs .help-product .help-tags ul li {
    margin: 5px 20px;
    margin-left: 0;
    list-style: none;
}

.page-login-iframe.page-login-ifram-faqs .help-product .help-tags ul li a {
    padding: 4px 16px;
    background-color: #ffffff;
    border-radius: 100px;
    border: 1px solid #757575;
    text-decoration: none;
    color: #061C3F;
}

.page-login-iframe.page-login-ifram-faqs .help-product .help-tags ul li a:hover {
    background: #061C3F;
    color: #ffffff;
}

.page-login-iframe.page-login-ifram-faqs .help-product .help-tags ul li.tag-item-selected a {
    background: #061C3F;
    color: #ffffff;
}

details {
    margin-bottom: 8px;
}

summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px;
    font-weight: 600;
    color: #001E62;
    background: white;
    border: .5px solid #757575;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

summary::-webkit-details-marker {
    display: none;
}

summary .icon-arrow {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23061C3F' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 451.847 451.847' style='enable-background:new 0 0 451.847 451.847;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751 c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0 c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z'/%3E%3C/g%3E%3C/svg%3E%0A");
    min-width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
    background-repeat: no-repeat;
}

details[open] .icon-arrow {
    transform: rotate(180deg);
}

details > div {
    padding: 16px;
    padding-top: 8px;
    font-size: 15px;
    color: #061C3F;
    line-height: 1.5;
    margin-top: 0;
}

@media only screen and (max-width: 1024px) {
    .page-login-iframe #content {
        width: 50%;
    }

    .page-login-iframe .login-background {
        width: 50%;
    }

    .page-login-iframe h1 {
        font-size: 24px;
        max-width: 100%;
    }

    .page-login-iframe h2 {
        font-size: 20px;
    }

    .page-login-iframe .form {
        width: 100%;
    }

    .page-login-iframe form,
    .page-login-iframe .form-wrapper {
        min-width: 100% !important;
        max-width: 100%;
    }

    .page-login-iframe form label {
        font-size: 14px;
    }

    .page-login-iframe form .label-wrapper span {
        font-size: 14px;
    }

    .page-login-iframe form input::placeholder {
        font-size: 14px;
    }

    .page-login-iframe form input.ui-input-text {
        font-size: 14px;
    }

    .page-login-iframe form .submit.ui-btn-hover-b,
    .page-login-iframe form .submit .ui-btn-hover-b:visited,
    .page-login-iframe form .submit .ui-btn-hover-b:hover,
    .page-login-iframe form .submit .ui-btn-hover-b a.ui-link-inherit {
        font-size: 14px;
    }

    .page-login-iframe form .ui-submit.ui-btn-up-b {
        font-size: 14px;
    }

    .page-login-iframe form label.ui-btn-up-b {
        font-size: 14px;
    }

    .page-login-iframe form .ui-btn-text,
    .page-login-iframe form .ui-btn-inner {
        font-size: 14px;
    }
}

@media only screen and (max-width: 900px) {
    .page-login-iframe #container {
        flex-direction: column-reverse;
        height: auto;
    }

    .page-login-iframe #content {
        width: 100%;
        align-items: flex-start;
        margin-top: 0%;
        height: 70vh;
    }

    .page-login-iframe .form-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .page-login-iframe h1 {
        margin-bottom: 20px;
        font-size: 22px;
        max-width: 100%;
    }

    .page-login-iframe h2 {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .page-login-iframe .login-background {
        width: 100%;
        height: 30vh;
    }

    .page-login-iframe .login-background img {
        min-height: auto;
        position: static;
        width: 100%;
        height: auto;
    }

    .page-login-iframe #login-footer {
        bottom: 0;
    }

    .page-login-iframe #login-footer .logo-powered {
        width: 100px;
        height: 35px;
    }

    .page-login-iframe form {
        margin-bottom: 100px;
    }

    .page-login-iframe form .help {
        margin-top: 30px;
    }

    .page-login-iframe .hover-tooltip-bottom .tooltip-content {
        left: -150%;
        transform: translate(0%, 0);
    }

    .page-login-iframe .hover-tooltip-bottom .tooltip-content i {
        left: 6%;
    }

    .page-login-iframe .hover-tooltip-bottom .tooltip-content i:after {
        left: 5%;
        transform: translate(2%, 50%) rotate(45deg);
    }

    .page-login-iframe .overlay {
        position: fixed;
        background: rgba(0, 0, 0, 0.5);
        top: 0;
        width: 100%;
        left: 0%;
        height: 100%;
        z-index: 9;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (max-width: 700px) {
    .page-login-iframe .help-product .faq-return {
        top: 20px;
        left: 0;
    }

    .page-login-iframe .help-product .help-tags ul {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .page-login-iframe .help-product .help-tags ul::-webkit-scrollbar {
        display: none;
    }

    .page-login-iframe .help-product .help-tags ul li {
        margin: 5px 0;
        display: inline-block;
    }
}

:focus-visible {
    outline: 2px solid #007BFF;
    outline-offset: 2px;
}