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;
}

pre {
    margin: 0;
}

section {
    display: inline-block;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    opacity: .7;
}
::-webkit-scrollbar-track {
    background-color: rgba(234, 234, 234, 0.8);
    border-left: 1px solid rgba(204, 204, 204, 0.81);
}
::-webkit-scrollbar-thumb {
    background-color: rgb(204, 204, 204);
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgb(170, 170, 170);
}

.mcIco{
    text-align: center;
    position: fixed;
    right: 10px;
    top: 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: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: auto;
}

.selectable a, .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;
    background-color: #0d237b;
}

.paddingTop  {padding-top: 2px;}
.paddingLeft .webix_list_item {padding-left: 2px;}

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

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

.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;
}

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

.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;
}

.cmtGreen { color: #56c401;}
.cmtBlue { color: #3939C5;}
.red, .red *{ color: red !important; }
.reddy, .reddy * { color: rgba(255, 65, 35, 0.9) !important; }
.green { color: green; }
.gray{color:#808080;}
.blue{ color: blue; }
.brown{ color: #7a3004; }
.yellow, .yellowAll, .yellowAll *, .yellowAll span { color: yellow;}
.white, .whiteTitle label{ color: white;}
.whiteAll *, .whiteAll { color: white !important;}
.Gray * {color: #d1d1d1 !important;}
.webixBlue, .webixBlue * { color: #268FD5 !important; }
.webixBGBlue { background-color: #D2E3EF;}
.whiteBG { background-color: #ffffff;}

.errorRed{
    color: #fcffbe !important;
    text-shadow: 1px 1px 1px red;
    font-size: 13pt;
    background-color: #bf4c06;
}

.shadow1px, button {
    text-shadow: 1px 1px 2px #555;
}

.shadow1pxWhite {
    text-shadow: 1px 1px 2px #f6f6f6;
}

.backLink:hover {
    background-color: rgba(181, 176, 255, 0.31);
}

.circle {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    display: inline-block;
    line-height: 16px;
    margin-right: 4px;
    margin-top: 3px;
    box-shadow: 1px 1px 1px 0 #7f8c8d;
}

.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, .marker_0 { 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;}

.closeBtn .webix_icon_btn {
    color: #757575 !important;
}

.borderShadow{
    position: absolute;
    left: 14px;
    width: 0;
    /*height: calc(100% - 12px);*/
    /*height: 100%;*/
    top: 5px;
    bottom: 8px;
    border-left: none;
    border-top: none;
    border-bottom: none;
    box-shadow: 0 1px 1px 1px #cbcbcb;
}

.noShadow, .noShadow * {
    text-shadow: none;
}

button sup{
    line-height: 15px !important;
}

.lh9 *, .lh9 { line-height: 9px !important; }
.lh22 *, .lh22 { line-height: 22px !important; }

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

.horizontalScroll {
    overflow: visible;
}

.noPadding *{
    padding: 0;
}

.padding2 *, .paddingAll3{
    padding: 3px !important;
}

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

.noBG {
    background: none !important;
}

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

.glassBG, .webix_kanban_list_item, .webix_kanban_list_item.webix_selected {
    background-color: transparent !important;
    background-image: url(../images/glass.png) !important;
    background-repeat: repeat;
}

.glassBG .webix_drag_over{
    background-image: url(../images/glass2.png) !important;
}

.glassBG2 {
    background-color: transparent !important;
    background-image: url(../images/glass3.png) !important;
}

.glassDarkBG{
    background-color: transparent !important;
    background-image: url(../images/glassDark.png) !important;
    background-repeat: repeat-y !important;
    background-position: right !important;
}

.clearDiv{
    clear: both;
}

.loginHelper, .loginHelper *{
    text-align: center;
    line-height: 27px;
    padding: 0 !important;
}

.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, .byCenter .webix_img_btn{
    text-align: center;
}

.byCenter .webix_icon_btn{
    /*text-align: left;*/
}

.byRight{
    text-align: right;
}

.byRightLabel label{
    text-align: right !important;
}

.noLockScreen {
    opacity: 0 !important;
}

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

.sizeBigger{
    font-size: 110%;
}

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

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

.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;
}

.commentsList .webix_list_item{
    height: auto !important;
    cursor: auto;
}

.commentsList .webix_list_item:hover{
    text-decoration: none;
}

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

.breakWord{
    word-wrap: break-word;
}

.smaller{
    font-size: 100%;
}

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

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

.noMarginEx *{
    margin: 0;
}

.marginRight3 {
    margin-right: 3px;
}

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

.uploader_overall{ height:100%; line-height: 30px;}
.uploader_name{ height:100%; float:left; overflow: hidden;}
.uploader_size{	width: 100px; text-align: right; float: right;}
.uploader_status{
    float: right;
    position: relative;
    width: 100%;
    height: 100%;
}
.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;}
.forumUploader .webix_template, .uploader_nopadding .webix_list_item{ padding: 0 !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;}
.uploader_nopadding .webix_list_item{ padding: 0 !important; }*/

.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;
}

.taskAvatar {
    margin-top: 4px !important;
}

.CodeMirror-scroll, .CodeMirror {
    min-height: inherit !important;
}

.CodeMirror-sizer{
    padding-right: 10px !important;
}

table {
    border-collapse: collapse !important;
}

table td {
    border-style: solid;
    border-spacing: 0;
    border-collapse: collapse;
    border-width: 1px;
}
/*==================== 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, .underlineItem .webix_dataview_item:hover,
.underlineItem .webix_list_item:hover {
    text-decoration: underline;
}

.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;
}

.left_lw_fix label{
    padding-left: 3px;
}

._drag_handle_{
    float: left;
    cursor:n-resize;
    height: 100%;
    line-height: inherit;
    margin-right: 10px;
}

._delete_handle_{
    float: right;
    cursor: auto;
    height: 100%;
    line-height: inherit;
    margin-left: 10px;
}

._delete_handle_:hover{
    color: red;
}

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

.closeSession * {
    text-align: center !important;
    color: #d6d6d6 !important;
}

.descrMenuProject{
    display: inline-block;
    width: 125px;
    text-align: right;
}

.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px !important; }
.f90 { font-size: 90%; }
.f95 { font-size: 95%; }
.f85 { font-size: 85%; }
.f105 { font-size: 105%; }
.f110 { font-size: 110%; }
.f115 { font-size: 115%; }
.f120 { font-size: 120%; }
.f125 { font-size: 125%; }
.f130 { font-size: 130%; }

.task_timestamp{
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
    color: #a25965;
}

.highlightComment{
    background-color: #f6ede8;
    padding: 5px;
    border: 1px solid #ebe2de;
    border-radius: 4px;
}

.projectSearch input{
    width: inherit !important;
    text-align: left;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url(../images/glassDark.png) !important;
    background-repeat: repeat-y !important;
    background-position: right !important;
    border-radius: inherit;
    border: none;
    color: #fff;
}

.projectSearch .fa-search {
    color: #dedede !important;
}

.projectsListMenu .webix_selected{
    border-bottom-color: rgba(167, 167, 167, 0.49) !important;
}

.projectsListMenu .webix_list_item{
    color: #fff;
    text-shadow: 1px 1px 1px rgb(47, 47, 47);
    border-bottom-color: rgba(167, 167, 167, 0.49);
}

.internalLink {
    font-weight: 600;
    /*font-size: 95%;*/
}

.hashtagLink .webix_kanban_icon_text{
    font-size: 14px;
    top: 1px;
}

.noPostBorder .webix_list_item{
    border-color: transparent;
    padding: 0;
}

hr {
    margin: 0;
}

.postDisplayName{
    font-size: 125%;
}

.userLink{
    text-decoration: none;
}

.userLink:hover {
    background-color: rgba(178, 195, 255, 0.31);
}

.postHeader{
    background-color: rgba(241, 251, 84, 0.29);
    padding: 7px;
}

.headerLeft {
    float: left;
    width: 200px;
}

.msgLeft{
    margin-left: 201px;
}

.postMessage{
    padding: 10px 20px;
}

.postMessageRight{
    padding: 0 20px;
}

.modifyButtons{
    float: right;
}

.postDtCreated {
}

.postEditButton, .postDelButton, .subscribeBtn, .unsubscribeBtn, .presenterButton{
    padding: 4px;
    border-radius: 4px;
    width: auto;
    text-shadow: none;
    margin: 0 2px;
}

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

.webix_icon_btn{
    line-height: inherit;
}

.noPaddingChild .webix_el_box .fa-search{
    line-height: 25px;
}

.webix_layout_toolbar .webix_img_btn:hover, .webix_layout_toolbar .webix_img_btn_top:hover {
    background-color: transparent !important;
    background-image: url(../images/glass.png) !important;
    background-repeat: repeat;
}

/*.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_kanban_list_item.webix_selected .webix_kanban_list_content{
    background: #fbffed;
    /*border-left-width: 7px;*/
    border-top: 1px solid #00b1ff;
    border-right: 1px solid #00b1ff;
    border-bottom: 1px solid #00b1ff;
    box-shadow: 2px 2px 1px 1px #b3b3b3;
}

.webix_kanban_list_content{
    border-radius: 3px;
    border-left-width: 6px;
}

.webix_kanban_list_item .webix_kanban_footer .webix_icon{
    min-width: 15px;
    width: auto;
}

.webix_accordionitem_label{ float:none; }

.webix_tab_filler{ width: 0 !important; }

.webix_cal_body .webix_cal_row {clear: none}

.CodeMirror .CodeMirror-code .cm-comment { font-family: monospace; }

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

.webix_column>div.red.webix_row_select,
.webix_list_item.webix_selected > span.blue { 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; }

.zebra>.webix_scroll_cont>.webix_list_item:nth-child(even) { background-color:#ffffee; }

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

.applyButton .webixtype_base {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_inp_label {padding-top: 0;}

.webix_kanban_body a:hover, .highlightLink a:hover{
    background-color: #ececec;
}

.projectLink{
    color: #fff02a;
    line-height: 30px;
}
.projectLink:hover{
    background-color: #2057a9;
    color: #fff02a;
}

a.webix_icon, .projectLink, ._link {
    text-decoration: none;
}

.webix_dataview_item.webix_kanban_list_item {
    background: none !important;
}

.webix_kanban_user_avatar {
    border-left: 1px solid;
}

.webix_input_icon.fa-search:hover{
    background: none !important;
}

.webix_tree_folder_open {
    background-image: url(img/open_f.png);
}

.webix_tree_file {
    background-image: url(img/file.png);
}

.webix_tree_folder {
    background-image: url(img/close_f.png);
}

.webix_tree_img{
    background-color: transparent;
}

.webix_popup {
    margin-top: -2px;
}

.webix_menu-x .webix_list_item{
    margin-top: 4px;
}

.webix_disabled_box *{
    color: #c9c9c9 !important;
}

.webix_disabled_box {
    background-color: rgba(167, 167, 167, 0.27);
    border-radius: 4px;
}

.forumTree .webix_tree_item.webix_selected span .webix_icon {
    padding: 0 0 4px 4px !important;
}

.markdown-body video:focus{
    outline: none;
}

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