body {
    height: 100%;
    width: 100%;
    margin: 0 0;
    padding: 0 0;
    position: absolute;
    background-color: #0d237b !important;
    overflow: hidden;

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

pre {
    margin: 0;
}

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

.selectable a {
    cursor: pointer !important;
}

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

.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; }
.green { color: green; }
.gray{color:#808080;}
.blue{ color: blue }
.white{ color: white;}
.Gray * {color: #d1d1d1 !important;}
.webixBlue, .webixBlue * { color: #268FD5 !important; }
.webixBGBlue { background-color: #D2E3EF;}

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

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


.menuTagBlob {opacity: .9; background-color: #dce0d5; color: #191919; text-shadow: -1px 1px 1px #eaeaea;}

.priorityBG_1, .priority_LOW       { background-color: #b2b5ac; color: #ffffff; text-shadow: 0 1px 1px #0a0a0a;}
.priorityBG_2, .priority_MEDIUM    { background-color: #89a9e6; color: #ffffff; text-shadow: 0 1px 1px #0a0a0a;}
.priorityBG_3, .priority_HI        { background-color: #ff60a9; color: #ffffff; text-shadow: 0 1px 1px #0a0a0a;}
.priorityBG_4, .priority_IMPORTANT { background-color: #08d124; color: #ffffff; text-shadow: 0 1px 1px #0a0a0a;}
.priorityBG_5, .priority_URGENT    { background-color: #f9f63e; color: #0b0df9; text-shadow: 0 1px 1px #cbc9c9;}
.priorityBG_6, .priority_CRITICAL  { background-color: #f11a10; color: #ffffff; text-shadow: 0 1px 1px #0a0a0a;}

.priority_1 { border-left-color: #b2b5ac !important;}
.priority_2 { border-left-color: #89a9e6 !important;}
.priority_3 { border-left-color: #ff60a9 !important;}
.priority_4 { border-left-color: #08d124 !important;}
.priority_5 { border-left-color: #f9f63e !important;}
.priority_6 { border-left-color: #f11a10 !important;}

.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 *{
    padding: 3px !important;
}

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

.noRound, .noRound button {
    border-radius: 0;
}

.brdRound6 {
    border-radius: 6px;
}

.noBG {
    background: none !important;
}

.noBGC {
    background-color: transparent !important;
}

.trBG, .trBG *{
    background: 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;
}

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

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

.fillWidth > div {
    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;
}

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

/*==================== 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 {
    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;
}

._project_type_0 ._normal_handle_{color: green;}
._project_type_2 ._archive_handle_{color: green;}
._project_type_1 ._done_handle_{color: green;}

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

._archive_handle_:hover, ._done_handle_:hover, ._normal_handle_:hover{
    color: #268FD5;
    cursor: pointer;
}
._delete_handle_:hover{
    color: red;
    cursor: pointer;
}

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

.task_timestamp{
    font-size: 90%;
    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;
}

/* =========================== 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_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; }

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

.fixedHeightForItems .webix_kanban_body {
    height: 70px;
}
.webix_kanban_body a:hover, .highlightLink a:hover{
    background-color: #ececec;
}

.projectLink{
    color: #FFFFFF;
}
.projectLink:hover{
    background-color: #2057a9;
    color: #fff;
}

.project_name {
    border-bottom: 1px solid #eae8e8;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 26px;
    margin-right: 24px;
    text-align: center;
    font-weight: bolder;
    font-size: 85%;
}

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

.tagCloud .webix_dataview_item {
    padding: 2px 4px;
}

.tagCloud .webix_dataview_item.webix_selected{
    border-radius: 6px;
}

.webix_kanban_icons {padding-top: 5px;}
.webix_kanban_user_avatar {
    left: 20px;
    bottom: 12px;
    height: 28px;
    top: inherit;
}
.webix_kanban_user_avatar .webix_icon {vertical-align: middle}
/*.webix_kanban_body{padding: 5px 0}*/
.webix_kanban_list_item .webix_kanban_footer{padding: 2px 0 2px 27px}
.kanban_gear_stage{
    width: 22px;
    height: 22px;
    position: absolute;
    right: 30px;
    top: 0;
    text-align: center;
}
.kanban_gear{
    width: 22px;
    height: 22px;
    position: absolute;
    right: 13px;
    top: 10px;
    text-align: center;
}
.kanban_gear .kanban_gear_block{color:#888;}
.kanban_gear_options{display: none}
.kanban_gear_block:hover .kanban_gear_options{
    display: block;
    position: absolute;
    width: 55px;
    top: 0;
    right: 20px;
    background-color: rgb(240, 240, 240);
    border-radius: 6px;
    line-height: 24px;
}
.kanban_gear_options .webix_kanban_icon:hover {
    color: #3498d8;
}
.noBorderSelection .webix_selected{
    border: none;
}
.kanban_gear_stage.kanban_gear_block:hover .kanban_gear_options{
    width: 100px;
    top: 5px;
    color: #3498d8;
}

.kanban_gear_stage .kanban_gear_options .webix_kanban_icon:hover {
    color: #2dcf26;
}

.webix_accordionitem_header.collapsed .kanban_gear_stage {
    display: none;
}

.webix_popup_text{
    padding: 10px;
}