* {
    margin: 0;
    padding: 0;
    font-family: 'Yandex Sans Display';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-decoration: none;
    outline: none !important;
    box-sizing: border-box;
    min-height: 0;
    min-width: 0;
    -webkit-touch-callout:none;
    -webkit-text-size-adjust:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

body {
/*    font-size:.875rem;
    font-weight:400;*/
    margin:0;
    padding:0;
    display: flex;
    flex-direction: column;
    height: 100%;
    vertical-align: bottom;
    background-color: #fbfcfd;
    /*    background-color: #f8f8f9;*/
    font-size: 14px;
    overflow-x: hidden;
}

body.lock {
    overflow: hidden;
}

body.BodyHidden {
    overflow: hidden;
}

img {
    height: auto;
    width: 100%;
    vertical-align: bottom;
}

.Btns {
    user-select: none;
    cursor: pointer;
}

.wrapBody {
    flex: 1 0 auto;
}

.NoneInput input {
    display: none;
}

/*ОБЩИЕ*/
.w {
    width: 1310px;
    padding: 0 30px;
    max-width: 100%;
    margin: auto;
}

button {
    background: transparent;
}


.d_none {
    display: none !important;
}


.none_btn {
    background: rgba(255, 255, 255, 0);
    border: 0;
}

.oa {
    overflow: auto;
}

.oo {
    overflow: overlay;
}

.fs20 {
    font-size: 20px;
}

.flex {
    display: flex;
}

.flexAc {
    display: flex;
    align-items: center;
}

.flexI {
    display: flex !important;
}

.flex_impo {
    display: flex !important;
}

.flex1 {
    flex: 1;
}

.flex2 {
    flex: 2;
}

.flex3 {
    flex: 3;
}

.flex4 {
    flex: 4;
}

.flex5 {
    flex: 5;
}

.flex_colum {
    display: flex;
    flex-direction: column;
}

.flex_wrap {
    display: flex;
    flex-wrap: wrap;
}
.gap5 {
    gap: 5px;
}
.gap10 {
    gap: 10px;
}
.gap15 {
    gap: 15px;
}
.gap20 {
    gap: 20px;
}
.gap25 {
    gap: 25px;
}
.gap30 {
    gap: 30px;
}

.prel {
    position: relative;
}

.wi100 {
    width: 100%;
}

.wiMax {
    width: max-content;
}

.al_sc {
    align-self: center;
}

.al_ic {
    align-items: center;
}
.al_ie {
    align-items: end;
}

.flex_jc_sb {
    justify-content: space-between;
}

.flex_jc_sa {
    justify-content: space-around;
}

.flex_jc_se {
    justify-content: space-evenly;
}
.flex_jc {
    justify-content: center !important;
}


.mid {
    flex-direction: column;
    display: flex;
    justify-content: center;
}

.mid2 {
    flex-direction: column;
    display: flex;
}

.mr010 {
    margin: 0 10px;
}

.m010 {
    margin: 0 10px;
}

.m030 {
    margin: 0 30px;
}

.m50 {
    margin: 5px 0;
}

.m100 {
    margin: 10px 0;
}

.mr100 {
    margin: 10px 0;
}

.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mr5 {
    margin-right: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}
.mt30 {
    margin-top: 30px;
}
.p0 {
    padding: 0;
}

.p5 {
    padding: 5px;
}

.p05 {
    padding: 0 5px;
}

.p50 {
    padding: 5px 0;
}

.pb5 {
    padding-bottom: 5px;
}

.p100 {
    padding: 10px 0;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.fs14 {
    font-size: 14px;
}

.Bor_right {
    border-radius: 0 .25rem .25rem 0;
}

.Bor_left {
    border-radius: .25rem 0 0 .25rem;
}

.grid_2fr {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid_1fr {
    display: grid;
    grid-template-columns: 1fr;
}

.BorTop {
    border-top: 1px solid #3333;
}

.BorBot {
    border-bottom: 1px solid #3333;
}

.BorRig {
    border-right: 1px solid #3333;
}

.BorLef {
    border-left: 1px solid #3333;
}

.inputNone input {
    display: none;
}

.tas {
    text-align: start;
}

.tac {
    text-align: center;
}

.title {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.title2 {
    font-size: 34px;
    font-weight: bold;
    text-transform: uppercase;
}

.BtnLiG {
    background-size: 100%;
    background: linear-gradient(45deg, #2196f3, #03a9f4);
    background-size: 100%;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .3);
    display: inline-block;
    vertical-align: middle;

    background-color: transparent;
    color: #fff;
    text-align: center;

    position: relative;
    z-index: 100;
}

.BtnLiG:before {

    background-image: linear-gradient(160deg, #2bc155, #22ae49);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: .3s;
}

.BtnLiG:hover:before {
    opacity: 1;
}
.savebtn_fixed {
    position: fixed;
    top: 0;
    background: #c3d7ec;
    width: 100%;
    z-index: 123;
}
.tabsContent > div {
    display: none;
}
.tabsContent > div.active {
    display: block;
}
.text_center {
    text-align: center;
}
.SVGMetro {
    font-size: 15px;
    color: #3333338c;
}
/*ОБЩИЕ*/
/*scroll*/
::-webkit-scrollbar {
    width: 13px; /* ширина для вертикального скролла */
    height: 10px; /* высота для горизонтального скролла */
    background-color: rgba(20, 56, 97, 0);
}

/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
    border-radius: 9em;
    background-color: rgba(47, 47, 47, 0.22);
    transition: background-color .2s linear, width .2s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
    width: 10px; /* ширина для вертикального скролла */
    height: 10px; /* высота для горизонтального скролла */
    background-color: rgba(0, 0, 0, 0.42);
}

/* Стрелки */
.portlet-placeholder {
    border: 1px dotted black;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 10px;
    height: 120px;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

/*scroll*/
.ModZUF_box {
    display: flex;
    margin: 5px -10px;
    justify-content: center;
}
.ModZUF_it0 {
    user-select: none;
    margin: 0 10px;
    border: 1px solid #3333;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    display: flex;
}

label.ModZUF_it0:active {
    color: #fff !important;
    background: #2e2e2e !important;
}
label.ModZUF_it0.ModZUF_it1 {
    font-size: 17px;
}
.ModZUF_box input[type=radio]:checked + label.ModZUF_it1 {
    color: #fff;
    background: #25ad2b;
    border: 1px solid #3330;
}
.ModZUF_box input[type=radio]:checked + label.ModZUF_it2 {
    color: #fff;
    background: #25d366;
    border: 1px solid #3330;
}
.ModZUF_box input[type=radio]:checked + label.ModZUF_it3 {
    border: 1px solid #3330;
    color: #fff;
    background: #25a6e7;
}
label.ModZUF_it0.ModZUF_it1:hover {
    color: #fff;
    background: #25ad2b;
    border: 1px solid #3330;
}
label.ModZUF_it0.ModZUF_it2:hover {
    color: #fff;
    background: #25d366;
    border: 1px solid #3330;
}
label.ModZUF_it0.ModZUF_it3:hover {
    border: 1px solid #3330;
    color: #fff;
    background: #25a6e7;
}
.slide-one .owl-dots {
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    margin: 0;
    bottom: 5%;
    font-size: 45px;
}

.slide-two .owl-nav button {
    padding: 0 !important;
}

.slide4.owl-theme .owl-nav [class*=owl-] {
    margin: 5px;
}

/*Catalog*/
.CatCardImg img {
    height: 250px;
    min-height: 250px;
    max-width: 400px;
    object-fit: cover;
    border-radius: 8px 0 0 8px;
}

.CatCardBox {
  /*  margin: 0 -10px;*/
}

.CatCardItem {
    display: flex;
    border-radius: 8px;
    border: 1px solid #e9e9e9;
    margin: 10px;
}

.CatCardInfo {
    display: flex;
    padding: 15px;
    flex: 1 1 auto;
}

.CatCardIcon1 {
    position: absolute;
    top: 10px;
    right: 10px;
}

.CatCardIcon1_1 {
    color: #f44336;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    box-shadow: 0 0 8px #333333a3;
}

/*Catalog*/
/*Filter*/

#tab-2 .FItem4 {
    grid-column: 3/5;
}

#tab-4 .FItem5 {
    grid-column: 1/3;
}

.Razd_2 .FItem5 {
    grid-column: 1/3;
}

.Razd_1 .FItem4 {
    grid-column: 3/5;
}

/*Filter*/
/*selection*/
.selWrap {
    margin: 30px 0;
}
.selTable {
    box-shadow: 0 0 5px #3333333b;
}
.selImg img:hover {
    filter: brightness(0.8);
}
.selImg img {
    transition: .2s;
    border-radius: 8px 8px 0 0;
    height: 245px;
    object-fit: cover;
    filter: brightness(0.6);
}

.selImgText1 {
    color: #fff;
    font-weight: 800;
    font-size: 45px;
    white-space: nowrap;
    text-shadow: 0 0 20px #00000073;
}

.selImgText2 {
    position: absolute;
    top: 15px;
    left: 40px;
    color: #fff;
    white-space: nowrap;
}

.selImgText2_2 {
    font-weight: 600;
    font-size: 20px;
}

.selImgTextBlock1 {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    padding: 0 40px;
    justify-content: space-between;
    align-items: flex-end;
}

.selImgText3 {
    display: flex;
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    text-shadow: 0 0 20px #00000073;
}



.selImgText4 {
    display: flex;
    margin: 0 0 4px 0;
}

.selImgText4_1 {
    color: #9c27b0;
    font-weight: 800;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    font-size: 16px;
    height: 25px;
    margin-right: 10px;
}

.selImgText4_2 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 0 0 20px #00000073;
}
.selImgText5_0 {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 15px;
    top: 25px;
}
.selImgText5 {
    background: linear-gradient(
        45deg , #0089ffcc, #2196f3db);
    color: #fff;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 8px;
    margin-bottom: 3px;
}
.selTableTr {

}
.selTableTr {
    display: flex;
    min-height: 70px;
    max-height: 70px;
}
.selTableTh {
    flex: 1 0 90px;
    padding: 10px 5px;
    color: #fff;
    font-weight: 600;
    background: #363636;
    border-right: 1px solid #ffffff4a;
}
.selTableTr:hover .selTableTd {
    border-bottom: 1px solid #2196f3;
    background: #f2f9ff;
    cursor: pointer;
}
.selTableTd {
    position: relative;
    flex: 1 0 90px;
    padding: 10px 5px;
    background: #ffffff;
    border-bottom: 1px solid #3333;
    border-right: 1px solid #3333331a;
    display: flex;
    align-items: center;
    justify-content: center;
}
.st_Td2_1 {
    background: #3333;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    font-size: 18px;
}
.st_Td1 .st_Td1_1{
    transition: all .2s;
    cursor: pointer;
    user-select: none;
    opacity: 0;
}
.st_Td1:hover .st_Td1_1{
    opacity: 1;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #33333359;
}
.st_Td1_2 {
    position: absolute;
    top: 0;
    font-size: 34px;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.st_Td1 img{
    transition: .3s;
    object-fit: contain;
    height: -webkit-fill-available;
}
.st_Td1 img:hover {
    transform: scale(0.8);
}
.selTableElse:hover {
    background: #cce9ff8c;
}
.selTableElse {
    margin: 0 0 40px 0;
    text-align: center;
    padding: 15px 0;
    border-radius: 0 0 8px 8px;
    background: #cce9ff;
    box-shadow: 0 8px 17px 0 #4f4f4f63;
    color: #2196f3;
    font-weight: 500;
}
/*selection*/

.sticky-element.fixed {
    position: fixed !important;
    top: 70px;
}
.sticky-element {
    position: relative !important;
}

/*Мультиселект с чекбоксами*/
.ms-select-results {
    max-height: 30px;
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 15px;
    color: rgb(33, 33, 33);
    font-weight: 500;
    font-size: 16px;
}
.listing .multiselect {
    min-width: 225px;
}
.multiselect {
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    height: 40px;
    line-height: 16px;
    font-size: 14px;
    border-color: #3333332e;
    background: #fff;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);
}
.filterLine1 .chosen-container-single .chosen-single:hover {
    border-color: #0099fe;
    background: #e6f5ff;
}
.selectBox:focus {
    border-color: #0099fe;
    background: #e6f5ff;
}
.selectBox:hover {
    border-color: #0099fe;
    background: #e6f5ff;
}
.selectBox {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px 0 8px;
    color: #878787;
    border: 1px solid #3333;
    border-radius: 4px;
    user-select: none;
}
.selectBox select {
    width: 100%;
    font-weight: bold;
}
.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.multi-checkboxes:hover {
    border: 1px #2196f3 solid;
}
.multi-checkboxes {
    max-height: 165px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    position: absolute;
    z-index: 100;
    background: #fff;
    border: 1px #dadada solid;
    border-radius: 0 0 8px 8px;
    width: max-content;
    min-width: 100%;
    margin: -2px 0 0 0;
    box-shadow: 0px 4px 18px 1px #0000002b;
}
.multiselect .multi-checkboxes label:first-of-type {
    border-radius: 0;
}

.multiselect .multi-checkboxes label{
    white-space: nowrap;
    display: grid;
    align-items: center;
    width: 100%;
    user-select: none;
    height: 36px;
    font-size: 14px;
    border: none;
    color: #333;
    background: #ffffff;
    cursor: pointer;
    padding: 0 10px;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);
}
.multi-checkboxes.active {
    display: block;
}
.multi-checkboxes label {
    display: block;
}
.multi-checkboxes label:active {
    background: #f8f8f8 !important;
}
.multi-checkboxes label:hover {
    background: #e6f5ff;
}
.multi-checkboxes.CheckBtnBox input[type=checkbox]:hover {
    border-color: #2196f3;
}
.multiselect .multi-checkboxes label:last-child {
    border-radius: 0 0 8px 8px;;
}

/*.CheckBtnBox {
    display: none;
}*/
.CheckBtnBox.active {
    display: inherit;
}
.selectBox.active {
    border-color: #0099fe;
    background: #e6f5ff;
}
.selectBox .animS {
    transition: transform .2s ease-out;
}
.selectBox.active .animS {
    transform: rotate(180deg);
    transition: transform .2s ease-out;
}
.ms-result-count {
    margin-left: 5px;
}
/*Мультиселект с чекбоксами*/

/*Метро*/
.modalMetBtns {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 50px;
    z-index: 100;
}
.modalMetBtn0 {
    margin: 10px;
    padding: 7px 20px;
    border-radius: 8px;
    cursor: pointer;
    user-select: none;
}
.modalMetBtn1:active {
    background: #ffffff !important;
    color: #2196f3 !important;
}
.modalMetBtn1:hover {
    background: #097fde;
    color: #fff;
}
.modalMetBtn1 {
    border: 1px solid #2196f3;
    background: #ffffff;
    color: #2196f3;
}
.modalMetBtn2:active {
    background: #2196f3 !important;
}
.modalMetBtn2:hover {
    background: #097fde;
}
.modalMetBtn2 {
    border: 1px solid #2196f3;
    background: #2196f3;
    color: #fff;
}

/*Метро*/
.header-fixed {
    position: fixed;
    top:0; left:0;
    width: 100%;
}

.pagin-hidden {
    display: none !important;
}
.contMarginDop {
    margin-top: 20px;
    border-radius: 8px;
}
/*Chat*/
@media {
    .chat__body_close svg:hover {
        opacity: .7;
    }
    .chat__popup :hover+.bottomCorner_8591:after {
        border-color: transparent transparent #f3f3f3 #f3f3f3!important;
    }

    .bottomCorner_8591:after {
        content: ""!important;
        position: absolute;
        width: 0;
        height: 0;
        left: 25px;
        bottom: -20px;
        box-sizing: border-box;
        border-color: transparent transparent #fff #fff;
        border-style: solid;
        border-width: 10px;
        transform-origin: 0 0;
        transform: rotate(
            -45deg
        );
        box-shadow: -3px 3px 5px 0 rgb(0 0 0 / 7%);
    }
    .chat__popup {
        right: 40px;
        bottom: 48px;
        position: fixed;
        display: none;
        flex-direction: column;
        border-radius: 8px 8px 0 0;
        width: 305px;
        z-index: 99999;
        background: #fff;
        cursor: pointer;
        box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%);
    }
    .chat__wrapper {
        margin: 0;
        position: fixed;
        right: 30px;
        bottom: 0;
        z-index: 1000;
        overflow: hidden;
    }
    .chat__title:hover {
        background: linear-gradient(
            45deg
            , #03a9f4a3, #2196f3b8);
    }
    .chat__title {
        width: 315px;
        height: 34px;
        background: linear-gradient(
            45deg
            , #03a9f4, #2196f3);
        padding: 5px;
        color: #fff;
        text-align: center;
        border-radius: 14px 14px 0 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .popup__active {
        display: flex;
    }
    .chat__row {
        display: flex;
        padding: 10px;
    }

    .chat__row:first-child:hover {
        border-radius: 8px 8px 0 0;
    }
    .chat__row:last-of-type:hover {
        border-radius: 0 0 8px 8px;
    }
    .chat__row:hover {
        background: #f3f3f3;
    }


    .chat__icon {
        font-size: 25px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
    }
    .chat__name {
        font-size: 18px;
        align-self: center;
    }

    .chat__body_active {
        display: block !important;
        transition: all .75s ease-out;
        transform: translatey(0%) !important;
    }
    .chat__body {
        background: #fff;
        transform: translatey(100%);
        transition: all .75s ease-out;
        right: 30px;
        bottom: 0px;
        position: fixed;
        border-radius: 8px 8px 0 0;
        width: 315px;
        height: 498px;
        z-index: 999999;
        box-shadow: 0 20px 40px 8px rgb(0 0 0 / 25%);
    }
    .chat__body_header {
        padding: 5px;
        display: flex;
        justify-content: space-around;
        background-color: #3c6585;
        background-size: auto;
        border-radius: 8px 8px 0 0;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.17' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");

    }
    .chat__body_close {
        cursor: pointer;
        user-select: none;
        margin-left: -50px;
    }
    .chat__body_close_icon {
        width: 25px !important;
        height: 25px;
        cursor: pointer;
    }
    .chat__body_name {
        position: relative;
        border-radius: 5px;
        background: #fff;
    }
    .chat__body_name img {
        width: 75px;
        height: 55px;
    }
    .chat__body_name div {
        background: radial-gradient(53.87% 5889.12% at 44.59% 58.82%, #07baff 0,#66a9fb 100%);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: 700;
    }
    .chat__greencircle {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #1fcf4d !important;
        position: absolute;
        left: 38px;
        bottom: 6px;
    }
    .chat__body_online {
        display: flex;
        flex-direction: column;
        color: #fff;
        align-self: center;
    }
    .chat__body_phone:active {
        background: #abffaf61 !important;
    }
    .chat__body_phone:hover {
        background: #34a139;
    }
    .chat__body_phone {
        cursor: pointer;
        user-select: none;
        align-self: center;
        background: #4caf50;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .chat__body_phone_icon {
        width: 20px !important;
        height: 20px;
        color: #fff;
    }
    .chat__body_content {
        background: #fff;
        height: 340px;
        border-bottom: 1px solid #0000002e;
    }
    .chat__body_footer {
        background: #fff;
        display: flex;
        flex-direction: column;
    }
    .chat__body_text {
        display: flex;
        justify-content: space-between;
        padding: 10px 10px 0;
    }

    .chat__body_send {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        height: 40px;
        width: 40px;
        background: #9e9e9e4f;;
    }
    .chat__body_send_icon {
        color: #fff;
    }
    .chat__text {
        padding: 13px 0 0 0;
        width: 245px;
    }
    .chat__body_file {
        padding: 0 10px 10px;
    }
    .chat__body_file_icon {
        color: #9e9e9e;
        width: 30px !important;
        height: 20px;
        transform: rotate(315deg);
    }
    .cb__message_hello_active {
        display: flex !important;
    }
    .cb__message_hello {
        display: none;
        flex-direction: column;
        width: 100%;
        padding: 10px;
    }
    .cb__message_name {
        margin-left: 58px;
        font-size: 10px;
    }
    .cb__message_body {
        display: flex;
        position: relative;
    }
    .cb__message_avatar {
        width: 46px;
        border-radius: 50%;
        overflow: hidden;
        align-self: center;
    }
    .cb__message_avatar img {
        height: 46px;
        width: 100%;
        vertical-align: bottom;
        object-fit: cover;
    }
    .cb__message_content {
        width: 240px;
        padding: 5px;
        margin: 5px 0 0 7px;
        display: flex;
        background: #9e9e9e1f;
        border-radius: 10px;
    }
    .cb__message_time {
        align-self: end;
        margin-left: 10px;
        font-size: 11px;
        width: 65px;
    }
    .cb__message_typing_noactive {
        display: none !important;
    }
    .cb__message_typing {
        background: #9e9e9e1f;
        border-radius: 10px;
        width: 120px;
        position: fixed;
        bottom: 110px;
        padding: 2px 10px;
        font-style: oblique;
    }
    .chat__body_message {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .cb__message_answer_active {
        display: flex !important;
    }
    .cb__message_answer {
        display: none;
        width: 100%;
        padding: 10px;
    }
    .cb__message_answer_avatar {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        overflow: hidden;
        align-self: center;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #07a7f4;
        margin-left: 7px;
    }
    .chat__body_send_active {
        background: #07a7f4 !important;
    }
    .chat__body_callme_active {
        display: flex !important;
    }
    .chat__body_callmeback {
        display: none;
        flex-direction: column;
    }
    .cb__callme_text {
        padding: 10px;
        text-align: center;
    }
    .cb__callme_input {
        padding: 10px;
        width: 80%;
        margin: 5px auto;
        font-size: 14px;
        border: 1px solid #000;
    }
    .cb__nonactive {
        display: none !important;
    }
    .chat__body_content_callme {
        height: 260px !important;
    }
    .chat__body_callme {
        height: 385px;
    }
    .cb__callme_send {
        width: 44%;
        background: #e1e1e1;
        border-radius: 10px;
        padding: 9px;
        margin: 10px;
        text-align: center;
    }
    .cb__callme_send_active {
        background: #2196f3 !important;
        color: #fff !important;
        cursor: pointer;
    }
    .cb__callme_send_active:hover {
        border: 1px solid #ffffff;
        background: #0000009c !important;
        color: #ffffff !important;
    }
    .cb__f_tochat {
        display: none;
        text-align: center;
        cursor: pointer;
        text-decoration: underline;
    }
    .cb__f_tochat_active {
        display: block !important;
    }

}
/*Chat*/