:root {
    --form-bg: linear-gradient(3600deg, #ffffff 0%, #161515 100%);
    --roud-index-bg:rgba(255, 255, 255, 0.8);
    --roud-index-radius: 40px;
    --roud-index-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
    --city-row-bg: #F8F8F8;
    --city-row-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);
    --city-row-radius:21px;
    --city-search-bg: #F8F8F8;
    --city-search-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);
    --city-search-radius:21px;
    --tabs-line-active:2px solid #2f2f2f;
    --button-svg-color: black;
    --button-bg: #FFE600;
    --button-shadow:0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
    --button-radius:50px;
    --button-color:black;
    --service-price-color:#2f2f2f;
    --staf-list-active-color:#2f2f2f;
    --button-auth:white;
    --button-auth-path:black;
    --rec-fl-desc:white;
    --pls-serv:#2f2f2f;
    --minus-serv:#2f2f2f;
    --services-active-border:#2f2f2f;
    --loader-color:#f26210;
    --datepicker-selected-bg:#FFE600;
    --datepicker-selected-color:black;
    --datepicker-cells-color:#f26210;
    --calendar-form-bg:#FFE600;
    --calendar-form-color:black;
    --profile_account-exit-color:#2f2f2f;
    --profile_account-svg-color:#2f2f2f;
    --marker-color: #2f2f2f;
    --copir:#AAAAAA;
}
.fils-city-but path{
   fill:var(--button-svg-color);
}
.service-v-price{
    color: var(--service-price-color);
}

.fils-tabs-name.active{
    border-bottom: var(--tabs-line-active);
}

.fils-city-but {
    background:var(--button-bg);
    box-shadow:var(--button-shadow);
    border-radius:var(--button-radius);
    
}
.serv-row{
    background: var(--city-row-bg);
    box-shadow: var(--city-row-shadow);
    border-radius: var(--city-row-radius);
}
.fils-city-but span{
    color: var(--button-color);
}

.poster {
    background: var(--form-bg);
}

.service-v{
    background: var(--city-row-bg);
    box-shadow: var(--city-row-shadow);
    border-radius: var(--city-row-radius);
}

.roud-index {
    background: var(--roud-index-bg);
    box-shadow: var(--roud-index-shadow);
    backdrop-filter: blur(2px);
    border-radius: var(--roud-index-radius);
}

.show-text-help{
    background: var(--city-row-bg);
    box-shadow: var(--city-row-shadow);
    border-radius: var(--city-row-radius);
}

.box-fils{
    background: var(--city-row-bg);
    box-shadow: var(--city-row-shadow);
    border-radius: var(--city-row-radius);
}

.city-search{
    background: var(--city-search-bg);
    box-shadow: var(--city-search-shadow);
    border-radius: var(--city-search-radius);
}

.fil-search{
    background: var(--city-search-bg);
    box-shadow: var(--city-search-shadow);
    border-radius: var(--city-search-radius);
}

.city-row{
    background: var(--city-row-bg);
    box-shadow: var(--city-row-shadow);
    border-radius: var(--city-row-radius);
}

.cat > div.active{
    background:var(--button-bg);
    box-shadow:var(--button-shadow);
    color: var(--button-color);
}

.user_auth svg rect{
    fill: var(--button-auth);
}

.user_auth svg  path{
    fill: var(--button-auth-path);
}

.rec-fl-desc svg path{
    fill: var(--rec-fl-desc);
}

.panel-staf-desc svg path{
    fill: var(--rec-fl-desc);
}

.panel-staf-desc svg path{
    fill: var(--rec-fl-desc);
}

.pls-serv path{
    fill: var(--pls-serv);
}

.minus-serv rect{
    fill: var(--minus-serv);
}

#services .active{
    border-color: var(--services-active-border);
}

.air-datepicker{
    background: transparent !important
}