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

    --main-text-color: #fff;
    --main-text-shadow: 0 1px 1px #0a0a0a;

    --marker-color-1:  #e9ede1;
    --marker-color-2:  #89a9e6;
    --marker-color-3:  #7640bd;
    --marker-color-4:  #08d124;
    --marker-color-5:  #f9f63e;
    --marker-color-5-text:   #0b0df9;
    --marker-color-5-shadow: #cbc9c9;
    --marker-color-6:  #f11a10;
    --marker-color-7:  #ff8c00;
    --marker-color-8:  #1976d2;
    --marker-color-9:  #6d4c41;
    --marker-color-10: #1565c0;
    --marker-color-11: #ff6b35;
    --marker-color-12: #c62828;
    --marker-color-13: #00bcd4;
    --marker-color-14: #880e4f;
    --marker-color-15: #f9a825;
    --marker-color-16: #3949ab;
    --marker-color-17: #7e57c2;
    --marker-color-18: #8bc34a;
    --marker-color-19: #d81b60;
    --marker-color-20: #b71c1c;
    --marker-color-21: #26a69a;
    --marker-color-22: #283593;
    --marker-color-23: #e65100;
    --marker-color-24: #827717;
    --marker-color-25: #ff7c00;
    --marker-color-26: #e91e8c;
    --marker-color-27: #ec407a;
    --marker-color-28: #ff7043;
    --marker-color-29: #546e7a;
    --marker-color-30: #009688;
}

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

/* --- markerBG: фон + текст --- */
.markerBG_1, .marker_LOW      , .markerBG_1 a, .marker_LOW       a { background-color: var(--marker-color-1);  color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_2, .marker_MEDIUM   , .markerBG_2 a, .marker_MEDIUM    a { background-color: var(--marker-color-2);  color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_3, .marker_HI       , .markerBG_3 a, .marker_HI        a { background-color: var(--marker-color-3);  color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_4, .marker_IMPORTANT, .markerBG_4 a, .marker_IMPORTANT a { background-color: var(--marker-color-4);  color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_6, .marker_CRITICAL , .markerBG_6 a, .marker_CRITICAL  a { background-color: var(--marker-color-6);  color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_5, .marker_URGENT   , .markerBG_5 a, .marker_URGENT    a { background-color: var(--marker-color-5);  color: var(--marker-color-5-text); text-shadow: 0 1px 1px var(--marker-color-5-shadow);}

.markerBG_7,  .markerBG_7  a { background-color: var(--marker-color-7);  color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_8,  .markerBG_8  a { background-color: var(--marker-color-8);  color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_9,  .markerBG_9  a { background-color: var(--marker-color-9);  color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_10, .markerBG_10 a { background-color: var(--marker-color-10); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_11, .markerBG_11 a { background-color: var(--marker-color-11); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_12, .markerBG_12 a { background-color: var(--marker-color-12); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_13, .markerBG_13 a { background-color: var(--marker-color-13); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_14, .markerBG_14 a { background-color: var(--marker-color-14); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_15, .markerBG_15 a { background-color: var(--marker-color-15); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_16, .markerBG_16 a { background-color: var(--marker-color-16); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_17, .markerBG_17 a { background-color: var(--marker-color-17); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_18, .markerBG_18 a { background-color: var(--marker-color-18); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_19, .markerBG_19 a { background-color: var(--marker-color-19); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_20, .markerBG_20 a { background-color: var(--marker-color-20); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_21, .markerBG_21 a { background-color: var(--marker-color-21); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_22, .markerBG_22 a { background-color: var(--marker-color-22); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_23, .markerBG_23 a { background-color: var(--marker-color-23); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_24, .markerBG_24 a { background-color: var(--marker-color-24); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_25, .markerBG_25 a { background-color: var(--marker-color-25); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_26, .markerBG_26 a { background-color: var(--marker-color-26); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_27, .markerBG_27 a { background-color: var(--marker-color-27); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_28, .markerBG_28 a { background-color: var(--marker-color-28); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_29, .markerBG_29 a { background-color: var(--marker-color-29); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}
.markerBG_30, .markerBG_30 a { background-color: var(--marker-color-30); color: var(--main-text-color); text-shadow: var(--main-text-shadow);}

/* --- marker_N: --- */
.marker_1  { border-left-color: var(--marker-color-1)  !important;}
.marker_2  { border-left-color: var(--marker-color-2)  !important;}
.marker_3  { border-left-color: var(--marker-color-3)  !important;}
.marker_4  { border-left-color: var(--marker-color-4)  !important;}
.marker_5  { border-left-color: var(--marker-color-5)  !important;}
.marker_6  { border-left-color: var(--marker-color-6)  !important;}
.marker_7  { border-left-color: var(--marker-color-7)  !important;}
.marker_8  { border-left-color: var(--marker-color-8)  !important;}
.marker_9  { border-left-color: var(--marker-color-9)  !important;}
.marker_10 { border-left-color: var(--marker-color-10) !important;}
.marker_11 { border-left-color: var(--marker-color-11) !important;}
.marker_12 { border-left-color: var(--marker-color-12) !important;}
.marker_13 { border-left-color: var(--marker-color-13) !important;}
.marker_14 { border-left-color: var(--marker-color-14) !important;}
.marker_15 { border-left-color: var(--marker-color-15) !important;}
.marker_16 { border-left-color: var(--marker-color-16) !important;}
.marker_17 { border-left-color: var(--marker-color-17) !important;}
.marker_18 { border-left-color: var(--marker-color-18) !important;}
.marker_19 { border-left-color: var(--marker-color-19) !important;}
.marker_20 { border-left-color: var(--marker-color-20) !important;}
.marker_21 { border-left-color: var(--marker-color-21) !important;}
.marker_22 { border-left-color: var(--marker-color-22) !important;}
.marker_23 { border-left-color: var(--marker-color-23) !important;}
.marker_24 { border-left-color: var(--marker-color-24) !important;}
.marker_25 { border-left-color: var(--marker-color-25) !important;}
.marker_26 { border-left-color: var(--marker-color-26) !important;}
.marker_27 { border-left-color: var(--marker-color-27) !important;}
.marker_28 { border-left-color: var(--marker-color-28) !important;}
.marker_29 { border-left-color: var(--marker-color-29) !important;}
.marker_30 { border-left-color: var(--marker-color-30) !important;}

/* --- marker_light_N: overlay --- */
.marker_light_1,  .marker_light_2,  .marker_light_3,  .marker_light_4,  .marker_light_5,  .marker_light_6,
.marker_light_7,  .marker_light_8,  .marker_light_9,  .marker_light_10, .marker_light_11, .marker_light_12,
.marker_light_13, .marker_light_14, .marker_light_15, .marker_light_16, .marker_light_17, .marker_light_18,
.marker_light_19, .marker_light_20, .marker_light_21, .marker_light_22, .marker_light_23, .marker_light_24,
.marker_light_25, .marker_light_26, .marker_light_27, .marker_light_28, .marker_light_29, .marker_light_30 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    opacity: .03;
}

/*.marker_light_1 { background-color: var(--marker-color-1) !important;}*/
/*.marker_light_2 { background-color: var(--marker-color-2) !important;}*/
.marker_light_3  { background-color: var(--marker-color-3)  !important;}
.marker_light_4  { background-color: var(--marker-color-4)  !important;}
.marker_light_5  { background-color: var(--marker-color-5)  !important;}
.marker_light_6  { background-color: var(--marker-color-6)  !important;}
.marker_light_7  { background-color: var(--marker-color-7)  !important;}
.marker_light_8  { background-color: var(--marker-color-8)  !important;}
.marker_light_9  { background-color: var(--marker-color-9)  !important;}
.marker_light_10 { background-color: var(--marker-color-10) !important;}
.marker_light_11 { background-color: var(--marker-color-11) !important;}
.marker_light_12 { background-color: var(--marker-color-12) !important;}
.marker_light_13 { background-color: var(--marker-color-13) !important;}
.marker_light_14 { background-color: var(--marker-color-14) !important;}
.marker_light_15 { background-color: var(--marker-color-15) !important;}
.marker_light_16 { background-color: var(--marker-color-16) !important;}
.marker_light_17 { background-color: var(--marker-color-17) !important;}
.marker_light_18 { background-color: var(--marker-color-18) !important;}
.marker_light_19 { background-color: var(--marker-color-19) !important;}
.marker_light_20 { background-color: var(--marker-color-20) !important;}
.marker_light_21 { background-color: var(--marker-color-21) !important;}
.marker_light_22 { background-color: var(--marker-color-22) !important;}
.marker_light_23 { background-color: var(--marker-color-23) !important;}
.marker_light_24 { background-color: var(--marker-color-24) !important;}
.marker_light_25 { background-color: var(--marker-color-25) !important;}
.marker_light_26 { background-color: var(--marker-color-26) !important;}
.marker_light_27 { background-color: var(--marker-color-27) !important;}
.marker_light_28 { background-color: var(--marker-color-28) !important;}
.marker_light_29 { background-color: var(--marker-color-29) !important;}
.marker_light_30 { background-color: var(--marker-color-30) !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;
}

.mcLoginForm,
.mcLoginRow,
.mcLoginInput,
.mcLoginSubmit,
.mcLoginRemember {
    box-sizing: border-box;
}

.mcLoginTitle {
    border-bottom: 1px solid #bbb !important;
    margin-bottom: 6px;
}

.mcLoginTitleText {
    text-align: center;
    font-size: 14pt;
    color: #555;
    white-space: nowrap;
}

.mcLoginHelperInner {
    text-align: center;
    line-height: 30px;
    color: #777;
    font-size: 13pt;
    cursor: pointer;
}

.mcLoginRemember .webix_label_right {
    line-height: 18px;
}

.mcLoginSubmit button {
    width: 100%;
}

.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%;
    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 30px}
.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;
}

/* Підсвічування знайденого тексту в картках */
fndel.findItem {
    background-color: #ffeb3b;
    color: #000;
    padding: 0 2px;
    border-radius: 2px;
}

.mcPlayer__play i { margin-left: 2px !important; font-size: 13px !important;}
.mcPlayer__btn  i { margin-left: 1px !important; font-size: 13px !important;}

/* ========================= MOBILE ADAPTATION ========================= */

body.mcMobile {
    --card-height: auto;
}

body.mcMobile .wrp {
    left: 0;
    min-width: 0;
}

body.mcMobile .nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    height: var(--mc-drawer-height, 100vh) !important;
    width: var(--mc-drawer-width, 85vw) !important;
    max-width: 320px !important;
    min-width: 0 !important;
    z-index: 1050;
    background-color: transparent !important;
    background-image: url(../images/glassDark.png) !important;
    background-repeat: repeat-y !important;
    background-position: right !important;
    box-shadow: 2px 0 12px rgba(0,0,0,.6);
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform .25s ease-out;
}

body.mcMobile .nav > .webix_view {
    min-height: 100% !important;
}

body.mcMobile .nav .webix_view,
body.mcMobile .nav .webix_layout_line,
body.mcMobile .nav .webix_el_box {
    max-width: 100% !important;
    box-sizing: border-box;
}

body.mcMobile .nav .webix_el_button button,
body.mcMobile .nav .webix_el_toggle button {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Mobile drawer: ужимати webix_segmented до ширини drawer (інакше виходить за межі) */
body.mcMobile .nav .webix_el_segmented {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    overflow: hidden;
}
body.mcMobile .nav .webix_el_segmented .webix_all_segments {
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap;
}
body.mcMobile .nav .webix_el_segmented .webix_all_segments .webix_segment_0,
body.mcMobile .nav .webix_el_segmented .webix_all_segments .webix_segment_1,
body.mcMobile .nav .webix_el_segmented .webix_all_segments .webix_segment_N {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.mcMobile .nav.mcDrawerOpen {
    transform: translateX(0);
}

body.mcMobile .mcDrawerBackdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 1040;
    display: none;
}

body.mcMobile .mcDrawerBackdrop.mcDrawerOpen {
    display: block;
}

/* Safe-area для iOS з notch */
body.mcMobile .webix_view.webix_window {
    padding-bottom: env(safe-area-inset-bottom);
}

/* Захист від auto-zoom на iOS при фокусі */
body.mcMobile input,
body.mcMobile textarea,
body.mcMobile select {
    font-size: 16px !important;
}

/* Швидша реакція на tap для кнопок та іконок */
body.mcMobile button,
body.mcMobile .webix_icon_btn,
body.mcMobile .webix_img_btn,
body.mcMobile .webix_kanban_icon,
body.mcMobile .webix_list_item {
    touch-action: manipulation;
}

/* Більші tap-цілі для іконок на картках */
body.mcMobile .webix_kanban_icons .webix_kanban_icon {
    min-width: 32px;
    min-height: 32px;
    line-height: 32px;
}

/* Видимі тонкі скролбари на мобільному */
body.mcMobile .hiddenScrollMenu::-webkit-scrollbar-track {
    background-color: rgba(234, 234, 234, 0.2);
}

body.mcMobile .hiddenScrollMenu::-webkit-scrollbar-thumb {
    background-color: rgba(162, 167, 204, 0.7);
}

/* Mobile toolbar */
body.mcMobile .mcToolbar {
    overflow: hidden;
}

body.mcMobile .mcBtnMenu .webix_el_box,
body.mcMobile .mcDashboard .webix_el_box {
    height: 36px !important;
    line-height: 36px !important;
}

body.mcMobile .mcBtnMenu button,
body.mcMobile .mcDashboard button {
    min-height: 36px;
}

body.mcMobile .mcDashboard .webix_segment_0,
body.mcMobile .mcDashboard .webix_segment_1 {
    width: 60px !important;
}

body.mcMobile .mcSearchField {
    min-width: 0 !important;
    max-width: 99% !important;
}

body.mcMobile .projectsListMenu {
    width: 100% !important;
    min-width: 0 !important;
}

body.mcMobile .mcFilteredCount {
    display: none !important;
}

/* Mobile kanban: swipe between stages */
body.mcMobile .mcKanbanOuter,
body.mcMobile .mcKanbanGrid {
    /* max-width: 100vw !important; */
    overflow-x: hidden;
}

body.mcMobile .mcKanbanScrollView {
    touch-action: none !important;
}

body.mcMobile .mcKanbanScrollView .webix_scroll_cont {
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

body.mcMobile .mcKanbanScrollView .webix_kanban_list,
body.mcMobile .mcKanbanScrollView .webix_accordionitem:not(.collapsed) {
    min-width: 280px !important;
    max-width: 85vw !important;
    scroll-snap-align: start;
}

body.mcMobile .mcKanbanScrollView .webix_accordionitem.collapsed {
    min-width: 0 !important;
    max-width: none !important;
    scroll-snap-align: start;
}

body.mcMobile .mcKanbanGrid .webix_accordionitem_body,
body.mcMobile .mcKanbanGrid .webix_kanban_list {
    overflow-x: hidden;
}

body.mcMobile .webix_kanban_list_item,
body.mcMobile .webix_kanban_list_item.webix_selected {
    padding: 4px !important;
}

body.mcMobile .webix_kanban_list_content {
    overflow: hidden;
}

body.mcMobile .webix_kanban_list_item .webix_kanban_text {
    font-size: 13px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body.mcMobile .webix_dtable .webix_cell,
body.mcMobile .webix_dtable .webix_hcell,
body.mcMobile .webix_kanban_text,
body.mcMobile .webix_kanban_list_item,
body.mcMobile .webix_kanban_list_item .webix_kanban_body,
body.mcMobile .webix_kanban_list_item * {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}

body.mcMobile .webix_kanban_list_item.webix_selected .kanban_gear_block.needShow {
    display: inline-block;
}

body.mcMobile .webix_kanban_list_item.webix_selected .kanban_gear_block.mcGearOpen .kanban_gear_options {
    display: block;
}

body.mcMobile .mcMenuScroll,
body.mcMobile .mcMenuScroll .webix_scroll_cont {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
    box-sizing: border-box;
}

body.mcMobile .mcLoginMobileWindow,
body.mcMobile .mcLoginMobileWindow .webix_win_content,
body.mcMobile .mcLoginMobileWindow .webix_win_body {
    box-sizing: border-box;
    max-width: 100vw !important;
}

body.mcMobile .mcLoginMobileForm {
    width: 100% !important;
    max-width: none !important;
    margin: 0;
    background: transparent !important;
    border-radius: 0;
    box-shadow: none;
}

body.mcMobile .mcLoginMobileForm .webix_el_box,
body.mcMobile .mcLoginRowMobile .webix_el_box {
    box-sizing: border-box;
}

body.mcMobile .mcLoginRowMobile .webix_el_box {
    padding-top: 2px;
    padding-bottom: 2px;
}

body.mcMobile .mcLoginMobileForm label,
body.mcMobile .mcLoginMobileForm .webix_inp_label,
body.mcMobile .mcLoginMobileForm .webix_inp_top_label {
    font-size: 13px !important;
    line-height: 16px !important;
    height: 18px !important;
    padding-top: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
}

body.mcMobile .mcLoginMobileForm input,
body.mcMobile .mcLoginMobileForm .webix_el_combo input,
body.mcMobile .mcLoginMobileForm .webix_el_text input {
    width: 100% !important;
    height: 36px;
}

body.mcMobile .mcLoginTitleText {
    font-size: 16pt;
}

body.mcMobile .mcLoginHelperBtn,
body.mcMobile .mcLoginLangState,
body.mcMobile .mcLoginFlag {
    min-width: 34px !important;
    width: 34px !important;
}

body.mcMobile .mcLoginHelperInner,
body.mcMobile .mcLoginLangState,
body.mcMobile .mcLoginFlag {
    line-height: 36px;
}

body.mcMobile .mcLoginHelperInner,
body.mcMobile .mcLoginLangState .webix_template,
body.mcMobile .mcLoginFlag .webix_template {
    padding-top: 18px !important;
}

body.mcMobile .mcLoginHelperInner {
    font-size: 14pt;
}

body.mcMobile .mcLoginFlag img {
    max-width: 20px;
    vertical-align: middle;
}

body.mcMobile .mcLoginRemember .webix_label_right {
    line-height: 18px;
    padding-top: 0;
    white-space: normal;
}

body.mcMobile .mcLoginSubmit button {
    min-height: 42px;
    font-size: 15px;
}

body.mcMobile .glassDarkBG {
    background-color: rgb(59 77 92 / 0.59) !important;
}

.mcPlayer {
    box-sizing: border-box;
    margin: 0;
}

.mcCenteredCheckbox .webix_el_box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mcCenteredCheckbox .webix_custom_checkbox,
.mcCenteredCheckbox input[type="checkbox"] {
    float: none;
    margin-right: 6px;
    top: 0;
}

.mcCenteredCheckbox .webix_label_right {
    padding-top: 0;
}

body.mcMobile .webix_dd_drag, body.mcMobile .webix_dd_drag > div {
    height: 36px;
}
body.mcMobile .webix_dd_drag > div {
    padding: 0 10px;
}
body.mcMobile .webix_dd_drag ._delete_handle_ {
    margin-top: 14px;
}
.stageRowMobile {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 34px;
    padding-top: 2px;
    box-sizing: border-box;
}
.stageRowMobile .moveMouse { flex: 0 0 auto; cursor: grab; }
.stageRowMobile .stageNameMobile { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stageRowMobile .webix_icon { flex: 0 0 auto; }