.dhx_toolbar-button__caret{
    display: none
}
.dhx_layout-cell-content {
    padding: 0px;
}
.dhx_grid-row:hover {
    background-color: var(--dhx-color-primary-light-hover);
}
.template_jumlah_kelas {
    text-shadow: 4px 4px 3px green;
}
.custom_line {
    .dhx_grid-cell,
    .dhx_grid-footer-cell:not(.dhx_cell_first),
    .dhx_grid-header-cell:not(.dhx_cell_first) {
        border-left: unset;
    }
    .dhx_grid-selected-cell{
        border:0px solid var(--dhx-color-primary);
        background-color:transparent;
        pointer-events:none
    }
    .user-info_avatar {height: 30px; width: 30px; border-radius: 100%; }
    .grid-user_avatar {
        border-radius: 50%;
        width: 26px;
        height: 26px;
        min-width: 26px;
        margin-right: -3px;
        text-align: center;
        line-height: 26px;
        border: var(--dhx-border);
        background: var(--dhx-border-color);
        color: var(--dhx-color-white);
        font-weight: 500;
        /*margin-right: -3px;*/
    }
}
.grid-template {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.grid-cat {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: -3px;
    color: white;
    font-weight: 700;
    text-align: center;
    border: var(--dhx-border);
    font-size: calc(var(--dhx-step-size)*2.8);
    line-height: 26px;
    min-width: 26px;
    cursor: default;
}
.grid-user_avatar {
    border-radius: 50%;
    width: 26px;
    height: 26px;
    min-width: 26px;
    margin-right: -3px;
    text-align: center;
    line-height: 26px;
    border: var(--dhx-border);
    background: var(--dhx-border-color);
    color: var(--dhx-color-white);
    font-weight: 500;
    /*margin-right: -3px;*/
}
.grid-space {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 6px;
    color: white;
    font-weight: 700;
    text-align: center;
    border: var(--dhx-border);
    font-size: calc(var(--dhx-step-size)*2.8);
    line-height: 15px;
    min-width: 15px;
    cursor: default;
}
.grid-spacer {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 6px;
    color: white;
    font-weight: 700;
    text-align: center;
    border: var(--dhx-border);
    font-size: calc(var(--dhx-step-size)*2.8);
    line-height: 26px;
    min-width: 26px;
    cursor: default;
}
.customCell {
    display: flex;
    justify-content: space-between;
      width: 100%;
}
.customCell img {
    align-self: center;
    max-width: 28px;
}
.customCell div {
    align-self: center;
    max-width: 28px;
}
.alternate_row .dhx_grid-row:nth-child(2n) {
    background-color: var(--dhx-s-toolbar-button-background-hover);
}
.dhx_grid-selected-cell{
    border:0px solid var(--dhx-color-primary);
    background-color:transparent;
    pointer-events:none
}
.ui-tooltip-content {
    font-size: calc(var(--dhx-step-size)*3.5);
    font-family: var(--dhx-sample-font-family);
    
}
.ui-widget-shadow {
    -webkit-box-shadow: var(--dhx-border-shadow-normal);
    box-shadow:var(--dhx-border-shadow-normal);
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: var(--dhx-border-radius);
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: var(--dhx-border-radius);
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: var(--dhx-border-radius);
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: var(--dhx-border-radius);
}