html, body {
			margin: 0px;
			padding: 0px;
			height: 100%;
			overflow: hidden;
		}

		.baseline {
			position: absolute;
			opacity: 0.6;
			margin-top: -7px;
			height: 12px;
			background: #ffd180;
			border: 1px solid rgb(255, 153, 0);
    		border-radius: 0;
		}

    .dashboard_indicator { width: 20; font-size:12px; align: right; display: inline-block}
    .dbi_right {text-align: right; display: block; }
    .dbi_red {font-size: 14px; color:red;}
		
	.custom_scroll { overflow-y: scroll }
	
	.webix_cell {
	    white-space: nowrap;
	    text-overflow: ellipsis;
	}
	
	.webix_hcell {
	    white-space: nowrap;
	    text-overflow: ellipsis;
	}
		
	.custom-project{
		position: absolute;
		height: 6px;
		color: #ffffff;
		background-color: #444444;
	}
	.custom-project div{
		position: absolute;
	}
	.project-left, .project-right{
		top: 6px;
		background-color: transparent;
		border-style: solid;
		width: 0px;
		height: 0px;
	}

	.project-left{
		left:0px;
		border-width: 0px 0px  8px 7px;
		border-top-color: transparent;
		border-right-color: transparent !important;
		border-bottom-color: transparent !important;
		border-left-color: #444444 !important;
	}

	.project-right{
		right:0px;
		border-width: 0px 7px 8px 0px;
		border-top-color: transparent;
		border-right-color: #444444;
		border-bottom-color: transparent !important;
		border-left-color: transparent;
	}

	.project-line{
		font-weight: bold;
	}
	.gantt_task_line, .gantt_line_wrapper div{
		background-color: blue;
		border-color: blue;
		border-radius: 0;
	}

	.red {
		background-color: red;
		border-color: red;
	}

	.gantt_link_arrow {
		border-color: blue;
	}
	.gantt_task_link:hover .gantt_line_wrapper div{
		box-shadow: 0 0 5px 0px #9fa6ff;
	}

	.gantt_task_line .gantt_task_progress{
		opacity: 0.3;
		background-color: #444444;
	}

	.gantt_grid_data .gantt_cell{
		border-right: 1px solid #ECECEC;
	}

	.gantt_grid_data .gantt_cell.gantt_last_cell{
		border-right: none;
	}

	.gantt_tree_icon.gantt_folder_open,
	.gantt_tree_icon.gantt_file,
	.gantt_tree_icon.gantt_folder_closed{
		display: none;
	}

	.gantt_task .gantt_task_scale .gantt_scale_cell, .gantt_grid_scale .gantt_grid_head_cell{
		color:#5C5C5C;
	}

	.gantt_row, .gantt_cell{
		border-color:#cecece;
	}
	.gantt_grid_scale .gantt_grid_head_cell {
		border-right: 1px solid #cecece !important;
	}
	.gantt_grid_scale .gantt_grid_head_cell.gantt_last_cell  {
		border-right: none !important;
	}

	.gantt_task_row, .gantt_task_cell{
		/*border:none;*/ 
	}

	.weekend{
		background: #f4f7f4 !important;
	}
	.gantt_selected .weekend{
		background:#FFF3A1 !important;
	}
	
	
	 

		
		
		.gantt_task_line, .gantt_line_wrapper {
			margin-top: -3px;
		}

		.gantt_side_content {
			margin-bottom: 7px;
		}

		.gantt_task_link .gantt_link_arrow {
			margin-top: -5px
		}

		.gantt_side_content.gantt_right {
			bottom: 0;
		}

		.gantt_side_content.gantt_left {
			margin-top: 22px;
		}
		
		.gantt_critical_task {
		    background-color: #e63030;
            border-color: #9d3a3a;
		}
	
	
	
	
        .webix_template {
            padding:0px; /* Бордюры.. */
        }
        
        .webix_layout_line {
            width: 100%;
            height: 100%;
        }
        
        .layout100 {
            width: 100%;
            height: 100%;
        }
        
        .parentline{
            font-weight: bold;
        }
        
        .cellbutton{
            width:31px;
            height:31px;
            text-align: center;
            float:right;
            //background-color:#3366CC;
            //color:white;
            border-radius:3px;
            cursor:pointer;
            z-index: 100;
            position: relative;
            display: table-row;
		
        }

        .headerbutton{
            width:26px;
            height:20px;
            margin: 1px;
            text-align: center;
            float:right;
            border:1px solid #3366CC;
            background-color:#fff;
            color:#3366CC;
            border-radius:3px;
            cursor:pointer;
            text-decoration: none;
            font-weight: bold;
            font-size: 16px;
        }
        .headerbutton:hover{
            width:26px;
            height:20px;
            margin: 1px;
            text-align: center;
            float:right;
            border:1px solid #3366CC;
            background-color:#3366CC;
            color:#fff;
            border-radius:3px;
            cursor:pointer;
            text-decoration: none;
            font-weight: bold;
            font-size: 16px;
        }

        .headersinglebutton{
            width:24px;
            height:16px;
            margin: 0px;
            padding: 3px;
            text-align: center;
            border:1px solid #3366CC;
            background-color:#fff;
            color:#3366CC;
            border-radius:3px;
            cursor:pointer;
            text-decoration: none;
            font-size: 16px;
            text-overflow: clip;
        }
        /*
        .headersinglebutton:hover{
            width:24px;
            height:16px;
            margin: 0px;
            padding: 3px;
            text-align: center;
            border:1px solid #3366CC;
            background-color:#3366CC;
            color:#fff;
            border-radius:3px;
            cursor:pointer;
            text-decoration: none;
            font-size: 16px;
            text-overflow: clip;
        }*/

        .cellbuttonleft{
            width:31px;
            height:31px;
            text-align: center;
            //float:right;
            //background-color:#3366CC;
            //color:white;
            border-radius:3px;
            cursor:pointer;
            padding-right: 10px;
            
        }

        .celllink{
		cursor: pointer;
    		/* text-decoration: none; */
    		border-bottom: 1px dashed;
    		height: 26px;
    		width: 82%;
    		display: inline-block;
    		white-space: nowrap;
    		overflow: hidden;
    		text-overflow: ellipsis;
        }

	/* 2022 */
	.webix_row_select .celllink span {color: #fff !important;}
	.webix_row_select span {color: #fff !important;}

	.cellbutonlayer{
            position: absolute; /* Абсолютное позиционирование */
            bottom: 8px; /* Положение от нижнего края */
            right: 15px; /* Положение от правого края */
        }
        
        .checked{
        	color:green;
        	font-weight: bold; cursor:pointer;
        }
        .notchecked{
        	color:red;
        	font-weight:bold; cursor: pointer;
        }
        
        .webix_segment_0{
            color:#ff2400;
            background: #fff;//#f1f1f1;//#fcfbc0;
            border:1px solid #ff2400;
        }
        .webix_segment_1{
            color:#ffbf00;
            background: #fff;//#f1f1f1;//#fcfbc0;
            border:1px solid #ffbf00;
        }
        .webix_segment_N{
            color:#008000;
            background: #fff;//#f1f1f1;//#fcfbc0;
            border:1px solid #008000;
        }
        .webix_segment_0.webix_selected, .webix_segment_0:hover, .webix_selected.webix_segment_0:hover{
            color:#fff;
            background:#ff2400;
            border-color:#ff2400;
        }
        .webix_segment_1.webix_selected, .webix_segment_1:hover, .webix_selected.webix_segment_1:hover{
            color:#fff;
            background:#ffbf00;
            border-color:#ffbf00;
        }
        .webix_segment_N.webix_selected, .webix_segment_N:hover, .webix_selected.webix_segment_N:hover{
            color:#fff;
            background:#008000;
            border-color:#008000;
        }    

        .basis_red{
            color:#ff2400;
            border-color:#ff2400;
        }
        .basis_yellow{
            color:#ffbf00;
            border-color:#ffbf00;
        }
        .basis_green{
            color:#008000;
            border-color:#008000;
        }
        
        .basis_active{
            color:#3366CC;
            border-color:#008000;
        }
        
        .basis_button button{
            background-color: #3366CC;
            border: 1px solid #3366CC;
            font-family: 'FontAwesome';
        }
        .basis_button button:hover{
            background-color: #3366CC;
            border: 1px solid #3366CC;
            font-family: FontAwesome;
        }
        
        .basis_icon {
            background-color: #3366CC;
            border: 1px solid #3366CC;
        }
        
        
        
        
        
        .high{
            border:2px solid #d96c49;
            color: #d96c49;
            background: #d96c49;
        }
        .high .gantt_task_progress{
            background: #db2536;
        }
    
        .medium{
            border:2px solid #34c461;
            color:#34c461;
            background: #34c461;
        }
        .medium .gantt_task_progress{
            background: #23964d;
        }
    
        .low{
            border:2px solid #6ba8e3;
            color:#6ba8e3;
            background: #6ba8e3;
        }
        .low .gantt_task_progress{
            background: #547dab;
        }


/* 2022 */

.status_color div div div div:nth-child(1) {
  background: #ff2400;
  color: #fff;
}
.status_color div div div div:nth-child(2) {  
  background: #ffbf00;
  color: #fff;
}
.status_color div div div div:nth-child(3) {  
  background: #008000;
  color: #fff;
}

input[value="0"] {
  background: #ff2400 !important;
  color: #fff !important;
}
input[value="1"] {
  background: #ffbf00 !important;
  color: #fff !important;
}
input[value="2"] {
  background: #008000 !important;
  color: #fff !important;
}
.webix_list_item[webix_l_id="0"] {
  background: #ff2400 !important;
  color: #fff !important;
}
.webix_list_item[webix_l_id="1"] {
  background: #ffbf00 !important;
  color: #fff !important;
}
.webix_list_item[webix_l_id="2"] {
  background: #008000 !important;
  color: #fff !important;
}

.status_red div input {
  background: #ff2400 !important;
  color: #fff !important;
}
.status_yellow div input {
  background: #ffbf00 !important;
  color: #fff !important;
}
.status_green div input {
  background: #008000 !important;
  color: #fff !important;
}

.borderless div input {
	border: 0px;
}
.italic div input {
    	font-style: italic;
}