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

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

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

.m-support-chat__input{
    background: #1a1a22;
    color: #c6c6c6;
    border: 15px solid #1a1a22;
}

.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: #ef9f59;
}

.m-support-trigger{
    color: white;
    background: #ef9f59;
    box-shadow: 0 0px 0 9px rgba(223, 206, 175, 0.2);
}

.m-support-trigger:hover{
    background: #ef9f59;
    box-shadow: 0 0px 0 9px rgba(239, 159, 89, 0.2);
}

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

.m-support-chat__message--client{
    background: #2b2b2b;
    color: white;
    border-bottom: 1px solid #ef9f59;
}

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

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


.m-support-chat__message--operator{
    background: #2b2b2b;
    color: white;
}


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

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

.m-support-chat__loader-icon{
    color: rgba(255,255,255,0.6);
}


.m-support-chat__issues{
    background:#212124;
}

.m-support-chat__issues-item{
    text-decoration: none !important;
    border: none;
    color: #0e0e14 !important;
    background: #fc9b49;
    border-radius: 10px;
    padding: 10px 15px;
}

.m-support-chat__issues-item:hover{
    text-decoration: none;
    background: #ffa558;
}

.m-support-chat__issues:empty:after{
    color: white;
}

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