.bankid-error {
    display: none;
    color: red;
    padding-top: 10px;
    float: left;
}

#bank_id_progress {
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 160px;
    float: left;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    opacity: 0.7;
}

body.simple {
    float: left;
    width: 100% !important;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0px;
												 
							   
								 
									  
    background-color: white !important;
    display: flex;
    flex-direction: column;
    padding-top: 100px;
    padding-left: 120px;
    padding-bottom: 50px;
    padding-right: 120px;
}

@media screen and (max-width: 1200px) {
    body.simple {
															 
								  
    }
}

.head {
    margin-bottom: 100px;
    flex-grow: 0;
}

    .head .head__logo {
        background-image: url("../img/img-logo copy@2x.png");
        background-size: 100% 100%;
        width: 225px;
        height: 66px;
    }

.content {
    position: relative;
    width: 760px;
    flex-grow: 1;
}

@media screen and (max-width: 1200px) {
    .content {
        width: 560px;
    }
}

.footer {
    padding-top: 50px;
    flex-grow: 0;
}

    .footer .copyright {
        font-family: Arial;
        font-size: 14px;
        color: #414042;
        opacity: 0.5;
    }

.welcome-to-the-signing {
    color: #414042;
    font-size: 36px;
    margin-bottom: 40px;
    font-family: "Futura Com";
    font-weight: 500;
}

.enter-your-personal {
    color: #414042;
    font-size: 18px;
    margin-bottom: 16px;
}

    .enter-your-personal::-ms-clear {
        display: none;
    }

.button {
    max-width: none;
    min-width: 300px;
}

.login__input {
    height: 65px;
    width: 100%;
    min-width: 460px;
    border: 1px solid #D8D8D8;
    border-radius: 0px;
    line-height: 21px;
    font-family: Arial;
    font-size: 18px;
    padding-left: 29px;
    padding-top: 21px;
    padding-bottom: 23px;
    color: #000000;
    margin-bottom: 10px;
}

    .login__input:focus {
        outline: none;
        box-shadow: none;
        border: 1px solid #78278B;
        box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
    }

    .login__input ::placeholder {
        opacity: 0.2;
    }

    .login__input :-ms-input-placeholder {
        opacity: 0.2;
    }

span.select2-container--default {
    width: auto !important;
}

span.select2-selection--single {
    height: 65px !important;
    border-radius: 0px !important;
}

span.select2-selection__rendered {
    font-size: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 29px !important;
}

span.select2-selection__arrow {
    padding: 32px;
}

ul.select2-results__options {
    max-height: 330px !important;
}

    ul.select2-results__options::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }

    ul.select2-results__options::-webkit-scrollbar-track {
        background-color: transparent;
    }

    ul.select2-results__options::-webkit-scrollbar-thumb {
        border-radius: 4.5px;
        background-color: #D8D8D8;
    }

        ul.select2-results__options::-webkit-scrollbar-thumb:hover {
            opacity: 0.8;
        }

    ul.select2-results__options li {
        font-size: 18px;
        padding: 18px;
        padding-left: 29px;
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f1e9f3;
    color: black;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f1e0f3;
}

.validate_btn {
    bottom: 0;
}

.login_btn,
.validate_btn {
    width: 300px;
    height: 65px;
    text-align: center;
    margin-top: 20px !important;
    margin-right: 40px !important;
}

    .login_btn span,
    .validate_btn span {
        line-height: 55px !important;
        font-size: 14px;
        font-weight: 100;
        letter-spacing: 0.87px;
    }

        .login_btn span b {
            font-weight: bold;
        }

#bankIdLogin,
#validateDocument,
#bankIdQrLogin {
    background-color: #025573 !important;
}

input#bankId::-webkit-outer-spin-button,
input#bankId::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input#bankId[type=number] {
    -moz-appearance: textfield;
}

a.button span {
    text-align: center;
}

.fipLogin {
    background-color: #025573;
    text-align: center;
    color: white;
    font-size: 14px;
    width: max-content;
}

.action-row {
    display: flex;
    min-width: 800px;
								   
}

    .action-row > div:first-child {
        width: 320px;
    }

.loginProgress {
    padding-top: 50px;
}

.loginInformationImg {
    padding-right: 0px;
    width: 20px;
}

    .loginInformationImg img {
        width: 16px;
    }

.loginInformation p {
    display: inline-block;
    margin: 0;
}

.no-padding-l {
    padding-left: 0px;
}

.inline-block {
    display: inline-block;
}

.loginProgress div.row {
    padding-left: 15px;
}

.loginProgress {
    display: none;
}

.cancelLogin {
    display: inline-block;
}

.modal-body {
    padding: 10px;
}

.modal-header {
    border-bottom: 0px;
}

    .modal-header span {
        color: #000000;
        font-family: "Futura Com";
        font-size: 36px;
        font-weight: 500;
        line-height: normal;
        text-align: center;
        padding-top: 60px;
        width: 100%;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

.modal-footer {
    border-top: 0px;
    margin-bottom: 60px;
    display: flex;
    align-items: center;
}

    .modal-footer .modal-footer__btns {
        width: 100%;
        text-align: center;
    }

        .modal-footer .modal-footer__btns .btn-cancel {
            width: 200px;
            height: 50px;
            border: 2px solid #000000;
            color: #000000;
            font-family: "Futura Com";
            font-size: 15px;
            font-weight: 500;
            letter-spacing: 1px;
            line-height: 21px;
            text-align: center;
            background-color: white;
        }

.update-email {
    margin-bottom: 0px;
    padding: 0px 60px;
}

.update-email textarea:focus {
    outline: none;
}

.button.transparent {
    background-color: transparent;
    color: #78278B;
}