input, textarea
{
    outline: none;
}

table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* Installation wizard */

.install-wizard p a:link,
.install-wizard p a:visited,
.install-wizard p a:hover,
.install-wizard p a:active
{
    color: #36A9E1;
}

.verify-form__loading
{
    position: absolute;
    right: 2px;
    top: 2px;
    display: none;
}

.verify-form__code-wrapper
{
    position: relative;
}

.install-wizard
{
    width: 768px;
    margin: 30px auto;
    height: auto;
    background: #fff;
}

.install-wizard .logo
{
    display: block;
    margin: 0 auto 30px;
}

.install-wizard .intro
{
    text-align: justify;
    padding: 20px 40px 40px 40px;
    line-height: 1.5em;
}

.install-wizard .error
{
    text-align: center;
    padding: 0 40px 40px 40px;
    line-height: 1.5em;
}

.install-wizard form .error
{
    text-align: right;
    padding: 0;
    margin: 5px 10px 0 0;
}

.install-wizard form .error--main
{
    text-align: center;
    margin: 40px 40px 30px 40px;
    display: none;
}

.install-wizard .buttons
{
    padding: 30px 20px 10px 20px;
    border-top: 1px solid #EEE;
}

.install-wizard .buttons .col6
{
    padding: 0 20px;
}

.install-wizard .section
{
    margin-bottom: 20px;
    padding: 0 20px;
}

.install-wizard .section .row
{
    padding: 10px 0;
}

.install-wizard h2
{
    text-align: center;
    color: #543e40;
    font: 14px 'Open Sans', sans-serif;
    font-weight: bold;
    line-height: 55px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    margin-bottom: 20px;
}

/* Login page */

html.login-screen,
.login-screen body
{
    width: 100%;
    height: 100%;
}

.login-screen body
{
    background: url(../img/redesign/bg-login-4.jpg) no-repeat center center;
    background-size: cover;
}

.login-screen [type="submit"]
{
    width: 100%;
    background: #ed6e47;
    color: #fff;
    font-size: 18px;
    height: 55px;
    font-weight: bold;
}

.login-screen [type="submit"]:hover
{
    background: #BB5334;
}

.login-screen .buttons
{
    margin-top: 58px;
}

.login-screen .logo
{
    display: block;
    margin: 0 auto;
    margin-bottom: 50px;
}

.login-screen input
{
    width: 100%;
    height: 48px;
    font-size: 16px;
    padding: 0 18px;
    border: none;
    outline: none;
}

.login-screen input:hover
{
    background-color: #F3EFF1;
}

.login-screen .input-row
{
    background: url(../img/redesign/icon-login-name.png) no-repeat;
    padding-left: 58px;
    margin-bottom: 12px;
}

.login-screen .input-row.password
{
    background-image: url(../img/redesign/icon-login-pass.png);
}

.login-screen .errors
{
    background: #36a2ed;
    color: #fff;
    padding: 15px;
    text-align: center;
    margin-bottom: 30px;
}

.customer-chat-login,
.customer-chat-login .customer-chat-header,
#customer-chat-content-login-form
{
    min-width: 0;
    min-height: 0;
    width: 371px;
}

#customer-chat-content-login-form
{
    min-height: 353px;
}

.login-form
{
    width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -180px;
    height: auto;
}

#customer-chat-content-login-form.customer-chat-content
{
    top: 0;
}

#customer-chat-content-login-form .customer-chat-content-row
{
    bottom: 36px;
}

/* Chat admin */

html
{
    overflow: auto;
    /*min-width: 980px;*/
}

html, body
{
    height: auto;
}

body
{
    background-color: #eee7e8;
}

.customer-chat-admin input,
.customer-chat-admin input[type="checkbox"],
.customer-chat-admin textarea,
.customer-chat-admin select
{
    border: 1px solid #e0d7d8;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    vertical-align: middle;
    padding: 0 16px;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-admin input[type="checkbox"]
{
    height: auto;
    margin-top: 11px;
    width: 14px;
    padding: 0;
}

.customer-chat-admin input:hover,
.customer-chat-admin input[type="checkbox"]:hover,
.customer-chat-admin textarea:hover,
.customer-chat-admin select:hover
{
    background-color: #F3EFF1;
}

input,
button,
textarea,
select,
.customer-chat-header-menu,
.customer-chat-content-row
{
    color: #988a8c;
    font-family: 'Open Sans', sans-serif;
}

.customer-chat-widget
{
    display: block;
}

.customer-chat-admin
{
    position: static;

    min-width: 980px;
    min-height: 640px;
    width: 100%;

    /*margin: 30px auto 0 auto;*/

    font-size: 14px;
    color: #543e40;

    background: #fff;

    overflow: hidden;
    /*-webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-content
{
    min-width: 980px;
    min-height: 640px;
    width: 100%;
    height: auto;
    padding-top: 92px;
    bottom: 0;
    background: #eee7e8;

    /*border-bottom: 1px solid #ddd;*/
    border: none;
    /*border-bottom: 3px solid #36A9E1;*/
}

.customer-chat-header
{
    position: fixed;
    z-index: 1100;

    min-width: 980px;
    height: 93px;
    padding-left: 297px;
    cursor: default;
    background: #fff;
    border-bottom: 1px solid #eee7e8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-header-title
{
    position: static;
    color: #543e40;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    width: auto;
    height: 92px;
    line-height: 92px;
    padding-left: 60px;
    float: left;
    margin: 0;
}

.customer-chat-header-title img
{
    vertical-align: middle;
    margin-right: 8px;
}

.customer-chat-header-logo
{
    margin-bottom: 60px;
    background: #ed6e47 url(../img/redesign/logo.png) no-repeat center;
    width: 297px;
    height: 92px;
}

.customer-chat-header-menu
{
    width: 100%;
    height: auto;

    padding: 0;

    border: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-top: none;
    border-radius: 0;

    text-align: left;
    line-height: 13px;
}

.customer-chat-header-menu-item,
.customer-chat-header-menu > a.customer-chat-header-menu-item,
.customer-chat-header-menu > .customer-chat-header-menu-item
{
    text-decoration: none;

    color: #000;

    position: static;

    display: block;

    padding: 15px 20px 15px 50px;

    transition: background 200ms ease;

    background: #fff;

    overflow: hidden;
}

.customer-chat-header-menu-item:hover,
.customer-chat-header-menu-item:focus,
.customer-chat-header-menu > a.customer-chat-header-menu-item:hover,
.customer-chat-header-menu > a.customer-chat-header-menu-item:focus,
.customer-chat-header-menu > .customer-chat-header-menu-item:hover,
.customer-chat-header-menu > .customer-chat-header-menu-item:focus
{
    background: #eee;

    outline: none;
}

.customer-chat-header-menu-triangle
{
    display: none;
    right: 17px;
}

.customer-chat-header-button
{
    position: relative;

    display: inline-block;

    line-height: 92px;
    height: 92px;

    color: #543e40;

    width: auto;

    padding-left: 30px;
    padding-right: 30px;
    margin-right: 60px;
}

.customer-chat-header-button:hover
{
    background: #ED6E47;
}

.customer-chat-header-button .customer-chat-content-message-avatar-operator
{
    float: none;

    display: inline-block;

    vertical-align: middle;

    margin-top: -3px;
}

.customer-chat-header-button-text
{
    display: inline-block;

    margin: 0 10px;
}

.customer-chat-header-button:hover .customer-chat-header-button-text
{
    color: #fff;
}

.customer-chat-header-button i
{
    line-height: 55px;

    margin-top: 3px;
}

.customer-chat-header-button .icon-white
{
    display: none;
}

.customer-chat-header-button:hover .icon-white
{
    display: inline-block;
}

.customer-chat-header-button .icon-black
{
    display: inline-block;
}

.customer-chat-header-button:hover .icon-black
{
    display: none;
}

.breadcrumbs
{
    padding: 0;
    margin: 0;
    margin-bottom: 19px;
    margin-left: 357px;
    margin-top: 20px;
    height: auto;
    width: auto;
    list-style: none;
}

.breadcrumbs li
{
    list-style: none;
    display: inline;
}

.breadcrumbs li:last-child
{
    color: #d25632;
}

.customer-chat-content-wrapper-outer
{
    padding: 22px 60px 60px 357px;
}

.customer-chat-content-wrapper
{
    position: relative;
    background: #fff;

    min-height: 600px;

    /*padding: 20px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-side-menu
{
    position: fixed;
    z-index: 2000;

    top: 0;

    width: 297px;

    height: 100%;

    overflow-x: hidden;
    overflow-y: auto;

    margin: 0;
    padding: 0;

    background: #363845;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-side-menu-item
{
    display: block;
    position: relative;

    width: 100%;
    height: 60px;

    margin: 0;
    padding: 20px 32px;

    line-height: 20px;

    text-align: left;

    /*transition: background 200ms ease;*/

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 14px;
    vertical-align: middle;
    color: #fff1ec;
    text-decoration: none;
}

.customer-chat-side-menu-item .ico
{
    margin-right: 16px;
    vertical-align: middle;
}

.customer-chat-side-menu-item .arrow
{
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 30px;
}

.customer-chat-side-menu-item:after
{
    content: '';
    display: block;
    position: relative;
    bottom: -19px;
    width: 240px;
    height: 1px;
    background: #52556a;
}

.customer-chat-side-menu-item:hover:after,
.customer-chat-side-menu-item:active:after,
.customer-chat-side-menu-item:focus:after
{
    display: none;
}

.customer-chat-side-menu-item:hover, .customer-chat-side-menu-item:focus
{
    background: #4b506c;

    outline: none;
}

.customer-chat-side-menu-item.online.-newmessage > .ico.chat
{
    animation: ease 0.5s fade-out infinite alternate;
}

.customer-chat-side-menu-item.widgetcode,
.customer-chat-side-menu-item.widgetcode:focus
{
    width: auto;
    height: auto;

    margin: 40px 32px;
    padding: 16px 32px;

    text-align: center;

    background: #2C303C;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.customer-chat-side-menu-item.widgetcode:hover
{
    background: #4c5369;
}

.customer-chat-side-menu-item.widgetcode:after
{
    content: none;
    display: none;
}

.customer-chat-side-menu-triangle
{
    position: absolute;

    width: 0;
    height: 0;

    top: 18px;
    right: 0;

    border: 10px solid transparent;
    border-right-color: #fff;

    pointer-events: none;
}

.customer-chat-tabs
{
    position: relative;

    left: 0;

    z-index: 1000;

    height: 90px;

    overflow: hidden;
}

.customer-chat-tabs-wrapper
{
    position: absolute;

    width: 9999px;

    background: #eee7e8;
}

#customer-chat-admin-settings .customer-chat-tab-button i
{
    font-size: 16px;
    margin-right: 10px;
}

.widget-code
{
    position: relative;

    text-align: left;

    height: 130px;
}

.widget-code code
{
    display: block;
    text-align: center;
    line-height: 1.5em;
    padding: 15px;
}

.customer-chat-tab
{
    display: block;
    float: left;

    overflow:hidden;

    background: #f3eff1 url(../img/redesign/bg-tab.png) no-repeat center right;

    height: 90px;

    padding: 33px 60px;
    margin: 0;

    color: #543e40;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    vertical-align: middle;

    outline: none;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-tab:hover
{
    background-color: #E8E3E5;
}

.customer-chat-tab.customer-chat-active
{
    background: #fff;
    color: #ec6d47;
}

.customer-chat-tab.customer-chat-tab-prev,
.customer-chat-tab.customer-chat-tab-next
{
    z-index: 2;

    position: absolute;

    display: block;

    width: 16px;
    bottom: 0;

    display: none;
}

.customer-chat-tab.customer-chat-tab-prev
{
    left: 0;
}

.customer-chat-tab.customer-chat-tab-next
{
    right: 0;
}

.customer-chat-tab-content
{
    top: 90px;
    bottom: 0;
    background: #fff;
    width: 100%;
    height: auto;
    padding: 0;
    margin-top: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#customer-chat-admin-settings .customer-chat-tab-content
{
    top: 90px;
}

.customer-chat-tab-content-settings .customer-chat-side-menu-triangle
{
    top: 73px;
}

.customer-chat-content-messages
{
    position: static;
    height: auto;
    padding-bottom: 30px;
}

.chat-box .customer-chat-content-messages
{
    overflow-y: scroll;
}

.customer-chat-content-messages .mCSB_scrollTools .mCSB_draggerContainer
{
    padding-bottom: 0;
}

.mCustomScrollBox .mCSB_scrollTools
{
    padding-top: 0;
    height: auto;
    top: 12px;
    bottom: 12px;
}

.mCSB_scrollTools .mCSB_draggerContainer
{
    height: 100%;
}

.customer-chat-label
{
    display: inline-block;

    width: 300px;
}

.input-note
{
    display: inline-block;
    margin-left: 20px;
    font-style: italic;
}

.input-note i
{
    color: #0879B1;
}

.customer-chat-tab-content-settings .customer-chat-content-message-input-field
{
    display: inline-block;
    padding: 0 10px;
    width: 320px;
    vertical-align: middle;
}

.customer-chat-tab-content-settings .customer-chat-content-message
{
    border-bottom: none;
}

.customer-chat-tab-content-settings .customer-chat-content-message-input-field.customer-chat-content-message-input-checkbox
{
    width: 39px;
    padding: 0 12px;
    border: 1px solid #e0d7d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-tab-content-settings .customer-chat-content-row,
.customer-chat-tab-content.customer-chat-tab-content-operators .customer-chat-content-row,
.customer-chat-tab-content.customer-chat-tab-content-canned-messages .customer-chat-content-row,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages .customer-chat-content-row,
.customer-chat-tab-content.customer-chat-tab-content-departments .customer-chat-content-row
{
    height: 56px;
}

.customer-chat-tab-content-settings .customer-chat-content-row.select-list-row
{
    height: auto;
    max-height: 240px;
}

.customer-chat-tab-content-settings .select-list-row .customer-chat-label
{
    vertical-align: top;
    /*margin-top: 6px;*/
}

.select-list .entries
{
    background: #fff;

    border: 1px solid #e0d7d8;

    overflow: hidden;
}

.select-list-row .mCustomScrollBox
{
    max-height: 152px;
}

.select-list-row .actions
{
    margin-top: 10px;
}

.select-list.empty .entries,
.select-list.empty .actions
{
    display: none;
}

.select-list .empty-content
{
    display: none;
    color: #4D4D4D;
    font-style: italic;
}

.select-list.empty .empty-content
{
    display: block;
}

.select-list .entries a
{
    display: block;
    cursor: pointer;
    line-height: 38px;
    padding: 0px 10px;
    vertical-align: middle;
    box-sizing: border-box;
    margin-right: 22px;
    color: #4D4D4D;
}

.select-list .entries a:hover
{
    background: #eee;
}

.select-list .entries a b
{
    color: #ed6e47;
    font-weight: normal !important;
}

.select-list .mCustomScrollBox .mCSB_scrollTools
{
    top: 4px;
    bottom: 4px;
    right: -3px;
}

.customer-chat-tab-content-settings .select-list
{
    display: inline-block;
    width: 487px;
}

.customer-chat-tab-content-settings .select-list .entries
{
    padding: 8px;
}

.customer-chat-tab-content-settings .select-list i.fa
{
    font-size: 14px;
    width: 15px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.customer-chat-tab-content-settings .select-list.read-only a:hover
{
    background: none;
    cursor: default;
}

.customer-chat-tab-content.customer-chat-tab-content-operators .customer-chat-content-row,
.customer-chat-tab-content.customer-chat-tab-content-canned-messages .customer-chat-content-row,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages .customer-chat-content-row,
.customer-chat-tab-content.customer-chat-tab-content-departments .customer-chat-content-row
{
    padding-left: 20px;
    height: auto;
}

.customer-chat-tab-content.customer-chat-tab-content-operators .customer-chat-content-messages,
.customer-chat-tab-content.customer-chat-tab-content-canned-messages .customer-chat-content-messages,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages .customer-chat-content-messages,
.customer-chat-tab-content.customer-chat-tab-content-departments .customer-chat-content-messages
{
    padding-top: 17px;

    height: 291px;
}

.customer-chat-tab-content.customer-chat-tab-content-operators .customer-chat-content-messages .customer-chat-content-message,
.customer-chat-tab-content.customer-chat-tab-content-canned-messages .customer-chat-content-messages .customer-chat-content-message,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages .customer-chat-content-messages .customer-chat-content-message,
.customer-chat-tab-content.customer-chat-tab-content-departments .customer-chat-content-messages .customer-chat-content-message
{
    border-bottom: none;
    border-top: 1px solid #eee;

    margin-top: 20px;
}

.customer-chat-tab-content.customer-chat-tab-content-operators-list .customer-chat-content-messages,
.customer-chat-tab-content.customer-chat-tab-content-canned-messages-list .customer-chat-content-messages,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages-list .customer-chat-content-messages,
.customer-chat-tab-content.customer-chat-tab-content-departments-list .customer-chat-content-messages
{
    padding-top: 0;
    height: auto;
    top: 85px;
    bottom: 25px;
}

.customer-chat-tab-content.customer-chat-tab-content-operators-list .customer-chat-content-messages .customer-chat-content-row,
.customer-chat-tab-content.customer-chat-tab-content-canned-messages-list .customer-chat-content-messages .customer-chat-content-row,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages-list .customer-chat-content-messages .customer-chat-content-row,
.customer-chat-tab-content.customer-chat-tab-content-departments-list .customer-chat-content-messages .customer-chat-content-row
{
    transition: background 200ms ease;
    height: 70px;
    border-bottom: 1px solid #e0d7d8;
    margin: 0 25px;
    padding-left: 45px;
    padding-right: 45px;
}

.customer-chat-tab-content.customer-chat-tab-content-operators-list .customer-chat-content-messages .customer-chat-content-row:first-child,
.customer-chat-tab-content.customer-chat-tab-content-canned-messages-list .customer-chat-content-messages .customer-chat-content-row:first-child,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages-list .customer-chat-content-messages .customer-chat-content-row:first-child,
.customer-chat-tab-content.customer-chat-tab-content-departments-list .customer-chat-content-messages .customer-chat-content-row:first-child
{
    border-top: 1px solid #e0d7d8;
}

.customer-chat-tab-content.customer-chat-tab-content-operators-list .customer-chat-content-messages .customer-chat-content-row:hover,
.customer-chat-tab-content.customer-chat-tab-content-canned-messages-list .customer-chat-content-messages .customer-chat-content-row:hover,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages-list .customer-chat-content-messages .customer-chat-content-row:hover,
.customer-chat-tab-content.customer-chat-tab-content-departments-list .customer-chat-content-messages .customer-chat-content-row:hover
{
    background: #eee;
}

.customer-chat-tab-content.customer-chat-tab-content-operators-list .customer-chat-label,
.customer-chat-tab-content.customer-chat-tab-content-operators-list .customer-chat-tab-content-operators-actions,
.customer-chat-tab-content.customer-chat-tab-content-operators-list .customer-chat-label.customer-chat-operator-mail,

.customer-chat-tab-content.customer-chat-tab-content-canned-messages-list .customer-chat-label,
.customer-chat-tab-content.customer-chat-tab-content-canned-messages-list .customer-chat-tab-content-canned-messages-actions,
.customer-chat-tab-content.customer-chat-tab-content-canned-messages-list .customer-chat-label.customer-chat-canned-messages-name,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages-list .customer-chat-label,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages-list .customer-chat-tab-content-auto-messages-actions,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages-list .customer-chat-label.customer-chat-auto-messages-name,
.customer-chat-tab-content.customer-chat-tab-content-departments-list .customer-chat-label,
.customer-chat-tab-content.customer-chat-tab-content-departments-list .customer-chat-tab-content-departments-actions,
.customer-chat-tab-content.customer-chat-tab-content-departments-list .customer-chat-label.customer-chat-canned-messages-name
{
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
}

.customer-chat-tab-content.customer-chat-tab-content-operators-list .customer-chat-label
{
    color: #ed6e47;
}

.customer-chat-tab-content.customer-chat-tab-content-operators-list .customer-chat-label.customer-chat-operator-mail
{
    color: #543e40;
}

.customer-chat-tab-content-operators-list .customer-chat-label,
.customer-chat-tab-content-canned-messages-list .customer-chat-label,
.customer-chat-tab-content-auto-messages-list .customer-chat-label,
.customer-chat-tab-content-departments-list .customer-chat-label
{
    width: 25%;
    height: 41px;
    overflow: hidden;
}

.customer-chat-tab-content-operators-list .customer-chat-label.customer-chat-operator-mail,
.customer-chat-tab-content-canned-messages-list .customer-chat-label.customer-chat-canned-message-body,
.customer-chat-tab-content-auto-messages-list .customer-chat-label.customer-chat-auto-message-body,
.customer-chat-tab-content-departments-list .customer-chat-label.customer-chat-department-description
{
    width: 55%;
}

.customer-chat-tab-content.customer-chat-tab-content-operators-list .customer-chat-tab-content-operators-actions,
.customer-chat-tab-content.customer-chat-tab-content-canned-messages-list .customer-chat-tab-content-canned-messages-actions,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages-list .customer-chat-tab-content-auto-messages-actions,
.customer-chat-tab-content.customer-chat-tab-content-departments-list .customer-chat-tab-content-departments-actions
{
    width: 20%;
    text-align: right;
}

.customer-chat-tab-content-operators-actions a,
.customer-chat-tab-content-canned-messages-actions a,
.customer-chat-tab-content-auto-messages-actions a,
.customer-chat-tab-content-departments-actions a
{
    margin-right: 30px;
    outline: none;
    font-size: 20px;
    color: #543E40;
}

.customer-chat-tab-content-operators-actions a .fa,
.customer-chat-tab-content-canned-messages-actions a .fa,
.customer-chat-tab-content-auto-messages-actions a .fa,
.customer-chat-tab-content-departments-actions a .fa
{
    position: relative;
    top: 1px;
}

.customer-chat-tab-content-operators-actions a .fa.disabled,
.customer-chat-tab-content-canned-messages-actions a .fa.disabled,
.customer-chat-tab-content-auto-messages-actions a .fa.disabled,
.customer-chat-tab-content-departments-actions a .fa.disabled
{
    opacity: 0.3;
}

.customer-chat-tab-content-operators-actions a:last-child,
.customer-chat-tab-content-canned-messages-actions a:last-child,
.customer-chat-tab-content-auto-messages-actions a:last-child,
.customer-chat-tab-content-departments-actions a:last-child
{
    margin-right: 0;
}

.customer-chat-tab-content .customer-chat-tabs-header,
.h2
{
    display: inline-block;

    color: #543e40;

    font: 14px 'Open Sans', sans-serif;
    line-height: 44px;
    font-weight: bold;

    padding: 0 36px 0 45px;
}

.customer-chat-tab-content-settings .customer-chat-content-message
{
    padding: 25px;
}

.customer-chat-tab-content .customer-chat-content-button .fa
{
    position: relative;
    left: -10px;
}

.customer-chat-tab-content .customer-chat-content-button.customer-chat-content-button-inline
{
    display: inline-block;
}

.customer-chat-tab-content-settings .customer-chat-upload-field
{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    width: 256px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-tab-content-settings .customer-chat-upload-field input
{
    width: 235px;
    height: auto;
    line-height: 1em;
    margin-top: 7px;
    border: none;
    padding: 0;
}

.customer-chat-content-message-input-field:focus
{
    box-shadow: none;
}

.customer-chat-tab-content-chat .customer-chat-content-message-input-field
{
    padding-left: 100px;
    padding-right: 150px;
    border: none;
    font-size: 14px;
}

.customer-chat-tab-content-chat .customer-chat-content-message-input
{
    background: #eee7e8;
    left: 0;
    right: 0;
}

.chat-wrapper .customer-chat-tabs-wrapper
{
    background: none;
}

.chat-wrapper .customer-chat-tabs
{
    height: 45px;
    padding-left: 1px;
}

.chat-wrapper .customer-chat-tab-content
{
    top: 0;
    border: 1px solid #e0d7d8;
}

.chat-wrapper .customer-chat-tab-button
{
    position: relative;
    font-weight: normal;
    color: #543e40;
    height: 45px;
    line-height: 44px;
    border: 1px solid #e0d7d8;
    border-right: none;
    padding: 1px 43px 0 13px;
}

.chat-wrapper .customer-chat-tab-button:last-child
{
    border-right: 1px solid #e0d7d8;
}

.chat-wrapper .customer-chat-tab-button
{
    background: none;
}

.chat-wrapper .customer-chat-tab-button:hover
{
    background: #f3eff1;
}

.chat-wrapper .customer-chat-tab-button.customer-chat-active
{
    border-top: 2px solid #ed6e47;
    border-bottom: 1px solid #fff;
    color: #543e40;
    padding-top: 0;
}

.chat-wrapper .customer-chat-tab.customer-chat-tab-prev,
.chat-wrapper .customer-chat-tab.customer-chat-tab-next
{
    font-weight: normal;
    color: #543e40;
    height: 45px;
    line-height: 44px;
    box-sizing: border-box;
    border: 1px solid #e0d7d8;
    padding: 1px 30px 0 15px;
    background: #fff;
}

.chat-wrapper .customer-chat-tab.customer-chat-tab-prev:hover,
.chat-wrapper .customer-chat-tab.customer-chat-tab-next:hover
{
    background: #f3eff1;
}

.chat-wrapper .customer-chat-tab-button .close
{
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -6px;
}

.chat-wrapper .actions
{
    text-align: center;
    padding: 20px;
}

.chat-wrapper .actions .customer-chat-content-button
{
    margin-right: 30px;
}

.customer-chat-tab-content-chat .typing-indicator
{
    right: 25px;
    top: -70px;
    margin-right: 25px;
}

.customer-chat-tab-content-chat a.btn-canned-msg,
.customer-chat-tab-content-chat a.btn-auto-msg
{
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 26px;
    height: 35px;
    display: block;
    padding: 8px 12px;
    line-height: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    color: #543e40;
}

.canned-messages-wrapper, .canned-messages-wrapper .mCustomScrollBox
{
    max-height: 380px;
}

.canned-messages-wrapper a
{
    display: block;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 22px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.canned-messages-wrapper .mCS_no_scrollbar a
{
    margin-right: 0;
}

.canned-messages-wrapper a b
{
    color: #36A9E1;
    font-weight: normal !important;
}

.canned-messages-wrapper a:hover
{
    display: block;
    cursor: pointer;
    background: #eee;
}

.canned-messages-wrapper a.selected
{
    display: block;
    cursor: pointer;
    background: #e8e8e8;
}

#avatar-from-collection
{
    margin-left: 20px;
}

.avatars-wrapper, .avatars-wrapper .mCustomScrollBox
{
    max-height: 233px;
}

.avatars-wrapper .mCSB_scrollTools, .canned-messages-wrapper .mCSB_scrollTools
{
    right: 0;
}

.avatars-wrapper .customer-chat-content-message-avatar
{
    margin: 10px;
    cursor: pointer;
}

.avatars-wrapper .customer-chat-content-message-avatar.selected
{
    border: 2px solid #36A9E1;
    margin: 8px;
}

.customer-chat-tab-content-operators .customer-chat-content-message-avatar-operator
{
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 27px;
}

.customer-chat-tab-content-settings.customer-chat-tab-content-settings-ui .customer-chat-content-row
{
    float: left;
    margin-right: 60px;
    min-width: 625px;
}

.customer-chat-tab-content-settings.customer-chat-tab-content-settings-ui .customer-chat-content-messages
{
    width: auto;
    padding: 30px;
}

.customer-chat-content-row
{
    position: static;
    width: auto;
    text-align: left;
    padding: 14px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-log-info,
.customer-chat-log-warning,
.customer-chat-log-error
{
    padding: 5px;

    border-bottom: 1px solid #ddd;
}

.customer-chat-log-info
{
    background: #F5FCFF;

    color: #0F6188;
}

.customer-chat-log-warning
{
    background: #FFFCE4;

    color: #524800;
}

.customer-chat-log-error
{
    background: #FFECEC;

    color: #940000;
}

/* Pages list */

.customer-chat-tab-content-pages-list .customer-chat-content-messages
{
    top: 0;
    bottom: 69px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-tab-content-pages-list .wrapper
{
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-tab-content-pages-list p
{
    margin: 0;
}

.customer-chat-tab-content-pages-list .customer-chat-label
{
    padding: 10px 0;
    width: auto;
    margin-right: 20px;
}

.customer-chat-tab-content-pages-list .input-note
{
    margin-bottom: 20px;
    margin-left: 0;
    color: #999;
}

.customer-chat-tab-content-pages-list textarea
{
    overflow: visible;
    height: 308px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* /Pages list */

/* History section */

.customer-chat-tab-content.customer-chat-tab-content-history:after
{
    content: '';
    display: table;
    clear: both;
}

.customer-chat-tab-content-history .customer-chat-history-chat
{
    display: none;
    float: left;
    height: 100%;
    width: 55%;
}

.history-results-table.online-users-table
{
    margin-top: 30px;
    margin-bottom: 0;
}

.history-results-table.online-users-table th,
.history-results-table.online-users-table td
{
    width: auto;
}

.customer-chat-history-chat .participants-content
{
    padding: 0 30px 0 0;
}

#customer-chat-history-search-results
{
    height: auto;
    top: 259px;
    bottom: 0;
}

#history-results-chat
{
    height: auto;
    top: 240px;
    bottom: 0;
    width: auto;
    left: 0;
    right: 0;
    border: 1px solid #e0d7d8;
}

#history-list-display-more:link, #history-list-display-more:visited, #history-list-display-more:active, #history-list-display-more:hover
{
    display: block;
    padding-top: 30px;
    text-decoration: none;
    color: #000;
}

#history-list-display-more div
{
    text-align: center;
    padding-top: 5px;
    padding-bottom: 2px;
    padding-right: 26px;
}

#history-list-display-more div i
{
    position: relative;
    top: -5px;
    transition: top 200ms ease;
    -webkit-transition: top 200ms ease;
}

#history-list-display-more:hover div i
{
    top: 0;
}

#customer-chat-history-filters input#searchFromDate, #customer-chat-history-filters input#searchToDate
{
    width: 100%;
}

#customer-chat-history-filters
{
    width: 790px;
}

#customer-chat-history-filters:after
{
    content: '';
    display: table;
    clear: both;
}

#customer-chat-history-filters .inputs,
#customer-chat-history-filters .buttons
{
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#customer-chat-history-filters .inputs
{
    width: 60%;
}

#customer-chat-history-filters .buttons
{
    width: 40%;
    padding-left: 36px;
}

#customer-chat-history-filters .buttons .customer-chat-content-button
{
    clear: both;
    width: 115px;
}

.date-input-wrapper
{
    position: relative;
}

.date-input-wrapper i
{
    position: absolute;
    margin-top: -12px;
    right: 10px;
    top: 50%;
}

#searchFromDateWrapper.date-input-wrapper i
{
    right: 30px;
}

#searchFromDateWrapper, #searchToDateWrapper
{
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#searchFromDateWrapper { padding-right: 21px; }
#searchToDateWrapper   { padding-left:  21px; }

#customer-chat-history-filters .customer-chat-content-button
{
    text-align: center;
    margin-bottom: 6px;
}

#customer-chat-history-filters .customer-chat-content-message
{
    padding: 0 10px 12px 10px;
}

#customer-chat-history-filters input
{
    width: 100%;
}

#customer-chat-history-filters .customer-chat-content-row
{
    padding: 0;
    height: 50px;
}

.search-results-header
{
    border-bottom: 2px solid #c9bec0;
}

.search-results-header:after
{
    display: table;
    content: '';
    clear: both;
}

.search-results-header span,
.customer-chat-history-item span
{
    display: block;
    float: left;
    text-align: center;
    width: 33.3333333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.search-results-header span
{
    margin-top: 64px;
    padding: 0;
}

.customer-chat-history-item
{
    height: 52px;
    line-height: 52px;
    vertical-align: middle;
    padding: 0 45px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #e0d7d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-history-item:hover
{
    background: #eee;
}

.customer-chat-history-item-username,
.customer-chat-history-item-operatorname
{
    color: #ed6e47;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#customer-chat-history-search-results .customer-chat-history-item
{
    padding: 0;
}

/* History talk view */

.talks-view.-history
{
    /*display: none;*/
}

.talks-view.-history > .talk-tabs > .close
{
    right: 124px;
    top: 113px;
}

.customer-chat-tab-content .customer-chat-talk-header-users,
.customer-chat-history-chat .customer-chat-talk-header-users
{
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #e0d7d8;
    height: auto;
}

.customer-chat-history-chat .customer-chat-talk-header-users
{
    border-bottom: none;
}

.customer-chat-tab-content .customer-chat-talk-header-users .participants-scroller
{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: auto;
}

.customer-chat-history-chat .customer-chat-talk-header-users
{
    border: 1px solid #e0d7d8;
    padding: 30px;
    padding-bottom: 0;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-tab-content .customer-chat-talk-header-users .actions a,
.customer-chat-tab-content .user-info .button
{
    display: block;
    text-align: center;
    padding: 0;
    line-height: 40px;
    background: none;
    border: 1px solid #ddd;
    color: #36A9E1;
    margin: 30px;
}

.customer-chat-tab-content .user-info .button
{
    margin-top: 0;
    margin-bottom: 20px;
    text-decoration: none;
}

.customer-chat-tab-content .customer-chat-talk-header-users .actions a i
{
    display: block;
    margin: -7px auto 10px auto;
}

.participants-content .user-info
{
    float: left;
    width: 70%;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.participants-content .left-col, .right-col
{
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.participants-content .left-col > div,
.participants-content .right-col > div
{
    margin-bottom: 10px;
}

.participants-content .user-info div
{
    padding-bottom: 0;
    clear: none;
}

.participants-content .user-info div .name,
.participants-content .user-info div .value
{
    width: auto;
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.participants-content .user-info div .name
{
    width: 110px;
    color: #543e40;
    font-weight: bold;
}

.participants-content .user-info div .value
{
    color: #543e40;
    text-decoration: none;
}

.participants-content .user-info div .info-url.value
{
    color: #ed6e47;
    text-decoration: underline;
}

.participants-content .user-avatar .info-name
{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.participants-content .user-avatar .user-info div .name
{
    font-weight: normal;
}

.participants-content .user-info i.fa
{
    display: none;
    margin-right: 10px;
    color: #86C953;
}

.participants-content
{
    padding: 30px 30px 30px 50px;
}

.participants-content > div
{
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 30px;
}

.participants-content:before,
.participants-content:after,
.participants-content > div:before,
.participants-content > div:after
{
    display: block;
    content: ' ';
    clear: both;
}

.participants-content .user-avatar
{
    float: left;
    width: 30%;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border-right: 1px solid #e0d7d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-history-chat .participants-content .user-avatar
{
    border: none;
    padding-left: 25px;
    padding-top: 0;
}

.participants-content .user-avatar .avatar
{
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 16px;
}

.participants-content .row-show-on-map
{
    display: block;
    clear: both;
    padding-top: 24px;
}

#customer-chat-users-online .customer-chat-history-item-username
{
    right: 40px;
}

#customer-chat-users-online .customer-chat-history-item-username .name
{
    display: inline-block;
    width: 130px;
    text-align: left;
}

#customer-chat-users-online .customer-chat-history-item-username .url
{
    color: #543e40;
}

.customer-chat-history-item-time
{
    float: right;

    color: #bbb;
}

#customer-chat-users-online .customer-chat-history-item-time
{
    display: none;
    color: #86C953;
}

#customer-chat-users-online .anonymous .customer-chat-history-item-time
{
    display: none;
    color: #36A9E1;
}

.customer-chat-emots-menu
{
    border-left: 1px solid #eee;
}

.customer-chat-emots-menu .customer-chat-header-menu-triangle
{
    top: 84px;
}

/* Chat login */

.customer-chat-widget.customer-chat-login
{
    position: static;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin: 30px auto 0 auto;
}

.customer-chat-widget.customer-chat-login .customer-chat-content
{
    position: relative;

    height: 353px;
}

.customer-chat-login .customer-chat-content-row
{
    position: absolute;
    bottom: 0;

    width: 328px;

    text-align: center;

    height: 36px;
    padding: 20px;
}

.customer-chat-login .customer-chat-content-button
{
    width: 328px;

    position: relative;
}

.customer-chat-login .customer-chat-content-info
{
    text-align: center;

    padding-top: 53px;
}

.customer-chat-login .customer-chat-login-errors
{
    color: #f00;
}

/* Install/uninstall screen */

.customer-chat-install-success
{
    color: #76B447;
}

#customer-chat-widget.customer-chat-widget-install
{
    min-height: 411px;
    height: auto;
}

.customer-chat-widget.customer-chat-widget-install.customer-chat-login .customer-chat-content
{
    min-height: 353px;
    height: auto;
}

.customer-chat-widget-install .customer-chat-content-info
{
    height: auto;
}

.customer-chat-widget-install .customer-chat-install-error-message
{
    color: #666;
    font-style: italic;
    padding-bottom: 50px;
    text-align: justify;
}

/* Chat screen */

#customer-chat-admin-chat
{
    height: 100%;
}

#customer-chat-admin-chat:after
{
    display: table;
    content: '';
    clear: both;
}

#customer-chat-admin-chat .chat-wrapper
{
    float: left;
    width: 67%;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#customer-chat-admin-chat .chat-wrapper .customer-chat-content-messages
{
    position: absolute;
    height: auto;
    width: auto;
    bottom: 94px;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
}

#customer-chat-admin-chat .chat-box .participants-content
{
    display: none;
    border-bottom: 1px solid #e0d7d8;
    padding: 25px 25px 0 25px;
}

#customer-chat-admin-chat .chat-box
{
    height: 700px;
}

#customer-chat-admin-chat .customer-chat-content-messages.operators,
#customer-chat-admin-chat .customer-chat-content-messages.users
{
    height: auto;
}

#customer-chat-admin-chat .customer-chat-content-messages.users
{
    top: 60px;
    bottom: 43%;
}

#customer-chat-admin-chat .customer-chat-talk-header.operators
{
    top: 57%;
}

#customer-chat-users-online
{
    float: left;
    padding: 25px;
    width: 33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#customer-chat-users-online.admin
{
    right: 25px;
}

#customer-chat-users-online .customer-chat-talk-header
{
    display: block;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 60px;
    height: 60px;
    border-bottom: 1px solid #e0d7d8;
}

/* Map screen */

#customer-chat-admin-map
{
    display: none;
    position: absolute;
    z-index: 2101;
    padding: 12px;
    left: 112px;
    right: 475px;
    top: 209px;
    bottom: 112px;
    background: #fff;
    border: 1px solid #e0d7d8;
    box-sizing: border-box;
}

.map-wrapper
{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.map-view > .hide
{
    position: absolute;
    top: 25px;
    right: 25px;
}

.map-view > .hide:hover
{
    opacity: 0.7;
}

.map-view > .no-key-info
{
    display: none;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

/* Settings screens */

#customer-chat-admin-settings
{
    position: relative;
    height: 100%;
    display: none;
}

#customer-chat-admin-settings .customer-chat-content-loading-icon
{
    display: inline;

    vertical-align: middle;

    position: static;

    width: 35px;
    height: 35px;

    margin-left: 10px;
}

#customer-chat-operators-tab .customer-chat-tab-content,
#customer-chat-canned-messages-tab .customer-chat-tab-content,
#customer-chat-auto-messages-tab .customer-chat-tab-content,
#customer-chat-departments-tab .customer-chat-tab-content,
#customer-chat-widget-theme-tab .customer-chat-tab-content
{
    border: none;
    top: 0;
}

.customer-chat-tab-content-settings.customer-chat-tab-content-settings-ui .customer-chat-content-row.widget-theme-row
{
    height: auto;
    float: none;
    clear: both;
}

.widget-theme-preview-wrapper
{
    margin-bottom: 30px;
}

.image-input-row
{
    height: auto !important;
}

.image-input-row .customer-chat-label
{
    vertical-align: top;
    margin-top: 5px;
}

.image-input-row .image
{
    display: block;
    max-width: 50px;
    max-height: 50px;
    margin: 0 auto;
}

.image-input-row.empty .image
{
    display: none;
}

.image-input-editor
{
    display: inline-block;
    overflow: hidden;
}

.image-input-editor input
{
    position: fixed;
    right: 100%;
    bottom: 100%;
    width: 0;
    height: 0;
    opacity: 0;
}

.image-input-editor label
{
    display: block;
    color: #585858;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 37px;
    height: 37px;
    vertical-align: middle;
    min-width: 105px;
    padding: 0 15px;
    margin-bottom: 10px;
    border: 1px solid #d1d1d1;
    cursor: pointer;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #d9d9d9;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMTIlIiB4Mj0iNTAlIiB5Mj0iLTEyJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(bottom, #e6e6e6 -12%, #fff 112%);
    background-image: -o-linear-gradient(bottom, #e6e6e6 -12%, #fff 112%);
    background-image: -webkit-linear-gradient(bottom, #e6e6e6 -12%, #fff 112%);
    background-image: linear-gradient(bottom, #e6e6e6 -12%, #fff 112%);
}

.image-input-editor label:hover
{
    background: #e6e6e6;
}

.empty .image-input-editor label.clear
{
    display: none;
}

.image-input-editor > .image,
.image-input-editor > div
{
    float: left;
}

.image-input-editor > .image-wrapper
{
    width: 50px;
    height: 50px;
    border: 1px solid #e0d7d8;
    margin-right: 20px;
}

.customer-chat-tab-content.customer-chat-tab-content-operators .customer-chat-content-messages.edit-operator,
.customer-chat-tab-content.customer-chat-tab-content-canned-messages .customer-chat-content-messages.edit-canned-message,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages .customer-chat-content-messages.edit-auto-message,
.customer-chat-tab-content.customer-chat-tab-content-departments .customer-chat-content-messages.edit-department
{
    height: auto;
    top: 108px;
}

.customer-chat-tab-content.customer-chat-tab-content-auto-messages .customer-chat-content-messages.edit-auto-message
{
    bottom: 95px;
    padding-bottom: 17px;
}

.customer-chat-tab-content.customer-chat-tab-content-operators .customer-chat-content-message.button-row,
.customer-chat-tab-content-settings.customer-chat-tab-content-settings-ui .customer-chat-content-message,
.customer-chat-tab-content.customer-chat-tab-content-canned-messages .customer-chat-content-message.button-row,
.customer-chat-tab-content.customer-chat-tab-content-auto-messages .customer-chat-content-message.button-row,
.customer-chat-tab-content.customer-chat-tab-content-departments .customer-chat-content-message.button-row,
.customer-chat-tab-content-pages-list .button-row,
.customer-chat-tab-content-settings.customer-chat-tab-content-settings-ui .customer-chat-content-message
{
    border-bottom: none;
    border-top: 1px solid #eee;
}

.edit-auto-message .input-col
{
    display: inline-block;
    width: 220px;
}

.edit-auto-message .conditions,
.edit-auto-message .actions
{
    padding: 0 20px;
}

.edit-auto-message .conditions input,
.edit-auto-message .conditions select,
.edit-auto-message .conditions textarea,
.edit-auto-message .actions input,
.edit-auto-message .actions select,
.edit-auto-message .actions textarea
{
    font-size: 12px;
    padding: 0 8px;
    width: 210px;
}

.edit-auto-message .conditions > div
{
    margin: 10px 0;
}

.edit-auto-message .description
{
    font-style: italic;
    color: #988a8c;
    margin: 10px 0 20px 10px;
}

.edit-auto-message .add,
.edit-auto-message .remove
{
    height: 34px;
    line-height: 34px;
    vertical-align: middle;
    padding: 0 12px;
}

.edit-auto-message .add .fa,
.edit-auto-message .remove .fa
{
    position: static;
}

.customer-chat-talk-header
{
    overflow: hidden;
    display: none;
}

.customer-chat-talk-header.live
{
    display: block;
    padding: 0;
    overflow: hidden;
}

.customer-chat-tab-content-chat.operator .current-url-container
{
    opacity: 0;
}

.customer-chat-talk-header.live .current-url-container
{
    float: left;
    width: 75%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
}

.customer-chat-talk-header.live .participants-header
{
    //padding: 0;
}

.customer-chat-history-chat .customer-chat-talk-header
{
    display: block;
}

.customer-chat-talk-header .date-info,
.customer-chat-talk-header .participants-header
{
    text-align: center;
    color: #ccc;
    padding: 8px;
    float: left;
    width: 75%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-chat-talk-header .participants-header
{
    width: 25%;
    border-left: 1px solid #EEE;
}

.customer-chat-talk-header-users .user-info.second
{
    padding-right: 0;
}

.customer-chat-talk-header .customer-chat-talk-header-users .value
{
    white-space: nowrap;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 150px;
}

.popover-content .popover-space
{
    position: absolute;
    width: 100%;
    height: 30px;
    top: 95px;
}

.popover.right
{
    margin-left: 20px;
    margin-top: 0px;
}

.popover.right .arrow:after
{
    bottom: -11px !important;
}

/* QR Code screen */

#customer-chat-admin-qr
{
    display: none;
    position: absolute;
    border: 1px solid #ddd;
    width: auto;
    left: 20px;
    right: 20px;
    height: auto;
    top: 20px;
    bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

#customer-chat-admin-qr .customer-chat-talk-header
{
    position: absolute;
    display: block;
    text-align: center;
    padding: 10px;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#customer-chat-admin-qr .customer-chat-content-messages
{
    padding: 16px;
    top: 40px;
    bottom: 69px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.qr-code-info
{
    margin: 34px 0 50px 0;
    font-size: 16px;
}

.qr-code-img, .qr-code
{
    display: inline-block;
    border: 1px solid #ddd;
    padding: 10px;
    vertical-align: middle;
}

.qr-code-arrow
{
    font-size: 50px;
    color: #86C953;
    margin: 0 30px;
    vertical-align: middle;
}

.qr-code-note
{
    margin: 20px 0 50px 0;
    line-height: 2em;
    font-style: italic;
    color: #999;
}

/* Logs screen */

#customer-chat-admin-logs
{
    display: none;
    position: absolute;
    border: 1px solid #ddd;
    width: auto;
    left: 20px;
    right: 20px;
    height: auto;
    top: 20px;
    bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#customer-chat-admin-logs .customer-chat-talk-header
{
    position: absolute;
    display: block;
    text-align: center;
    padding: 10px;
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#customer-chat-admin-logs .customer-chat-content-messages
{
    position: absolute;
    padding-left: 16px;
    top: 40px;
    bottom: 69px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#customer-chat-admin-logs pre
{
    font: 12px 'Open Sans', sans-serif;
    margin: 0;
    padding: 10px 16px 10px 0;
    word-wrap: break-word;
}

#customer-chat-admin-logs .customer-chat-content-message
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: none;
    border-top: 1px solid #EEE;
}

#customer-chat-admin-logs .customer-chat-content-loading-icon
{
    display: inline;
    vertical-align: middle;
    position: static;
    width: 35px;
    height: 35px;
    margin-left: 10px;
}

#history-results-chat .file-message .actions
{
    display: none;
}

#history-results-chat .file-message.uploading .controls
{
    height: 27px;
}

/* Tab icon states */

.customer-chat-tab-button.customer-chat-active .ico.chat             { background-position: 0      0; }
.customer-chat-tab-button.customer-chat-active .ico.history          { background-position: 0  -24px; }
.customer-chat-tab-button.customer-chat-active .ico.lightbulb        { background-position: 0  -48px; }
.customer-chat-tab-button.customer-chat-active .ico.analytics        { background-position: 0  -72px; }
.customer-chat-tab-button.customer-chat-active .ico.settings         { background-position: 0  -96px; }
.customer-chat-tab-button.customer-chat-active .ico.qr               { background-position: 0 -120px; }
.customer-chat-tab-button.customer-chat-active .ico.marker           { background-position: 0 -144px; }
.customer-chat-tab-button.customer-chat-active .ico.wrench.outline   { background-position: 0 -168px; }
.customer-chat-tab-button.customer-chat-active .ico.person.outline   { background-position: 0 -192px; }
.customer-chat-tab-button.customer-chat-active .ico.people.outline   { background-position: 0 -216px; }
.customer-chat-tab-button.customer-chat-active .ico.pencil.outline   { background-position: 0 -240px; }
.customer-chat-tab-button.customer-chat-active .ico.ban              { background-position: 0 -264px; }
.customer-chat-tab-button.customer-chat-active .ico.settings.outline { background-position: 0 -288px; }
.customer-chat-tab-button.customer-chat-active .ico.remove           { background-position: 0 -312px; }

/* History screen */

#customer-chat-admin-history
{
    display: none;
    padding: 25px;
}

/* Automation screen */

#customer-chat-admin-automation
{
    display: none;
}

/* Stats sreen */

#customer-chat-admin-stats
{
    display: none;
    padding: 25px;
}

.stats-wrapper
{
    overflow: hidden;
}

.stats-wrapper .filters
{
    border-bottom: 1px solid #e0d7d8;
    padding-bottom: 25px;
    margin-bottom: 50px;
    text-align: right;
}

.stats-wrapper .date-input-wrapper
{
    display: inline-block;
    width: 150px;
    margin-right: 20px;
}

.stats-wrapper .buttons
{
    display: inline-block;
}

.stats-wrapper .customer-chat-content-button
{
    line-height: 34px;
    height: 34px;
}

.chart-title
{
    text-align: center;
    color: #543e40;
    font: 14px 'Open Sans', sans-serif;
    margin-bottom: 70px;
}

.chart-wrapper-large
{
    position: relative;
    margin-bottom: 50px;
}

.chart-wrapper-small
{
    float: left;
    width: 33.33333333%;
}

.chart-placeholder
{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 10px 10px 0 10px;
    margin-top: -75px;
    transform: translateX(-50%);
    font-weight: bold;
    text-align: center;
    background: rgba(255, 255, 255, 0.7);
}

/* New widget settings tab */

.widget-settings
{
    padding: 36px;
    overflow: hidden;
}

.widget-settings .h2
{
    display: block;
    border-bottom: 1px solid #c9bec0;
    padding-left: 10px;
    padding-right: 0;
}

.widget-settings > .settings-list,
.widget-settings > .previews
{
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.widget-settings > .settings-list
{
    width: 47%;
    height: 705px;
}

.widget-settings > .settings-list .mCSB_container
{
    padding-right: 70px;
}

.widget-settings > .settings-list .mCSB_scrollTools
{
    right: 0;
}

.widget-settings > .settings-list .h2
{
    color: #ed6e47;
}

.widget-settings > .settings-list .h3
{
    color: #543e40;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 30px;
}

.widget-settings > .previews
{
    width: 53%;
    padding-left: 50px;
}

.settings-row
{
    margin: 35px 0;
    overflow: hidden;
}

.settings-row > .settings-col
{
    float: left;
    border-right: 1px solid #e5e0e1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
}

.settings-row > .settings-col:first-child
{
    padding-left: 15px;
}

.settings-row > .settings-col:last-child
{
    border-right: none;
    padding-right: 0;
}

.settings-row.-half > .settings-col
{
    width: 50%;
}

.settings-row.-half .checkbox-input
{
    padding-left: 40px;
}

.settings-list .customer-chat-content-row
{
    height: auto;
    padding: 0;
    margin-bottom: 15px;
    margin-left: 18px;
}

.settings-col .customer-chat-content-row
{
    margin-left: 0;
}

.settings-col .customer-chat-label
{
    width: 45px;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 14px;
    line-height: 16px;
    /*text-align: center;*/
    overflow: hidden;
}

.settings-list .image-input-row .customer-chat-label
{
    width: auto;
    display: block;
    margin-right: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: left;
}

.settings-list input[type="text"],
.settings-list select,
.settings-list textarea,
.settings-list .color-input
{
    display: inline-block;
    width: 170px;
    vertical-align: middle;
}

.settings-list textarea
{
    height: 80px;
    font-size: 12px;
    line-height: 1.2em;
    padding: 10px;
    vertical-align: top;
}

/* color-input */

.color-input
{
    position: relative;
}

.color-input > .preview
{
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e0d7d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.color-input > .input
{
    padding-left: 35px;
}

/* rich-select */

.rich-select > .item
{
    height: 105px;
    line-height: 105px;
    vertical-align: middle;
    padding-left: 55px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #543e40;
    background: url(../img/redesign/icon-checkbox-unchecked.png) no-repeat 18px center;
    cursor: pointer;
}

.rich-select > .item:hover
{
    background-color: #f9f9f9;
}

.rich-select > .item.-selected
{
    background-image: url(../img/redesign/icon-checkbox-checked.png);
    background-color: #f6f6f6;
}

.rich-select > .item:after
{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: url(../img/redesign/bg-rich-select-border.png) repeat-x;
}

.rich-select > .item > .image
{
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* checkbox-input */

.checkbox-input
{
    padding-left: 60px;
    background: url(../img/redesign/icon-checkbox-unchecked.png) no-repeat left center;
    cursor: pointer;
}

.checkbox-input.-selected
{
    background-image: url(../img/redesign/icon-checkbox-checked.png);
}

.checkbox-input.-toggle
{
    display: inline-block;
    position: relative;
    padding: 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    width: 50px;
    height: 24px;
    background-image: none;
    background-color: #d4cbcd;
}

.checkbox-input.-toggle:hover
{
    background-color: #e6e6e6;
}

.checkbox-input.-toggle.-selected
{
    background-image: none;
    background-color: #48aff0;
}

.checkbox-input.-toggle.-selected:hover
{
    background-color: #99ceef;
}

.checkbox-input.-toggle:after
{
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.checkbox-input.-toggle.-selected:after
{
    left: auto;
    right: 2px;
}

.checkbox-input > input
{
    position: fixed;
    right: 100%;
    bottom: 100%;
    width: 0;
    height: 0;
    opacity: 0;
}

/* radio-input */

.radio-input
{
    display: inline-block;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    vertical-align: middle;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.radio-input > .item
{
    float: left;
    padding: 0 12px;
    font-size: 10px;
    font-weight: bold;
    line-height: 22px;
    vertical-align: middle;
    color: #666;
    cursor: pointer;

    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #d9d9d9;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMTIlIiB4Mj0iNTAlIiB5Mj0iLTEyJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(bottom, #e6e6e6 -12%, #fff 112%);
    background-image: -o-linear-gradient(bottom, #e6e6e6 -12%, #fff 112%);
    background-image: -webkit-linear-gradient(bottom, #e6e6e6 -12%, #fff 112%);
    background-image: linear-gradient(bottom, #e6e6e6 -12%, #fff 112%);
}

.radio-input > .item:hover
{
    background: #e6e6e6;
}

.radio-input > .item.-selected
{
    float: left;
    padding: 0 12px;
    font-size: 10px;
    line-height: 22px;
    vertical-align: middle;
    color: #666;
    background: #d9d9d9;
}

.radio-input > .input
{
    position: fixed;
    right: 100%;
    bottom: 100%;
    width: 0;
    height: 0;
    opacity: 0;
}

/* range-input */

.range-input
{
    display: inline-block;
    vertical-align: middle;
}

.range-input > .track
{
    position: relative;
    background: #f6f6f6;
    width: 250px;
    height: 12px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
}

.range-input:hover > .track
{
    background: #ececec;
}

.range-input > .track > .thumb
{
    position: absolute;
    background: #bcbcbc;
    width: 45px;
    height: 12px;
    /*margin-left: -27px;*/
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

/* chat-button-offline section */

.chat-button-offline
{
    position: relative;
}

.settings-row.-half .chat-button-offline .checkbox-input.setting-hideWhenOffline
{
    position: absolute;
    top: -49px;
    font-size: 12px;
    left: 115px;
    width: 80px;
    line-height: 12px;
    padding-left: 30px;
}

/* eye-catcher section */

.eye-catcher
{
    position: relative;
    margin-bottom: 40px;
}

.eye-catcher > div:first-child > .customer-chat-content-row:first-child
{
    margin: 0;
    overflow: hidden;
}

.settings-list .eye-catcher textarea
{
    width: 300px;
}

.eye-catcher .customer-chat-label
{
    width: 45px;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 14px;
    line-height: 16px;
    /*text-align: center;*/
    overflow: hidden;
}

.eye-catcher .setting-attentionGrabberShow
{
    position: absolute;
    top: -35px;
    right: 0;
}

.eye-catcher .setting-attentionGrabber
{
    margin-bottom: 35px;
}

/* chat-window section */

.chat-window .setting-widgetTheme
{
    margin-bottom: 35px;
}

/* chat-window-form section */

.chat-window-form .customer-chat-label
{
    width: 230px;
}

/* New widget settings tab, preview */

.widget-settings > .previews
{
    position: relative;
}

.widget-settings > .previews .reset
{
    height: 35px;
    line-height: 35px;
    float: right;
}

.widget-settings > .previews > .info
{
    margin-bottom: 30px;
}

.widget-settings > .previews > .info a
{
    text-decoration: underline;
    color: #f3682a;
}

.widget-settings > .previews > .preview
{
    width: 100%;
    height: 600px;
    border: none;
    outline: none;
    transition: all 200ms ease;
}

.widget-settings > .previews.-loading > .preview
{
    opacity: 0;
}

.widget-settings > .previews > .loading-icon
{
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -17px;
    margin-top: -17px;
}

.widget-settings > .previews.-loading > .loading-icon
{
    display: block;
}

/* New online section */

.section-online
{
    padding: 25px;
}

.online-users-table
{
    width: 100%;
    margin-bottom: 160px;
    table-layout: fixed;
}

.-no-visitors .online-users-table.-visitors
{
    margin-bottom: 500px;
}

.online-users-table th,
.online-users-table td
{
    padding: 0 30px 24px 30px;
    border-bottom: 2px solid #c9bec0;
    text-align: center;
    width: 17.5%;
}

.online-users-table .numbercell
{
    width: 10%;
}

.online-users-table .citycell
{
    position: relative;
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
}

.online-users-table .flag
{
    margin-right: 16px;
}

.online-users-table .flag.-empty
{
    display: none;
}

.online-users-table.-operators th,
.online-users-table.-operators td
{
    width: 17.5%;
}

.online-users-table.-operators th.numbercell,
.online-users-table.-operators td.numbercell
{
    width: 10%;
}

.online-users-table th:first-child,
.online-users-table td:first-child
{
    text-align: left;
}

.online-users-table.-operators .spacingcell
{
    width: 20%;
}

.online-users-table .userrow:hover
{
    background: #eee;
}

.online-users-table .userrow .newmessage,
.online-users-table .userrow .automessage,
.online-users-table .userrow .answered,
.online-users-table .userrow .talking
{
    display: none;
    vertical-align: middle;
}

.online-users-table .userrow.-newmessage  .newmessage,
.online-users-table .userrow.-automessage .automessage,
.online-users-table .userrow.-answered    .answered,
.online-users-table .userrow.-talking     .talking
{
    display: inline-block;
}

@keyframes fade-out
{
    from { opacity: 1; }
    to   { opacity: 0; }
}

.online-users-table .userrow.-newmessage .newmessage
{
    animation: ease 0.5s fade-out infinite alternate;
}

.online-users-table td
{
    height: 52px;
    line-height: 52px;
    vertical-align: middle;
    padding: 0 30px;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #e0d7d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.online-users-table .username
{
    color: #ed6e47;
}

.visitors-placeholder
{
    display: none;
    position: absolute;
    top: 120px;
    left: 50%;
    padding: 10px 10px 0 10px;
    transform: translateX(-50%);
    font-weight: bold;
    text-align: center;
    background: rgba(255, 255, 255, 0.7);
}

.-no-visitors .visitors-placeholder
{
    display: block;
}

/* New talks view */

.talks-view
{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    z-index: 2100;
    background: rgba(54, 56, 69, 0.69);
}

.talk-tabs
{
    position: relative;
    padding: 100px;
}

.talk-tabs > .close
{
    position: absolute;
    z-index: 1100;
    right: 124px;
    top: 158px;
}

.talk-tabs > .close:hover
{
    opacity: 0.7;
}

.talk-tabs .chat-wrapper .customer-chat-tab
{
    color: #4b3d3f;
    border: none;
    background: #ededed;
    padding: 0 40px 0 30px;
    margin-right: 1px;

    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.talk-tabs .chat-wrapper .customer-chat-tab-button.customer-chat-active
{
    background: #fff;
    color: #ed6e47;
    font-weight: bold;
}

.talk-tabs .chat-wrapper .customer-chat-tab-button .new-msg
{
    animation: ease 0.5s fade-out infinite alternate;
}

.talk-tabs .chat-wrapper .customer-chat-tab-button.customer-chat-active .close
{
    opacity: 0.7;
}

/* Chat popup */

.chat-popup
{
    background: #f0f0f0;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.39);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.39);
}

.chat-header-bar
{
    background: #fff;
    padding: 10px 30px;
    line-height: 32px;
}

.chat-header-bar > .visitorname
{
    color: #4b3d3f;
    font-size: 18px;
    font-weight: bold;
}

.chat-header-bar > .visitorname,
.chat-header-bar > .flag,
.chat-header-bar > .transfer
{
    margin-right: 22px;
    vertical-align: middle;
}

.chat-header-bar > .flag.-empty
{
    display: none;
}

.chat-header-bar > .transfer
{
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
}

.chat-popup > .content
{
    position: relative;
    overflow: hidden;
    padding: 12px;
    min-height: 700px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.chat-popup > .content > .chat-box
{
    position: absolute;
    width: auto;
    height: auto;
    top: 12px;
    left: 12px;
    bottom: 12px;
    right: 375px;
    border: none;
    background: none;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.chat-popup > .content > .chat-box > .file-drop-zone-effect
{
    border: 1px solid #e0d7d8;
    height: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.chat-popup > .content > .chat-box .customer-chat-content-messages
{
    position: absolute;
    top: 0;
    bottom: 118px;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    padding-bottom: 0;
    border: 1px solid #e0d7d8;
    background: #fff;
}

.chat-popup > .content > .chat-box .customer-chat-content-message-input
{
    background: #fff;
    border: 1px solid #e0d7d8;
}

.chat-popup > .content > .chat-box .customer-chat-content-message-input .file-button
{
    right: 35px;
}

.chat-popup > .content > .chat-box .customer-chat-content-message-input .customer-chat-content-message-emots-button
{
    right: 85px;
}

.chat-popup > .content > .chat-box .customer-chat-content-message-input-field:hover
{
    background: #f0f0f0;
}

.chat-popup > .content > .chat-box .customer-chat-emots-menu
{
    left: auto;
    width: 330px;
    right: 0;
    border-color: #e0d7d8;
}

.chat-popup > .content > .user-info-section
{
    float: right;
    width: 340px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* -operators-talk state */

.chat-popup.-operators-talk > .content > .chat-box
{
    right: 12px;
}

.chat-popup.-operators-talk > .content > .user-info-section
{
    display: none;
}

/* -history-talk state */

.chat-popup.-history-talk > .content > .chat-box
{
    bottom: 12px;
}

.chat-popup.-history-talk > .content > .chat-box .customer-chat-content-messages
{
    bottom: 0;
}

.chat-popup.-history-talk .transfer,
.chat-popup.-history-talk > .content .customer-chat-content-message-input,
.chat-popup.-history-talk > .content .actions,
.chat-popup.-history-talk > .content .mapbutton,
.chat-popup.-history-talk > .content .leave
{
    display: none;
}

/* -pre-init state */

.chat-popup.-pre-init > .content > .chat-box
{
    bottom: 12px;
}

.chat-popup.-pre-init > .content > .chat-box .customer-chat-content-messages
{
    bottom: 0;
}

.chat-popup.-pre-init .transfer,
.chat-popup.-pre-init > .content .customer-chat-content-message-input,
.chat-popup.-pre-init > .content .actions,
.chat-popup.-pre-init > .content .mapbutton,
.chat-popup.-pre-init > .content .leave
{
    display: none;
}

.chat-popup > .content .pre-init-info
{
    display: none;
}

.chat-popup.-pre-init > .content .pre-init-info
{
    display: block;
}

.pre-init-info
{
    position: absolute;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.loading-info
{
    display: none;
}

.loading-info > .loading
{
    vertical-align: middle;
    margin-top: -2px;
}

/* User info section */

.user-info-section .box
{
    background: #f6f6f6;
    border: 1px solid #e0d7d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px;
}

.user-info-section > .user-info-edit-form,
.user-info-section > .currenturl,
.user-info-section > .user-stats
{
    margin-top: -1px;
    margin-bottom: 24px;
}

.user-info-section .currenturl .label
{
    display: block;
    color: #4b3d3f;
    font-weight: bold;
}

.user-info-section .currenturl .value
{
    display: block;
    color: #ed6e47;
    text-decoration: underline;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
}

.user-info-edit-form
{
    position: relative;
}

.user-info-edit-form .avatar
{
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #e0d7d8;
}

.user-info-edit-form .row
{
    position: relative;
    margin-bottom: 24px;
}

.user-info-edit-form .rightcol
{
    position: absolute;
    top: 0;
    left: 110px;
    right: 0;
}

.user-info-edit-form .name,
.user-info-edit-form .mail,
.user-info-edit-form .description
{
    display: block;
    width: 100%;
}

.user-info-edit-form .name
{
    margin-bottom: 14px;
}

.user-info-edit-form .description
{
    width: 100%;
    height: 115px;
    line-height: 1.5em;
    padding-top: 10px;
    padding-bottom: 10px;
}

.user-info-edit-form .loading
{
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -17px;
    margin-top: -17px;
}

/* -loading state */

.user-info-edit-form.-loading
{
    background: #fff;
}

.user-info-edit-form.-loading .loading
{
    display: block;
}

.user-info-edit-form.-loading .avatar,
.user-info-edit-form.-loading .name,
.user-info-edit-form.-loading .mail,
.user-info-edit-form.-loading .description
{
    opacity: 0;
}

.user-stats
{
    overflow: hidden;
}

.user-stats > .box
{
    float: left;
    width: 29.33333%;
    margin-right: 6%;
    padding-top: 0;
    padding-bottom: 3px;
}

.user-stats > .box:last-child
{
    margin-right: 0;
}

.user-stats > .box > .value
{
    display: block;
    text-align: center;
    color: #4b3d3f;
    font-size: 24px;
    font-weight: bold;
}

.user-stats > .box > .label
{
    display: block;
    text-align: center;
    color: #4b3d3f;
    font-size: 12px;
}

.user-info-section > .user-info
{
    min-height: 336px;
}

.user-info-section > .user-info > .row
{
    overflow: hidden;
    margin-bottom: 8px;
}

.user-info-section > .user-info .name,
.user-info-section > .user-info .value
{
    display: block;
    float: left;
}

.user-info-section > .user-info .name
{
    min-width: 100px;
    color: #4b3d3f;
    font-weight: bold;
}

.user-info-section > .user-info > .mapbutton
{
    margin-top: 40px;
    padding: 0 20px;
    margin-bottom: 20px;
}

.user-info-section > .user-info > .mapbutton > .ico
{
    left: -5px;
}

.user-info-section > .user-info.-nogeoloc > .mapbutton
{
    display: none;
}

.user-info-section > .user-info .leave > .fa
{
    position: relative;
    left: -10px;
}

/* Auto messages */

.auto-message .customer-chat-content-message-body
{
    padding-right: 200px;
}

.auto-message .customer-chat-content-message-auto
{
    display: inline-block;
    font-size: 10px;
    background-color: #35a1ed;
    color: #fff;
    font-weight: bold;
    vertical-align: middle;
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    text-transform: uppercase;
    position: absolute;
    right: 37px;
    top: 60px;
}

/* Updater */

.section-updater
{
    display: none;
}

/* New message list */

.content__message-list
{
    padding: 20px;
}
.content__message {
  margin-bottom: 22px;
  overflow: hidden;
}
.content__message p {
  margin: 0;
}
.content__message .text {
  border-radius: 8px;
  font-size: 12px;
  padding: 12px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 7px;
  max-width: 100%;
  box-sizing: border-box;
}
.content__message .date {
  color: #afafaf;
  font-size: 12px;
  display: block;
  width: 100%;
  clear: both;
}

.content__message--me {
  text-align: right;
}
.content__message--me .text {
  background-color: #6431c2;
  color: #fff;
  float: right;
  border-bottom-right-radius: 0;
}

.content__message--you {
  text-align: left;
}
.content__message--you .text {
  background-color: #f2f2f2;
  color: #444444;
  float: left;
  border-top-left-radius: 0;
}

.content__message--avatar {
  display: flex;
  align-items: flex-start;
}
.content__message--avatar .avatar {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.content__message--avatar.content__message--reversed .avatar
{
    margin-right: 0;
    margin-left: 10px;
}
.content__message--avatar .avatar img {
  max-width: 100%;
}
.content__message--avatar .answer {
  width: calc(100% - 30px);
}

.content__message .file-message
{
    margin: 0;
    padding: 0;
    border: none;
}

.content__message--me .file-message .file-size,
.content__message--me .file-message .file-icon
{
    color: #fff;
}

.content__message .icon
{
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    display: inline-block;
}

.content__message .file-message .loading-anim
{
    display: none;
}

.content__message--system .text
{
    color: #ed6e47;
    font-style: italic;
    background: none;
    padding: 0;
}

.content__message--system .avatar
{
    text-align: center;
    position: relative;
    top: 1px;
    visibility: hidden;
}

.auto-message-label
{
    display: none;
    text-align: right;
}

.auto-message-label > .label
{
    display: inline-block;
    color: #fff;
    background: #35a1ed;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 8px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.content__message--auto-message .auto-message-label
{
    display: block;
}

.content__message--auto-message .text
{
    float: right;
    color: #fff;
    background: #35a1ed;
}

.customer-chat-emots-menu
{
    display: flex;
    justify-items: space-around;
    flex-wrap: wrap;
}
.emoji__item {
  width: calc(100% / 8);
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  cursor: pointer;
}
.emoji__item .icon {
  width: 25px;
  height: 25px;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  display: inline-block;
  transition: all .3s;
}
.emoji__item .icon img, .emoji__item .icon svg {
  width: 25px;
  height: 25px;
  display: block;
}
.emoji__item:hover .icon {
  transform: scale(1.2, 1.2);
}