/**
  * General settings
  **/
html {
    overflow: hidden;
    -webkit-text-size-adjust: none;
}

body {
    overflow: hidden;
}

html,body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-family: Arial,Helvetica,Liberation Sans,DejaVu Sans,sans-serif;
    background-color: #ffffff;
    color: #333333;
}

input:focus,select:focus,textarea:focus {
    outline: 2px solid #5197ff;
}

hr{
    border: 0;
    height: 0;
    border-top: 1px dotted #666;
}

.fa {
    color: #808080;
    text-shadow:none;
    text-align:left;
}

table{
    width:100%;
}
.lzm-unselectable:not(.lzm-allow-copy) {
    user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.lzm-allow-copy {
    user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
}

.lzm-noclick {
    cursor: default !important;
    pointer-events: none;
}

.ui-disabled {
    z-index: 1;
    cursor: default !important;
    pointer-events: none;
    filter: Alpha(Opacity=30);
    opacity: .5;
    zoom: 1;
}

.ui-invisible {
    z-index: 1;
    cursor: default !important;
    pointer-events: none;
    filter: Alpha(Opacity=0);
    opacity: .0;
    zoom: 1;
}

.lz_chat_link{color:#5197ff;text-decoration:underline; display:inline-block;white-space: nowrap;}
.lz_chat_link_no_icon{color:#5197ff;text-decoration:underline; display:inline-block;white-space: nowrap;}
.lz_chat_file{color:#5197ff;text-decoration:underline; display:inline-block;white-space: nowrap;}
.lz_chat_file_no_icon{color:#5197ff;text-decoration:underline; display:inline-block;white-space: nowrap;}
.lz_chat_mail{color:#5197ff;text-decoration:underline; display:inline-block;white-space: nowrap;}
.lz_chat_mail_no_icon{color:#5197ff;text-decoration:underline; display:inline-block;white-space: nowrap;}
.lz_chat_human{color:#5197ff;text-decoration:underline; display:inline-block;white-space: nowrap;}
.lz_chat_human_no_icon{color:#5197ff;text-decoration:underline; display:inline-block;white-space: nowrap;}
.lz_chat_accept{color:#5197ff;text-decoration:underline; display:inline-block;white-space: nowrap;}
.lz_chat_accept_no_icon{color:#5197ff;text-decoration:underline; display:inline-block;white-space: nowrap;}
.lz_chat_decline{color:#e34e4e;text-decoration:underline; display:inline-block;white-space: nowrap;}
.lz_chat_decline_no_icon{color:#e34e4e;text-decoration:underline; display:inline-block;white-space: nowrap;}

@font-face {
    font-family: 'tzu2';
    src: url('./../../fonts/roboto-regular-webfont.eot');
    src: url('./../../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('./../../fonts/roboto-regular-webfont.woff2') format('woff2'),
    url('./../../fonts/roboto-regular-webfont.woff') format('woff'),
    url('./../../fonts/roboto-regular-webfont.ttf') format('truetype'),
    url('./../../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lzm-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0;
    background: #ffffff;
}

.lzm-dialog-headline, .lzm-dialog-headline2, .lzm-dialog-body, .lzm-dialog-footline {
    position: absolute;
    left: 0;
    right: 0;
    color: #333333;
    text-shadow: none;
    background-image: none;
    margin: 0;

}

.lzm-dialog-headline {
    top: 0;
    height: 23px;
    border-radius: 0;
    font-weight: bold;
    font-size: 10px;
    line-height: 0;
    text-align: left;
    padding-left: 10px;
    background:#f6f6f6;
    border-bottom:1px solid #74b924;
}

#qrd-tree-headline.lzm-dialog-headline, #chat-container-headline.lzm-dialog-headline{
    border-bottom:0;
}

.lzm-dialog-headline2 {
    top: 25px;
    height: 25px;
    padding: 4px 0 0 0;
    font-size: 12px;
    background-color: #ededed;
    border-bottom: 1px solid #ccc;
}

.lzm-dialog-headline3 {
    min-height: 25px;
    padding: 3px 0 1px 0;
    background-color: #ededed;
    border-bottom: 1px solid #ccc;
}

.lzm-dialog-headline3 div, .lzm-dialog-headline3 span{
    white-space: nowrap;
    overflow:hidden;
    padding:4px 6px;
}

.lzm-dialog-headline4 {
    padding: 5px;
    background-color: #ededed;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ddd;
    margin-bottom: 1px;
}

.lzm-dialog-headline4 span{
    padding: 3px;
    white-space: nowrap;
    overflow:hidden;
}

.lzm-dialog-headline5 {
    min-height: 5px;
    background-color: #f6f6f6;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom:1px;
}

.lzm-info-text{
    font-size:12px !important;
    color:#666;
}

.lzm-dialog-body {
    padding: 0;
}

.lzm-dialog-footline {
    bottom: 0;
    height: 22px;
    padding: 8px 0 0 0;
    background-color: #f1f1f1;
    border-top:1px solid #ccc;
    font-size:12px;
}

.lzm-dialog-hl2-info {
    float:left;
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
    margin-left: 9px;
}

.lzm-block{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2147483647;
    background-color: rgba(0,0,0,0.7);
    overflow-y: auto;
}

.lzm-block-message{
    background-color: #f1f1f1;
    position: absolute;
    padding: 20px;
    border: 5px solid #aaa;
    color: #888;
    border-radius: 4px;
    overflow: hidden;
    text-align:center;
    font-size: 16px;
    font-weight: bold;
}

/********** Table styles **********/
.visible-list-table td, .visible-list-table th, .attachment-comment-table td, .attachment-comment-table th {
    text-align: left;
    padding: 4px 6px;
    white-space: nowrap;
    font-size:12px;
}

.visible-list-table td.button-field{
    padding:1px 4px !important;
}

.visible-list-table th{
    padding: 4px 0 4px 4px;
}

.alternating-rows-table{
    border-spacing:0;
    width:100%;
    cursor:pointer;
}

.alternating-rows-table th, .alternating-rows-table td{
    font-size:12px;
}

.alternating-rows-table tbody tr:nth-child(odd) td {
    background-color: #fafafa;
    border-top: 0;
    border-bottom: 0;
}

.alternating-rows-table tbody tr:nth-child(even) td {
    background-color: #ffffff;
    border-top: 0;
    border-bottom: 0;
}

.border-s{
    border:1px solid #ccc;
    min-height:70px;
}

.visible-list-table{
    border-spacing: 0;
}

.visible-list-table td i.fa {
    font-size: 16px;
}

.selected-table-line td, .selected-table-line th, .selected-panel-settings-line, .selected-op-table-line {
    text-shadow: none;
}

.split-table-line td,.split-table-line th{
    border-bottom: 1px dotted #aaa !important;
    border-top:5px solid #fff !important;
    background:#fff !important;
    cursor:default !important;
}

.split-table-line b{
    color:#397de2;
}

.selected-table-line td:not(.nobg), .selected-table-line th, .selected-table-line a, .selected-panel-settings-line:not(.android), .selected-op-table-line {
    background-color: #5197ff !important;
    background-image: none !important;
    color:#fff;
}

.selected-table-line th span{
    color:#fff;
}

.selected-table-line td span.lzm-info-text{
    color:#eee;
}

.selected-table-line td.noibg {
    background-color: #e1edff !important;
}

.selected-table-line:not(.nobg) td, .selected-table-line th, .selected-op-table-line {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.selected-table-line td:not(.noibg) *:not(.nic), .selected-table-line th *:not(.nic) {
    color:#fff !important;
}

.visible-list-table th, .attachment-comment-table th {
    background:transparent linear-gradient(180deg, #ededed 95%, #cccccc 100%) repeat scroll 0 0;
    border-right:1px dotted #ccc;
    color:#666;
    padding:4px 8px;
    font-weight: normal;
    position:relative;
}

.visitor-list-flag{
    background-position: center center;
    background-size:14px 14px;
    border-radius:50%;
    opacity:0.8;
    box-shadow:1px 1px 2px #666;
    width:14px;
    height:14px;
}

.visitor-list-line-removed td{
    background:#d03f3f !important;
    color:#fff !important;
}

.visitor-list-line-added td{
    background:#74b924 !important;
    color:#fff !important;
}

.visitor-list-line-added td *,.visitor-list-line-removed td *{
    color:#fff !important;
}

.visitor-list-line-updated td{
    background:#feffd4 !important;
}


.allchats-operator-line td:nth-child(2) div{

    display:inline-block;
    height:14px;
    width:14px;
    background-size:14px 14px;
}

.code-box{
    padding: 10px;
    text-align: center;
    font-family: courier;
    max-width:350px;
}

#all-chats-preview
{
    border-left:1px solid #ccc !important;
    position:absolute;
    width: 400px;
    right: 0;
    bottom: 0;
}

#all-chats-preview-logo,#all-chats-preview-loading{
    position:absolute;
    top:15%;
    left:10px;
    right:10px;
    text-align:center;
    padding:50px;
 }

#all-chats-preview-loading span{
    padding:10px;
    margin-top:70px;
}

#all-chats-preview-logo i{
    font-size:160px;
}

#all-chats-preview-inner{
    position:absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    text-align:left;
    word-break: break-word;
}

#all-chats-list
{
    margin-bottom: 100px;
}

#all-chats-list #waiting_time
{
    text-align:center;
    width:100px;
}

#all-chats-actions
{
    position:absolute;
    left:1px;
    bottom:0;
    z-index:1;
    border-top:1px solid #ccc;
    padding:15px 0;
    background:#f6f6f6;
}

.allchats-missed-line td{
    background:#fafafa !important;
    color:#999;
}

.break-line{
    white-space:normal !important;
    word-wrap:normal !important;
}

.bg_icon{
    opacity:0.07;
    z-index:1;
}

#bg_icon_lb{
    margin:0 0 -15vw -15vw;
    font-size:40.0vw;
}

#bg_icon_tr{
    margin:-15vw -15vw 0 0;
    font-size:40.0vw;
}

.icon-light{
    color:#bbb !important;
}

.icon-column{
    text-align:center !important;
    width:20px;
}

.icon-green{
    color:#74b924 !important;
}

.icon-blue, .icon-public{
    color:#3399ff !important;
}

.icon-public{
    position:relative;
    left:-10px !important;
    margin-right:-9px;
    top:5px !important;
    font-size: 10px !important;
    height:9px;
    width:9px !important;
}

.icon-gray {
    color: #eee;
    text-shadow:
        -1px -1px 0 #a9a9a9,
        1px -1px 0 #a9a9a9,
        -1px 1px 0 #a9a9a9,
        1px 1px 0 #a9a9a9;
}

.icon-orange{
    color:#ff7800 !important;
}

.icon-red{
    color:#d40000 !important;
}

.icon-flip-hor{
    transform: scale(-1, 1);
}

.icon-large{
    font-size:18px !important;
}

.icon-xl{
      font-size:26px !important;
}

.icon-xxxl{
    font-size:100px !important;
}

.icon-small{
    font-size:12px !important;
}

.icon-member-status{
    font-size:16px !important;
    padding: 0 1px 0 4px;
}

.table-icon{
    font-size:15px;
}

.text-green{
    color:#5f991d;
}

.text-orange{
    color:#ff5400;/*#ff7800*/;
}

.text-red{
    color:#d40000;
}

.text-blue{
    color:#5197ff;
}

.text-gray{
    color:#808080 !important;
}

.text-white{
    color:#fff;
}

.text-regular{
    font-weight: normal !important;
}

.text-up{
    font-size: 11px;position: relative;bottom: 5px;font-weight: bold;
}

.text-s{
    font-size:11px !important;
}

.text-xl{
    font-weight: bold;
    font-size:14px;
}

.text-xxl{
    font-weight: bold !important;
    font-size:16px !important;
}

.text-xxxl{
    font-weight: bold !important;
    font-size:28px !important;
    text-align:center;
}

.text-bold{
    font-weight: bold !important;
}

.text-center{
    text-align: center !important;
}

.text-left{
    text-align: left !important;
}

.text-info{
    font-size:12px;
    background:#ffffe1 !important;
    padding:10px;
}

.bg-red{
    background: #fff5f5 !important;
}

.bg-orange{
    background: #fffbf5 !important;
}

.bg-green{
    background: #f5fff5 !important;
}

.bg-blue{
    background: #5197ff !important;
}

/********** Context menu styles **********/

div.cm{
    background-color: #fff;
    position: absolute;
    border: 1px solid #8c8c8c;
    z-index: 10;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
    min-width: 170px;
}

div.cm hr{
    border: 0;
    height: 0;
    border-top: 1px dotted #999;
    margin:0;
}

div.cm i.fa {
    width:20px;
    color:#ccc;
    text-align:center;
}

div.cm div {
    padding:5px;
    cursor:pointer;
}

div.cm div:hover {
    color:#fff;
    background:#8c8c8c;
}

div.cm div:hover i.fa{
    color:#fff !important;
}

span.cm-line {
    margin-left: 5px;
    padding: 1px 0 1px 20px;
    text-shadow: none;
    display: inline-block;
    white-space: nowrap;
    font-size:12px;
    cursor:pointer;
}

span.cm-line-icon-left {
    padding: 1px 0 1px 0;
}

.cm-click {
    cursor:pointer;
}

.lzm-ctxt-right-fa {
    float: right;
    margin-top: 2px;
}

.lzm-ctxt-left-fa {
    margin-top: 2px;
}

/********** Misc **********/
input::-ms-clear {
    display: none;
}

input::-ms-reveal {
    display: none;
}

.top-space{
    margin-top:10px !important;
}

tr.top-space td{
    padding-top:10px !important;
}

.top-space-half{
    margin-top:5px !important;
}

tr.top-space-half td{
    padding-top:5px !important;
}

left-space-child.top-space{
    margin-top:10px !important;
}

.top-space-double{
    margin-top:20px !important;
}

.bottom-space{
    margin-bottom:10px !important;
}

.bottom-space-double{
    margin-bottom:20px !important;
}

.left-space{
    margin-left:10px !important;
}

.left-space-child{
    margin-left:26px !important;
}

.left-space-child div.lzm-select-{
    max-width: 674px;
}

.left-button-list{
    float: left; padding-top: 4px;
}
.right-button-list{
    float: right; padding-top: 4px;
}

.password-strength{
    background-color: #f1f1f1;
    border-radius:5px;
    margin:10px;
    padding:4px;
}

html, body {
    background-color: #ffffff;
}

#ldap-search {
    min-width:650px;
}

#umg-control-panel, #umg-content {
    position: absolute;
    left: 0;
    right: 0;
}

#umg-control-panel {
    top: 1px;
    height: 24px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
    padding: 10px 5px 0 5px;
}

#umg-content {
    top: 36px;
    bottom: 0;
    background-color: #ffffff;
}

#umg-content-inner {
    background-color: #ffffff;
    overflow: auto;
    width:100%;
    height:100%;
}

#umg-edit-view, #umg-input-view {
    overflow: auto;
}

.umg-list-placeholder-content{
    position:absolute;
    top: 25px;
    left:0;
    right:0;
    bottom:0;
}

.operator-list-line, .operator-forwardlist-line, .group-list-line, .social-media-list-line, .signature-list-line, .text-emails-list-line, .group-title-line, .gr-oh-list-line {
    cursor: pointer;
}

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
}

#matching-chats-table, #filters-table, #events-table, #events-actions-table, #events-conditions-table, #feedbacks-table,#attachment-table{
    margin-top:1px;
}

.lzm-list-div, #dynamic-group-table-div, #mobile-account-subconfig {
    border: 1px solid #cccccc;
    padding: 5px;
    margin: 0;
    min-height:100px;
    box-sizing:border-box;
}

#chat_page {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

#chat {
    position: absolute;
    left: 0;
    right: 0;
    top: 64px;
    bottom: 0;
    display: block;
}

#startpage-body, #geotracking-body{
    top: 1px;
}

#qrd-tree-placeholder-content-0,#qrd-tree-placeholder-content-1{
    padding-top:32px;
}

#all-resources{
    overflow:auto;
}

#all-resources-preview{
    position:absolute;
    right:0;
    top:56px !important;
    overflow:auto;
    padding:10px;
    border-left: 1px solid #ccc;
    box-shadow: -3px 0px 5px #eee;
}

#qrd-tree-body{
    top:0;
}

#ticket-list-body, #visitor-list-table-div, #archive-body, #report-list-body {
    top: 56px;
}

#startpage-body, #visitor-list-table-div, #operator-list-body  {
    bottom: 0;
}

#geotracking-body, #ticket-list-body, #archive-body, #qrd-tree-body, #report-list-body {
    bottom: 32px;
}

#archive-body, #report-list-body, #ticket-list-left, #archive-list-left {
    overflow: auto;
}

#visitor-list-headline2, #qrd-tree-body, #startpage-body, #ticket-list-right, #archive-list-right {
    text-align: left;
}

#operator-list-body, #visitor-list-table-div {
    overflow: auto;
}

.table-div{cursor:pointer;}

#operator-list-body {
    top:30px;
    position:absolute;
    left:0;
    right:0;
}

#startpage-body {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#geotracking-body {
    padding: 0;
}

#geotracking-iframe {
    border: 0;
    width:100%;
    height:100%;
}

#archive-list-left, #ticket-list-right, #ticket-list-tree {
    position: absolute;
    top: 0;
    bottom: 0;
    border-right: 1px solid #ccc;
    background-color: #fff;
}

#ticket-list-left, #ticket-list-right, #ticket-list-tree, #archive-list-left, #archive-list-right, #all-chats-tree, #visitor-list-table-div {
    position: absolute;
    top: 0;
    bottom: 0;
    border-right: 1px solid #ccc;
    background-color: #fff;
}

.ticket-button-panel{
    position: absolute;
    left:0;
    bottom:0;
    text-align: center;
    right:0;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    background-color: #f6f6f6;
}

.ticket-button-panel > span{
    display:inline-block;
    padding:6px;
    margin:8px 0;
}

.ticket-button-panel > span > span{
    font-size:12px;
}

.ticket-button-panel > span > i{
    margin:0 !important;
}

#ticket-list-actions {
    position: absolute;
    height: 30px;
    padding: 7px 0 0 0;
    bottom: 0;
    right:0;
    width: 330px;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
    background-color: #f6f6f6;
}

#ticket-list-comments {
    padding:15px 0 0 0;
    border-bottom:1px solid #ccc;
    background:#fbfbfb;
    box-sizing:border-box;
    text-align:center;
    margin:-10px -10px 15px -10px;
}

#ticket-list-search-settings{
    position:absolute;
    background:#ededed;
    border:1px solid #ccc;
    border-top: 0;
    padding:5px;
    width:208px;
    display:none;
    top:54px;
    text-align:left;
    right:16px;
}

#ticket-list-left {
    left: 0;
    right: 330px;
}

#ticket-list-tree,#all-chats-tree {
    left: 0;
    padding: 0 0 0 0;
    text-align: left;
    font-size:12px;
}

#ticket-list-tree div:not(.ticket-button-panel), #all-chats-tree div{
    padding:6px;
    cursor:pointer;
    border: 0 !important;
    border-bottom:1px dotted #eee !important;
}

.selected-treeview-div{
    background:#5197ff;
}

.selected-treeview-div,.selected-treeview-div *{
    color:#fff !important;
}

#ticket-list-tree i, #all-chats-tree i{
    margin:0 5px;
}

#ticket-list-right, #archive-list-right {
    width: 310px;
    right: 0;
    bottom: 30px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    border:0;
}

#archive-list-right{
    width:449px;
    padding:0;
    bottom:0;
    box-sizing: border-box;
}

#search-ticket, #search-archive, #search-resource, #d-search-resource {
    width: 100%;
    height: 100%;
    background:transparent;
    border:0;
    padding:2px 20px 0 4px;
}

#search-ticket-container, #search-archive-container {
    position: absolute;
    top: 3px;
    right: 4px;
}

#search-resource-container, #d-search-resource-container {
    width: 207px;
}

/********** Chat Container **********/
#active-chat-panel {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: left;
    background:#f6f6f6;
    border-bottom: 1px solid #74b924
}

#active-chat-panel div{
    height:22px;
    display: inline-block;
    padding: 0;
    margin:0;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    overflow:hidden;
}

#active-chat-panel div span{
    line-height: 23px;
    padding: 0 10px;
}

.close-active-chat
{
    line-height: 24px;
    padding: 1px 8px 1px 10px!important;
    margin-top: -3px !important;
    margin-left: -4px !important;
}

.close-active-chat i.fa{
    padding:0;
    color:#999;
}

.close-active-chat:hover i.fa{
    color:#666;
}

.lzm-tabs-message .close-active-chat i.fa{
    color:#bf7c00;
}

.lzm-tabs-selected .close-active-chat i.fa{
    color:#578c1b;
}

.lzm-tabs-selected .close-active-chat:hover i.fa, .lzm-tabs-message .close-active-chat:hover i.fa{
    color:#fff;
}

#file-drop-box{
    border-radius: 15px;
    margin: 5px 0 0 0;
    border: 3px dashed #ccc;
}

#chat-table {
    bottom: 0;
}

#chat-progress {
    text-align: left;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 80px;
    overflow-y: auto;
    overflow-x: auto;
    word-break: break-word;
}

#chat-info-body{
    position: absolute;
    bottom: 0;
    right: 0;
    top: 24px;
    width:650px;
}

#chat-info-elements{
    position: absolute;
    bottom: 0;
    left: 2px;
    top: 0;
    right:0;
    text-align:left;
    background-color: #fff;
}

/********** ChatGroup Chats **********/

#chat-members {
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    border-left: 1px solid #fff;
    padding:0;
    box-sizing: border-box;
    background:#fafafa;
}

.chat-info-divider{
    position: absolute;
    bottom: 0;
    top: 0;
    width:1px;
    background: #fff;

}

#chat-members-line{
    right: 0;
    border-right:1px solid #ccc;
}

#chat-info-line{
    left: 0;
    border-left:1px solid #ccc;
}

#chat-members-minimize{
    position:absolute;
    right:1px;
    height:21px;
    width:17px;
    text-align:center;
    padding:7px 0 0 1px;
    overflow:hidden;
    cursor:pointer;
    background:#8c8c8c;
    z-index:100;
}

#chat-members-minimize:hover{
    background:#808080;
}

#chat-members-minimize i{
    color:#fff;
}

#chat-members fieldset legend{
    margin-left:10px;
}

.chat-member-div{
    padding: 6px 8px 6px 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space:nowrap;
    font-size:12px;
}

.chat-member-split-div{
    padding: 9px 8px 4px 8px !important;
    background:#fff;
    color:#397de2;
    border-bottom: 1px dotted #aaa !important;
}

.chat-member-div i{
    margin:0 5px 0 0;
    position: relative;
    top: 1px;
}

.selected-chat-member-div {
    background:#e7f6d5;
}

#chat-members span{
    margin: 0 4px 0 0;
}
#chat-members hr{
    border: 0;
    height: 0;
    border-top: 1px dotted #bbb;
}

#chat-action {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 0;
    overflow: hidden;
    border:3px solid #fff;
    background-color: #fff;
    background-image: repeating-linear-gradient(45deg, #eee, #eee 5px, #fff 5px, #fff 10px);
}

#chat-input-body{
    background-color: #fff;
}

#chat-input{
    background-image: none !important;
    background-color: #fff !important;
    outline:0;
    box-shadow:none;
    padding:4px;
}

#chat-buttons {
    position: absolute;
    right: 0;
    height: 25px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #f1f1f1;
}

#chat-qrd-preview {
    position: absolute;
    left: 0;
    right: 0;
    text-align: left;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #ffffe1;
}

#qrd-add-text-controls, #qrd-edit-text-controls, #invitation-text-controls{
    height: 22px;
    padding: 7px 0 0 2px;
    margin: 0;
    border-top:1px solid #fff;
}

#chat-allchats {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
}

#chat-allchats > div{
    top:31px;
}

#all-chats-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: left;
    overflow: auto;
    padding: 0;
    text-overflow: ellipsis;
}

/********** Menu panels **********/
#main-menu-panel {
    left: 0;
    right: 0;
    top: 0;
    height: 35px;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #cccccc;
    background-color: #f1f1f1;
    z-index: 10;
    cursor: default;
}

#main-menu-panel-tools{
    overflow:hidden;
}

#main-menu-panel-tools:hover{
    background-color: #f1f1f1;
}

.main-menu-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
}
.main-menu-panel-tool
{
    display:inline-block;
    padding:0 11px;
    cursor: pointer;
    border-right: 1px solid #ccc;
    border-left:1px solid #fff;
}

.main-menu-panel-tool i
{
    margin:11px 8px;
    text-shadow: 1px 1px 0 #fff;
}

.main-menu-panel-tool-highlight
{
    background-image: repeating-linear-gradient(225deg, #ee9c00, #ee9c00 10px, transparent 10px, transparent 90px);
}

.main-menu-panel-tool-highlight:hover
{
    background-image: repeating-linear-gradient(225deg, #ee9c00, #ee9c00 10px, #e5e5e5 10px, #e5e5e5 90px) !important;
}

.main-menu-panel:hover, .main-menu-panel-tool:hover
{
    background:#e5e5e5;
}

#main-menu-info-box{
    display:none;
    position:absolute;
    right:5px;
    top:4px;
    border:1px solid #ccc;
    padding:5px 10px;
    background:#fff;
    border-radius:2px;
    font-size:12px;
    z-index:100;
}

#main-menu-info-box:hover{
    cursor:pointer;
    background:#fafafa;
}

#userstatus-menu, #usersettings-menu {
    position: absolute;
    top: 35px;
    z-index: 200000;
}

#userstatus-menu {
    left: -2px;
}

#usersettings-menu {
    left: 50px;
}

#usersettings-menu table{
    box-shadow:1px 3px 3px #666;
}
#usersettings-menu td, #userstatus-menu td {
    background:#fcfcfc;
}

#usersettings-menu td:hover, #userstatus-menu td:hover {
    background:#eee;
}

.usersettings-menu-spacer {
    border-bottom: 1px dotted #cccccc;
    padding:0 !important;
}

#new-view-select-panel {
    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
    top: 36px;
    height: 32px;
}

.view-select-number {
    font-weight: normal;
    font-size: 11px;
}

.view-select-button {
    background-color: #8c8c8c;
    height: 20px;
    padding-top:6px;
    text-align: center;
    border: 1px solid #666666;
    border-right: 1px solid #8c8c8c;
    white-space: nowrap;
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer;
    text-shadow: 1px 1px 0 #666;
}


.view-select-button-text{
    font-family:tzu2;line-height:12px;}

.view-select-button:hover{
    background:#808080;
}

.view-select-button-selected {
    background-color: #74b924 !important;
}

.view-select-button-notify {
    background-color: #ee9c00 !important;
}

.view-select-left {
    border-left: 0;
}

.view-select-right {
    border-right: 0;
}

.view-select-button i.fa {
    color: #ffffff;
    text-shadow: 1px 1px 0 #666;
}

#main-menu-panel-settings{
    left: 51px;
    width: 150px;
    border-right: 1px solid #ccc;
    border-left:1px solid #fff;
}

#main-menu-panel-settings-text
{
    text-shadow: 1px 1px 0 #fff;
    height: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    font-weight: bold;
    font-size: 15px;
    color: #666;
    padding-left: 10px;
}

#main-menu-panel-settings-icon i.fa{
    color:#999;
}

#main-menu-panel-settings-inner{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}



.mouse-menu td {
    padding: 6px 12px;
}

.mouse-menu {
    font-size: 14px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.panel-menu {
    background: #f1f1f1;
    text-shadow: 1px 1px 0 #fff;
}

.panel-menu table{
    border-spacing:0;


}

.panel-menu td:hover{
    background: #e5e5e5;
}

.selected-panel-settings-line {
    cursor:pointer;
}

/********** Browser notifications **********/

.lzm-notification {
    position: absolute;
    right: 5px;
    bottom: -200px;
    width: 270px;
    height: 120px;
    z-index: 2000;
    background:#fff;
    cursor: pointer;
    overflow:hidden;
    border-radius:1px;
    box-shadow:0 0 10px #aaa;
}

.lzm-notification *{
    position: absolute;
}

.lzm-notification i{
    margin-top: 5px;
}

.lzm-notification-body {
    top: 0;
    right: 0;
    bottom: 0;
    left: 53px;
    overflow: hidden;
    font-size: 12px;
    cursor: pointer;
    padding: 0 15px;
    background:#fff;
    box-sizing: border-box;
}

.lzm-notification-body div {
    z-index: 2010;
    right:15px;
    left:15px;
}

.lzm-notification-bg-logo{
    font-size:28px;
    top:5px;
    left:12px;
    z-index: 2005;
    color: #fff;
}

.lzm-notification-close {
    z-index: 2020;
    color: #888;
    cursor: pointer;
    top:6px;
    right:8px;
    margin:0 !important;
}

.lzm-notification-close:hover {
    color: #aaa;
}

.lzm-notification-close-bg {
    z-index: 2015;
    right:0;
    top:0;
    height:0;
    width:0;
    /*
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent #ccc transparent;*/
    margin:0 !important;
}



.ticket-edit, .ticket-edit fieldset, .ticket-edit div.lzm-fieldset{
    background-color:#ffffe1 !important;
}


.block-ui-button {
    padding: 7px 12px;
    border-radius: 0.4em;
    box-shadow: 2px 2px 4px #DDD;
    margin: 15px 30px;
    border: 1px outset #BBB;
    font-size: 18px;
    background: #EEE;
    font-weight: bold;
}

/********** Qrd Tree **********/
.resource-open-mark i.fa {
    color: #333333;
}

.resource-icon-and-text span{
    padding-left:3px;
    line-height:15px;
}

.resource-icon-and-text {
    padding: 3px;
    cursor: pointer;
}

.resource-icon-and-text i.fa {
    font-size: 15px;
    width:19px;
    position:relative;
    left:1px;top:1px;
}

.fa-folder {
    color: #fbf7b4;
    left:0;
    text-shadow:
        -1px -1px 0 #dcb92f,
        1px -1px 0 #dcb92f,
        -1px 1px 0 #dcb92f,
        1px 1px 0 #dcb92f;
}

.resource-icon-and-text i.fa-external-link{
    top:2px;
}

.resource-open-mark, .resource-empty-mark {
    display: inline-block;
    width: 10px;
    height: 12px;
    padding: 1px;
    margin-right: 4px;
    cursor: pointer;
}

.resource-open-mark i.fa{
    font-size:16px;
    color:#808080;
    position:relative;
    top:1px;
}

.resource-open-mark i.fa-caret-right{
    left:3px;
}

.selected-resource-div .qrd-title-span {
    color:#fff;
    background:#5197ff;
}

.qrd-title-span{
    padding:5px 5px;
    margin-left:2px;
    border-radius: 2px;
}

.resource-div {
    text-shadow: none;
    padding:3px 6px;
    margin:0;
    white-space: nowrap;
}

.qrd-add-resource, .qrd-edit-resource {
    display: none;
}


/********** Minimize dialog windows **********/
#minimized-window-button{
    background: #74b924;
}

#minimized-window-button-inner i.fa {
    color:#fff;
}

#minimized-window-button-inner i.fa:hover {
    color:#64a11f;
}

#minimized-window-list table{
    border-spacing: 0;
}

#minimized-window-list tr td:first-child{
    padding:8px 6px;
}

#minimized-window-list tr td:last-child{
    padding:8px 0;
}

#minimized-window-list tr:hover{
    background: #eee;
}

#minimized-window-button-inner, #minimize-dialog {
    border-radius: 9px;
    display: inline-block;
    width: 15px;
    height: 17px;
    padding-left: 3px;
    padding-top: 1px;
    cursor: pointer;
}

#minimize-dialog {
    position: absolute;
    right: 8px;
    top: 4px;
}

#minimize-dialog .fa:hover{
    color:#555;
}

.view-select-settings-checkbox {
    margin-left: 2px;
    margin-right: 4px;
}

.show-view-div{
    cursor:pointer;}

#user-management-iframe {
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
}

/********** Table styles **********/


.comment-line td:nth-child(2){
    white-space:normal;
    padding:8px 10px;
}

.comment-line span, .comment-line div{
    margin:2px 4px 4px 0;
    font-size:11px;
}

.comment-line-date{
    color:#888;
}

#att-img-preview-field{
    overflow:auto;
    text-align: center;
    box-sizing:border-box;
    padding:20px;
}

.message-line td.icon-column{
    text-align:center;
    padding: 4px 0;
    width:30px;
}

.message-line td{
    white-space: nowrap;
    padding:4px !important;
}

.message-line-fs i{
    padding:9px 1px;
}

.message-line-fs div{
    padding:4px 0;
}

.message-line.comment-line{
    cursor: default;
}

.comment-box{
    width:90%;
    box-sizing: border-box;
    border-radius:6px;
    padding:0;
    font-size:12px;
    display:inline-block;
    text-align:left;
    background:#fff;
}

.comment-box td{
    white-space: normal;
}

.comment-box td:nth-child(1){
    padding:5px 0 2px 6px;
    vertical-align:top;
}

.comment-box td:nth-child(2){
    padding:5px;
}

.comment-box td:nth-child(2) span{
    font-weight:bold;
}

.comment-box .avatar-box{
    display:inline-block;

}

.avatar-box{
    width:56px;
    height:42px;
    background-color:#fff;
    background-size:100%;
    background-repeat:no-repeat;
    border-radius:5px;
    padding:0 !important;
}

.avatar-box-small{
    width:32px;
    height:24px;
    border-radius:3px;
}

.avatar-box-orange{
    border-right:5px solid #ee9c00;
}

.avatar-box-green{
    border-right:5px solid #74b924;
}

.avatar-box-gray{
     border-right:5px solid #8c8c8c;
     opacity:0.5;
 }

.avatar-box-blue{
    border-right:5px solid #5197ff;
    opacity:0.5;
}

.avatar-box-purple{
    border-right:5px solid #b573c8;
}

.avatar-box-red{
    border-right:5px solid #d40000;
}

#message-details-inner td, #message-details-inner th, #ticket-details-inner td, #ticket-details-inner th,
#search-input-inner td, #search-input-inner th {
    text-align: left;
    padding: 0 2px;
}

#ticket-details-inner label{
    font-size:12px;
}

#search-input{

}

#search-input-inner{
    margin:5px;
}

#search-input-inner tr:nth-child(1) td:nth-child(1){
    padding:0 0 8px 6px;
}

#search-input-inner td:nth-child(1){
    width:25px;
}

#search-input-inner td:nth-child(2){
    padding-top:4px;
}

#search-results, #d-search-results{
    position:absolute;
    top:200px;
    right:0;
    bottom:-31px;
    left:0;
}

#search-result-frame, #d-search-result-frame{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    top:28px;
    overflow:auto;
}

.search-match{
    background: rgb(255, 255, 225) !important;
    color:red !important;
}

.attachment-comment-table td, .attachment-comment-table th {border: 1px solid #ccc;}

table.attachment-comment-table {
    border-collapse:collapse;
}

#visitor-info-table td:nth-child(1){
    width: 130px;
    padding-left:10px;
    vertical-align: top;
    white-space: nowrap;
}

#visitor-info-table td:nth-child(2){
    width: 10px;
    padding: 2px 2px 0 0;
}

#visitor-info-table td:nth-child(4){
    text-align: right;padding:3px 10px 0 0;
}

#visitor-info td, #visitor-info th {
    padding: 6px;
}

#operator-list-table {
    border: 0;
    border-spacing: 0;
}

#operator-list i{
    padding:0 5px 0 3px;
}

#operator-list tr{
    border-top:1px solid #fff;
}

#operator-list th{
    border-bottom: 1px dotted #aaa !important;
    color:#397de2;
    text-align:left;
    padding:6px 0 6px 8px;
}

#operator-list th:nth-child(2){
    text-align: right;
    font-size:11px;
    font-weight: normal;
}

#operator-list th:nth-child(3){
    text-align: right;
    padding:5px 10px;
}

#operator-list-table td:nth-child(1){
    width:40px;
    text-align: center;
}

#operator-list-table td:nth-child(2){
    width:5px;
    padding:3px;
    text-align:left;
}

#operator-list-table td:nth-child(3){
    padding:5px 10px;
    text-align: left;
}

#operator-list-table td:nth-child(4){
    text-align: right;
}

#operator-list-table td:nth-child(5){
    width:60px;
    text-align: right;
    padding:5px 10px;
}

.ticket-simple-cell div{
    font-weight:normal;
    word-wrap:normal;
    word-break:break-word;
    white-space:normal;
}

.ticket-list-sort-column i.fa {
    color: #333333;
}

.inactive-sort-column i.fa {
    color: #c0c0c0;
}

#ticket-content-inner{
    border-top:1px solid #ccc;
}

#ticket-message-list{
    overflow-x:hidden;
}

#forward-receiver td{
    padding:3px !important;
    vertical-align:middle;
}

#forward-receiver td:nth-child(1){
    width:20px;
}
#forward-receiver td:nth-child(2){
    width:45px;
}
#forward-receiver td:nth-child(5){
    width:50px;
    text-align:right;
}

#forward-receiver td i{
    padding: 0 5px 0 3px
}

/********** Ticket styles **********/
.locked-email-line td {
    background-color: #FFFFE1 !important;
}

#emails-load-more {
    text-align: center;

    background-color: #74b924 !important;
}

#emails-load-more span{
    cursor: pointer;
    text-align: center;

    border-radius: 3px 3px 0 0;
    font-weight: bold;
    color:#fff;
    padding:4px 14px;
}


/********** Operator list **********/
.operator-list-icon, .operator-list-mobile-icon {
    background-repeat: no-repeat;
    background-position: center;
    padding: 1px 10px;
}

.operator-list-icon {
    background-size: 16px 16px;
}

.user-list-icon {
    padding: 1px 0 1px 8px;
}

/********** Chat styles **********/
.chat-select {
    background-position: center;
    background-repeat: no-repeat;
    height: 14px;
    border: 1px solid #ccc;
    padding: 4px 5px;
    display: block;
    position: relative;
}

.chat-select-select {
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: -2px;
    width: 100%;
    min-height: 100%;
    opacity: 0;
    z-index: 2;
}

.chat-select-inner {
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.chat-select-inner-icon {
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 12px;
    padding-right: 12px;
    min-height: 100%;
    position: absolute;
}

.chat-select-inner-text {
    min-height: 100%;
    text-shadow: none;
    font-size: 11px;
}

.chat-button-line {
    height: 14px;
    border: 1px solid #ccc;
    padding: 4px 5px;
    text-shadow: none;
    font-size: 11px;
}

.chat-button-left, .chat-select {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    margin-left: 2px;
}

.chat-button-right, .chat-select {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    margin-right: 2px;
}

/********** Iframe divs **********/
#single-startpage-outer-div, .startpage-iframe-outer-div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

#single-startpage-outer-div, .startpage-iframe-outer-div {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
}

.visitor-cobrowse-iframe, .log-frame, #inline-preview {
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background:#fff;
    box-shadow: none;
}

.log-frame {
    border-top:0;
}

/********** LOG **********/

#log-view {
    min-width:550px;
    height:500px;
}

#log-view iframe{
    border-top: 0;
    height:482px;
    overflow: scroll;
}

#log-view textarea{
    height:482px;
}

#ticket-reply-cell table{
    margin:10px 0 10px 0;
}

#ticket-reply-cell table td:nth-child(1){
    width:50px;
    white-space: nowrap;
    background: #e0e0e0;
    border:1px solid #fff;
    border-width:0 2px 1px 0;
}

#ticket-reply-cell td label{
    display:inline-block;
    padding:8px 25px 8px 10px;
}


#ticket-reply-last-question{
    background:transparent linear-gradient(-330deg, #ffffea, #ffffd1);
    height: 180px;
}

/********** Input fields **********/

#ticket-reply-input {
    height: 180px;
    min-width: 100px;
}

#ticket-reply-signature-text{
    height: 120px;
}

/********** Editor preview **********/

.editor-preview-cell {
    margin: 3px;
    padding: 4px 6px;
    background:#fcfcde;
}

.editor-preview-cell:hover{
    background:#f5f5d7;
}

.editor-preview-inner {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}

.editor-preview-shortcut {
    font-weight: bold;
    background: rgb(81, 151, 255);
    padding: 2px 6px;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    margin: 0 5px 0 0;
}

/********** Misc **********/
#main-menu-panel-status-icon {
    background-size: 20px 20px;
}

#message-details-inner, #ticket-details-inner{
    max-width:700px;
}

#message-details-inner th, #ticket-details-inner th{
    width:80px;
    text-align: left;
    font-size:12px;
    white-space: nowrap;
    padding-right:10px;
}

#ticket-details-inner td, #message-details-inner td {
    padding:2px 0;
}

#ticket-details-inner input:focus, #message-details-inner input:focus, #ticket-new-input:focus {
    background-color: #fcffff;
}

#sc-license-list td{
    padding:8px;
}

#sc-act-lc-table{
    width:425px;
}

#sc-act-lc-table td{
    padding:2px;
    white-space: nowrap;
}

#sc-act-lc-table input{
    text-align: center;
}

#ticket-linker-first table, #ticket-linker-second table{
    margin-top: 10px;
    padding: 10px 5px;
    background-color: #ffffe1;
    border: 1px solid #f9f9da;
}

#ticket-linker-first th, #ticket-linker-second th{
    text-align:right;
    padding:0 10px 0 5px;
    font-weight:bold;
    width: 90px;
}

#ticket-linker-first table tr:first-child th:first-child, #ticket-linker-second table tr:first-child th:first-child{
    text-align:center;
    width:60px;
    background: #f9f9da;
    padding:0;
}

#lg-elements-configuration label{
    font-size:13px !important;
}

.link-generator-table td:first-child{
    width:130px;
}

#sc-header-image,#sc-background-image{
    height:99px;
    border:1px dotted #666;
    background-repeat: no-repeat;
}

.chats_col_header{
    cursor:pointer;
}

.event-list-table{
    padding:5px 10px !important;
}

.event-list-table td:last-child{
    padding:9px 0 !important;
}

.event-list-table div.lzm-dialog-headline3{
    padding:5px 10px !important;
    min-height:0;
    text-align:center;
    background:#fafafa;
}

#auto_login-text, #save_login-text{
    white-space: nowrap;
}

#spellcheck-settings tbody{
	vertical-align: top;
}

#spellcheck-settings .lzm-fieldset-full {
	margin-top: -10px;
}

.contextmenuclass-submenu-icon {
	float:right;
	padding: 0 5px;
}

.lzm-unselectable .contextmenuclass-entry-checkbox .contextmenuclass-label{
	margin-top:-2px;
	top:2px;
}

.contextmenuclass-checkbox{
	margin-top:-2px;
}

.lzm-unselectable .contextmenuclass-entry-checkbox{
	padding: 4px 5px 4px 5px;
}


.lzm-unselectable .contextmenuclass-entry-checkbox .contextmenuclass-label:before{
	width: 14px;
	height: 14px;
}

.lzm-unselectable .contextmenuclass-submenu{
	padding: 0;
}

div.lzm-unselectable div.contextmenuclass-submenu:hover {
    color:#000;
    background:#fff;
}

#tos {
    width:100%;
    border:0;
    overflow: auto;
}