﻿.modal-footer {
    position: unset;
    gap: 21px;
}

h5.modal-title {
    text-align: center;
    width: 100%;
}

.modal-SMScode-butt {
    padding: 12px 20px;
    color: #FFF;
    text-align: center;
    font-family: 'Ubuntu';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.green {
    background-color: #008F91;
}

    .green:active {
        --bs-btn-active-bg: #008F91;
        --bs-btn-active-border-color: #008F91;
    }

    .green:hover {
        --bs-btn-hover-bg: #008F91;
        --bs-btn-hover-border-color: #008F91;
    }

    .green:focus-visible {
        --bs-btn-hover-bg: #008F91;
        --bs-btn-hover-border-color: #008F91;
        box-shadow: none;
    }

    .green:first-child:active:focus-visible {
        box-shadow: none;
    }

.Fill-PersonalDet {
    max-width: 870px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px;
    border-radius: 8px;
    background-color: white;
}

    .Fill-PersonalDet h5, .Setting-password h5 {
        color: #2C3537;
        font-family: 'Ubuntu';
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
    }

    .Fill-PersonalDet .info_personal {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

        .Fill-PersonalDet .info_personal .info1 {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

            .Fill-PersonalDet .info_personal .info1 .blocks, .blocks {
                display: flex;
                gap: 20px;
            }

    .Fill-PersonalDet .input-block, .input-block {
        display: flex;
        flex-direction: column;
        gap: 4px;
        flex-basis: 50%;
    }

        .Fill-PersonalDet .input-block p, .input-block p {
            color: #333839;
            /* Body M */
            font-family: 'Ubuntu';
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
        }

        .Fill-PersonalDet .input-block input, .input-block input {
            width: 395px;
            padding: 13px 10px;
            border-radius: 6px;
            border: 1px solid #D1D4D7;
            background: #FFF;
        }

        .Fill-PersonalDet .input-block .select-source_inc, .select-source_inc {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            width: 395px;
            padding: 13px 10px;
            border-radius: 6px;
            border: 1px solid #D1D4D7;
        }

            .select-source_inc:focus-visible {
                outline: none;
            }

            .select-source_inc:focus + .arrow {
                transform: translateY(-50%) rotate(180deg);
            }

            .select-source_inc:focus + .arrow2, .select-source_inc:focus + .arrow3 {
                transform: translateY(-50%) rotate(180deg);
            }

            .select-source_inc:required:invalid {
                color: #ADB0B2;
            }

            .select-source_inc option[value=""][disabled] {
                display: none;
            }

            .select-source_inc option {
                color: black;
            }

.custom-select-source {
    position: relative;
    display: inline-block;
}

.arrow, .arrow2, .arrow3 {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.Fill-PersonalDet .input-block .select-source_inc:first-child, .select-source_inc:first-child {
    color: #ADB0B2;
    /* Body L */
    font-family: 'Ubuntu';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.Fill-PersonalDet .info2 .input-block input, .body-address .input-block input {
    width: 100%;
}

.btn-onoff {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-onoff input {
        display: block;
        position: absolute;
        opacity: 0
    }

    .btn-onoff span {
        position: relative;
        display: block;
        width: 50px;
        height: 26px;
        border-radius: 40px;
        background: #ADB2B3;
        border: 1px solid #ADB2B3;
        -webkit-transition: 400ms;
        -moz-transition: 400ms;
        -ms-transition: 400ms;
        transition: 400ms;
        cursor: pointer;
    }

    .btn-onoff input:checked ~ span {
        border: 1px solid #008F91;
        background: #008F91;
    }

    .btn-onoff input ~ span:after {
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        top: 0px;
        left: 1px;
        background: #fff;
        border-radius: 50%;
        -webkit-transition: 400ms;
        -moz-transition: 400ms;
        -ms-transition: 400ms;
        transition: 400ms;
    }

    .btn-onoff:hover input ~ span:after {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }

    .btn-onoff input:checked ~ span:after {
        content: '';
        left: 25px;
    }

.Fill-PersonalDet .info3 {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    align-items: center;
    border-radius: 6px;
    background: #F5F6F8;
}

    .Fill-PersonalDet .info3 p {
        color: #333839;
        /* Body M */
        font-family: 'Ubuntu';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

.Fill-PersonalDet .input-block span {
    color: #7A7E81;
    /* Body M */
    font-family: 'Ubuntu';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.container-bank p {
    color: #333839;
    /* Body M */
    font-family: 'Ubuntu';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
}

.Fill-PersonalDet .agreement_and_cont {
    display: flex;
    justify-content: space-between;
}

    .Fill-PersonalDet .agreement_and_cont .agree .container-bank .checkmark {
        width: 25px;
    }

.agree .container-bank {
    align-items: center;
}

.continue {
    padding: 13px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: 'Ubuntu';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}

.green {
    background-color: #008F91;
    --bs-btn-border-color: teal;
}

.AuthorizationFillData {
    max-width: 870px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
    border-radius: 8px;
    background: #FFF;
}

    .AuthorizationFillData .info_personal {
        min-height: 140px;
    }

.signed {
    align-self: self-end;
    padding: 13px 20px;
    justify-content: center;
    border: none;
    border-radius: 6px;
    background: #008F91;
    color: #FFF;
    text-align: center;
    font-family: 'Ubuntu';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
}

.Setting-password {
    max-width: 870px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    border-radius: 8px;
    background: #FFF;
}

.eye {
    position: relative;
    left: 360px;
    /* right: 90px; */
    /* top: -2px; */
    bottom: 40px;
    cursor: pointer;
}

.hidden {
    display: none;
}

.input-block input:focus-visible {
    outline: white;
}

.set-pass .span-criteria ul {
    display: flex;
    flex-direction: column;
    padding-left: 18px;
    margin-bottom: 0;
    color: #D1D4D7;
}

.set-pass .span-criteria span {
    color: #ADB0B2;
    /* Caption */
    font-family: 'Ubuntu';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
}

.Setting-password .continue {
    align-self: end;
}

/* Modal example sms code */
.head-title {
    padding: 30px;
    border-bottom: none;
}

    .head-title h5 {
        color: #333839;
        /* Accent S */
        font-family: "Ubuntu";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
    }

.body-write-code {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0 30px;
}

    .body-write-code p {
        color: #333839;
        /* Body L */
        font-family: 'Ubuntu';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .body-write-code input {
        width: 100%;
        padding: 14px 10px;
        background: #FFFFFF;
        /* Mid Gray */

        border: 1px solid #D1D4D7;
        border-radius: 6px;
    }

        .body-write-code input:focus-visible, .body-write-code input:active {
            border: none;
        }

    .body-write-code .send_request {
        width: 100%;
        padding: 14px;
        background: #F05E22;
        border-radius: 6px;
        border: none;
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #FFFFFF;
    }

    .body-write-code .countdown--timer {
        width: 100%;
        background: #EFEFEF;
        border-radius: 6px;
        padding: 15px;
        text-align: center;
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: #ADB2B3;
    }

.container-bank {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    --border-checkmark: 2px solid #D1D4D7;
}

    .container-bank input {
        /*position: absolute;*/
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    /*position: absolute;*/
    top: 0;
    left: 0;
    align-self: center;
    height: 25px;
    width: 40px;
    background-color: white;
    border-radius: 5px;
    border: var(--border-checkmark);
}

.container-bank:hover input ~ .checkmark {
    border: 2px solid #D1D4D7;
}

.container-bank input:checked ~ .checkmark {
    background-color: teal;
}


.checkmark:after {
    content: "";
    /*position: absolute;*/
    display: none;
    border-color: teal;
}

.container-bank input:checked ~ .checkmark:after {
    display: block;
}


.container-bank .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


    label.container-bank {
        display: flex;
        width: 100%;
        gap: 12px;
        padding: 0;
    }

.body-write-code .block-container-bank {
    display: flex;
    gap: 25px;
    align-items: center;
}

    .body-write-code .block-container-bank p {
        color: #333839;
        font-family: "Ubuntu";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

.container-bank input:checked ~ .checkmark:after {
    padding: 3px;
    margin: 3px 6px;
    width: 9px;
    height: 13px;
}
.container-bank .checkmark.epv-open:after, .container-bank input:checked ~ .checkmark.epv-open:after {
    left: 2px;
    top: 10px
}
.foot-send-butt {
    padding: 30px;
    border-top: none;
}

    .foot-send-butt .send-button {
        padding: 12px 20px;
        border-radius: 6px;
        background: #008F91;
        border: none;
        color: #FFF;
        font-family: 'Ubuntu';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

.content-address {
    min-width: 640px;
}

.head-address {
    padding: 30px 30px 20px 30px;
    border-bottom: none;
}

    .head-address h5 {
        color: #333839;
        /* Accent S */
        font-family: 'Ubuntu';
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%; /* 22.4px */
    }

.body-address {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .body-address .input-block .select-source_inc {
        width: 280px;
    }

.footer-address {
    border-top: none;
    padding: 30px;
}

input.inputsms {
    padding: 10px 14px !important;
    background: #FFFFFF !important;
    border: 1px solid #D2D4D4 !important;
    border-radius: 6px;
    height: 56px;
}

span.checkmark {
    width: 29px;
    text-align: -webkit-center;
    height: 26px;
}

label.container-bank {
    order: 0;
    justify-content: space-between;
    gap: 13px;
}

div#NextSteps div.AuthorizationFillData, div.Fill-PersonalDet {
    width: 100%;
    max-width: 100%;
}

    div#NextSteps div.AuthorizationFillData div.blocks {
        width: max-content;
    }

    div.Fill-PersonalDet input, div.Fill-PersonalDet select {
        width: 100% !important;
    }

    div.Fill-PersonalDet div.blocks {
        width: 100%;
    }

label.container-bank input {
    width: max-content !important;
}

.Setting-password {
    width: 100%;
    max-width: 100%;
}

.set-pass {
    display: flex;
    gap: 50px;
}

div.set-pass div.blocks {
    flex-direction: column;
    flex-basis: 64%;
}

    div.set-pass div.blocks input {
        width: 100%;
    }

.set-pass .eye {
    margin-right: auto;
    margin-left: auto;
    left: 310px;
    bottom: 45px;
}





h3.NewClientToDeposit--h {
    color: var(--Dark, #333839);
    /* Accent L */
    font-family: Ubuntu;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 30.8px */
    margin-bottom: 24px;
}











a.NewClientToDeposit {
    border-radius: 16px;
    background: var(--White-Background, #FFF);
    /* box-shadow: 0px 4px 31px 0px rgba(0, 29, 73, 0.13); */
    width: max-content;
}

a.NewClientToDeposit {
    width: max-content;
    display: grid;
    padding: 20px;
    gap: 17px;
}

    a.NewClientToDeposit:hover {
        box-shadow: 0px 4px 31px 0px rgba(0, 29, 73, 0.13);
    }

.TitleBlocksMew {
    display: grid;
    gap: 21px;
}

    .TitleBlocksMew a.NewClientToDeposit h3, .TitleBlocksMew a.NewClientToDeposit p {
        color: var(--Dark, #2C3537);
        /* Accent S */
        font-family: Ubuntu;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* 22.4px */
    }

    .TitleBlocksMew a.NewClientToDeposit h3 {
        font-family: 'Ubuntu-Bold';
    }

a.NewClientToDeposit p {
    color: teal !important;
    /* Body M */
    font-family: Ubuntu;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 140% !important; /* 19.6px */
}

p.ErrorBlock--texts {
    color: red !important;
}

.App_Cons {
    --bs-modal-width: 93%;
}

    .App_Cons .modal-dialog {
    }

    .App_Cons .app_cons_cont {
        display: flex;
        gap: 40px;
        /*width: 982px;
        padding: 30px;*/
        width: 1200px;
        padding: 30px;
        min-width: 1200px;
    }

.modal-footer.app_download {
    justify-content: right;
}

.App_Cons .depositor_inf {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.App_Cons .text_dep {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    color: #2C3537;
    text-align: right;
    font-family: Ubuntu;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.App_Cons .app_info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .App_Cons .app_info h5 {
        color: #2C3537;
        font-family: Ubuntu;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
    }

    .App_Cons .app_info .text_app_info p {
        color: #2C3537;
        font-family: Ubuntu;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

    .App_Cons .app_info .num_app_info {
        width: 432px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 15px;
    }

        .App_Cons .app_info .num_app_info div {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #D2D4D4;
            padding-bottom: 10px;
        }

            .App_Cons .app_info .num_app_info div:last-child {
                border-bottom: none;
            }

            .App_Cons .app_info .num_app_info div p {
                max-width: 320px;
                font-family: Ubuntu;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
            }

.App_Cons .app_download {
    margin: 0;
    padding: 0;
}

    .App_Cons .app_download > * {
        margin: 0;
    }

    .App_Cons .app_download .butt_down {
        display: flex;
        height: 48px;
        padding: 6px 20px 6px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border: none;
        border-radius: 6px;
        background: #2C3537;
        color: #FFF;
        text-align: center;
        /* Body L */
        font-family: Ubuntu;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

button.btn-close {
    display: flex;
    width: 100%;
    height: max-content;
    justify-content: right;
}

/* Добавить зеленый цвет текста и галочка, когда требования верны */
.valid {
    color: teal;
}

    .valid:before {
        position: relative;
        left: -35px;
        /*content: "&#10004;";*/
    }

/* Добавить красный цвет текста и собой "x" и значок, когда требования не правы */
.invalid {
    color: red;
}

    .invalid:before {
        position: relative;
        left: -35px;
        /*content: "&#10006;";*/
    }

.modal-content.content-address {
    height: max-content;
}

.modal-dialog {
    min-width: max-content;
}

.modal-header.head-address {
    width: 100%;
    display: block;
}

    .modal-header.head-address h5 {
        width: max-content;
    }

i.fas.fa-circle.red {
    color: red;
}

.modal-footer.footer-address {
    position: unset;
}

label.container-bank input {
    order: 4;
}

div.agree {
    display: grid;
    gap: 6px;
}


/* Добавить зеленый цвет текста и галочка, когда требования верны */
.valid {
    color: teal !important;
}

    .valid:before {
        position: relative;
        left: -35px;
        /*content: "&#10004;";*/
    }

/* Добавить красный цвет текста и собой "x" и значок, когда требования не правы */
.invalid {
    color: red !important;
}

    .invalid:before {
        position: relative;
        left: -35px;
        /*content: "&#10006;";*/
    }

ul#ProgressbarId li {
    text-indent: 0;
}

div#client-edit-application-modal .modal-content.app_cons_cont {
    height: max-content;
}

div#client-edit-application-modal td, div#client-edit-application-modal div {
    color: var(--Dark, #2C3537);
    /* Body L */
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

div#client-edit-application-modal .text-bold {
    font-family: 'Ubuntu-Bold';
}

button#client-edit-application-continue {
    color: var(--White-Background, #FFF);
    text-align: center;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 137.5% */
    border-radius: 6px;
    background: var(--Teal, #008F91);
    border: 0;
    padding: 13px 20px;
}


div#client-edit-application-modal .modal-footer.app_download {
    padding: 0px 30px 21px;
    position: unset;
}

a#edit-client-appl img {
    filter: brightness(0);
    width: 19px;
}


a#edit-client-appl {
    border-radius: 6px;
    border: 1px solid var(--Mid-Gray, #D1D4D7);
    background: var(--White-Background, #FFF);
    color: var(--Dark, #333839);
    text-align: center;
    /* Body L */
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
    display: flex;
    gap: 8px;
    padding: 13px 20px;
}




div#client-data-file-modal .modal-content {
    min-width: 1200px;
    width: 1200px;
}

div#client-data-file-modal .modal-body {
    padding-bottom: 49px;
}

i.fas.fa-check.green:before {
    color: teal;
    content: "\f111";
}



i.fas.fa-check.green {
    background: transparent;
}


.rez__block {
    display: flex;
    background: #EBEFF1;
    padding: 15px;
    height: 48px;
    justify-content: space-between;
    border-radius: 6px;
}

    .rez__block .Fill-PersonalDet .input-block input, .input-block input.form-check-input {
        width: min-content !important;
        height: max-content;
    }
.custom-control-label::before {
    position: absolute;
    left: -1.5rem;
    top: 0;
    display: block;
    width: 3rem;
    height: 24px;
    pointer-events: none;
    content: "";
    background-color: #adb5bd;
    border: #adb5bd solid 1px;
}

.custom-switch .custom-control-label::before {
    left: -60px;
    width: 52px;
    pointer-events: all;
    border-radius: 50px;
}

.custom-switch .custom-control-label::after {
    top: 2px;
    left: -58px;
    width: calc(24px - 4px);
    height: calc(24px - 4px);
    background-color: #fff;
    border-radius: 50px;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(28px);
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #008b8a;
    background-color: #008b8a;
}

@media(max-width:1200px) {
    div .biometry-message-container {
        width: 91.8%;
        margin: 100px 17px;
    }

    button#startBiometry {
        width: 100%;
    }

    div#ListAccounts {
        flex-direction: column;
    }

        div#ListAccounts *:not(img) {
            width: 100%;
        }

    div.TitleBlocksMew a.NewClientToDeposit {
        display: flex;
        height: 111px;
        align-items: center;
    }

    .AuthorizationFillData {
        height: 100%;
    }

        .AuthorizationFillData .info_personal .blocks {
            flex-direction: column;
            width: 100% !important;
            margin-bottom: 197px;
        }

    div#StartStep {
        width: 100%;
    }

    .blocks input {
        width: 100%;
    }

    div.input-block {
        flex-basis: 100% !important;
        width: 100%;
    }

    button#PhoneVerifyButton {
        position: absolute !important;
        margin-bottom: 130px;
        bottom: 11%;
        margin: auto 17px !important;
        /* width: 91%; */
    }

    .DepositBlock--background.OpenDepositsStepsEnds.Refusals {
        background: white;
    }

        .DepositBlock--background.OpenDepositsStepsEnds.Refusals div {
            /* flex-direction: column; */
            width: 100%;
            gap: 30px;
            justify-content: center;
        }

            .DepositBlock--background.OpenDepositsStepsEnds.Refusals div a:nth-child(2) {
                display: none;
            }

            .DepositBlock--background.OpenDepositsStepsEnds.Refusals div a {
                font-size: 14px;
                height: 44px;
            }

    div.main div#modal-send-sms div.modal-footer {
        justify-content: unset;
        width: 100%;
    }

        div.main div#modal-send-sms div.modal-footer * {
            flex-basis: 100%;
        }

    div.modal-content div.modal-header {
        padding: 31px 31px;
    }


    div.Fill-PersonalDet .info_personal .info1 .blocks, .blocks {
        display: grid;
    }

    div.main div.agreement_and_cont {
        display: grid;
        gap: 21px;
    }

        div.main div.agreement_and_cont button {
            width: 100%;
        }

        div.main div.agreement_and_cont span.checkmark {
            width: 9% !important;
        }

    div.Fill-PersonalDet * {
        font-size: 14px;
    }

    .modal-content.content-address {
        min-width: 100%;
        width: 100%;
        bottom: 0;
    }

    .modal-dialog {
        bottom: 0;
        position: fixed;
    }

    div#registration-address-modal {
        bottom: 0;
    }

    .modal-body.body-address select {
        width: 100% !important;
    }

    button#add-registration-address {
        width: 100%;
    }

    button#add-living-address {
        width: 100%;
    }

    .modal-content {
        width: 100% !important;
        min-width: 91% !important;
        border-bottom: 0px !important;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        padding-bottom: 30px;
    }

        .modal-content .d-flex.flex-column.g-10px.align-items-center {
            width: 64% !important;
            /* display: none; */
        }


    .modal-dialog .d-flex.flex-column.g-30px.align-items-center.mt-20px {
        width: 100% !important;
    }

    .modal-content .modal-body {
        width: 100%;
        min-width: 100%;
        max-width: 89%;
    }

    div.modal.show .modal-dialog {
        max-width: 100%;
        min-width: 100%;
    }


    button#submitButton {
        width: 100%;
    }

    div#documentHtml {
        min-width: 100% !important;
        width: 100% !important;
        max-width: 100%;
        overflow: scroll;
        /* height: 800px !important; */
    }

    .div_application {
        width: 100%;
    }

    .DepositBlock--background.DepositBlock--fatcas {
        width: 100%;
    }

    div#documentHtml * {
        width: 100% !important;
    }

    div#NextSteps div#aggreeInformationAppTwo .modal-content {
        width: 100% !important;
        min-width: 100% !important;
    }

    div#NextSteps div#aggreeInformationAppTwo .modal-dialog {
        padding: 0;
    }

    button.btn-tangerine.btn.tangerineDisabled {
        width: 100%;
    }

    button#smsVerificationBtn {
        width: 100%;
    }


    div.set-pass {
        display: grid;
    }

    .Setting-password {
        width: 100%;
        min-width: 100%;
    }

    div#NextSteps {
        width: 100%;
    }

    .DepositBlock.containers {
        width: 100%;
    }

    svg.eye {
        left: 136px !important;
    }

    button#set-password-submit {
        width: 100%;
    }


    span#failed-error-custom-message {
        height: 116px;
        overflow: hidden;
    }

    div.DepositBlock--background.OpenDepositsStepsEnds * {
        font-size: 14px;
    }


    div.doc_to_download_div div.d-flex.ob-gap-10px.align-items-center:nth-child(2) {
        position: absolute;
        width: 85%;
        height: 38px;
        opacity: 0;
        z-index: 6;
    }

    .doc_to_download_div {
        background: white;
    }

    div button#operation-end {
        width: 100%;
    }


    .d-flex.ob-gap-20px.align-items-center.justify-content-center.flex-column img {
        width: 49px;
    }

    .d-flex.ob-gap-20px.align-items-center.justify-content-center.flex-column h3 {
        font-size: 16px;
    }


    span.ob-title {
        font-size: 18px !important;
    }

    .DepositBlock--background.OpenDepositsStepsEnds.Refusals div a:first-child {
        font-size: 12px;
        justify-content: center;
    }
}
