:root{
    --bg-gray: #f8f8f8;
    --bg-white: #ffffff;
    --bg-rose:#fbe5f9;
    --bg-light-rose:#fcf0fb;
    --bg-violet:#b094d9;
    --bg-blue:#7175c4;
    --bg-white-blue:#d6eeff;
    --bg-greenblue:#6fc0c4;
    
    --bg-yellow:#dec077;
    --bg-red:#ee657b;
    --bg-dark-rose:#b081b9;


    --text-color:#464646;
    --text-color-violet:#590684;
    --text-color-light-violet:#8348a1;
    --text-color-blue:#4f2e97;
    --text-color-rose:#d36ad5;
    --text-color-dark-blue:#595da5;


    --text-color-white-gray-violet:#bab2bf;
    --text-color-gray-violet:#827c86;
    --text-color-ps:#846806;
    --text-color-bb:#0d8523;
    --text-color-ss:#590684;
    --text-color-sb:#844106;
    --text-color-result:#0d8523;
    --text-color-no-result:#b94810;

    --border-gray:#dddcdc;
    --border-white-gray:#e8e8e8;
    --border-yellow:#c18f17;
    --border-rose-diag:#d49dde;

    --box-shadow:rgba(38, 38, 38, 0.04) 0px 1px 2px, rgba(38, 38, 38, 0.16) 0px 4px 8px;

    --min-height-all:10000px;
    

}
.bg_white{
    background-color: var(--bg-white) !important;
}
.bg_gray_violet{
    background-color: var(--text-color-white-gray-violet) !important;
}
.bg_gray{
    background-color: var(--bg-gray) !important;
}
.bg_violet{
    background-color: var(--bg-violet) !important;
}
.bg_blue{
    background-color: var(--bg-blue) !important;
}
.bg_greenblue{
    background-color: var(--bg-greenblue) !important;
}
.bg_yellow{
    background-color: var(--bg-yellow) !important;
}
.bg_rose{
    background-color: var(--border-rose-diag) !important;
}
.bg_red{
    background-color: var(--bg-red) !important;
}
.bg_brdgray{
    background-color: var(--border-gray) !important;
}
.bg_lightrose{
    background-color: var(--bg-light-rose) !important;
}
.text-white{
    color: var(--bg-white) !important;
}
.text-violet{
    color: var(--text-color-violet) !important;
}
.text-rose{
    color: var(--text-color-rose)!important;
}
.text-blue{
    color: var(--bg-blue) !important;
}
.text-yellow{
    color: var(--border-yellow) !important;
}
.text-red{
    color: var(--text-color-no-result) !important;
}
.text-gray-violet{
    color: var(--text-color-gray-violet) !important;
}
.text-white-gray-violet{
    color: var(--text-color-white-gray-violet) !important;
}
.text_ps,.text_m1,.text_d1,.text_tr{
    color: var(--text-color-ps) !important;
}
.text_br,.text_bb,.text_m2,.text_d2{
    color: var(--text-color-bb) !important;
}
.text_ss,.text_m3,.text_d3{
    color: var(--text-color-ss) !important;
}
.text_sb,.text_m4,.text_d4{
    color: var(--text-color-sb) !important;
}
.text_result{
    color: var(--text-color-result) !important;
}
.text_no_result{
    color: var(--text-color-no-result) !important;
}
.brd_bt_gray{
    border-bottom:1px solid var(--border-gray)!important;
}
.brd_gray{
    border:1px solid var(--border-gray)!important;
}
.brd_violet{
    border:1px solid var(--bg-violet)!important;
}
.brd_none{
    border:none!important;
}
.brd_rad8{
    border-radius: 8px!important;;
}

.btn_qw{
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    color:var(--bg-white);
    line-height: 1em;
}
.btn_qw.w_auto{
    width: auto!important;
}
.btn_link_qw{
    line-height: 1em;
    display: flex;
    align-items: center;
    border-radius: 8px;
    text-decoration: none;
}
.a_link:hover{
    text-decoration: none;
}
.btn_qw.btn_qw_small{
    border-radius: 3px;
}
.btn_poem_exam{
    width: 220px;
    height: 50px;
    font-size: 18px;
}
.btn_ox_add{
    width: 120px;
    height: 30px;
    font-size: 18px;
}
.inputText{
    border-radius: 4px;
    border: 2px solid var(--border-gray);
}
.inputText.inputText_100{
    padding: 0 10px;
    width: 100%;
}
.hover_rose:hover{
    background-color: var(--bg-light-rose);
}