#PrequalPopupId {
    display: none;
    overflow: auto;
    background-color: rgba(0,0,0,0.8);
}

    #PrequalPopupId h3 {
        text-align: center;
    }

#PrequalCloseButtonId {
    z-index: 9999 !important;
    cursor: pointer;
}

#PrequalMainBodyId {
    overflow: auto;
}

.prequal_deposit_container {
    overflow: auto;
    white-space: nowrap;
    justify-content: center;
}

.prequal_card {
    width: 200px;
    max-width: 400px;
    text-align: center;
    font-family: arial;
    cursor: pointer;
    border-radius: 0.25rem;
    margin-top: 5px;
    margin-right: 5px;
    padding: 5px;
    border: solid;
    border-color: #d1ecf1;
}

.prequal_price {
    color: grey;
    font-size: 22px;
}

.prequal_card button {
    border: none;
    outline: 0;
    padding: 12px;
    color: white;
    background-color: #008B8A;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 15px;
}

    .prequal_card button:hover {
        opacity: 0.7;
    }



* {
    box-sizing: border-box;
}

.prequal_loans_container {
    position: relative;
    display: inline-flex;
    margin: auto;
    width: 100%;
    overflow: auto;
}

@media screen and (max-width: 1200px) {
    .prequal_loans_container {
        margin: auto;
        width: 100%;
        overflow-y: auto;
        overflow-x: auto;
    }
}

#insuranceNotAvailableOperationNotAvailable .modal-content {
    gap: 0 !important;
}

#insuranceNotAvailableOperationNotAvailable div.modal-content .modal-header {
    padding: 10px 30px 10px 30px;
}

.prequal_columns {
    padding-top: 15px;
}

.prequal_loan {
    cursor: pointer;
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.prequal_selected_loan {
    background-color: #d1ecf1
}

.prequal_default_loan {
    background-color: #ffffff;
}

.prequal_loan:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.prequal_loan .header {
    background-color: #008B8A;
    color: white;
    font-size: 16px;
    height: 50%;
}

.prequal_loan .unavailable_loan_header {
    background-color: #f1f2f2;
    color: black;
    font-size: 16px;
    height: 50%;
}

.prequal_loan li {
    border-bottom: 1px solid #eee;
    padding: 15px;
    text-align: center;
}

.prequal_loan_button {
    background-color: #008B8A;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
}

@media only screen and (max-width: 600px) {
    .prequal_columns {
        width: 100%;
    }
}

.preqaul_deposit_card_active {
    background-color: #d1ecf1;
}

.prequal_deposit_card_default {
    background-color: #ffffff;
}

.filter-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    background: #eee;
}

.filter-item {
    margin: 20px;
}


































div#startInfo .calculator_info--b { /* White Background */
    background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.09);
    border-radius: 8px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: auto;
    flex-grow: 0;
    margin: 30px 0px !important;
    width: 100%;
    gap: 12px;
}

    div#startInfo .calculator_info--b p {
        margin: 0px;
        align-self: center;
    }

    div#startInfo .calculator_info--b svg path {
        fill: #FFC700;
    }

div#startInfo .form-group.row.approval_3 .col-12 {
    padding: 0px;
}

div#startInfo .form-group.row.approval_3 {
    gap: 15px;
}

.main .ipoteka div#startInfo .card .form-group.row .col-12 {
    padding: 0px !important;
    box-shadow: none !important;
    display: grid;
    /* width: max-content; */
    gap: 4px;
}

    .main .ipoteka div#startInfo .card .form-group.row .col-12 button.btn-success, .ipoteka button.btn-success {
        box-shadow: none;
        width: max-content !important;
        justify-self: right;
        background: #008f91;
        border-radius: 6px; /* Mid Gray 2 */
        /*color: #ADB2B3;*/
    }

        .main .ipoteka div#startInfo .card .form-group.row .col-12 button.btn-success:hover, .ipoteka button.btn-success:hover {
            box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
        }

div.main .ipoteka {
    padding: 30px;
}

div#startInfo .form-group.row.approval_3 .form-control {
    height: 36px;
    background: #FFFFFF;
    /* Mid Gray */
    border: 1px solid #D2D4D4;
    border-radius: 6px;
}

div#startInfo .calculator_info--b svg {
    width: max-content;
}











/*Warning*/
























.calculator_info--b svg {
    width: 11%;
    height: max-content;
}

.form-group {
}

div#kdpRequestPending .form-group {
    margin: 0px !important;
}

div#kdpRequestPending {
    height: max-content;
}

div.main .ipoteka {
    height: max-content !important;
}

.calculator_info--b {
}

div#kdpRequestPending .calculator_info--b {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

.card {
}

div#kdpRequestPending .card {
    height: max-content;
}

div#kdpRequestPending .form-group div {
    float: unset !important;
    justify-content: right;
    gap: 25px;
}

.ipoteka div#kdpRequestPending .form-group div button.btn-success {
    margin: 0px !important;
    height: 48px !important;
    box-shadow: none;
    /* box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%); */
}

.ipoteka div#kdpRequestPending .form-group div span#divPreqSendAgain button { /* White Background */
    background: #FFFFFF !important;
    /* Mid Gray */
    border: 1px solid #D2D4D4 !important;
    border-radius: 6px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    display: flex;
    align-items: center;
    text-align: center;
    /* Dark */
    color: #2C3537;
    box-shadow: none !important;
}

.ipoteka div#kdpRequestPending .form-group div button.btn-success:hover {
    box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
}

span#divPreqCountdown {
    align-self: center;
}



/*Modal*/
div#modalCoborrowerAccept {
}

    div#modalCoborrowerAccept .modal-content {
        width: 100% !important;
        max-width: 100% !important;
        max-height: max-content !important;
        height: max-content !important;
    }

.modal-body {
}

div#modalCoborrowerAccept .modal-content .modal-body {
    max-height: max-content !important;
}

div.modal-content .modal-header h3 {
    font-family: 'Ubuntu-Bold';
    font-style: normal;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 140%;
    /* or 22px */
    /* Dark */
    color: #2C3537;
}

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

.form-group {
}

div#modalCoborrowerAccept .form-group div {
    /* display: flex; */
    gap: 20px;
    justify-content: right;
    padding: 0px;
}

div#modalCoborrowerAccept .form-group {
    /* justify-content: right; */
    /* display: grid; */
    /* width: max-content; */
}

.modal-body {
}

.modal-content .modal-body {
    padding: 0px 30px 30px;
}

.modal-header {
}

.modal-content .modal-header {
    padding: 30px 30px 0px;
}

.modal-content {
    display: grid;
    gap: 20px;
}

button.addButton {
    box-shadow: none;
    font-family: 'Ubuntu';
}

    button.addButton:hover {
        box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
        font-family: 'Ubuntu';
    }

button.close {
    height: max-content !important;
}





button.btn.btn-default { /* White Background */
    background: #FFFFFF;
    /* Mid Gray */
    border: 1px solid #D2D4D4;
    border-radius: 6px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    display: flex;
    align-items: center;
    text-align: center;
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    padding: 14px 20px;
}




p.request_texts {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #ADB2B3;
}

p .request_texts { /* Caption */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    /* identical to box height, or 133% */
    /* Mid Gray 2 */
    color: #ADB2B3;
}

.col-12 {
}

.form-group.row .col-12 {
    /*width: max-content;*/
}

div#statusCheck {
}

    div#statusCheck .form-group.row .col-12 {
        place-self: center;
    }

    div#statusCheck .form-group.row {
        width: max-content;
        display: flex !important;
        justify-content: center;
        margin: 0 auto;
    }

.request--header {
    display: flex;
    justify-content: space-between;
}


button#btnOpenAnnulment { /* White Background */
    background: #FFFFFF;
    /* Error */
    border: 1px solid #ED3A32;
    border-radius: 6px;
    box-shadow: none;
    /* Body M */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height, or 129% */
    display: flex;
    align-items: center;
    text-align: center;
    /* Error */
    color: #ED3A32;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    justify-content: center;
    height: 36px;
    width: max-content;
    padding: 9px 20px;
    align-self: center;
}

div#divBtnClientInfo .form-group.row .col-12 {
    display: grid;
    align-items: center;
    /* justify-content: space-between; */
    width: 100%;
    grid-template-columns: 3% 80% 17%;
    height: max-content;
    padding: 0px;
}



div#divBtnClientInfo .form-group.row {
    display: flex !important;
}



div#cardClientInfo .calculator_info--b {
    margin: 0px !important;
    width: 100%;
}



div#prequalMain .ipoteka.prequalCard {
    display: grid;
    gap: 20px;
}

div#cardClientInfo {
    /*display: grid !important;*/
    gap: 20px !important;
}

    div#cardClientInfo .calculator_info--b svg {
        width: 5%;
    }



    div#cardClientInfo .calculator_info--b p strong:first-child {
        display: none !important;
    }

    div#cardClientInfo .calculator_info--b p br {
        display: none;
    }

div#prequalMain .ipoteka.prequalCard .calculator_info--b p {
    gap: 15px !important;
    display: grid !important;
}

div#cardClientInfo .calculator_info--b p strong {
    display: contents !important;
}

div#divBtnClientInfo .form-group.row .col-12 button#btnClientInfo { /* Light Gray */
    background: #EFEFEF;
    border-radius: 6px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    box-shadow: none;
    color: #ADB2B3;
}

.ipoteka.prequalCard .calculator_info--b ul {
    margin: 0px;
    display: grid;
    gap: 15px;
}

    .ipoteka.prequalCard .calculator_info--b ul li { /* Body M */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        /* identical to box height, or 129% */
        /* Dark */
        color: #2C3537;
    }

div#cardClientInfo div#divBtnClientInfo .form-group.row .col-12 {
    display: inline-block;
}

    div#cardClientInfo div#divBtnClientInfo .form-group.row .col-12 .request--header {
        align-items: center;
    }

div#divSpouseInfo {
}

    div#divSpouseInfo .card {
        display: grid !important;
        gap: 20px;
    }

        div#divSpouseInfo .card .calculator_info--b:first-child {
            background: #FFFFFF;
            box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.09);
            border-radius: 8px;
        }

            div#divSpouseInfo .card .calculator_info--b:first-child svg path {
                fill: #FFC700;
            }

        .ipoteka.prequalCard .card .calculator_info--b svg, div#divSpouseInfo .card .calculator_info--b svg {
            width: 3% !important;
        }

        div#divSpouseInfo .card .calculator_info--b, div#cardMarriageState .calculator_info--b {
            margin: 0px;
            width: 100%;
        }

            .ipoteka.prequalCard .card .calculator_info--b p, div#divSpouseInfo .card .calculator_info--b p {
                margin: 0px;
                align-content: center;
            }

div#divSpouseInfo {
    padding: 24px !important;
}

.form-group.row .ipoteka button.btn-success {
    box-shadow: none !important;
}

.ipoteka div#divSpouseInfo button.btn-success {
    box-shadow: none;
    background-color: rgb(239, 239, 239);
    color: #ADB2B3;
}

.ipoteka button.btn-success:hover {
    box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
}

div#prequalCert .calculator_info--b {
    height: max-content;
    align-items: center;
    gap: 10px;
}

    div#prequalCert .calculator_info--b svg {
        width: 4%;
    }

    div#prequalCert .calculator_info--b p {
        margin: 0px;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }


div#prequalCert .ipoteka_b {
    display: grid;
    gap: 10px;
    place-items: center;
}

div#prequalCert p {
    margin: 0px;
}

div#prequalCert .ipoteka_b svg {
    margin-bottom: 22px;
}

div#prequalCert .form-group.row {
    grid-template-columns: 100% !important;
}

    div#prequalCert .form-group.row .col-12 {
        display: flex;
        place-content: center;
        justify-content: center;
    }

        div#prequalCert .form-group.row .col-12 button.btn-success {
            background: #008F91;
            border-radius: 6px;
            box-shadow: none;
        }

            div#prequalCert .form-group.row .col-12 button.btn-success:hover {
                box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
            }

div#prequalCert .calculator_info--b p strong {
    color: #0856B1;
    font-weight: 400;
}

button#btnSpouseInfo {
    box-shadow: none;
    background: rgb(239, 239, 239);
    color: #ADB2B3;
}

div#cardMarriageState .calculator_info--b, div#cardClientInfo .calculator_info--b {
    margin: 30px auto;
    background: #EFEFEF;
    border-radius: 8px;
    box-shadow: none;
}

    div#cardMarriageState .calculator_info--b svg path, div#cardClientInfo .calculator_info--b svg path {
        fill: transparent;
        /* box-shadow: none; */
    }

div#cardMarriageState .calculator_info--b {
    margin: 0px;
}

button#btnClientInfo:hover, button#btnSpouseInfo:hover {
    box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
}

.calculator_info--b img {
    align-self: baseline;
}

.calculator_info--b img {
    align-self: baseline;
}

.InLoanWrap { /* Light blue */
    background: #F5F6F8;
    border-radius: 8px;
    /* Inside auto layout */
    padding: 20px;
    display: grid;
    gap: 10px;
    font-family: 'Ubuntu';
}

    .InLoanWrap img {
        width: 5%;
        position: unset;
    }

div {
}

.InLoanWrap div a div {
    display: flex;
    height: max-content; /* White Background */

    background: #FFFFFF;
    border-radius: 8px;
    /* Inside auto layout */

    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    gap: 15px;
    padding: 13px 15px;
    color: #0856B1;
    font-size: 14px;
}

.InLoanWrap br {
    display: none;
}

input#prequalOtp {
    letter-spacing: 1px !important;
    /* Body L */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    /* Mid Gray 2 */
    color: #ADB2B3;
}

button.btn {
}

div#divOtpSendAgain button.btn { /* Tangerine */
    background: #F05E22;
    border-radius: 6px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    box-shadow: none;
    color: white;
}

    div#divOtpSendAgain button.btn:hover {
        box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
    }

button#btnCheckOTP {
    width: max-content;
    color: white;
    box-shadow: none;
}

    button#btnCheckOTP:hover {
        box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
    }

div#divOtpCountdown button.btn.disabled {
    background: #EFEFEF;
    border-radius: 6px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    box-shadow: none;
    color: #ADB2B3;
}

div#prequal--p .calculator_info--b {
    margin: 0px;
    width: 100%;
}


div#prequal--p .card {
    gap: 20px;
    display: grid !important;
}

div#prequalMain .ipoteka.prequalCard .calculator_info--b p {
    display: inline-block !important;
}

    div#prequalMain .ipoteka.prequalCard .calculator_info--b p strong:first-child {
        line-height: 21px;
    }

div#prequal--p .calculator_info--b:nth-child(2) svg path {
    fill: #008F91;
    width: 3% !important;
}

div#prequal--p .calculator_info--b:nth-child(2) svg {
    width: 7% !important;
}
















div#prequal--p .col-12 {
    padding: 0px;
    display: grid;
    grid-template-columns: 3% 81% 16%;
    align-items: center;
}

.modal-footer {
}

    .modal-footer button#btnSendAnnul {
        margin: 0 auto;
        color: white;
        box-shadow: none;
    }

        .modal-footer button#btnSendAnnul:hover {
            box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
        }

.calculator_info--b svg {
}

div#modalAddCoborrower .calculator_info--b svg {
    width: 36%;
}

button.btn {
}

.txtPay2.text-left button.btn {
}

div#modalAddCoborrower .txtPay2.text-left button.btn { /* White Background */
    background: #FFFFFF;
    /* Mid Gray */
    border: 1px solid #D2D4D4;
    border-radius: 6px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    box-shadow: none;
    color: #0856B1;
    font-weight: normal;
    font-family: 'Ubuntu';
    padding: 9px 20px;
}
/*---*/
div#modalPrequalDeposits .modal-dialog {
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    place-content: center;
    justify-content: center;
}

div#modalPrequalDeposits {
}

.modal-content {
}

div#modalPrequalDeposits .modal-content {
    height: max-content !important;
}

div#modalPrequalDeposits {
}

    div#modalPrequalDeposits .depositCover {
        background: #FFFFFF;
        /* Mid Gray */
        border: 1px solid #D2D4D4;
        border-radius: 12px;
        color: #2C3537;
    }

        div#modalPrequalDeposits .sumProgress .accum p:first-child, div#modalPrequalDeposits .depositCover p.dateDep {
            color: #2C3537;
            color: #ADB2B3;
        }

        div#modalPrequalDeposits .depositCover p {
            color: #2C3537;
        }


    div#modalPrequalDeposits .col-12 {
        padding: 0px;
    }

div#statusCheck button.btn-success {
    color: #2C3537;
}

.ipoteka.prequalCard.data--tc div#divBtnClientInfo {
    /*display: grid !important;
    gap: 20px !important;*/
    margin: 20px 0px 0px 0px !important;
}

.col-12 {
    padding-right: 0px;
    padding-left: 0px;
}

.ipoteka.prequalCard .form-group.row {
    gap: 20px;
}

div#allDep label.depositCover p {
    color: white;
}

div#allDep label.depositCover {
    width: 35% !important;
}

button.btn-success.sozaemwik {
    background: #FFFFFF;
    border: 1px solid #D2D4D4;
    border-radius: 6px;
}

.calculator_info--b {
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
}
























input.addButton { /* White Background */
    background: #FFFFFF;
    /* Mid Gray */
    border: 1px solid #D2D4D4;
    border-radius: 6px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    /* Body M */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height, or 129% */
    display: flex;
    align-items: center;
    text-align: center;
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    padding: 9px 20px;
}

.form-group.row {
}

div#initCalcBtn {
}

    div#initCalcBtn .form-group.row {
        flex-direction: row-reverse;
        display: flex !important;
        text-align: -webkit-right;
        gap: 20px;
    }

div#initCalcBtn {
    display: grid;
    gap: 20px;
}

div#initAddCoborrowers {
    width: 100% !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    text-align: -webkit-right !important;
}

div#allDep {
    margin: 20px 0px 0px 0px;
}

button.btn-success.calculate--b {
    background: #2C3537;
    border-radius: 6px;
}

div#calcRequest div#loansmodals {
    /* position: absolute !important; */
    height: 100% !important;
}

div#calcRequest .card-body {
    padding: 0px;
}

.card-body {
}

div#calcRequest button#btnCalcLoanSelect {
    background: #FFFFFF;
    /* Mid Gray */
    border: 1px solid #D2D4D4;
    border-radius: 6px;
    width: 100% !important;
    height: 34px;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height, or 129% */
    display: flex;
    align-items: center;
    text-align: center;
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    place-content: center;
}

div#calcRequest .row {
    gap: 20px;
}

div#calcRequest div#loansmodals {
    display: inline-grid !important;
    width: 100% !important;
}

div#coborrowerInit .calculator_info--b svg {
    width: 4% !important;
}

div#coborrowerInit .form-group button.btn-success:first-child { /* White Background */
    background: #FFFFFF;
    /* Mid Gray */
    border: 1px solid #D2D4D4;
    border-radius: 6px;
    /* Inside auto layout */
}

/*Otcenka*/
div.otcenka_states--block--info_grey {
    width: 100% !important;
}

.margin div#appraisal div.worksheet {
    background: transparent;
    margin: 0px !important;
    padding: 0px !important;
}

div#reportsForAppraisalList {
    display: grid;
    gap: 35px;
}

.otcenka_states--block--info_grey ul li h3:first-child {
    align-self: baseline;
}

.InLoanWrap .sign-up {
    cursor: pointer;
}

.margin div#appraisal div.worksheet.worksheet--block--s {
    display: grid;
    gap: 35px;
    margin: 35px 0px 0px 0px !important;
}

div.worksheet.worksheet--block--s {
    margin: 35px 0px 0px 0px !important;
}

.worksheet.worksheet--block--s .worksheet--block--s--i { /* White Background */
    background: #FFFFFF;
    border-radius: 6px;
    padding: 24px;
}

span#showMapAppraisers {
    cursor: pointer;
}

.otcenka_states--block--info_white div {
    display: grid;
    grid-gap: 4px;
}
/*Steps*/


div#step_1 .done, div#step_2 .done {
    border: 1px solid #008F91 !important;
    background: #008F91 !important;
    color: white !important;
}

div#step_1 div.description, div#step_2 div.description {
    color: #008F91 !important;
    font-family: Ubuntu-bold !important;
}

.num.done {
}

div.num {
    text-align: center;
    padding: 10px 15px;
    border: 1px solid #99A0A2 !important;
    border-radius: 20px;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #99A0A2 !important;
    background: transparent !important;
}

div.description {
    font-family: 'Ubuntu' !important;
    color: #99A0A2 !important;
}

div#step_1 {
}





/*Otcenka*/


div.main div.margin div#appraisal div.worksheet.whiteblock--s { /* White Background */
    background: #FFFFFF !important;
    border-radius: 6px;
    padding: 24px !important;
}

div#modalCheckNotification {
}

    div#modalCheckNotification div#checkSuccess {
    }

        div#modalCheckNotification div#checkSuccess .calculator_info--b {
            padding: 22px;
            display: flex;
            gap: 18px;
        }

            div#modalCheckNotification div#checkSuccess .calculator_info--b svg {
                width: 15%;
            }

.modal-footer {
}

div#modalCheckNotification .modal-footer input.topUpC {
    padding: 10px;
    width: max-content;
    /* White Background */
    background: #FFFFFF;
    /* Mid Gray */
    border: 1px solid #D2D4D4;
    border-radius: 6px;
    /* Body L */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    display: flex;
    align-items: center;
    text-align: center;
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

input.topUpC {
}

div#modalCheckNotification .modal-footer {
    flex-direction: row-reverse;
    gap: 20px;
}

    div#modalCheckNotification .modal-footer button#btnSendOwnerKdp {
        margin: 0px !important;
        width: max-content !important;
        box-shadow: none;
    }

        div#modalCheckNotification .modal-footer button#btnSendOwnerKdp:hover, div#modalCheckNotification .modal-footer input.topUpC:hover {
            box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
        }

div#OtcenkaModal .modal-header {
    padding: 30px;
    padding-bottom: 0px;
}

div#OtcenkaModal .modal-footer {
    position: inherit;
}

div#choosenAppraiser {
}

    div#choosenAppraiser .otcenka_states--block--info_white {
        width: 100%;
    }

        div#choosenAppraiser .otcenka_states--block--info_white div#chosenAppraiser {
            /*display: flex;*/
        }

.chosenAppraiser {
    display: flex !important;
    justify-content: space-between;
    background: #F5F6F8;
    border-radius: 6px;
    padding: 24px 20px;
}

.chosenAppraiser_item--s {
    /* background: #F5F6F8; */
    /* border-radius: 6px; */
    /* padding: 24px 20px; */
}

div#chosenAppraiser {
}

    div#chosenAppraiser button#buttonSendRequest {
        padding: 14px 20px !important;
        width: max-content !important;
        justify-self: right !important;
        box-shadow: none;
    }

button#buttonCancelSend {
}

.chosenAppraiser button#buttonCancelSend {
    background: transparent !important;
    /* Body M */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height, or 129% */
    display: flex;
    align-items: center;
    text-align: center;
    /* Dark */
    color: #2C3537;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    box-shadow: none;
    height: max-content;
}

.chosenAppraiser {
}

div#choosenAppraiser .otcenka_states--block--info_white {
    border: none;
}

    div#choosenAppraiser .otcenka_states--block--info_white div#chosenAppraiser {
        grid-gap: 30px;
    }

div#chosenAppraiser button#buttonSendRequest:hover {
    box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
}

#chosenAppraiser p {
    font-family: 'Ubuntu-Bold';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #2C3537;
    flex: none;
    order: 0;
    flex-grow: 1;
}

.chosenAppraiser_item--s div {
    height: max-content !important;
    display: flex !important;
    align-items: center;
}

    .chosenAppraiser_item--s div span {
        height: max-content !important;
        line-height: 0px !important;
        font-family: 'Ubuntu-Bold';
    }

    .chosenAppraiser_item--s div h3 {
        font-size: 14px;
    }

.chosenAppraiser .otcenka_states--block--info_white div {
    grid-gap: 16px !important;
}

.chosenAppraiser {
}

.chosenAppraiser_item--s {
}

div#sendRequestModal {
}

    div#sendRequestModal button.btn-close {
        background: none;
        box-shadow: none;
        padding: 0px !important;
        width: max-content;
        height: max-content;
    }

div.chosenAppraiser div.chosenAppraiser_item--s {
    grid-gap: 16px;
}

div#sendRequestModal .modal-footer {
    position: inherit;
}




.modal-footer {
}

div#sendRequestModal .modal-footer {
    position: inherit;
    padding: 0px 30px 30px 30px;
}

.otcenka--body {
}

div#sendRequestModal .otcenka--body {
    display: flex;
    place-items: baseline;
    background: #E7F5EE;
    border-radius: 8px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    padding: 22px;
    gap: 18px;
}

    div#sendRequestModal .otcenka--body div {
        align-self: flex-start;
    }

div#sendRequestModal .modal-footer button.btn.btn-primary {
    box-shadow: none;
    background: #008F91;
}

    div#sendRequestModal .modal-footer button.btn.btn-primary:hover {
        background: #008F91;
        border-radius: 5.98131px;
        font-family: Ubuntu-bold;
        font-style: normal;
        font-size: 14.9533px;
        color: #FFFFFF;
        text-align: center;
        line-height: 17px;
        border: none;
        box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
    }

.modal-body {
}

div#sendRequestModal .modal-body {
    padding-bottom: 0px;
}

.modal-header {
}

div#sendRequestModal {
}

    div#sendRequestModal .modal-header h5 {
        margin: 0px;
    }

.LoanOnlineInfo ul li {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 10px 0px;
    border-bottom: 1px solid #D2D4D4;
    flex-wrap: wrap;
}

.modal-header {
}

div#reportsForAppraisalList {
    margin-bottom: 35px;
}

/*Credit Applications*/
.applications--block--item {
    justify-content: space-between;
    /* align-items: center; */
}

button#dropdownMenuButton0 {
}

fieldset#jobItem0 button#dropdownMenuButton0 {
    height: 36px;
    overflow: hidden;
    /* display: flex; */
    font-size: 13px;
}

label.dropdown-item.jRadioDropdown {
}

.dropdown-menu.radio label.dropdown-item.jRadioDropdown {
    width: 100%;
    padding: 7px;
    overflow: hidden;
}

.dropdown-menu.radio.show {
    display: grid !important;
    grid-gap: 0px !important;
    overflow: hidden;
}

.dropdown-menu.radio label.dropdown-item.jRadioDropdown i {
    font-size: 14px;
}

button#dropdownMenuButton0 {
}

span.jobValue {
    width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Loan-application btn btn-secondary dropdown-toggle {
}

.Loan-application .btn.btn-secondary.dropdown-toggle {
    height: 36px;
    overflow: hidden;
    /* display: flex; */
    font-size: 13px;
}

input#date {
    background: #FFFFFF;
    /* Mid Gray */
    border: 1px solid #D2D4D4;
    border-radius: 6px;
    width: 100%;
    height: 36px;
    padding: 9px;
}

.ui-datepicker-unselectable {
    color: #d3d3d3;
}

div#ui-datepicker-div {
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid;
    border: 1px solid #D2D4D4;
    box-shadow: 0px 12px 16px rgba(44, 53, 55, 0.09);
    border-radius: 6px;
    /*width: 356px;*/
    padding: 29px;
}

td {
    padding: 13px;
}

a.ui-datepicker-next.ui-corner-all {
    justify-self: right;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.app--r {
    display: grid !important;
    grid-gap: 16px;
}

.app--r--i {
    display: flex;
    grid-gap: 31px;
}

.list-arensub.content-property_insurance.applications--block.applications--block--docs .list-arensub ul {
}

.list-arensub.content-property_insurance.applications--block.applications--block--docs ul {
    background: transparent;
    border: none;
    padding: 0px;
    display: grid;
    grid-gap: 15px;
}

    .list-arensub.content-property_insurance.applications--block.applications--block--docs ul li.ipotekaonline--blocks--i_foots {
        padding: 19px 25px;
    }

div {
}

.list-arensub.content-property_insurance.applications--block.applications--block--docs ul li.ipotekaonline--blocks--i_foots .col-md-5 div {
    grid-gap: 15px !important;
    padding: 0px !important;
    width: max-content !important;
}

li.ipotekaonline--blocks--i_foots {
}

li.ipotekaonline--blocks--i_foots {
}

li.ipotekaonline--blocks--i_foots {
}

li.ipotekaonline--blocks--i_foots {
}

li.ipotekaonline--blocks--i_foots {
}

td.undefined.ui-datepicker-current-day {
    background: #008F91;
    /* Body L */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height, or 125% */
    display: flex;
    align-items: center;
    text-align: center;
    /* White Background */
    color: #FFFFFF;
    border-radius: 50%;
}

.undefined:hover {
    cursor: pointer;
}

.ui-state-disabled:hover {
    cursor: not-allowed
}

td.undefined.ui-datepicker-current-day a {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

.ui-state-highlight {
    background: none;
}


td {
    place-content: center;
}

div#ownAmountInput {
    display: grid;
    grid-gap: 16px;
    margin: 20px 0px 0px 0px;
}

    div#ownAmountInput input {
        width: max-content;
        /* White Background */
        background: #FFFFFF;
        /* Mid Gray */
        border: 1px solid #D2D4D4;
        border-radius: 6px;
        padding: 9px;
    }

div#ownAmountInput {
}

div#ownAmountInput {
}

div#filesToDownload { /* White Background */
    background: #FFFFFF;
    border-radius: 8px;
    padding: 24px;
    display: grid;
    grid-gap: 20px;
}

div {
}

    div#filesToDownload a div { /* Teal */
        background: #008F91;
        border-radius: 6px;
        /* Body L */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height, or 125% */
        display: flex;
        align-items: center;
        text-align: center;
        /* White Background */
        color: #FFFFFF;
        /* Inside auto layout */
        flex: none;
        order: 1;
        flex-grow: 0;
        padding: 14px 20px;
    }

    div#filesToDownload a {
        justify-self: right;
    }

a {
}

button#submitFatca {
    justify-self: right;
}

div.sendsforms .modal-footer {
    position: unset;
}

h4#myModalLabel {
}

.sendsforms h4#myModalLabel {
    padding-top: 30px;
}

button.btn.btn-default {
}

div.sendsforms .modal-footer button.btn.btn-default {
    justify-content: center;
}


.modal-header {
}

div.tabs--bottoms {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ADB2B3;
    margin: -1.8px 0px 0px 0px;
    z-index: 1;
}

.digital-mortgage--guides ul li p {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    /* or 331% */
    /* Dark */
    color: #2C3537;
}

div#ecpTelephoneSuccess .modal-header {
    height: max-content;
    padding-bottom: 0px !important;
}

#ecpTelephoneSuccess .modal-footer {
    position: inherit;
}




/*-----------------------*/
.news-box {
}

.digital-mortgage .news-box {
    padding: 20px !important;
    width: 100% !important;
    height: max-content !important;
    display: grid !important;
    grid-template-columns: 100% !important;
    grid-gap: 10px !important;
}

    .digital-mortgage .news-box h3.news-box--header {
        margin: 0px !important;
    }

h3.news-box--header {
}

.digital-mortgage .news-box p.news-box--title {
    margin: 0px !important;
}

.news-box div {
    display: grid !important;
    grid-template-columns: 100% !important;
    grid-gap: 10px !important;
    padding: 0px !important;
}

.digital-mortgage .news-box h3.news-box--header { /* Accent M */
    font-family: 'Ubuntu-Bold';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    /* identical to box height, or 25px */
    display: flex;
    align-items: center;
    text-align: center;
    /* Dark */
    color: #2C3537;
}

.digital-mortgage .news-box p.news-box--title {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    /* or 129% */
    display: flex;
    align-items: center;
    /* Dark Gray */
    color: #878A8A;
}







.digital-mortgage .news-box img {
    width: 31px !important;
    height: 31px !important;
}

.modal-footer.justify-content-center {
    position: initial;
}

label.depositCover .zalyshka {
    display: none;
}

div#prequalMain .ipoteka.prequalCard .card { /* Light blue */
    background: #F5F6F8;
    border-radius: 6px;
    padding: 20px;
}

.ipoteka.prequalCard {
}

div#prequalMain .ipoteka.prequalCard .card input { /* White Background */
    /* Mid Gray */
    /* White Background */

    background: #FFFFFF;
    /* Mid Gray */

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

div#allDep label.depositCover {
    width: 235px !important;
}

.ipoteka.prequalCard {
}

.generalDeposits {
}

div#allDep .generalDeposits, .childDeposits {
}

div#depsInit div#allDep .generalDeposits, .childDeposits {
}

.card div#depsInit div#allDep .generalDeposits, .childDeposits {
}

.ipoteka.prequalCard .card div#depsInit div#allDep .generalDeposits, .childDeposits {
    gap: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

    .ipoteka.prequalCard .card div#depsInit div#allDep .generalDeposits label, .childDeposits {
        width: 100% !important;
        margin: 0px !important;
        border-radius: 12px;
    }

div#depsInit {
}

.card div#depsInit {
}

.ipoteka.prequalCard .card div#depsInit {
}

    .ipoteka.prequalCard .card div#depsInit button.btn-success.calculate--b {
        background: #2C3537 !important;
        border-radius: 6px;
    }

    .ipoteka.prequalCard .card div#depsInit div#allDep .generalDeposits p.sum, .childDeposits { /* Title */
        font-family: 'Ubuntu';
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 26px;
        /* identical to box height, or 118% */
        /* White Background */
        color: #FFFFFF;
    }

    .ipoteka.prequalCard .card div#depsInit div#allDep .generalDeposits .accum, .childDeposits {
        margin: 0;
    }

div#initCalcBtn button.btn-success {
    background: #2C3537;
    border-radius: 6px;
}

div#calcRequest .card.loantype_prequal, div#calcRequest .card.loantype_jenil {
    padding: 0px !important;
    background: transparent !important;
}

button#btnCalcLoanSelect.selected {
    background: #008F91 !important;
    border-radius: 6px !important;
    flex: none;
    order: 2 !important;
    align-self: stretch;
    flex-grow: 0;
    z-index: 0;
    color: white !important;
}



.generalDeposits .card {
    padding: 0px !important;
    background: transparent !important;
}

div#cardClientInfo, div#cardMarriageState {
    padding: 0px !important;
    background: transparent !important;
}

div#divSpouseInfo .card {
    background: transparent !important;
    padding: 0px !important;
}

.ipoteka_b div:nth-child(6) {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-direction: row-reverse;
}

.form-group.row {
}

.ipoteka_b div:nth-child(6) .form-group.row {
    margin: 0 !important;
}

div.ipoteka_b div:nth-child(6) .form-group.row:nth-child(2) button { /* White Background */
    background: white !important;
    /* Mid Gray */
    border: 1px solid #D2D4D4;
    border-radius: 6px;
    /* Inside auto layout */
}

.ipoteka_b div:nth-child(6) .form-group.row:first-child button {
    background: #008F91;
    border-radius: 6px;
    /* Inside auto layout */
    /* identical to box height, or 125% */
    /* White Background */
    /* Inside auto layout */
    color: white !important;
    font-family: Ubuntu;
}






button.btn-success.sozaemwik {
    font-size: 14px;
    padding: 9px 20px;
}

div#depsInit br, .ipoteka.prequalCard br {
    display: none !important;
}

div#depsInit {
    height: max-content;
}

div#calcRequest .ipoteka_b {
    margin: 20px 0px;
}

div#initAddCoborrowers {
    margin: 21px 0px;
    margin-bottom: 0%;
}

div#prequalMain .ipoteka.prequalCard .card {
    margin: 20px 0px 0px 0px;
}

.ipoteka.prequalCard .form-group.row {
    /*margin-bottom: 15px;*/
    margin-bottom: 15px;
}

div#prequalMain .ipoteka.prequalCard {
    display: grid;
    gap: 0px;
}

input#coborrowerAdd {
    display: block !important;
}


div#coborrowersInit .form-group.row {
    margin: 21px 0px;
}

    div#coborrowersInit .form-group.row .col-12 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

div#ChangeConditionsModal {
}

    div#ChangeConditionsModal .modal-header {
        padding: 30px 54px 0px 30px;
    }

    div#ChangeConditionsModal .modal-dialog {
        height: 100%;
        display: flex;
        overflow: auto;
    }

    div#ChangeConditionsModal .modal-content {
    }

    div#ChangeConditionsModal .generalDeposits.slick-initialized.slick-slider {
        grid-template-columns: 1fr !important;
    }

    div#ChangeConditionsModal .slick-track {
        width: 100% !important;
    }

    div#ChangeConditionsModal div#depsInit .col-12 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

div#depsInit {
}

    div#depsInit button.btn-success.calculate--b {
        padding: 0px 30px;
        display: flex;
        align-items: center;
        justify-content: right;
    }

    div#depsInit .col-12 {
        width: 100%;
    }

.ipoteka.prequalCard {
}

div#ChangeConditionsModal .ipoteka.prequalCard {
    padding: 0px !important;
}

.slick-track {
}

div#modalPrequalDeposits .slick-track {
    width: 100% !important;
}

div#ChangeConditionsModal .ipoteka.prequalCard {
    overflow: scroll !important;
    margin: 0px !important;
    height: fit-content !important;
}

div#calculateResults {
}

div#ChangeConditionsModal div#calculateResults {
    display: flex !important;
}

    div#ChangeConditionsModal div#calculateResults div.card-body {
        /* height: 600px !important; */
    }

    div#ChangeConditionsModal div#calculateResults .card {
        width: 263px;
    }

        div#ChangeConditionsModal div#calculateResults .card input.condShow {
            background: #FFFFFF;
            border: 1px solid #D2D4D4;
            border-radius: 6px;
        }



div#startInfo .calculator_info--b {
    margin: 0px 0px 30px 0px !important;
}

div#startInfo .calculator_info--b, div#divSpouseInfo .card .calculator_info--b:first-child {
    background: #E7F5EE;
    border-radius: 8px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    box-shadow: none;
}

    div#startInfo .calculator_info--b svg path, div#divSpouseInfo .card .calculator_info--b:first-child svg path {
        fill: black;
    }

div#coborrowersInit .form-group.row {
    margin: 21px 0px;
}

    div#coborrowersInit .form-group.row .col-12 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

div#ChangeConditionsModal {
}

    div#ChangeConditionsModal .modal-header {
        padding: 30px 54px 0px 30px;
    }

    div#ChangeConditionsModal .modal-dialog {
        height: 100%;
        display: flex;
        overflow: auto;
    }

    div#ChangeConditionsModal .modal-content {
    }

    div#ChangeConditionsModal .generalDeposits.slick-initialized.slick-slider {
        grid-template-columns: 1fr !important;
    }

    div#ChangeConditionsModal .slick-track {
        width: 100% !important;
    }

    div#ChangeConditionsModal div#depsInit .col-12 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

div#depsInit {
}

    div#depsInit button.btn-success.calculate--b {
        padding: 0px 30px;
        display: flex;
        align-items: center;
        justify-content: right;
    }

    div#depsInit .col-12 {
        width: 100%;
    }

.ipoteka.prequalCard {
}

div#ChangeConditionsModal .ipoteka.prequalCard {
    padding: 0px !important;
}

.slick-track {
}

div#modalPrequalDeposits .slick-track {
    width: 100% !important;
}


div#calculateResults {
}

div#ChangeConditionsModal div#calculateResults {
    display: flex !important;
}

    div#ChangeConditionsModal div#calculateResults div.card-body {
        /* height: 600px !important; */
    }

    div#ChangeConditionsModal div#calculateResults .card {
        width: 263px;
    }

        div#ChangeConditionsModal div#calculateResults .card input.condShow {
            background: #FFFFFF;
            border: 1px solid #D2D4D4;
            border-radius: 6px;
        }

div#prequalAnnulment .form-group.row .col-12 button.btn-success {
    background: #008F91;
    border-radius: 6px;
    box-shadow: none;
}

    div#prequalAnnulment .form-group.row .col-12 button.btn-success:hover {
        box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
    }

div#prequalAnnulment .ipoteka_b {
    display: grid;
    gap: 10px;
    place-items: center;
}

div#prequalAnnulment p {
    margin: 0px;
}

div#prequalAnnulment .ipoteka_b svg {
    margin-bottom: 22px;
}

div#prequalAnnulment .form-group.row {
    grid-template-columns: 100% !important;
}

    div#prequalAnnulment .form-group.row .col-12 {
        display: flex;
        place-content: center;
        justify-content: center;
    }

        div#prequalAnnulment .form-group.row .col-12 button.btn-success {
            background: #008F91;
            border-radius: 6px;
            box-shadow: none;
        }

            div#prequalAnnulment .form-group.row .col-12 button.btn-success:hover {
                box-shadow: 0px 8.2243px 12.7103px -4.48598px rgb(62 83 87 / 38%);
            }

div#prequalAnnulment .calculator_info--b p strong {
    color: #0856B1;
    font-weight: 400;
}

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

    button#startBiometry {
        width: 100%;
    }

    .main .ipoteka div#startInfo .card .form-group.row .col-12 button.btn-success, .ipoteka button.btn-success {
        display: flex;
        justify-content: center;
        width: 100% !important;
    }
  
        #statusCheck {
        margin-top: 30px;
    }

    .request--header {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 20px;
    }

        .request--header div {
            display: flex;
            gap: 10px;
        }

        .request--header.main__header {
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            gap: 5px;
        }

            .request--header.main__header div {
                flex-direction: column;
                gap: 5px;
            }



    div.main {
        margin-top: 83px !important;
    }

    #Auth2FactorCard.card.hidden, #loginCard.card.hidden {
        display: none !important;
    }
}