.m-support-chat{
    background: white;
    box-shadow: 0 0 6px rgba(0,0,0,0.1);
    border-radius: 0;
}

.m-support-chat__header{
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    background: #3b3b3b;
}

.m-support-chat__title{
    font-size: 17px;
    color: white;
}

.m-support-chat__input{
    background: #f2f2f2;
    color: #2d2d2d;
    border: 15px solid #f2f2f2;
}

.m-support-chat__button{
    color: #cacaca;
}

.m-support-chat__button:hover{
    color: #8c8c8c;
}

.m-support-chat__close-icon{
    color: white;
}

.m-support-chat__close:hover .m-support-chat__close-icon{
    color: black;
}

.m-support-trigger{
    color: white;
    background: #3b3b3b;
    box-shadow: 0 0px 0 9px rgba(63, 68, 63, 0.1);
}

.m-support-trigger:hover{
    background: #3b3b3b;
    box-shadow: 0 0px 0 9px rgba(57, 79, 57, 0.2);
}

.m-support-trigger__icon{
    color: white;
}

.m-support-chat__message--client{
    background: #3b3b3b;
    color: white;
}

.m-support-chat__message--client:after{
    border-color: transparent transparent transparent #3b3b3b;
}

.m-support-chat__message{
    line-height: 1.3;
}


.m-support-chat__message--operator{
    background: #e3e3e3;
    color: black;
}


.m-support-chat__message--operator:after{
    border-color: transparent transparent #e3e3e3 transparent;
}

.m-support-chat__loader{
    background: white;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

.m-support-chat__loader-icon{
    color: #3b3b3b;
}

.m-support-chat__issues-item{
    border-radius: 3px;
}

.m-support-trigger__unread{
    background: tomato;
    color: white;
    line-height: 21px;
}
