.css_StyleBold{
    font-weight: bold !important;
}

.b_l_blue {
    border-left: solid 3px #d1e3ff !important;
}

.b_l_gray {
    border-left: solid 3px #E0E0E0 !important;
}
.reductionText {
    white-space: nowrap; /* Запрещаем перенос строк */
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis; /* Добавляем многоточие */
}

.style_cursor{
    cursor: pointer !important;
}
.style_cursor_def{
    cursor: default !important;
}

.my_alert{
    border-radius: 3px;
    padding: 16px;
    display: none;
}
.my_alert_error{
    border: solid 1px #ff6e4e;
    background-color: #ffe2e0;
}
.my_alert_warning{
    border: solid 1px #ffaf50;
    background-color: #FFF4D9;
}

.m-b-8-nlc:not(:last-child){
    margin-bottom: 8px;
}
.m-b-16-nlc:not(:last-child){
    margin-bottom: 16px;
}

.css_link:hover, .css_link:focus{
    color: #5199ff !important;
    text-decoration: none !important;
}
.css_link.active{
    color: #5199ff !important;
}
.css_link{
    color: #5199ff !important;
    text-decoration: none !important;
}
.css_links{
    background-color: unset;
    padding-left: 10px;
}

.css_unfocus_links:hover, .css_unfocus_links:focus{
    color: #ffffff !important;
    text-decoration: none !important;
}

.inlineElements {
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}
.inlineElements_sbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.css_vertical_center{
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.css_vertical_center2{
    display: flex;
    justify-content: center;
    align-items: center;
}
.css_vertical_center_left{
    display: flex !important;
    justify-content: left;
    align-items: normal;
    width: max-content;
}
.css_vertical_center_left2{
    display: flex;
    justify-content: left;
    align-items: center;
}
.css_vertical_center_right{
    display: flex;
    justify-content: right;
    align-items: end;
    width: max-content;
}
.css_vertical_center_right2{
    display: flex;
    justify-content: right;
    align-items: end;
}
.css_vertical_center_margin{
    margin-top: auto;
    margin-bottom: auto;
}

.my_empty_data, .my_first_load_data, .my_wait_task_data{
    border-radius: 3px;
    border: solid 1px #e0e0e0;
    height: 250px;
    position: relative;
    display: none;
}

.my_next_load_data{
    display: none;
    position: relative;
}

.my_table .my_empty_data::after{
    width: 15%;
    height: 6px;
    border-radius: 3px;
    background-color: #E0E0E0;
    content: ' ';
    position: absolute;
    top: 16px;
    left: 8px;
}

.first_load_data_loader{
    border-radius: 50%;
    background-color: #E0E0E0;
    width: 88px;
    height: 88px;
    position: absolute;
    top: calc(50% - 44px);
    z-index: 1;
    left: calc(50% - 44px);
}

.next_load_data{
    border-radius: 50%;
    width: 88px;
    height: 88px;
    position: absolute;
    top: calc(50% - 44px);
    z-index: 1;
    left: calc(50% - 44px);
}

.load_data_loader_icon{
    z-index: 1;
}



.css_styleColor1{
    color: #999999 !important;
}
.css_styleColor2{
    color: #222222 !important;
}
.css_styleColor3{
    color: #E0E0E0 !important;
}
.css_styleColor4{
    color: #5199ff !important;
}
.css_styleColor5{
    color: #ff6e4e !important;
}
.css_styleColor6{
    color: #4bb462 !important;
}
.css_styleColor7{
    color: #cccccc !important;
}
.css_styleColor8{
    color: #ffaf50 !important;
}
.css_styleColor9{
    color: #ffffff !important;
}
.css_styleColor10{
    color: #4bb462 !important;
}
.css_styleColor11{
    color: #d1e3ff !important;
}
.css_styleColor12{
    color: #f3ddff !important;
}
.css_styleColor13{
    color: #e47ccd !important;
}
.css_styleColor14{
    color: #fc6180 !important;
}
.css_styleColor15{
    color: #313358 !important;
}

.css_styleBColor1{
    background-color: #999999 !important;
}
.css_styleBColor2{
    background-color: #222222 !important;
}
.css_styleBColor3{
    background-color: #E0E0E0 !important;
}
.css_styleBColor4{
    background-color: #5199ff !important;
}
.css_styleBColor5{
    background-color: #ff6e4e !important;
}
.css_styleBColor6{
    background-color: #4bb462 !important;
}
.css_styleBColor7{
    background-color: #cccccc !important;
}
.css_styleBColor8{
    background-color: #ffaf50 !important;
}
.css_styleBColor9{
    background-color: #ffe2e0 !important;
}
.css_styleBColor10{
    background-color: #ceff9d !important;
}
.css_styleBColor11{
    background-color: #FFF4D9 !important;
}
.css_styleBColor12{
    background-color: #e3ffc7 !important;
}
.css_styleBColor13{
    background-color: #d1e3ff !important;
}
.css_styleBColor14{
    background-color: #ffffff !important;
}
.css_styleBColor15{
    background-color: #f8faff;
}
.css_styleBColor16{
    background-color: #f5f5f5 !important;
}
.css_styleBColor17{
    background-color: #f2f6ff !important;
}
.css_styleBColor18{
    background-color: #FDF5FD !important;
}
.css_styleBColor19{
    background-color: rgba(224, 224, 224, 0.5) !important;
}
.css_styleBColor20{
    background-color: #313358 !important;
}
.css_styleBColor21{
    background-color: #072135 !important;
}
.css_styleBColor22{
    background-color: #313358 !important;
}
.css_styleBColor23{
    background-color: #32BF7B !important;
}
.css_styleBColor24{
    background-color: #F1FFFF !important;
}
.css_styleBColor25{
    background-color: #F4FFE9 !important;
}
.css_styleBColor26{
    background-color: #EEE7FF !important;
}
.css_styleBColor27{
    background-color: #bfffe8 !important;
}

.css_styleBColor28{
    background-color: #DBE9C3 !important;
}

.css_styleBColor29{
    background-color: #C7E9E8 !important;
}
.css_styleBColor30{
    background-color: #F0E3C7 !important;
}

.css_styleColor18{
    background-color: #e47ccd !important;
}

.css_styleColor27{
    background-color: #D783C9 !important;
}
.css_styleColor28{
    background-color: #F9EDFF !important;
}

.my_flex{
    display: flex;
}

.my_flex.my_flex_column {
    flex-direction: column;
}

.my_flex.my_gap8{
    gap: 8px;
}

.my_flex.my_gap16{
    gap: 16px;
}

.my_flex .my_item_flex1{
    flex: 1 1 0%;
}

.my_flex .my_item_flexNone{
    flex: none;
}

.h20{
    height: 20px;
}
.h30{
    height: 30px;
}
.h36{
    height: 36px;
}
.h40{
    height: 40px;
}
.h24{
    height: 24px;
}
.h48{
    height: 48px;
}

.h42{
    height: 42px;
}
.w42{
    width: 42px;
}

.w40{
    width: 40px;
}
.w30{
    width: 30px;
}

.w50{
    width: 50px;
}

.h50{
    height: 50px;
}
.mw30p{
    min-width: 30px;
}
.mxw30p{
    max-width: 30px;
}

.mxw200p{
    max-width: 200px;
}
.mh30p{
    min-height: 30px;
}
.mxh30p{
    max-height: 30px;
}
.mxh36p{
    max-height: 36px;
}
.mw-30{
    max-width: 30%;
}

.mw-pt-50{
    max-width: 50%;
}
.mw-px-800{
    max-width: 800px;
}

.w-mx-ct{
    width: max-content;
}
.w-mn-ct{
    width: min-content;
}
.mn-w-mx-ct-imt{
    min-width: min-content !important;
}
.mn-w-mx-ct-imt{
    min-width: max-content !important;
}
.mx-w-mn-ct-imt{
    max-width: min-content !important;
}

.h-mx-ct{
    height: max-content;
}

.j_s_center{
    justify-self: center;
}

.height-100{
    height: 100%;
}
.width-100{
    width: 100%;
}

.width100{
    width: 100px;
}

.mx-width-100{
    max-width: 100%;
}

.space_nowrap {
    white-space: nowrap;
}

.p-16{
    padding: 16px;
}

.p-14{
    padding: 16px;
}
.p-8{
    padding: 8px;
}
.p-4{
    padding: 4px;
}
.p-24{
    padding: 24px;
}
.p-32{
    padding: 32px;
}
.m-16{
    margin: 16px;
}
.m-8{
    margin: 8px;
}
.m-4{
    margin: 4px;
}
.m-5{
    margin: 5px;
}
.m-32{
    margin: 32px;
}
.m-t--4{
    margin-top: -4px !important;
}

.separator-t-g {
    border-radius: 3px;
    border-top: solid 1px #E0E0E0;
}
.separator-t-b {
    border-radius: 3px;
    border-top: solid 1px #222222;
}
.separator-r-g {
    border-radius: 3px;
    border-right: solid 1px #E0E0E0;
}
.separator-r-b {
    border-radius: 3px;
    border-right: solid 1px #222222;
}
.separator-b-g {
    border-radius: 3px;
    border-bottom: solid 1px #E0E0E0;
}
.separator-b-g2 {
    border-radius: 3px;
    border-bottom: solid 1px #CCC;
}
.separator-b-b {
    border-radius: 3px;
    border-bottom: solid 1px #222222;
}
.separator-l-g {
    border-radius: 3px;
    border-left: solid 1px #E0E0E0;
}
.separator-l-b {
    border-radius: 3px;
    border-left: solid 1px #222222;
}
.separator-t-g2 {
    border-top: solid 1px #E0E0E0;
}
.separator-t-b2 {
    border-top: solid 1px #222222;
}
.separator-r-g2 {
    border-right: solid 1px #E0E0E0;
}
.separator-r-b2 {
    border-right: solid 1px #222222;
}
.separator-b-g2 {
    border-bottom: solid 1px #E0E0E0;
}
.separator-b-b2 {
    border-bottom: solid 1px #222222;
}
.separator-b-b3 {
    border-bottom: solid 1px #999999;
}
.separator-b-b4 {
    border-bottom: solid 1px #cccccc;
}
.separator-l-g2 {
    border-left: solid 1px #E0E0E0;
}
.separator-l-b2 {
    border-left: solid 1px #222222;
}
.separator-g {
    border-radius: 3px;
    border: solid 1px #E0E0E0;
}
.separator-g2 {
    border-radius: 3px;
    border: solid 1px #cccccc;
}
.separator-g3 {
    border-radius: 10px;
    border: solid 1px #E0E0E0;
}
.separator-b {
    border-radius: 3px;
    border: solid 1px #222222;
}
.separator-r {
    border-radius: 3px;
    border: solid 1px #ff6e4e;
}
.separator-w {
    border-radius: 3px;
    border: solid 1px #ffffff;
}
.separator-w2 {
    border-radius: 10px;
    border: solid 1px #ffffff;
}
.separator-w3 {
    border-radius: 10px;
    border: solid 2px #ffffff;
}

.separator_1 {
    height: 1px;
    border-radius: 10px;
    /*border: solid 1px #e0e0e0;*/
    background-color: #e0e0e0;
    align-self: center;
}

.separator_2 {
    height: 1px;
    border-radius: 10px;
    /*border: solid 1px #e0e0e0;*/
    background-color: #cccccc;
    align-self: center;
}

.no-separator-t {
    border-top: unset !important;
}
.no-separator-r {
    border-right: unset !important;
}
.no-separator-b {
    border-bottom: unset !important;
}
.no-separator-l {
    border-left: unset !important;
}
.no-separator {
    border: unset !important;
}

.no-separator2 {
    border: unset;
}

.br-3{
    border-radius: 3px !important;
}
.br-10{
    border-radius: 10px !important;
}
.br-50p{
    border-radius: 50% !important;
}
.br_b_unset{
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
}
.br_t_unset{
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
}
.br_unset{
    border-radius: unset !important;
}

.br_b_unset2{
    border: unset !important;
}

.box_1{
    border-radius: 10px;
    border: solid 1px #e0e0e0;
    background-color: #ffffff;
}
.box_2{
    border-radius: 3px;
    border: solid 1px #e0e0e0;
    background-color: #ffffff;
}
.box_3{
    border-radius: 3px;
    border: solid 1px #e0e0e0;
    background-color: #f8faff;
}
.box_4{
    border-radius: 10px;
    border: solid 1px #e0e0e0;
    background-color: #f8faff;
}
.box_5{
    border-radius: 3px;
    border: solid 1px #e0e0e0;
    background-color: #f2f6ff;
}
.box_6{
    border-radius: 10px;
    border: solid 1px #e0e0e0;
    background-color: #e3ffc7;
}
.box_7{
    border-radius: 10px;
    border: solid 1px #e0e0e0;
    background-color: #f2f6ff;
}
.box_8{
    border-radius: 10px;
    border: solid 1px #e0e0e0;
    background-color: #5199ff;
}
.box_9{
    border-radius: 50%;
    border: solid 1px #e0e0e0;
    background-color: #ffffff;
}
.box_10{
    border-radius: 10px;
    height: 3px;
    background-color: #FFF4D9;
}
.box_11{
    border-radius: 3px;
    border: solid 1px #e0e0e0;
    background-color: #d1e3ff;
}
.box_12{
    border-radius: 10px;
    border: solid 1px #ffaf50;
    background-color: #ffffff;
}
.box_13{
    border-radius: 10px;
    border: solid 1px #5199ff;
    background-color: #ffffff;
}
.box_14{
    border-radius: 3px;
    border: solid 1px #ffaf50;
    background-color: #FFF4D9;
}
.box_15{
    border-radius: 10px;
    height: 1px;
    background-color: #e0e0e0;
}
.box_16{
    border-radius: 3px;
    border: solid 1px #5199ff;
    background-color: #f2f6ff;
}
.box_17{
    border-radius: 10px;
    height: 1px;
    background-color: #999999;
}
.box_18{
    border-radius: 3px;
    border: solid 1px #ff6e4e;
    background-color: #ffe2e0;
}

.box_19{
    border-radius: 3px;
    background-color: #3D3D3D;
}

.box_20{
    border-radius: 3px;
    background-color: #ffffff;
}

.box_21{
    border-radius: 3px;
    border: solid 1px #e0e0e0;
    background-color: #FDF5FD;
}

.box_22{
    border-radius: 3px;
    border: solid 1px #ff6e4e;
    background-color: #ffffff;
}

.box_23{
    border-radius: 3px;
    border: solid 1px #4bb462;
    background-color: #ffffff;
}


.b_1{
    border: solid 1px #999999;
}

.b_2{
    border: solid 1px #ffffff;
}
.b_3{
    border: solid 1px #e0e0e0;
}

.fs-10{
    font-size: 10px !important;
}
.fs-12{
    font-size: 12px !important;
}
.fs-14{
    font-size: 14px !important;
}
.fs-16{
    font-size: 16px !important;
}
.fs-18{
    font-size: 18px !important;
}

.css_colorlessButtonMod{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    background-color: #E0E0E0;
}
.css_colorlessButtonMod2{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 10px;
    border: solid 1px rgba(255, 255, 255, 0.5);
    background-color: rgba(153,153,153, 0);
}
.css_colorlessButtonMod3{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 10px;
}

.css_redButtonMod{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    background-color: #ff6e4e;
    border-style: hidden;
}
.css_greenButtonMod{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    background-color: #3cd185;
    border-style: hidden;
}
.css_greenButtonMod2{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    background-color: #4bb462;
    border-style: hidden;
}
.css_grayButtonMod{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    background-color: #999999;
    border-style: hidden;
}
.css_gray2ButtonMod{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    border: solid 1px #e0e0e0;
}
.css_blueButtonMod{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    background-color: #5199ff;
    border-style: hidden;
}
.css_orangeButtonMod{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    background-color: #ffaf50;
    border-style: hidden;
}
.css_colorless2ButtonMod{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    border-style: hidden;
}
.css_grayButtonModH{
    width: 30px;
    height: 40px;
    text-align: center;
    border-radius: 3px;
    background-color: #e0e0e0;
    border: solid 1px #e0e0e0;
}
.css_grayButtonModH2{
    width: 30px;
    height: 40px;
    text-align: center;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #e0e0e0;
}
.css_grayButtonModH3{
    width: 30px;
    height: 40px;
    text-align: center;
    border-radius: 3px;
    background-color: #999999;
    border: solid 1px #999999;
}
.css_gray2ButtonModH{
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #e0e0e0;
}
.css_orangeButtonModH{
    width: 30px;
    height: 40px;
    text-align: center;
    border-radius: 3px;
    background-color: #ffaf50;
    border: solid 1px #ffaf50;
}
.css_colorless1ButtonModH{
    width: 30px;
    height: 40px;
    text-align: center;
    border-radius: 3px;
    background-color: #ffffff;
    opacity: 0.8;
    border: solid 1px #FFF4D9;
}
.css_colorless1ButtonModH2{
    width: 30px;
    height: 40px;
    text-align: center;
    border-radius: 3px;
    background-color: #fff4d9;
    opacity: 0.8;
    border: solid 1px #e0e0e0;
}

.css_colorless1ButtonModH3{
    width: 30px;
    height: 40px;
    text-align: center;
    border-radius: 3px;
    background-color: #fff4d9;
    opacity: 0.8;
    border: solid 1px #ffaf50;
}
.css_orangeButton{
    text-align: center;
    background-color: #ffaf50;
    color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #ffffff;
    border-radius: 3px;
    display: inline-block;
}
.css_orangeButton2{
    text-align: center;
    border-radius: 3px;
    background-color: #ffaf50;
    color: #ffffff;
    border-style: hidden;
    cursor: pointer;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #ffffff !important;
}
.css_orangeButton3{
    text-align: center;
    border-radius: 3px;
    background-color: #ffaf50;
    color: #ffffff;
    border-style: hidden;
    cursor: pointer;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    height: 40px;
    color: #ffffff !important;
}
.css_greyButton{
    text-align: center;
    border-radius: 3px;
    background-color: #999999;
    color: #ffffff;
    border-style: hidden;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #ffffff;
    display: inline-block;
}
.css_greyButton2{
    text-align: center;
    border-radius: 3px;
    background-color: #999999;
    color: #ffffff;
    border-style: hidden;
    cursor: pointer;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #ffffff;
}
.css_blueButton{
    text-align: center;
    border-radius: 3px;
    background-color: #5199ff;
    color: #ffffff;
    border-style: hidden;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #ffffff;
    display: inline-block;
}
.css_blueButton2{
    text-align: center;
    border-radius: 3px;
    background-color: #5199ff;
    color: #ffffff;
    border-style: hidden;
    cursor: pointer;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #ffffff !important;
}
.css_redButton{
    text-align: center;
    border-radius: 3px;
    background-color: #ff6e4e;
    border-style: hidden;
    padding: 5px 10px;
    cursor: pointer;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #ffffff;
    display: inline-block;
}
.css_redButton2{
    text-align: center;
    border-radius: 3px;
    background-color: #ff6e4e;
    border-style: hidden;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 40px;
    letter-spacing: normal;
    color: #ffffff;
    display: inline-block;
}
.css_redWithoutFillButton{
    text-align: center;
    border-radius: 3px;
    border: solid 1px #ff6e4e;
    background-color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #ff6e4e;
    display: inline-block;
}
.css_redWithoutFillButton2{
    text-align: center;
    border-radius: 3px;
    background-color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #ff6e4e;
    display: inline-block;
}
.css_redWithoutFillButton3{
    text-align: center;
    border-radius: 3px;
    background-color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #222222;
    display: inline-block;
}
.css_blueWithoutFillButton{
    text-align: center;
    border-radius: 3px;
    border: solid 1px #5199ff;
    background-color: #ffffff;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #5199ff;
    display: inline-block;
}
.css_orangeWithoutFillButton{
    text-align: center;
    border-radius: 3px;
    border: solid 1px #ffaf50;
    background-color: #ffffff;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #ffaf50;
    display: inline-block;
}
.css_orangeWithoutFillButton2{
    text-align: center;
    border-radius: 3px;
    background-image: linear-gradient(263deg, #ffd077, #ffaf50);
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #ffffff;
    display: inline-block;
}
.css_orangeWithoutFillButton3{
    text-align: center;
    border-radius: 3px;
    background-color: #ffaf50;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #ffffff;
    display: inline-block;
}
.css_greenButton{
    text-align: center;
    border-radius: 3px;
    background-color: #4bb462;
    color: #ffffff;
    border-style: hidden;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #ffffff;
    display: inline-block;
}
.css_greenButton2{
    text-align: center;
    border-radius: 3px;
    background-color: #4bb462;
    color: #ffffff;
    border-style: hidden;
    cursor: pointer;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #ffffff !important;
    height: 30px;
}
.css_colorlessButton{
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    border-style: hidden;
    cursor: pointer;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #ffffff !important;
    height: 30px;
}
.css_colorlessButton2{
    text-align: center;
    border-radius: 3px;
    border: solid 1px #e0e0e0;
    cursor: pointer;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #222222 !important;
    height: 30px;
}
.css_WhiteWithBlueButton{
    text-align: center;
    border-radius: 10px;
    background-color: #ffffff;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #5199ff;
    display: inline-block;
}
.css_WhiteWithGreenButton{
    text-align: center;
    border-radius: 3px;
    background-color: #ffffff;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #4bb462;
    display: inline-block;
}
.css_WhiteWithGreenButton2{
    text-align: center;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #4bb462;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 40px;
    letter-spacing: normal;
    color: #4bb462;
    display: inline-block;
}
.css_WhiteWithPinkButton{
    text-align: center;
    border-radius: 10px;
    background-color: #ffffff;
    cursor: pointer;
    margin-left: auto;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    height: 30px;
    letter-spacing: normal;
    color: #e47ccd;
    display: inline-block;
}

.material-switch > input[type="checkbox"] {
    display: none;
}
.material-switch > label {
    cursor: pointer;
    height: 0;
    position: relative;
    width: 40px;
    top: 10px;
}
.material-switch > label::before {
    background: #ff6e4e;
    border-radius: 30px;
    content: '';
    height: 30px;
    margin-top: -25px;
    position: absolute;
    transition: all 0.4s ease-in-out;
    width: 50px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    content: '';
    height: 20px;
    left: 4px;
    margin-top: -18px;
    position: absolute;
    top: -2px;
    transition: all 0.3s ease-in-out;
    width: 20px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: #5199ff;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    left: 24px;
}

.material-switch2 > input[type="checkbox"] {
    display: none;
}
.material-switch2 > label {
    cursor: pointer;
    height: 0;
    position: relative;
    width: 40px;
    top: 10px;
}
.material-switch2 > label::before {
    background: #999999;
    border-radius: 30px;
    content: '';
    height: 30px;
    margin-top: -25px;
    position: absolute;
    transition: all 0.4s ease-in-out;
    width: 50px;
}
.material-switch2 > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    content: '';
    height: 20px;
    left: 6px;
    margin-top: -18px;
    position: absolute;
    top: -2px;
    transition: all 0.3s ease-in-out;
    width: 20px;
}
.material-switch2 > input[type="checkbox"]:checked + label::before {
    background: #5199ff;
}
.material-switch2 > input[type="checkbox"]:checked + label::after {
    left: 24px;
}

.switch-toggle {
    display: flex;
}
.switch-toggle input {
    display: none;
}
.switch-toggle input + label {
    color: #fff;
    cursor: pointer;
    height: 24px;
    width: 24px;
    position: relative;
}
.switch-toggle::before{
    border-radius: 30px;
    content: '';
    height: 30px;
    position: absolute;
    transition: all 0.3s ease-in-out;
    width: 80px;
    margin-top: -3.5px;
    margin-left: -3.5px;
}
.switch-toggle[type="0"]::before{
    background: #ff6e4e;
}
.switch-toggle[type="2"]::before{
    background: #5199ff;
}
.switch-toggle[type="1"]::before{
    background: #4bb462;
}
.switch-toggle > label::after {
    transition: all 0s ease-in-out;
}
.switch-toggle > input[type="radio"]:checked + label::after {
    background: #fff;
    border-radius: 16px;
    content: '';
    height: 20px;
    left: 4px;
    position: absolute;
    top: 2px;
    width: 20px;
}

.switch-toggle.incomplete > input[type="radio"]:checked + label::after {
    border-radius: 2px !important;
    height: 16px !important;
    left: 6.2px !important;
    top: 3.4px !important;
    width: 16px !important;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0s ease-in-out !important;
}


input[type="radio"],
input[type="checkbox"]{
    position: absolute;
    display: contents !important;
}

.label-text{
    height: 30px;
    width: 30px;
    content: " ";
    display: flex;
    margin-right: 16px;
    position: relative;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

input[type="checkbox"]:not(.small) + .label-text:not(.over40),
input[type="radio"]:not(.small)    + .label-text:not(.over40)
{
   min-width: 30px;
}

input[type="checkbox"] + .label-text.over40,
input[type="radio"]    + .label-text.over40{

    width: 40px !important;
    height: 40px !important;
}

input[type="checkbox"].small + .label-text,
input[type="radio"].small    + .label-text{
    height: 16px !important;
    width: 16px !important;
}

input[type="checkbox"] + .label-text.no_r_m,
input[type="radio"]    + .label-text.no_r_m{
    margin-right: 0px;
}

input[type="checkbox"].r50 + .label-text{
    border-radius: 50%;
}
input[type="checkbox"].r10 + .label-text{
    border-radius: 10px;
}
input[type="radio"] + .label-text{
    border-radius: 50%;
}

input[type="checkbox"].blue_checked + .label-text,
input[type="radio"].blue_checked    + .label-text{
    border: solid 3px #5199ff;
}

input[type="checkbox"].blue_checked.small + .label-text,
input[type="radio"].blue_checked.small    + .label-text{
    border: solid 2px #5199ff;
}

input[type="checkbox"].gray_checked + .label-text,
input[type="radio"].gray_checked    + .label-text{
    border: solid 3px #999999;
}

input[type="checkbox"].blue_checked:checked + .label-text,
input[type="radio"].blue_checked:checked    + .label-text{
    background-color: #5199ff;
}

input[type="checkbox"].gray_checked:checked + .label-text,
input[type="radio"].gray_checked:checked    + .label-text{
    background-color: #999999;
}


input[type="checkbox"] + .label-text.incomplete{
    background-color: #5199ff;
    border: solid 3px #5199ff;
}
input[type="checkbox"] + .label-text.incomplete::after{
    height: 12px !important;
    width: 12px !important;
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(45deg);
    background: #fff;
    content: ' ';
    position: absolute;
}
input[type="checkbox"]:disabled + .label-text,
input[type="radio"]:disabled    + .label-text{
    color: #aaa !important;
    /*background-color: #aaa !important;*/
}

input[type="checkbox"]:disabled + .label-text + .switch_text,
input[type="radio"]:disabled + .label-text   + .switch_text{
    color: #E0E0E0 !important;
    /*background-color: #aaa !important;*/
}
input[type="checkbox"]:disabled + .label-text,
input[type="radio"]:disabled    + .label-text{
    content: " ";
    /*color: #ccc !important;*/
    background-color: #E0E0E0 !important;
    border: solid 3px #E0E0E0 !important;
}

input[type="checkbox"]:checked + .label-text:before,
input[type="radio"]:checked    + .label-text:before{
    content: url("../icons/check-on.svg");
    width: 30px;
}
input[type="checkbox"]:checked.small + .label-text:before,
input[type="radio"]:checked.small    + .label-text:before{
    content:  url("../icons/check-on_small.svg") !important;
    position: absolute !important;
    top: -8.5px !important;
    width: 16px !important;
}

.informationModal{
    width: max-content;
    height: max-content;
    min-width: 130px;
    max-width: 300px;
    position: absolute;
    top: 55px;
    box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.15);
    border: solid 1px #E0E0E0;
    border-radius: 3px;
    background-color: #ffffff;
    z-index: 106;
    display: none;
}