:root {
    --color1: #4bb462;
    --color2: #064213;
    --color3: #eee;
    --color4: #fff;
}

.my_header {
    background: rgba(25, 135, 84, 1);
}
.itd_shap_btn {
    color: var(--color4);
    border-color: var(--color4);
    --bs-btn-hover-bg: var(--color1);
    --bs-btn-hover-border-color: var(--color1);
    --bs-btn-active-bg: var(--color1);
    --bs-btn-active-border-color: var(--color1);
}

.profile_card {
    background: var(--color4);
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important;
}

.gradient-custom-3 {
    background: var(--color1);
    background: -moz-linear-gradient(left, var(--color1) 0%, var(--color2) 100%);
    background: -webkit-linear-gradient(left, var(--color1) 0%, var(--color2) 100%);
    background: linear-gradient(to right, var(--color1) 0%, var(--color2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--color1), endColorstr=var(--color2), GradientType=1);
    border-top-left-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important;
}


.login_main_page, .profile_main_page {
    background: var(--color3);
}

.login_card {
    background: var(--color4);
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important;
}

.gradient-custom-2 {
    background: var(--color1);
    background: -moz-linear-gradient(left, var(--color1) 0%, var(--color2) 100%);
    background: -webkit-linear-gradient(left, var(--color1) 0%, var(--color2) 100%);
    background: linear-gradient(to right, var(--color1) 0%, var(--color2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=var(--color1), endColorstr=var(--color2), GradientType=1);
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important;
}


.itd_enter_btn {
    background: var(--color1);
    --bs-btn-border-color: var(--color1);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-color: var(--color1);
    --bs-btn-hover-border-color: var(--color1);
    --bs-btn-active-bg: #fff;
    --bs-btn-active-color: var(--color1);
    --bs-btn-active-border-color: var(--color1);
}

.itd_reg_btn {
    color: var(--color1);
    border-color: var(--color1);
    --bs-btn-hover-bg: var(--color1);
    --bs-btn-hover-border-color: var(--color1);
    --bs-btn-active-bg: var(--color1);
    --bs-btn-active-border-color: var(--color1);
}

.text-center {
    font-family:'Unbounded';
}

.plain_text {
    font-family:'Unbounded';
    font-size: 1.2rem;
}
.zg_text {
    font-family:'Unbounded';
    font-size: 1.5rem;
    font-weight: bold;
}

.com_text {
    font-family:'Unbounded';
    font-size: 1.5rem;
}

.ref_text {
    font-family:'Unbounded';
    color: var(--color4);
    font-size: 1.0rem;

}

.pod_text {
    font-family:'Unbounded';
    color: var(--color4);
    font-size: 2.0rem;

}

.change-color-link{
    font-family:'Unbounded';
    color: var(--color4);
    font-size: 1.05rem;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; /* Время изменения цвета */
}
.change-color-link:hover{
    color: #000; /* Меняем цвет ссылки */
}


.registration_main_page {
    background: var(--color1);
    background: -moz-linear-gradient(left, var(--color1) 0%, var(--color2) 100%);
    background: -webkit-linear-gradient(left, var(--color1) 0%, var(--color2) 100%);
    background: linear-gradient(to right, var(--color1) 0%, var(--color2) 100%);
}

.registration_card {
    background: var(--color4);
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important;
}

.my_date  {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.patient_body {
    background: var(--color3);
}

.draw_buttons {
    border: 1px solid #ccc;
}