
.textareas {
    width: 100%;
    min-height: 80px;
    height: 80px;
    resize: vertical;
}

div#yit_live_chat_options_custom-css-container .CodeMirror {
    border: 1px solid #ddd;
}

.ylc-checkbox-list label {
    display: block;
    margin: 0 0 10px 0;
}

/* FRONTEND DASHBOARD*/
#yith-wcfm-navigation-menu > li.yith-wcfm-navigation-link--live-chat > a:before {
    content: "\f125";
}

#yith_wcfm-main-content .yith-wcfm-content > div form#custom-table {
    background: none;
    padding: 0;
    border: 0 none;
    border-radius: 0;
}

#yith_wcfm-main-content .yith-wcfm-content .button {
    margin: 0 !important;
}

#yith_wcfm-main-content .yith-wcfm-content > div form#custom-table tfoot,
#yith_wcfm-main-content #yith-wcfm-ylc-macro tfoot {
    display: none;
}

#yith_wcfm-main-content .yith-wcfm-content .chat_info {
    padding: 0 0 15px 0;
}

#yith_wcfm-main-content .ylc-log-table .bulkactions,
#yith_wcfm-main-content .ylc-offline-table .bulkactions{
    display: none;
}

    /* PREMIUM*/
.widefat .column-mail_date {
    width: 100px;
}

.widefat .column-vendor {
    width: 15%;
    text-align: center;
}

.widefat .column-user_name,
.widefat .column-user_email {
    width: 25%;
}

.widefat .column-total_msgs,
.widefat .column-duration,
.widefat .column-evaluation,
.widefat .column-receive_copy {
    text-align: center;
    width: 140px;
}

.widefat .column-mail_read {
    text-align: center;
    width: 80px;
}

/* OFFLINE MESSAGES */
.message_box {
    position: relative;
    padding: 20px 300px 0 0;
}

.message_box .mail_head {
    font-size: 18px;
    padding: 0 0 20px 0;
}

.message_box .mail_head a {
    text-decoration: none;
}

.message_box .mail_body {
    font-size: 14px;
    padding: 10px;
    min-height: 300px;
    border: 1px solid #dedede;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
}

.message_box .user_info {
    width: 280px;
    position: absolute;
    right: 0;
    top: 20px;
    min-width: 255px;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    background: #ffffff;
}

.message_box .user_info > h3 {
    font-size: 14px;
    padding: 8px 12px;
    margin: 0;
    line-height: 1.4;
    border-bottom: 1px solid #eee;
}

.message_box .user_info > .info {
    padding: 10px 10px 5px 10px
}

.message_box .user_info > .info span {
    display: block;
    padding: 0 0 5px 0
}

.message_box .user_info > .btn {
    padding: 0 10px 10px 10px;
    text-align: center;
}

@media only screen and (max-width: 850px) {

    .message_box {
        padding-right: 0;
    }

    .message_box .user_info {
        position: relative;
        width: 100%;
        top: 0;
        margin: 20px 0 0 0;
    }

}

.message_box .mail_reply {
    position: relative;
}

.message_box .mail_reply .actions {
    position: absolute;
    right: 0;
    z-index: 9999
}

.message_box .mail_reply .button .ylc-icons {
    font-size: 14px;
}

/* CHAT LOGS */
.chat_info span {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 0;
}

.chat_log .chat_row .date {
    color: #666666;
}

.chat_log .chat_row .message {
    background: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 10px;
}

.chat_log .chat_row .message.operator {
    background: #e5f6fd;
}

/** USER'S PROFILE **/
.ylc-op-avatar .avatar .preview {
    display: block;
    width: 60px;
    height: 60px;
    float: left;
    margin: 0 10px 5px 0;
}

.ylc-op-avatar .avatar .preview img {
    display: block;
    width: 100%;
}

@media screen and (min-width: 783px) {

    .ylc-op-avatar .avatar {
        width: 350px;
    }

    .ylc-op-avatar .upload {
        margin: 2px 0;
    }

    .ylc-op-avatar .upload input[type="text"] {
        width: 210px;
        margin: 2px 1px;
    }

    .ylc-op-avatar .upload input[type="button"] {
        float: right;
        margin: 0 1px;
    }

    .ylc-op-avatar select {
        width: 278px;
    }

}