.chat-container{width: 100%; height: 700px;border: 1px solid transparent;}
.chat-container table { width: 100%;}
.chat-container table td { padding: 0;}
.chat-container table td.buttons { padding-top:5px;padding-left:20px;width: 180px;text-align: right;}

.chat-top-panel { border:1px solid #D7DEE1; padding: 16px;}
.chat-bot-panel { background-color: #F5F7F9;padding: 16px;padding-top: 6px; margin-top:16px}

/*.blink { background-color: #FAA; }*/
/*.chat-dialog {padding: 0em !important;}*/
.chat-messages { height: 500px;max-height: 500px; overflow-x: hidden;overflow-y: auto;}
.chat-charcount {width: 780px; text-align: right;font-weight: bold;font-size: 0.6em;padding: 0.3em !important;display:none;}
.chat-text { border:1px solid #A3ACB4 !important;width: 100%;margin: 0px;resize: none; display: block; overflow-y: auto;}

/*.chat-dialog div {border: 1px dashed black; padding: 1px;}*/
.chat-sessions{ display: table-cell; vertical-align: top; min-width: 150px; width: 150px; height: 400px;margin: 2px;overflow-x: hidden;overflow-y: auto; border: 1px solid transparent;}
.chat-sessions>div {width: 17px;height: 17px;display: inline-block;margin: 2px;background-image: url(GrayHelp.png);background-repeat: no-repeat;border: 1px solid transparent;cursor: pointer;}
/*.chat-sessions>div.blink { background-color: #FAA; }*/
.chat-sessions>div.current { background-image: url(BlueHelp.png); }
.chat-sessions>div.closed { display: none;/*border: 1px solid red;*/ }
.chat-sessions>div:hover { border: 1px solid #64ACD8;}
.chat-operators { width:150px; height:20px;}

.request, .response, .writing { white-space: nowrap;}
.gray { background-color: #F5F7F9;}
.writing { background-color: #EAF4FA;color: #64ACD8;font-style: italic;}
.writing .chat-msg-text { padding-left: 24px;background-image: url(BluePencil.png);background-repeat: no-repeat;background-position: 0px 20px;}

.chat-msg-label { width: 120px;}

.chat-msg-time { font-size: 0.8em;}
.chat-msg-author {font-weight: bold;}

.operator .chat-msg-text {width:450px;}
.request>div.chat-msg-text {}

/*#eval-panel .glyphicon{ font-size: 20px;}*/
#eval-positive {
    background-image: url(images/thumb-up-64.png);
    display: inline-block;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    margin-top: 40px;
    margin-left: 150px;
}
#eval-negative {
    background-image: url(images/thumb-down-64.png);
    display: inline-block;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    margin-top: 40px;
    margin-left: 50px;
}
/*.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .ui-draggable .ui-resizable {
    top: 315px !important;
    left: 210px !important;
}*/
/*  переключатель периода */
table.chat-periods { margin-bottom: 14px;}
table.chat-periods td {color: #0C5093;font-weight: bold; height: 26px;text-align: center;vertical-align: top; width:20%;}
table.chat-periods td[period] {cursor:pointer;}
table.chat-periods td>span { padding: 8px 7px 8px 7px;} 
table.chat-periods td[period]:hover,
table.chat-periods td.current {color: #fff; background-image: url(GlistItemCorner.png);background-repeat: no-repeat;background-position: center bottom;}
table.chat-periods td:hover>span,
table.chat-periods td.current>span { background-color: #61ABDA;}


@media (min-width: 0) 
{
    .chat-msg-label>span { display: block;margin-bottom: 4px; font-size:17px;}
    .chat-msg-text {white-space: normal;line-height: 30px; width:610px;}
    .request>div, .response>div, .writing>div { display: inline-block;padding: 16px;}
    .active-operators-info {font-size:13px;}
    .operator .chat-msg-text {width:450px;margin-left:3px;}
    }
    
    
    @media (min-width: 992px) 
{
    .chat-msg-label>span { font-size:inherit;}
    .chat-msg-text {white-space: normal;line-height: 20px; width:610px; word-break:break-word;}
    .request>div, .response>div, .writing>div { display: inline-block;padding: 16px;}
    .operator .chat-msg-text {width:370px;margin-left:1px;}
    }
    
        @media (min-width: 1200px) 
{
    .operator .chat-msg-text {width:435px;margin-left:10px;}
    }