:root {
    --card-height: 108px;
}

body {
    height: 100%;
    width: 100%;
    margin: 0 0;
    padding: 0 0;
    position: absolute;
    background-color: #2d2d2d !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;

    /*font-family: "Open Sans";*/
}

.spanBr {height: 15px; width: 100%; display: block;}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    opacity: .8;
}
.thinScrollBar::-webkit-scrollbar {
    width: 3px;
    opacity: .5;
}
::-webkit-scrollbar-track {
    background-color: rgba(234, 234, 234, 0.60);
    /*border-left: 1px solid transparent;*/
}
::-webkit-scrollbar-thumb {
    background-color: rgba(204, 204, 204, 0.80);
}
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(178, 178, 178, 0.8);
}

.hiddenScrollMenu::-webkit-scrollbar-track { background-color: transparent; }
.hiddenScrollMenu::-webkit-scrollbar-thumb { background-color: transparent; }

.hiddenScrollMenu textarea::-webkit-scrollbar-track { background-color: transparent; }
.hiddenScrollMenu textarea::-webkit-scrollbar-thumb { background-color: transparent; }

.hiddenScrollMenu:hover::-webkit-scrollbar-track { background-color: rgba(234, 234, 234, 0.20); }
.hiddenScrollMenu:hover::-webkit-scrollbar-thumb { background-color: rgba(162, 167, 204, 0.9);  }

.hiddenScrollMenu textarea:hover::-webkit-scrollbar-track { background-color: rgba(234, 234, 234, 0.20); }
.hiddenScrollMenu textarea:hover::-webkit-scrollbar-thumb { background-color: rgba(162, 167, 204, 0.9);  }

pre {
    margin: 0;
}

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

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

.paddingBottom {
    padding-top: 2px;
}

.marginTop5 {margin-top: 5px}

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

.whiteButton *, .whiteButton button{ color: white !important;}

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

.noShadow *{
    text-shadow: none;
}

.noBoxShadow, .noBoxShadow:focus, .noBoxShadow *:focus, .noBoxShadow * {
    box-shadow: none !important;
}

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

.circleAvatar {
    width: 28px;
    height: 28px;
    border-radius: 14px;
    display: inline-block;
    line-height: 29px;
    margin-right: 4px;
    /*box-shadow: 1px 1px 1px 0 #7f8c8d;*/
    color: white;
    text-align: center;
}

.circleAvatarSmall {
    width: 22px;
    height: 22px;
    border-radius: 11px;
    display: inline-block;
    line-height: 22px;
    margin-right: 3px;
    font-size: 11px;
    /*box-shadow: 1px 1px 1px 0 #7f8c8d;*/
    color: white;
    text-align: center;
}


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

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

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

.priority_light_1,.priority_light_2,.priority_light_3,.priority_light_4,.priority_light_5,.priority_light_6{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    opacity: .2;
}

/*.priority_light_1 { background-color: rgba(178, 181, 172) !important;}*/
/*.priority_light_2 { background-color: rgb(137, 169, 230) !important;}*/
.priority_light_3 { background-color: rgb(118, 64, 189) !important;}
.priority_light_4 { background-color: rgba(8,   209, 36) !important;}
.priority_light_5 { background-color: rgba(249, 246, 62) !important;}
.priority_light_6 { background-color: rgba(241, 26,  16) !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;
}

.borderFooter{
    height: 25px;
    position: absolute;
    top: 93px;
    left: 0;
    right: 0;

    /*background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);*/
    /*background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 200%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.webix_selected  .borderFooter{
    height: 25px;
    position: absolute;
    top: 93px;
    left: 0;
    right: 0;

    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(251,255,237,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(251,255,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(251,255,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fbffed',GradientType=0 );
}

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

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

.borderTop {
    border: none;
    border-top: 1px solid #dedede !important;
    border-width: 1px !important;
}

.borderBottom {
    border: none;
    border-bottom: 1px solid #dedede !important;
    border-width: 1px !important;
}

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

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

.glassDarkBgLR {
    background-color: transparent !important;
    background-image: url(../images/glassDarkBack.png) !important;
    background-repeat: repeat-y !important;
    background-position: left !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: 120%;
}

.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: 25px;}
.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;}

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

.moveMouse {
    cursor:n-resize;
}

._project_type_0 ._normal_handle_ {color: #00b300;}
._project_type_2 ._archive_handle_{color: #00b300;}
._project_type_1 ._done_handle_   {color: #00b300;}

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

._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; }
.fs90{ font-size: 90%;}
.fs90All *{ font-size: 90%;}
.fs85All *{ font-size: 85%;}

.s200x200{ max-width: 200px; max-height: 200px;}

.hideFileInput {
    position: absolute;
    left : -200pt;
    top: 0;
    height: 0;
}

.task_take:hover {
    text-decoration: underline;
    cursor: pointer;
}

.task_timestamp, .task_take{
    font-size: 90%;
    line-height: 14px;
    font-weight: 600;
    color: #a25965;
}

.task_take {
    color: #088519;
    margin-left: 3px;
}

.taskCommTime {
    float: right;
    line-height: inherit;
    font-size: 90%;
    color: grey;
}

.highlightComment{
    background-color: #f6ede8;
    padding: 5px;
    border-top: 1px solid #ebe2de;
    margin-top: 10px;
    /*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 {
    background-color: rgba(139, 139, 181, 0.44) !important;
}

.projectsListMenu span {
    color: #e6e6e6 !important;
    text-shadow: 1px 1px 1px rgb(47, 47, 47);
}

.projectsListMenu input {
    background: none;
}

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

.projectsListMenu .webix_list_item, .projectsListMenu input{
    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%;*/
    display: inline-block;
}

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

.greenBGgButton .webix_img_btn       { background-color: #27ae60 !important;}
.greenBGgButton .webix_img_btn:hover { background-color: #229452 !important; background-image: none !important;}

.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_content{
    /*border-left-width: 7px;*/
    border-top: 1px solid rgba(0, 177, 255, 0.8);
    border-right: 1px solid rgba(0, 177, 255, 0.8);
    border-bottom: 1px solid rgba(0, 177, 255, 0.8);
    box-shadow: 1px 1px 1px 1px rgba(179, 179, 179, 0.46);
}
.webix_kanban_list_item.webix_selected .webix_kanban_list_content{
    background: #fbffed;
    /*border-left-width: 7px;*/
    border-top: 1px solid #f5b941c9;
    border-right: 1px solid #f5b941c9;
    border-bottom: 1px solid #f5b941c9;
    box-shadow: 1px 1px 1px 1px rgba(179, 179, 179, 0.46);
    /*border-top: 1px solid rgba(22, 99, 131, 0.8);*/
    /*border-right: 3px solid rgba(22, 99, 131, 0.8);*/
    /*border-bottom: 1px solid rgba(22, 99, 131, 0.8);*/
    /*box-shadow: 1px 1px 1px 1px rgba(179, 179, 179, 0.46);*/
}

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

.webix_kanban_list_item .webix_kanban_footer_noname .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: var(--card-height);
}
.webix_kanban_body a:hover, .highlightLink a:hover{
    background-color: #ececec;
}

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

.taskLink      {
    text-decoration: none;
}
.taskLink:hover{ color: #FFFFFF !important; background-color: #369ee8 !important; text-shadow: 0 1px 1px #0a0a0a;}

.stageName{
    margin-right: 5px;
    text-overflow: ellipsis;
}

.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: 110%;
}

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

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

.webix_dataview_item.webix_kanban_list_item.webix_selected {
    background-color: #f5b941c9 !important;
    /*background-image: url(../images/glass2.png) !important;*/
    background-repeat: repeat;
}

.commentsList .webix_dataview_item{
    border-bottom: none;
    border-top: 1px solid #ebebeb;
}

/*.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_cal_body .webix_cal_row {clear: none}

.webix_kanban_icons {padding-top: 5px;}
.webix_kanban_user_avatar {
    position: absolute;
    z-index: 2;
    left: 20px;
    bottom: 12px;
    height: 28px;
    width: 28px;
    top: inherit;
    background: none;
}
.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}
.webix_kanban_list_item .webix_kanban_footer.webix_kanban_footer_noname{padding: 2px 0}

.webix_kanban_list_item .webix_kanban_footer{ line-height: 14px}

.kanban_plus_task{
    width: 22px;
    height: 22px;
    position: absolute;
    right: 30px;
    top: 2px;
    text-align: center;
}
.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: 5px;
    top: 5px;
    text-align: center;
    z-index: 10;
}
.kanban_gear .kanban_gear_block{color:#888;}

.kanban_gear_options{
    display: none;
    position: absolute;
    width: 115px;
    top: 5px;
    right: 20px;
    background-color: rgb(240, 240, 240);
    border-radius: 6px;
    line-height: 24px;
    color: #3498d8;
}
.kanban_gear_block:hover .kanban_gear_options{
    display: block;
}

.webix_kanban_list_content .kanban_gear_options{
    width: 60px;
    top: 0;
}

.webix_column > div, .webix_table_cell { padding: 0 5px; }

/*.kanban_gear_options .webix_kanban_icon:hover {*/
    /*color: #3498d8;*/
/*}*/
.noBorderSelection .webix_selected{
    border: none;
}
.kanban_gear_stage.kanban_gear_block:hover .kanban_gear_options{
}

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

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

.webix_popup_text{
    padding: 10px;
}

.framePaddingР10{
    padding-top: 10px;
    padding-bottom: 10px;
}

.framePaddingР5{
    padding-top: 5px;
    padding-bottom: 5px;
}

.tagBadge {
    margin: 3px 5px 0 5px;
    padding: 2px;
    border: 1px solid #f8f7f3;
    background: #f8f7f3;
    line-height: 90%
}

.webix_dataview_item{
    line-height: 22px;
}

.taskUserName {
    font-size: 12px;
    margin-left: 3px;
}

.textEllipsis, .taskUserName {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
}

.inlineBlock {display: inline-block}
.noOverflow {overflow: hidden}

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

.fitContentAuto {
    height: fit-content !important;
}

.webix_kanban_list_item, .webix_kanban_list_item.webix_selected {
    padding: 6px;
}