/*================================================== Total settings ==================================================*/

@font-face {
    font-family: "Montserrat-Regular";
    src: url("/online/template/frontend/fonts/Montserrat/Montserrat-Regular.ttf");
}

:root {
    --color-blue: #007bff;
}

* {
    margin:0;
    padding:0;
    box-sizing: border-box;
}

*:-moz-ui-invalid:not(output) { box-shadow: none; }

*:focus { outline: none !important; }

a {
    text-decoration: none;
    color: inherit;
}

a.link-design {
    text-decoration: none;
}

a.link-design:hover,
a.link-design:focus,
a.link-design:active {
    color: var(--color-blue);
}

.img-holder {
    width: 100%;
    height: auto;
}

.color-red { color: #ff0000; }
.color-green { color: #008000 }

.input-design[type="text"], .input-design[type="password"], .input-design[type="email"], select.input-design,
.input-design[type="number"] {
    width: 100%;
    padding: 8px 12px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-design:focus {
    border: 1px solid var(--color-blue);
    box-shadow: 0 0 1px 1px var(--color-blue);
}

.input-design::-moz-placeholder { color: #666; }
.input-design::-webkit-input-placeholder { color: #666; }
.input-design:-moz-placeholder{ color: #666; }
.input-design:-ms-input-placeholder { color: #666; }

.input-design[type="checkbox"] {
    box-shadow: 0 0 2px 1px #ddd;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.textarea-design {
    max-width: 100%;
    min-width: 100%;
    min-height: 100px;
    height: 100px;
    max-height: 500px;
    font-size: 16px;
    padding: 20px;
    border: none;
    text-align: left;
    border-radius: 8px;
    box-shadow: 0 0 2px 2px #ddd;
}

.btn-design {
    display: table;
    text-align: center;
    border: none;
    cursor: pointer;
    font-family: "Montserrat-Regular";
}

.btn-design:disabled {
    cursor: no-drop;
    opacity: 0.8;
}

.btn-design-blue {
    background: var(--color-blue);
    color: white;
}

.btn-design-blue:hover,
.btn-design-blue:focus,
.btn-design-blue:active {
    background: rgba(0, 123, 255, 0.9);
}

.btn-design-red {
    background: #e74c3c;
    color: #fff;
}

.btn-design-red:hover,
.btn-design-red:focus,
.btn-design-red:active {
    background: #eb6c5f;
    color: #fff;
}

.btn-design-middle {
    font-size: 14px;
    font-weight: 700;
    padding: 10px 15px;
    border-radius: 4px;
}

.form-block {
    margin-top: 20px;
}

.hide { display: none; }
.show { display: block; }

.alert-danger {
    width: 100%;
    padding: .75rem 1.25rem;
    border: 1px solid #ebcccc;
    border-radius: .25rem;
    background-color: #f2dede;
    color: #a94442;
}

.alert-info {
    width: 100%;
    padding: .6rem .75rem;
    border: 1px solid #bce8f1;
    border-radius: .25rem;
    color: #31708f;
    background-color: #d9edf7;
}

.alert-success {
    width: 100%;
    padding: .6rem .75rem;
    border: 1px solid #d6e9c6;
    border-radius: .25rem;
    color: #3c763d;
    background-color: #dff0d8;
}

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

body {
    font-family: "Montserrat-Regular";
    word-wrap: break-word;
    font-size: 14px;
    background: #fafafa;
    color: #333;
}

#main_wrapper {
    margin: 0;
    min-height: 100%;
    min-width: 320px;
    overflow: hidden;
    padding-bottom: 106px;
}
/*================================================ End total settings ================================================*/

/*====================================================== Header ======================================================*/
#main_header .header-content {
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
}

#main_header .wrapper-header-nav {
    display: table;
    position: relative;
    float: right;
    right: 0;
}

#main_header .wrapper-header-nav .btn-login {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

#language_switch {
    position: relative;
    top: 32px;
    right: 0;
    font-size: 14px;
    float: right;
    display: inline-block;
    vertical-align: middle;
}

#language_switch .current-language {
    display: inline-block;
    vertical-align: middle;
    background: var(--color-blue);
    color: #fff;
    padding: 10px 15px;
    cursor: pointer;
}

#language_switch .current-language:after {
    content: "\f107";
    font-family: "FontAwesome";
    text-align: center;
    font-size: 14px;
    line-height: 7px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 6px;
    margin: 0 5px;
}

#language_switch ul.languages-list {
    position: absolute;
    display: none;
    list-style: none;
    padding: 15px;
    width: 100%;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#language_switch ul.languages-list li {
    margin-top: 5px;
}

#language_switch ul.languages-list li:first-child {
    margin-top: 0;
}

#language_switch ul.languages-list li.active a {
    pointer-events: none;
}

#header-nav {
    list-style: none;
    font-size: 0;
    position: relative;
    top: 32px;
    display: block;
}

#header-nav > li.nav-item, #header-nav > li.nav-btn {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

#header-nav > li {
    margin-right: 1px;
}

#header-nav > li.nav-item > a {
    background: #eee;
    color: #333;
    padding: 10px 15px;
    display: table;
}

#header-nav li.nav-item a:hover,
#header-nav li.nav-item.active a {
    background: var(--color-blue);
    color: #fff;
}

/*==================================================== End header ====================================================*/

/*===================================================== Content ======================================================*/
#main_content {
    max-width: 1024px;
    margin: 20px auto;
    display: table;
    width: 100%;
    table-layout: fixed;
}

#wrapper_auth .auth-content,
#wrapper_forgot .forgot-content,
#wrapper_reg .reg-content,
#wrapper_reg_verify .reg-verify-content {
    max-width: 600px;
    margin: 5% auto 0;
    font-size: 16px;
}

#wrapper_auth .auth-content h1,
#wrapper_forgot .forgot-content h1,
#wrapper_reg .reg-content h1,
#wrapper_reg_verify .reg-verify-content h1,
#wrapper_credits .credits-content h1,
#wrapper_email_activation .email-activation-content h1,
#wrapper_contract .contract-content h1,
#wrapper_credit_confirm .credit-confirm-content h1,
#wrapper_credit_pay .credit_pay-content h1,
#wrapper_card_verify .card-verify-content h1,
#wrapper_credit_cards .credit-cards-content h1,
#wrapper_referral .referral-content h1 {
    color: var(--color-blue);
    text-align: center;
    margin: 0 0 20px;
    font-weight: 700;
}
#wrapper_referral .referral-content p{
    margin-bottom: 10px;
    margin-top: 10px;
}
#wrapper_referral .referral-content ul{
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0;
    margin-left: 20px;
}#wrapper_referral .referral-content li{
     margin-top: 10px;
 }


#wrapper_auth .auth-content .alert, #wrapper_forgot .forgot-content .alert, #wrapper_reg .reg-content .alert,
#wrapper_reg_verify .reg-verify-content .alert, #wrapper_contract #contract_form .alert,
#wrapper_credit_confirm #credit_confirm_form .alert, #wrapper_credit_cards .credit-cards-content .alert,
#wrapper_credit .credit-content .alert, #wrapper_credit_pay .credit-pay-content .alert {
    margin-bottom: 20px;
}

#wrapper_contract #document {
    width: 100%;
    height: 1380px;
}

#wrapper_auth #auth_form .form-tools, #wrapper_forgot #forgot_form .form-tools, #wrapper_reg #reg_form .form-tools,
#wrapper_reg_verify #reg_verify_form .form-tools, #wrapper_account #credit_form .form-tools,
#wrapper_contract #contract_form .form-tools, #wrapper_credit_confirm #credit_confirm_form .form-tools {
    margin-top: 30px;
}

#wrapper_forgot #forgot_form .btn-next {
    margin: 0 auto;
    width: 150px;
}

#wrapper_reg_verify #reg_verify_form .btn-next,
#wrapper_account #credit_form .btn-next,
#wrapper_credit_confirm #credit_confirm_form .btn-confirm,
#wrapper_credit_cards .btn-new-card,
#wrapper_profile #personal_data_form .btn-next,
#wrapper_profile #address_form .btn-next,
#wrapper_profile #work_form .btn-next,
#warpper_referral #referral_form .btn-next,
#warpper_referral #main_card_form .btn-next{
    margin: 0 auto;
}

#wrapper_forgot .progress {
    display: table;
    margin: 0 auto 50px;
}

#wrapper_forgot .progress .active {
    color: var(--color-blue);
}

#wrapper_reg #reg_form .reg-agreement {
    color: #999;
}

#credits_table,
#credit_calculation_table,
#payment_schedule_modal table,
#restruct_table  {
    font-size: 14px;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

#credit_repayment_table {
    border-spacing: 0;
    border-collapse: collapse;
}

#credits_table th,
#credit_repayment_table th,
#credit_calculation_table th,
#payment_schedule_modal table th,
#restruct_table th {
    background: var(--color-blue);
    color: #fff;
    font-weight: 400;
    padding: 10px;
    border-right: 1px solid var(--color-blue);
}

#credit_repayment_table th,
#credit_calculation_table th,
#payment_schedule_modal table th,
#restruct_table th {
    padding: 20px 10px;
}

#credit_repayment_table tr:nth-child(2n+2) {
    background: #eee;
}

#credits_table ul.revision-reason {
    text-align: left;
    display: block;
    list-style: none;
}

#credits_table ul.revision-reason li {
    display: block;
}

#credits_table th:last-child,
#credit_repayment_table th:last-child,
#credit_calculation_table th:last-child,
#payment_schedule_modal table th:last-child,
#restruct_table th:last-child {
    border-left: none;
}

#credit_repayment_table td {
    padding: 10px;
}

#verify_card_modal,
#verify_phone_modal,
#pay_enter_modal,
#prolongation_modal {
    overflow: hidden;
    width: 100%;
    max-width: 660px;
    padding: 20px 0;
    border-radius: 5px;
}

#verify_card_modal h1,
#verify_phone_modal h1,
#pay_enter_modal h1,
#prolongation_modal h1 {
    color: var(--color-blue);
    text-align: center;
    margin: 20px 0;
    font-weight: 700;
}

#verify_card_modal .btn-verify-card,
#verify_phone_modal .btn-verify-phone {
    margin: 25px auto;
}

#pay_enter_modal .tools {
    display: table;
    font-size: 0;
    margin: 25px auto;
}

#verify_phone_modal,
#pay_enter_modal,
#prolongation_modal {
    padding-left: 40px;
    padding-right: 40px;
}

#verify_phone_modal .text,
#pay_enter_modal . text {
    font-size: 20px;
    text-align: center;
}

#verify_phone_modal .phone-number {
    font-size: 28px;
    font-weight: 700;
}

#verify_phone_modal .input-code,
#pay_enter_modal .input-amount {
    max-width: 240px;
    margin: 30px auto;
    display: table;
}

.mfp-close-btn-in .mfp-close {
    font-size: 32px;
}

#verify_card_modal .card-number {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
}

#verify_card_modal .important .title {
    font-weight: 700;
    text-align: center;
}

#verify_card_modal .text {
    margin-bottom: 20px;
}

#wrapper_card_verify #card_info,
#wrapper_credit_pay #credit_pay_info {
    text-align: center;
    margin: 0 auto 20px;
    font-size: 16px;
}

#verify_phone_modal,
#pay_enter_modal {
    padding-left: 40px;
    padding-right: 40px;
}

#verify_phone_modal .text,
#pay_enter_modal . text {
    font-size: 20px;
    text-align: center;
}

#verify_phone_modal .phone-number {
    font-size: 28px;
    font-weight: 700;
}

#verify_phone_modal .input-code,
#pay_enter_modal .input-amount {
    max-width: 240px;
    margin: 20px auto;
    display: table;
}

#verify_card_modal .card-number {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
}

#verify_card_modal .text {
    margin-bottom: 20px;
}

#pay_enter_modal h2 { font-size: 20px; }

#wrapper_contract #contract_form {
    margin: 60px auto 20px;
    max-width: 650px;
    font-size: 16px;
}

#wrapper_contract #contract_form .agreement {
    color: var(--color-blue);
    text-align: center;
    margin-bottom: 30px;
}

#wrapper_contract #contract_form .wrapper-code {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}

#wrapper_contract #contract_form #code {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

#wrapper_contract #contract_form .btn-get-code,
#wrapper_contract #contract_form .btn-read-key {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

#wrapper_credit_confirm #credit_confirm_form {
    max-width: 540px;
    width: 100%;
    margin: 0 auto;
}

#wrapper_account #amount,
#wrapper_credit_confirm #amount,
#wrapper_credit #amount,
#wrapper_credit #prolongation_form .prolongation-term,
#wrapper_credit #prolongation_wpp_form .prolongation-term,
#prolongation_modal #prolongation_form .prolongation-term,
#prolongation_modal #prolongation_wpp_form .prolongation-term {
    display: table;
    width: 100%;
}

#wrapper_credit #prolongation_form .prolongation-amount,
#wrapper_credit #prolongation_wpp_form .prolongation-amount,
#prolongation_modal #prolongation_form .prolongation-amount,
#prolongation_modal #prolongation_wpp_form .prolongation-amount {
    margin: 20px 0;
}

#wrapper_credit #prolongation_form .prolongation-amount .amount,
#wrapper_credit #prolongation_wpp_form .prolongation-amount .amount,
#prolongation_modal #prolongation_form .prolongation-amount .amount,
#prolongation_modal #prolongation_wpp_form .prolongation-amount .amount {
    font-weight: 700;
}

#wrapper_account #credit_packs {
    margin-bottom: 20px;
}

#wrapper_credit_confirm #days,
#wrapper_credit_confirm #percent,
#wrapper_credit_confirm #total_amount,
#wrapper_credit_confirm #total_amount_with_promo,
#wrapper_credit_confirm #return_date {
    display: table;
    width: 100%;
    margin-top: 20px;
}

#wrapper_credit_confirm #amount .value,
#wrapper_credit_confirm #total_amount .value,
#wrapper_credit_confirm #total_amount_with_promo .value,
#wrapper_credit_confirm #return_date .value {
    font-size: 24px;
    font-weight: 700;
    margin-right: 5px;
}

#wrapper_credit_confirm #days .value, #wrapper_credit_confirm #percent .value {
    font-size: 18px;
    font-weight: 700;
    margin-right: 5px;

}

#credit_confirm_form .get-credit-code {
    display: table;
    margin: 0 auto;
}

#wrapper_account .account-content h1{
    color: var(--color-blue);
    margin-bottom: 20px;
    font-weight: 700;
}

#wrapper_account .account-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
}

#wrapper_account .credit-container {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

#wrapper_account .profile-container {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    font-size: 16px;
}

#wrapper_account #days,
#wrapper_account #percent,
#wrapper_account #services,
#wrapper_account #total_amount,
#wrapper_account #total_amount_with_promo,
#wrapper_account #cashback,
#wrapper_account #return_date,
#wrapper_account #real_percent {
    display: table;
    width: 100%;
    margin-top: 20px;
}

#wrapper_account #cashback .value {
    font-size: 18px;
}

.cashback_withdraw {
    margin: 20px 0px;
}

.cashback_withdraw_button {
    margin: 10px 0px;
}

#wrapper_account #cashback .title {
    font-size: 16px;
}

.btn-inline {
    display: inline;
}

#wrapper_account #amount .title,
#wrapper_account #days .title,
#wrapper_account #percent .title,
#wrapper_account #services .title,
#wrapper_account #total_amount .title,
#wrapper_account #total_amount_with_promo .title,
#wrapper_account #real_percent .title,
#wrapper_account #return_date .title,
#wrapper_credit_confirm #amount .title,
#wrapper_credit_confirm #days .title,
#wrapper_credit_confirm #percent .title,
#wrapper_credit_confirm #total_amount .title,
#wrapper_credit_confirm #total_amount_with_promo .title,
#wrapper_credit_confirm #return_date .title,
#wrapper_credit #amount .title,
#wrapper_credit #prolongation_form .prolongation-term .title,
#wrapper_credit #prolongation_wpp_form .prolongation-term .title,
#prolongation_modal #prolongation_form .prolongation-term .title,
#prolongation_modal #prolongation_wpp_form .prolongation-term .title {
    font-size: 16px;
    display: table;
    float: left;
}

#wrapper_account #real_percent .title {
    max-width: 70%;
}

#wrapper_credit #amount .title,
#wrapper_credit #prolongation_form .prolongation-term .title,
#wrapper_credit #prolongation_wpp_form .prolongation-term .title,
#prolongation_modal #prolongation_form .prolongation-term .title,
#prolongation_modal #prolongation_wpp_form .prolongation-term .title {
    margin-top: 8px;
}

#wrapper_account #amount .content,
#wrapper_account #days .content,
#wrapper_account #percent .content,
#wrapper_account #services .content,
#wrapper_account #total_amount .content,
#wrapper_account #total_amount_with_promo .content,
#wrapper_account #real_percent .content,
#wrapper_account #return_date .content,
#wrapper_credit_confirm #amount .content,
#wrapper_credit_confirm #days .content,
#wrapper_credit_confirm #percent .content,
#wrapper_credit_confirm #total_amount .content,
#wrapper_credit_confirm #total_amount_with_promo .content,
#wrapper_credit_confirm #return_date .content,
#wrapper_credit #amount .content,
#wrapper_credit #prolongation_form .prolongation-term .content,
#prolongation_modal #prolongation_form .prolongation-term .content,
#wrapper_credit #prolongation_wpp_form .prolongation-term .content,
#prolongation_modal #prolongation_wpp_form .prolongation-term .content{
    display: table;
    float: right;
}

#wrapper_account #amount .value,
#wrapper_account #days .value {
    font-size: 18px;
    font-weight: 700;
}

#wrapper_account #days .title {
    position: relative;
    top: 1px;
}

#wrapper_account #days .title {
    position: relative;
    top: 12px;
}

#wrapper_account #days .icon {
    font-size: 36px;
    color: #ddd;
    position: relative;
    right: -38px;
}

#wrapper_account #input_days {
    font-size: 18px;
    margin-right: 10px;
    text-align: center;
    border: none;
    background: none;
    width: 35px;
    padding: 5px 5px;
    cursor: pointer;
}

#wrapper_account #percent .value,
#wrapper_account #services .value,
#wrapper_account #real_percent .value {
    font-size: 18px;
}

#wrapper_account #total_amount .value,
#wrapper_account #total_amount_with_promo .value,
#wrapper_account #return_date .value {
    font-size: 24px;
    font-weight: 700;
    color: var(--color-blue);
}

#wrapper_account #percent .value,
#wrapper_account #services .value,
#wrapper_account #real_percent .value,
#wrapper_account #total_amount .value,
#wrapper_account #total_amount_with_promo .value,
#wrapper_account #return_date .value {
    display: inline-block;
    vertical-align: middle;
    min-width: 20px;
    min-height: 20px;
    position: relative;
}

#wrapper_account #percent .currency,
#wrapper_account #services .currency,
#wrapper_account #real_percent .currency,
#wrapper_account #total_amount .currency,
#wrapper_account #total_amount_with_promo .currency {
    display: inline-block;
    vertical-align: middle;
    min-width: 20px;
    min-height: 20px;
}

#wrapper_account #amount .currency,
#wrapper_account #amount .currency {
    font-size: 16px;
}

#wrapper_account #slider_amount,
#wrapper_account #slider_days,
#wrapper_credit #slider_repayment_amount,
#wrapper_credit #slider_prolongation_term,
#wrapper_credit #slider_prolongation_wpp_term,
#prolongation_modal #slider_prolongation_term,
#prolongation_modal #slider_prolongation_wpp_term {
    height: 10px;
    border: none;
    margin-top: 20px;
    box-shadow: 0 0 2px 0 #d8d8d8 inset;
    background: #f0f0f0;
}

#wrapper_account .ui-corner-all, #wrapper_credit .ui-corner-all {
    border-radius: 5px;
}

#wrapper_account #slider_amount .ui-slider-range-min,
#wrapper_account #slider_days .ui-slider-range-min,
#wrapper_credit #slider_repayment_amount .ui-slider-range-min,
#wrapper_credit #slider_prolongation_term .ui-slider-range-min,
#wrapper_credit #slider_prolongation_wpp_term .ui-slider-range-min,
#prolongation_modal #slider_prolongation_term .ui-slider-range-min,
#prolongation_modal #slider_prolongation_wpp_term .ui-slider-range-min{
    background: var(--color-blue);
}

#wrapper_account #slider_amount .ui-slider-handle,
#wrapper_account #slider_days .ui-slider-handle,
#wrapper_credit #slider_repayment_amount .ui-slider-handle,
#wrapper_credit #slider_prolongation_term .ui-slider-handle,
#wrapper_credit #slider_prolongation_wpp_term .ui-slider-handle,
#prolongation_modal #slider_prolongation_term .ui-slider-handle,
#prolongation_modal #slider_prolongation_wpp_term .ui-slider-handle {
    background: #ffd920;
    border-radius: 5px;
    width: 15px;
    height: 35px;
    border: none;
    top: -13px;
    cursor: pointer;
}

#prolongation_modal #prolongation_form .btn-prolongation,
#prolongation_modal #prolongation_wpp_form .btn-prolongation {
    margin: 10px auto 0;
}

#wrapper_account #credit_card {
    margin-top: 25px;
}

#wrapper_account #phone {
    margin-top: 20px;
}

#wrapper_account #credit_card .message,
#wrapper_account #phone .message {
    font-size: 16px;
}

#wrapper_account #credit_rules {
    margin-top: 20px;
    font-size: 14px;
}

#wrapper_account #credit_rules a {

}

#wrapper_account .profile-container .btn-profile {
    margin-top: 20px;
}

#wrapper_account #profile_verify,
#wrapper_profile #phones_list,
#wrapper_profile #emails_list,
#wrapper_profile #social_networks {
    margin-top: 20px;
    width: 100%;
}

#wrapper_account #social_networks_verify {
    margin-top: 20px;
    width: 100%;
}

#wrapper_account #profile_verify .icon,
#wrapper_account #social_networks_verify .icon,
#wrapper_profile #phones_list .icon,
#wrapper_profile #emails_list .icon,
#wrapper_profile #social_networks .icon {
    width: 35px;
}

#wrapper_account #profile_verify .tools,
#wrapper_account #social_networks_verify .tools,
#wrapper_profile #phones_list .tools,
#wrapper_profile #emails_list .tools {
    text-align: right;
}

#wrapper_credit #amount .value {
    font-size: 24px;
    font-weight: 700;
    padding: 2px 10px;
    border: none;
    background: #eee;
    max-width: 150px;
    margin: 0 5px;
    text-align: right;
}

#wrapper_credit #prolongation_form .prolongation-term .value,
#wrapper_credit #prolongation_wpp_form .prolongation-term .value,
#prolongation_modal #prolongation_form .prolongation-term .value,
#prolongation_modal #prolongation_wpp_form .prolongation-term .value {
    font-size: 24px;
    font-weight: 700;
    max-width: 150px;
    margin: 0 5px;
    text-align: right;
}

#wrapper_credit #payment_form .tools {
    margin-top: 20px;
}

#wrapper_credit #credit_info {
    width: 100%;
    margin: 40px auto 0;
}

#wrapper_credit #credit_info .number {
    display: table;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 700;
}

#wrapper_credit #credit_info .status {
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
}

#wrapper_credit #credit_repayment {
    margin-top: 40px;
}

#wrapper_credit #credit_repayment .credit-repayment-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}

#wrapper_credit #credit_repayment {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

#wrapper_credit #credit_repayment_table {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

#wrapper_credit #credit_repayment #payment_form {
    display: table;
    width: 100%;
    margin-top: 30px;
}

#wrapper_credit #payment_form .btn-payment {
    margin-top: 10px;
}

#wrapper_credit #prolongation_form,
#prolongation_modal #prolongation_form,
#wrapper_credit #prolongation_wpp_form,
#prolongation_modal #prolongation_wpp_form {
    display: table;
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
}

#prolongation_form .calculation select.days,
#prolongation_wpp_form .calculation select.days {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--color-blue);
    font-size: 20px;
    padding: 5px 10px 5px 5px;
    border: none;
    background: #e9e7e8;
    margin: 0 5px;
    cursor: pointer;
}

#wrapper_credit #credit_calculation {
    margin-top: 80px;
}

#wrapper_credit #credit_prolongations {
    margin-top: 30px;
}

#wrapper_credit #credit_delay {
    margin-top: 40px;
    width: 100%;
}

#wrapper_credit #credit_delay .title {
    font-size: 18px;
    font-weight: 700;
}

#wrapper_credit #credit_delay .text-block {
    margin-top: 5px;
    font-size: 16px;
}

#wrapper_credit #credit_delay_form {
    margin-top: 20px;
}

#wrapper_credit #credit_restruct {
    margin-top: 80px;
}

#wrapper_credit #credit_info h1 {
    color: var(--color-blue);
    text-align: center;
    margin: 0 0 20px;
    font-weight: 700;
}

#wrapper_credit #credit_repayment h1,
#wrapper_credit #credit_calculation h1,
#wrapper_credit #credit_prolongations h1,
#wrapper_credit #credit_restruct h1 {
    text-align: center;
    margin: 0 0 20px;
    font-weight: 700;
}

#wrapper_credit #credit_prolongations .prolongation-block {
    width: max-content;
}

#wrapper_credit #credit_prolongations .prolongation-block .link {
    margin: 10px;
}

#wrapper_card_verify #card_info .card-number,
#wrapper_credit_pay #credit_pay_info .pay-amount {
    font-size: 24px;
    font-weight: 700;
    margin-top: 20px;
}

#wrapper_credit_pay #credit_pay_info > div {
    margin-bottom: 15px;
}

#wrapper_card_verify #platon, #wrapper_credit_pay #platon {
    border: none;
    width: 100%;
    height: 800px;
}

#wrapper_credit_cards .credit-cards-content {
    width: 100%;
    margin: 0 auto;
}

#wrapper_credit_cards .wrapper-new-card,
#wrapper_credit_cards .wrapper-card {
    display: table;
    width: 100%;
    font-size: 0;
}

#wrapper_credit_cards .wrapper-card {
    margin-bottom: 30px;
}

#wrapper_credit_cards .icon-new-card,
#wrapper_credit_cards .icon-card {
    display: inline-block;
    vertical-align: middle;
}

#wrapper_credit_cards .icon-visa:before {
    content: "\f1f0";
    font-family: "FontAwesome";
}

#wrapper_credit_cards .icon-visa {
    color: #ffd920;
}

#wrapper_credit_cards .icon-mastercard:before {
    content: "\f1f1";
    font-family: "FontAwesome";
}

#wrapper_credit_cards .icon-mastercard {
    color: #ffd920;
}

#wrapper_credit_cards .input-new-card {
    display: inline-block;
    vertical-align: middle;
    width: 210px;
    font-size: 18px;
}

#wrapper_credit_cards .card-number {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}

#wrapper_credit_cards .btn-verify-card, #wrapper_credit_cards .btn-check-card, #wrapper_credit_cards .btn-delete-card, #wrapper_credit_cards .btn-switch-recurrent-card {
    display: inline-block;
    vertical-align: middle;
}

#wrapper_credit_cards .btn-delete-card, #wrapper_credit_cards .btn-switch-recurrent-card {
    margin-left: 20px;
}

#wrapper_credit_cards .wrapper-card .check-card {
    font-size: 24px;
    position: relative;
    top: 5px;
}

#wrapper_credit_cards .credit-cards-content h1 {
    margin-bottom: 40px;
}

#wrapper_profile #address_form h1 {
    color: var(--color-blue);
    font-weight: 700;
}
#wrapper_profile #address_form .margin_title {
    margin: 60px 0 20px;
}

#wrapper_profile #contacts h1 {
    color: var(--color-blue);
    margin: 40px 0;
    font-weight: 700;
}

#wrapper_profile #contacts h1:first-child {
    margin-top: 0;
}

#wrapper_profile .profile-content,
#wrapper_referral .referral-content{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    font-size: 16px;
}

#wrapper_profile .profile-content #profile_nav_tabs {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 100%;
    list-style: none;
    font-size: 0;
}

#wrapper_profile .profile-content #profile_nav_content,
#wrapper_referral .referral-content #referral_nav_content{
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 100%;
}

#profile_nav_tabs > li.nav-tab:first-child {
    margin-top: 0;
}

#profile_nav_tabs > li.nav-tab > a {
    font-size: 16px;
    padding: 10px 15px;
    display: block;
}

#profile_nav_content .nav-content {
    display: none;
}

#profile_nav_content .nav-content.active {
    display: block;
}

#wrapper_profile form .flex-box,
#wrapper_referral form .flex-box{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

#wrapper_profile .flex-box .label,
#wrapper_referral .flex-box .label{
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    min-width: 240px;
    max-width: 240px;
    margin: auto 0;
}

#wrapper_profile .flex-box .field,
#wrapper_referral .flex-box .field{
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 100%;
}

#wrapper_profile .flex-box .field .alert,
#wrapper_referral .flex-box .field .alert{
    margin-top: 10px;
}

#wrapper_profile .form-block,
#wrapper_referral .form-block{
    margin-top: 25px;
}

#wrapper_profile #personal_data_form .invisible {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
}

.input-upload {
    visibility: hidden;
    height: 0;
    width: 1px;
}

#wrapper_profile .images {
    display: inline-block;
    vertical-align: middle;
}

#wrapper_profile .tools {
    display: inline-block;
    vertical-align: middle;
}

#wrapper_profile .btn-upload {

}

#wrapper_profile .wrapper-img {
    max-width: 100px;
    margin-right: 20px;
}

#wrapper_profile .loading {
    max-width: 36px;
}

#wrapper_profile .alert-document {
    margin-top: 20px;
}

#wrapper_profile form .btn-next,
#wrapper_referral form .btn-next{
    margin-top: 40px !important;
}

#wrapper_profile #phones,
#wrapper_profile #emails,
#wrapper_profile #social_networks {
    max-width: 360px;
}

#wrapper_profile #phones .btn-add-phone,
#wrapper_profile #phones .btn-get-code,
#wrapper_profile #phones .input-phone,
#wrapper_profile #emails .btn-add-email,
#wrapper_profile #emails .btn-get-code {
    width: 240px;
    margin-top: 20px;
}

#wrapper_profile #contacts_form {
    max-width: 100%;
    width: 100%;
}

#wrapper_forgot #forgot_form .g-recaptcha, #wrapper_reg #reg_form .g-recaptcha,
#wrapper_account #credit_form .g-recaptcha {
    display: table;
    margin: 0 auto;
}

#wrapper_profile #work .input-work-exp,
#wrapper_profile #work .income-amount,
#wrapper_profile #work .number-of-employees,
#wrapper_profile #work .average-monthly-turnover,
#wrapper_profile #work .average-annual-turnover,
#wrapper_profile #work .additional-income-amount {
    max-width: 100px;
}

#wrapper_profile #work_form .wrapper-additional-income-source {
    display: none;
}

.flex-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}

#wrapper_auth #auth_form .form-label {
    margin-bottom: 5px;
}

#wrapper_auth #auth_form .form-tools .btn-design {
    margin: 0 auto 15px;
    width: 100%;
    max-width: 320px;
}

#wrapper_auth .btn-facebook > .content {
    position: relative;
    padding-left: 35px;
}

#wrapper_auth .btn-facebook .icon {
    font-size: 28px;
    position: absolute;
    top: -5px;
    left: 0;
}

#wrapper_detailed_sold .detailed-sold-content {
    line-height: 30px;
}

#wrapper_detailed_sold .detailed-sold-content .sold-credit {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

#wrapper_detailed_sold .detailed-sold-content .sold-credit:last-child {
    border-bottom: none;
}

#wrapper_detailed_sold .detailed-sold-content .sold-credit > .title {
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
}

#wrapper_detailed_sold .detailed-sold-content .sold-credit > .content > .text-block {
    margin-top: 20px;
}

#bankid_login_modal .form-tools, #bankid_nbu_login_modal .form-tools {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

#bankid_login_modal .form-tools .btn-design,
#bankid_nbu_login_modal .form-tools .btn-design {
    margin-right: 20px;
}

#bankid_login_modal .form-tools .btn-design:last-child,
#bankid_nbu_login_modal .form-tools .btn-design:last-child  {
    margin-right: 0;
}

#wrapper_reg #reg_form .form-tools .btn-design {
    margin: 0 auto 15px;
    width: 100%;
    max-width: 320px;
}

#wrapper_contract #contract_form .alert {
    display: none;
}

#wrapper_account .social-networks {
    margin-top: 20px;
}

#wrapper_account .social-networks .subscribe-link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}


#wrapper_account .social-networks .subscribe-link.telegram:before {
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    background-image: url("data:image/png;base64,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");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-right: 5px;
}

#address_form .field {
    position: relative;
}

#registration_via_diia_modal .form-label {
    margin-bottom: 5px;
}

#registration_via_diia_modal .alert {
    margin-bottom: 20px;
}

#registration_via_diia_modal .btn-refresh-qrcode,
#registration_via_diia_modal .btn-refresh-deeplink {
    margin-left: auto;
    margin-right: auto;
}

.text-center {
    text-align: center;
}

#wrapper_credit #credit_info .tools {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

#payment_schedule_modal .loader {
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    position: relative;
    margin: 0 auto;
}

#wrapper_account .loader {
    left: 0;
    top: 0;
    display: inline-block;
    vertical-align: middle;
    border-top: 6px double var(--color-blue);
    border-bottom: 6px double var(--color-blue);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}
/*=================================================== End content ====================================================*/

/*===================================================== Footer =======================================================*/
#main_footer {
    line-height: 20px;
    margin-top: -106px;
    min-height: 20px;
    padding: 10px 1%;
    width: 100%;
}

#main_footer .footer-content {
    max-width: 1024px;
    margin: 0 auto;
}

#main_footer .contacts {
    text-align: center;
    font-size: 18px;
}

#main_footer .contacts .phone:before {
    content: "\f095";
    font-family: "FontAwesome";
    margin-right: 5px;
    color: var(--color-blue);
    position: relative;
    top: 2px;
}

#main_footer .contacts .phone {
    color: inherit;
}

#main_footer .contacts .phone:hover,
#main_footer .contacts .phone:focus,
#main_footer .contacts .phone:active {
    color: var(--color-blue);
}

#main_footer .copyright {
    font-size: 12px;
    text-align: center;
    margin-top: 15px;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    background-color: #000000;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}
/*==================================================== End footer ====================================================*/

/*====================================================== Other =======================================================*/
/*--------------------------------------------------- Autocomplete ---------------------------------------------------*/
ul.autocomplete-list {
    position: absolute;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid #ddd;
    background: rgba(255,255,255, 1);
    list-style: none;
    padding: 10px;
    z-index: 101;
    font-size: 14px;
    font-family: 'Ubuntu', 'sans-serif';
}

ul.autocomplete-list > li.autocomplete-item {
    margin-top: 5px;
    cursor: pointer;
    padding: 6px;
}

ul.autocomplete-list > li.autocomplete-item:first-child {
    margin-top: 0;
}

ul.autocomplete-list > li.autocomplete-item:hover {
    background: var(--color-blue);
    color: #fff;
}
/*------------------------------------------------- End autocomplete -------------------------------------------------*/

/*----------------------------------------------------- Loader -------------------------------------------------------*/
.loader {
    position: absolute;
    left: 45%;
    top: 20%;
    z-index: 1;
    border-top: 16px double var(--color-blue);
    border-bottom: 16px double var(--color-blue);
    border-radius: 50%;
    width: 200px;
    height: 200px;
    animation: spin 2s linear infinite;
    display: none;
}

.small-loader {
    border-top: 6px double var(--color-blue);
    border-bottom: 6px double var(--color-blue);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*---------------------------------------------------- End loader ----------------------------------------------------*/
/*==================================================== End other =====================================================*/

/* Dropdown container - needed to position the dropdown content */
.dropdown {
    list-style: none;
    overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
    border: none;
    outline: none;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
    background: #eee;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    color: #333;
}

/* Style the links inside the dropdown */
.dropdown-content a {
    float: none;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1024px) {
    .dropdown-content {
        position: relative;
        display: block!important;
        box-shadow: none;
    }
    .dropbtn {
        display: none!important;
    }
}

.options-dropdown:after {
    content: "\f142";
    font-family: "FontAwesome";
    font-style: normal;
}

.ui-dialog-buttonset button {
    display: inline-block;
}

#wrapper_account #credit_form .error {
    line-height: 30px;
}

#wrapper_account #credit_form .error .btn-design {
    display: inline-block;
    vertical-align: middle;
    line-height: initial;
}

#add_phone_modal .modal-dialog,
#add_email_modal .modal-dialog,
#credit_change_card_modal .modal-dialog,
#credit_change_phone_modal .modal-dialog,
#answer_to_secret_question .modal-dialog {
    -webkit-transform: translate(0, 30vh)!important;
    -ms-transform: translate(0, 30vh)!important;
    -ms-transform: translate(0, 30vh)!important;
    transform: translate(0, 30vh)!important;
    width: 500px!important;
}

#pay_enter_modal > .title,
#add_phone_modal .modal-content .title,
#add_email_modal .modal-content .title,
#credit_change_card_modal .modal-content .title,
#credit_change_phone_modal .modal-content .title,
#answer_to_secret_question .modal-content .title {
    text-align: center;
    color: var(--color-blue);
}

#add_phone_modal .modal-content .form-block,
#add_email_modal .modal-content .form-block,
#credit_change_card_modal .modal-content .form-block,
#credit_change_phone_modal .modal-content .form-block,
#answer_to_secret_question .modal-content .form-block {
    margin-top: 20px;
}

#pay_enter_modal form {
    margin-top: 20px;
}

#pay_enter_modal .text {
    text-align: center;
}

#add_phone_modal .modal-content,
#add_email_modal .modal-content,
#credit_change_card_modal .modal-content,
#credit_change_phone_modal .modal-content,
#answer_to_secret_question .modal-content {
    padding: 20px;
}
#add_phone_modal .modal-content .tools, #add_email_modal .modal-content .tools{
    display: flex;
    justify-content: center;
}
#add_phone_modal .modal-content .tools button,
#add_email_modal .modal-content .tools button,
#credit_change_card_modal .modal-content .tools button,
#credit_change_phone_modal .modal-content .tools button,
#answer_to_secret_question .modal-content .tools button {
    margin: 0 10px!important;
    width: 150px;
}
#error_div_phone, #error_div_email{
    color: #ff0000;
}

#wrapper_profile #contacts #send_close_document {
    max-width: 240px;
}

#wrapper_profile #contacts #send_close_document_alert {
    margin-top: 10px;
}
#add_phone_modal .modal-dialog, #add_email_modal .modal-dialog{
    -webkit-transform: translate(0, 30vh)!important;
    -ms-transform: translate(0, 30vh)!important;
    -ms-transform: translate(0, 30vh)!important;
    transform: translate(0, 30vh)!important;
    width: 500px!important;
}
#add_phone_modal .modal-content .title {
    margin-bottom: 10px;
    text-align: center;
    color: var(--color-blue);
}

#add_phone_modal .modal-content,
#add_email_modal .modal-content,
#credit_change_phone_modal .modal-content,
#answer_to_secret_question .modal-content {
    padding: 20px;
}
#add_phone_modal .modal-content .tools,
#add_email_modal .modal-content .tools,
#credit_change_card_modal .modal-content .tools,
#credit_change_phone_modal .modal-content .tools,
#answer_to_secret_question .modal-content .tools {
    display: flex;
    justify-content: center;
}
#add_phone_modal .modal-content .tools button, #add_email_modal .modal-content .tools button{
    margin: 0 10px!important;
    width: 150px;
}
#error_div_phone, #error_div_email{
    color: #ff0000;
}

.line-through-text {
    text-decoration: line-through;
}

.modal .modal-header .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #333;
    cursor: pointer;
    font-size: 36px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    opacity: 0.65;
}

.modal .modal-header .btn-close:hover {
    opacity: 1;
}

#other_offers_modal .modal-header {
    text-align: center;
}

#other_offers_modal .btn-get-loan {
    margin: 0 auto;
}

.inputfile-box {
    position: relative;
}

.inputfile {
    display: none;
}

.file-box {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    height: calc(2rem + 7px);
    padding: 8px 12px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-left: 146px;
}

.file-button {
    position: absolute;
    border: 1px solid;
    top: 0px;
    left: 0px;
}

.dog-form-block {
    flex-wrap: wrap;
    display: flex;
    margin-left: -3px;
    margin-right: -3px;
}

.dog-get-code-block,
.dog-code-response-block,
.dog-copy-code-block,
.dog-input-code-block {
    margin-top: 5px;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 3px;
    padding-right: 3px;
}

.dog-get-code-block button,
.dog-copy-code-block button,
.dog-code-response-block input,
.dog-input-code-block input {
    width: 100%;
}

.text-center {
    text-align: center;
}

.title_busyness {
    font-size: 16px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 34px;
}

h1.title {
    color: var(--color-blue);
    font-weight: 700;
}

.title-form {
    font-weight: 700;
}

#personal_data .tools button, #wrapper_auth .center-btn {
    margin: 5px auto 5px;
}

.privat_qr {
    height: 200px;
    margin-top: 10px;
}