body {
    height: 100%;
    width: 100%;
    margin: 0 0;
    padding: 0 0;
    position: absolute;

    scrollbar-base-color: #C0C0C0;
    scrollbar-3dlight-color: #C0C0C0;
    scrollbar-highlight-color: #C0C0C0;
    scrollbar-track-color: #EBEBEB;
    scrollbar-arrow-color: #EBEBEB;
    scrollbar-shadow-color: #C0C0C0;
    scrollbar-dark-shadow-color: #C0C0C0;

    background-color: #0d237b !important;
}

.fAwesome, .fAwesome *{
    font-family: FontAwesome, monospace !important;
}

.needShow{display: none;}
.showOnHover:hover .needShow{display: inline-block;}

pre {
    margin: 0;
}

::-webkit-scrollbar {
    width: 8px;
    opacity: .8;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

#upFotoCanvas{
    max-width : 139px;
    max-height: 155px;
}

.mcIco{
    text-align: center;
    position: fixed;
    left: 5px;
    bottom: 7px;
    color: #c7c7c7;
    font-family: arial, sans-serif;
    font-size: 10pt;
    text-shadow: 1px 1px 2px #555;
}

#loadingLabel{
    margin-top: 5px;
    margin-left: 5px;
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 1em;
    text-shadow: 1px 1px 2px rgba(85, 85, 85, 0.95);
}
#loadingProgress{
    background-color: rgba(208, 208, 208, 0.64);
    width: 1px;
}

div, span, ul, table {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectable *, .selectable, .selectableEx, .selectableEx *{
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: auto;
}
.selectable a {
    cursor: pointer;
}

.wallpaper{
    position: absolute;
    left:0;
    top:0;
    z-index: -1;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-height: 400px;
}

.wallpaper.fillImage{
    background: transparent url('/wallpaper/Sunset.jpg') no-repeat left top;
    background-size:100% 100%;
}

@media (max-width: 768px) {
    .wallpaper.fillImage{
        background: transparent url('/wallpaper/Sunsetsmall.jpg') no-repeat left top;
        background-size:100% 100%;
    }
}


.paddingTop {
    padding-top: 2px;
}

.wrp{
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
    min-width: 520px;
    min-height: 400px;
}

.hidden{
    display: none;
}

.toRight{
    float: right;
}

.toolBtnCenter *{
    float: none !important;
    text-align: center;
    display: inline-block;
}
.toolBtnCenter {
    margin-left: 0 !important;
}

.headerLineHeightLight .webix_template, .headerLineHeightLight .webix_property_label_line,
.headerLineHeight .webix_template, .headerLineHeight .webix_property_label_line{
    line-height: 23px;
    color: #FFF;
    font-size: 14px;
    padding-top: 0;
    background: #3498DB;
}

._headerLoadMore {
    line-height: 30px;
    color: #FFF;
    font-size: 16px;
    padding-top: 0;
}

.headerLineHeightLight .webix_template, .headerLineHeightLight .webix_property_label_line{
    background: #dde1d6;
    color: #0a0a0a;
}

.fotoBtn *{
    padding: 1px 0 1px 0;
}

.scrollMultiView{
    height: 100px !important;
    overflow-y: auto;
    max-height: 100% !important;
}

.pwdProfile{
    width: 98%;
    border: none;
    margin-top: -5px;
}

.fixTextarea textarea{
    margin-top: -2px;
}

.textArea .webix_el_box{
    padding: 0;
}

.textArea textarea{
    width: 100% !important;
    border-radius: 0 !important;
    font-family: "Courier New", Courier, monospace;
}

.editNormalPadding input{
    padding: 0 5px;
}

.noPaddingChild > div{
    padding: 0;
}

.editBtn{
    width: 16px;
    height: 16px;
    background: url(img/edit16.png);
    cursor: pointer;
    position: absolute;
    margin-top: 2px;
}

.delBtn{
    width: 16px;
    height: 16px;
    background: url(img/delete16.png);
    cursor: pointer;
    position: absolute;
    margin-top: 3px;
    margin-left: 20px;
}

._grName{
    font-weight: bolder;
}

.inlineFlex {
    display: inline-flex;
}

.subTitleNav .webix_scroll_cont .webix_unit__header{
    margin-bottom: 4px;
    border-bottom: 1px solid rgba(235, 235, 235, 0.79);
    padding-left: 0;
    background: transparent;
    color: #ebebeb;
    font-size: 15px;
    height: 30px !important;
    line-height: 30px;
    text-align: right;
}

.subTitleNav::-webkit-scrollbar-track {
    background-color: rgba(234, 234, 234, 0.41);
    border-left: 1px solid transparent;
}

.subTitleNav::-webkit-scrollbar-thumb {
    background-color: rgba(204, 204, 204, 0.81);
}

.subTitleNav::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

.errorArea textarea, .errorArea input {
    background: #FFF0F0;
    border-color: #FFD7D7;
}

.expiredMessage {
    line-height: 30px;
    text-align: center;
}

.bgNormal { background-color: #fff;}
.bgRed { background-color: #fd9e8c;}
.killEyes { background-color: #e7180a !important;}
.brown{color: #800000;}
.bgYellow button { background-color: yellow !important; }
.bgYellow button:hover { background-color: #eeee00 !important;; }
.bgYellow button:visited { background-color: yellow !important;; }
.bgYellow button:active { background-color: yellow !important;; }
.yellow { color: yellow; }
.red, .red *{ color: red !important; }
.green { color: green; }
.gray{color:#808080;}
.white, .white *{ color: #ffffff;}
.blue{ color: blue }
.Gray * {color: #d1d1d1 !important;}
.darkGray, .darkGray * { color: #5f5f5f !important;}
.webixBlue, .webixBlue * { color: #268FD5 !important; }
.webixBGBlue { background-color: #D2E3EF;}
.darkShadow { text-shadow: 0 1px 1px #474747;}
.lightShadow { text-shadow: 0 1px 1px rgba(71, 71, 71, 0.69);}
.errorBox {border: 1px solid red}

.logBg0 {background-color: rgba(0, 171, 187, 0.13); border-bottom: 1px solid white;}
.logBg1 {background-color: rgba(187, 72, 149, 0.13);border-bottom: 1px solid white;}
.logBg2 {background-color: rgba(187, 185, 52, 0.13);border-bottom: 1px solid white;}
.logBg3 {background-color: rgba(101, 86, 187, 0.13);border-bottom: 1px solid white;}
.logBg4 {background-color: rgba(91, 187, 19, 0.13); border-bottom: 1px solid white;}

.logBg5 {background-color: rgba(49, 70, 187, 0.13);border-bottom: 1px solid white;}
.logBg6 {background-color: rgba(22, 187, 74, 0.13);border-bottom: 1px solid white;}
.logBg7 {background-color: rgba(180, 187, 88, 0.13);border-bottom: 1px solid white;}
.logBg8 {background-color: rgba(27, 187, 175, 0.13);border-bottom: 1px solid white;}
.logBg9 {background-color: rgba(53, 15, 187, 0.13);border-bottom: 1px solid white;}

.border1 button {
    border: 1px solid #3498db !important;
    border-radius: 6px;
    line-height: inherit !important;
    text-align: center;
}
.border1 .webix_icon_btn{
    width: 0;
}

.noShadow { text-shadow: none;}

.lh20{ line-height: 20px; }
.lh25{ line-height: 25px; }
.lh35{ line-height: 35px; }

.emptySetConfig {
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    color: #B7B7B7;
    border-style: dashed;
    border-width: 4px !important;
}

.horizontalScroll {
    overflow: visible;
}

.hideOverflow, .hideOverflow button {
    overflow: hidden;
}

.noPadding *{
    padding: 0;
}

.pTop4 {
    padding-top: 4px;
}

.noBorderAll *, .noBorderAll    { border: none !important;}

.noBorder, .nteamleadoBorder button, .noBorder textarea {
    border: none;
}

.noBG, .noBG.webix_multiview {
    background: none;
}

.trBG, .trBG *{
    background: transparent !important;
}

.closeSession {
    position: absolute;
    bottom: 0;
}

.closeSession * {
    text-align: right !important;
    color: #aaa !important;
}

.closeSession button {
    padding-right: 15px;
}

.refreshBtn * {
    text-align: center;
    color: #fff  !important;
}

.bolder {
    font-weight: bolder;
}

.bgGray{
    background-color: #A4B4BF;
    color: #FFF;
    font-size: 16px;
    line-height: 34px;
    padding-left: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.byCenter{
    text-align: center;
}

.byRight{
    text-align: right;
}

.noLockScreen {
    opacity: 0 !important;
}

.finger, .finger label, .finger .webix_icon, .cPointer {
    cursor: pointer;
}

.sizeBigger{
    font-size: 110%;
}

.scrollMenu {
    overflow-y: auto !important;
}

._info {
    background-color: #fffeb7;
    border-radius: 4px;
}

._infoBorder {
    padding: 0 5px;
    background-color: #fffeb7;
    border: 1px solid #737353;
    border-radius: 4px;
}

._infoBorder:hover {
    color: #268FD5 !important;
}

.noJS{
    background: #e0e0e0;
    width: 500px;
    margin: auto;
    margin-top: 100px;
    text-align: center;
    font-family: arial, sans-serif;
    border: 1px solid blue;
    opacity: .9;
    border-radius: 4px;
    padding: 5pt;
    color: #e8476a;
}

.Courier *, .monospace{
    font-family: monospace, Courier, "Courier New";
    word-wrap: break-word;
    word-break: break-all;
}

.smaller{
    font-size: 100%;
}

.logState {
    line-height: 30px;
    font-size: 1em;
}

.statusBarStyle *{
    line-height: 20px !important;
    font-size: 16px !important;
}

.noMarginEx *{
    margin: 0;
}

.fillWidth > div, .fullWidth {
    width: 100% !important;
}

.uploader_overall{ height:100%; line-height: 26px;}
.uploader_name{ height:100%; float:left; overflow: hidden;}
.uploader_size{	padding: 0 10px; width: 100px; text-align: right; float: right;}
.uploader_status{
    float: right;
    position: relative;
    margin-top: 4px;
    width: 250px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #A4BED4;
    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.uploader_progress{ height: 100%; position: absolute; background-color: #b8e6ff;}
.uploader_message{ z-index: 1; width:100%; text-align:center; position: absolute;}
.uploader_message.error{ color: #e83b3b;}

.closeConsole button{
    background: none !important;
    border: none !important;
    color: #444 !important;
    font-weight: normal;
}

.closeConsole button:hover{
    font-weight: bold;
}

.mc-left{text-align: left;}
.mc-right{text-align: right;}

.mc-padding10W{
    padding-left: 10px;
    padding-right: 10px;
}
.w200{
    width: 200px;
    display: inline-block;
}


/* ================================================ */
.messageUser, .messageMy{
    padding: 0 5px;
    position: relative;
}

.grayBorderTop {border-top: 1px solid rgba(128, 128, 128, 0.21);}

.messageBreakAll{
    word-break: break-word !important;
    word-wrap: break-word;
}

.messageBreakAll a{
    cursor: pointer;
}

.messageUser{
    background: transparent url(img/transparent_r.png) repeat;
    word-break: break-word;
}

.messageMy{
    background: transparent url(img/transparent_g.png) repeat;
}

.messageImg{
    max-width: 250px;
    max-height: 250px;
}

.messageUser .messageUserName{
    color: #e8476a;
}

.messageMy .messageUserName{
    color: green;
}

.messageTrash{
    position: absolute;
    width: 10px;
    font-size: 95%;
    color: #333;
    right: 60px;
    cursor: pointer;
}

.messageTime{
    display: inline-block;
    position: absolute;
    width: 58px;
    font-size: 80%;
    color: #bbb;
    right: 0;
}

.messageKanbanTime{
    display: inline-block;
    font-size: 90%;
    color: #bbb;
}

.messageUserName{
    font-weight: 600;
    cursor: pointer;
}

.messageText, .messageKanban{
    color: #222222;
    display: inline-block;
    margin-right: 51px;
    text-shadow: 0 1px 0 #fff;
}

.messageText a{
    cursor: pointer;
}

.messageKanban {
    display: inline;
}

.messageUser:hover .messageTime, .messageMy:hover .messageTime, .messageUserName:hover{
    color: #000;
    text-shadow: 1px 1px 1px #eee;
}

.messageTimeHistory{
    width: 70px;
}

.fileLink, .fileLink:hover, .fileLink:visited { color: #173bff !important; }

.font90 { font-size: 90%; }
.font110{ font-size: 110%; }
.font115{ font-size: 115%; }
.font120{ font-size: 120%; }

.listTime{
    display: inline-block;
    right  : 0;
    font-size: 85%;
    color  : #bbb;
}

/*==================== NAV =========================*/

.nav{
    height: 100%;
    width: 280px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border: none;
    min-height: 400px;
}

.nav > div {
    border: none;
}

.nav .webix_accordionitem_label:hover, .underline button:hover, .linkItem:hover {
    text-decoration: underline !important;
}

.nav .webix_accordionitem.webix_view, .nav .webix_accordionitem_body .webix_view{
    background: transparent;
}

.nav .webix_list_item {
    border-bottom: none;
    color: #fff;
    text-indent: 5px;
}

.nav .webix_selected{
    border-bottom: none !important;
    border-left: 3px solid #ebebeb;
}

.nav .webix_accordionitem_header{
    font-size: 14px;
}

.nav .webix_accordionitem, .nav .webix_layout_wide{
    border: none;
    border-radius: 0 !important;
}

.nav .webix_accordionitem_header{
    border-bottom: none;
}

.nav .webix_accordionitem.collapsed, .webix_accordionitem.collapsed * {
    background: transparent !important;
}

.autoheightTitle .webix_win_head .webix_view, .autoHeight *{
    height: auto !important;
}

/* =========================== WEBIX ============================ */

.webix_list_item:hover, .underlineItem .webix_tree_item:hover { text-decoration: underline; }
.underlineItem .webix_tree_item { cursor: pointer; }

.webix_message_area{top: 2px !important;}
.webix_message_area .webix_info div{background-color: #fffeb7;}
.webix_error div {
    background-color: #d81b1b !important;
    border: 1px solid #940000;
    color: #FFF;
}

.webix_accordionitem_label{ float:none; }

/*.webix_tab_filler{ width: 0 !important; }*/

.teamlead {color: #0b0df9}
.webix_cell.webix_row_select .teamlead { color: #F5FF00 !important;}

.webix_cal_body .webix_cal_row {clear: none}

.webix_column>div.webix_row_select, .anyListSelect div.webix_selected   { color: #FFF; background-color: #27AE60 !important; }
.anyListSelect .webix_selected span {margin-left: 0}

.webix_column>div.red.webix_row_select,
.webix_list_item.webix_selected > span.blue { color: #F5FF00 !important; background-color: #27AE60 !important; }

.webix_cell.webix_row_select > span.red { color: #F5FF00 !important; background-color: #27AE60 !important; }

.webix_tree_item.webix_selected span.teamlead { color: #F5FF00 !important; padding: 4px 4px !important;}
.webix_tree_item.webix_selected span .webix_icon { padding: 4px 0 4px 4px !important;}
.webix_tree_item.webix_selected span .treeBranchContacts { color: #fffeb7 !important;}

.left_area.webix_column>div:nth-child(even){ background-color:#ffffdd; }
.left_area.webix_column>div:nth-child(odd) { background-color:#ffffee; }
.grid_area.webix_column>div:nth-child(odd) { background-color:#ffffee; }

.webix_layout_space, .webix_layout_wide{ background-color: transparent; }

.applyButton .webixtype_base, ._headerLoadMore {background: #27AE60 !important; border-color: #27AE60; border-bottom: 1px solid #209150;}

.webix_el_search input, .webix_el_text input, .webix_el_combo input {padding-right: inherit;}

.webix_drag_zone {position: fixed;}
.webix_drag_zone > .webix_list_item{ width: auto !important;}

.webix_cal_icon { cursor: pointer; }
.webix_cal_icons { margin-top: 10px; text-align: center; }

.webix_alert-error{
    padding: 5px;
}

.markerBG_0 { background-color: #eeeeee; color: #666666; text-shadow: 0 1px 1px #232323;}
.markerBG_1 { background-color: #b2b5ac; color: #ffffff; text-shadow: 0 1px 1px #0a0a0a;}
.markerBG_2 { background-color: #89a9e6; color: #ffffff; text-shadow: 0 1px 1px #0a0a0a;}
.markerBG_3 { background-color: #ff60a9; color: #ffffff; text-shadow: 0 1px 1px #0a0a0a;}
.markerBG_4 { background-color: #08d124; color: #ffffff; text-shadow: 0 1px 1px #0a0a0a;}
.markerBG_5 { background-color: #f9f63e; color: #0b0df9; text-shadow: 0 1px 1px #cbc9c9;}
.markerBG_6 { background-color: #f11a10; color: #ffffff; text-shadow: 0 1px 1px #0a0a0a;}

.markerBrd_0 { border-left: 4px solid #eeeeee !important; padding-left: 5px;}
.markerBrd_1 { border-left: 4px solid #b2b5ac !important; padding-left: 5px;}
.markerBrd_2 { border-left: 4px solid #89a9e6 !important; padding-left: 5px;}
.markerBrd_3 { border-left: 4px solid #ff60a9 !important; padding-left: 5px;}
.markerBrd_4 { border-left: 4px solid #08d124 !important; padding-left: 5px;}
.markerBrd_5 { border-left: 4px solid #f9f63e !important; padding-left: 5px;}
.markerBrd_6 { border-left: 4px solid #f11a10 !important; padding-left: 5px;}

.marker_0 .webix_icon { color: #eeeeee !important; text-shadow: 0 1px 1px #232323;}
.marker_1 .webix_icon { color: #b2b5ac !important; text-shadow: 0 1px 1px #0a0a0a;}
.marker_2 .webix_icon { color: #89a9e6 !important; text-shadow: 0 1px 1px #0a0a0a;}
.marker_3 .webix_icon { color: #ff60a9 !important; text-shadow: 0 1px 1px #0a0a0a;}
.marker_4 .webix_icon { color: #08d124 !important; text-shadow: 0 1px 1px #0a0a0a;}
.marker_5 .webix_icon { color: #f9f63e !important; text-shadow: 0 1px 1px #cbc9c9;}
.marker_6 .webix_icon { color: #f11a10 !important; text-shadow: 0 1px 1px #0a0a0a;}

.marker_0, .marker_1, .marker_2, .marker_3, .marker_4, .marker_5, .marker_6 {padding-right: 0 !important;}

.fontSize12 {font-size: 12pt;}

.hidden{
    display: none;
}

.inline_pre{
    display: inline-block;
}

#__terminal-input, .__terminal-clipcopy{
    border: none;
    width: 1px;
    /*top:30px;*/
    position: absolute;
    left: -10px;
}

._terminalCursor{
    background-color: green;
    display: inline-block;
    position: relative;
    mix-blend-mode: hard-light;
}

#__terminal-input-mirror{
    mix-blend-mode: multiply;
}

#__terminal-input-wrapper{
    max-width: calc(100% - 15px);
    overflow: auto;
    white-space: nowrap;
}

.terminal_scroll{
    overflow: auto;
}

._tree_close{
    float:left;width:20px;height:100%;cursor:pointer;margin:0;background-repeat:no-repeat;background-position:center center;background-color:transparent;
    background-image:url(data:image/gif;base64,R0lGODlhEgASAJEAAP///4SEhAAAAP///yH5BAUUAAMALAAAAAASABIAAAIqnI+py+0Powq01haA3iDgLWwek2mhNi6ZwLLdZ4owcL4kJ5OWJfX+DykAADs=);
    opacity: .9;
}

.rawData {
    max-height: 300px;
    overflow-y: auto;
    display: inline-block;
    padding: 3px;
}

._logConsole pre{
    white-space: normal;
}

.fa2x .webix_icon_btn{
    font-size: 2em;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -3px;
}

.getQrFromProfile:hover>img{
    opacity: .6 !important;
}