.dxGantt-tsac { /* timeScaleAreaContainer */
    position: relative;
    overflow: hidden;
    background-color: white;
}
.dxGantt-tsa { /* time scale area */
    position: relative;
}
.dxGantt-tac { /* task area container dxGantt-task-area-container */
    position: relative;
    overflow-x: scroll;
    overflow-y: auto;
}

.dxGantt-hb { /* horizontal border */
    position: absolute;
    left: 0;
    height: 0;
    z-index: 1000;
}
.dxGantt-vb { /* vertical border */
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1000;
}

.dxGantt-si { /* time scale item */
    position: absolute;
    top: 0;
    white-space: nowrap;
    box-sizing: border-box;
}
.dxGantt-taskWrapper { /* task wrapper */
   position: absolute;
   z-index:3000;
   vertical-align: top;
}
.dxGantt-taskWrapper > div {
    vertical-align: top;
}

.dxGantt-task {
    position: relative;
    display:inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
}
.dxGantt-tPrg { /* task progress */
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 0;
}
.dxGantt-taskTitle,
.dxGantt-taskRes {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dxGantt-titleIn {
    position: relative;
    width: 100%;
    z-index: 1;
}
.dxGantt-titleOut {
    display: inline-block;
    width: 500px;
    margin-left: -500px;
    text-align: right;
    text-overflow: ellipsis;
}
.dxGantt-taskRes { /* task-resource */
    display: inline-block;
    overflow: hidden;
}

.dxGantt-task,
.dxGantt-taskTitle,
.dxGantt-titleOut,
.dxGantt-taskRes {
    box-sizing: border-box;
}

.dxGantt-sel { /* row-selection */
    position: absolute;
    z-index: 500;
}
.dxGantt-task.dxGantt-milestone {
    transform: rotate(45deg);
    border-radius: 0!important;
    padding: 0;
}

.dxGantt-task.dxGantt-smallTask {
    text-align: center;
}

.dxGantt-conn-h, /* connector-horizontal */
.dxGantt-conn-v, /* connector-vertical */
.dxGantt-arrow { /* connector-arrow */
    position: absolute;
    z-index: 2001;
}
.dxGantt-conn-v {
    top: 0;
    width: 0;
}
.dxGantt-conn-h {
    left: 0;
    height: 0;
}
.dxGantt-arrow {
    width: 0;
    height: 0;
}
.dxGantt-arrow.dxGantt-TA { /* connector-arrow-top */
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
}
.dxGantt-arrow.dxGantt-RA { /* connector-arrow-right */
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}
.dxGantt-arrow.dxGantt-BA { /* connector-arrow-bottom */
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
}
.dxGantt-arrow.dxGantt-LA { /* connector-arrow-left */
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

.dxGantt-nwi { /* column-holiday */
    position: absolute;
    z-index: 499;
}
.dxGantt-altRow /* row-alternated */ {
    position: absolute;
    z-index: 498;
}