div.dt-scroll table.dataTable th:first-child, table.dataTable td.dtfc-fixed-start:not(.fixedColor) {
    background-color: white !important;
    box-shadow: none !important;
    /*padding: 1vw !important;*/
}

div.dt-scroll table.dataTable.table-striped-columns th:not(.dayHeader) {
    background-color: white !important;
    box-shadow: none !important;
    /*padding: 1vw !important;*/
}

div.dt-scroll table.dataTable th, div.dt-scroll table.dataTable td {
    width: 26px !important;
    border-top-width: var(--bs-border-width) !important;
    border-top-color: rgba(26, 29, 33, 0.17);
    font-size: 10px;
    padding-left: .3rem;
    padding-right: .3rem;
}

div.layout td.dayBlock {
    max-width: 26px;
    max-height: 30px;
    /*color: white;*/
    /*cursor: pointer;*/
    /*box-shadow: none !important;*/
}

div.layout td > div.blockContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

div.layout td.dayBlock > div.blockContainer > div.block {
    padding: .5rem;
    border-radius: 10px;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    overflow-wrap: break-word;
}

div.layout td.dayBlock > div.blockContainer > div.block p {
    margin-bottom: 8px;
    width: 100%;
    overflow-wrap: break-word;
}

div.layout table.vertical-layout td > div.blockContainer {
    min-height: 100%;
}

div.layout td.dayBlock div.block.disabled {
    -khtml-opacity: .40;
    -moz-opacity: .40;
    -ms-filter: ”alpha(opacity=40)”;
    filter: alpha(opacity=40);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.4);
    opacity: .40;
}

div.layout td.dayBlock > div.blockContainer > div.block {
    position: absolute;
    width: 100%;
    top: -.75rem;
    color: white;
    cursor: pointer;
}

div.layout table.horizontal-layout td:nth-child(3) {
    border-left-width: 2px;
}

div.layout table.horizontal-layout td > div.blockContainer {
    min-width: 100%;
    min-height: auto;
}

div.layout table.horizontal-layout td.dayBlock > div.blockContainer > div.block {
    height: auto;
    top: -.55rem;
    left: -.25rem;
}

div.layout table.horizontal-layout td.dayBlock > div.blockContainer > div.block > div.blockContent {
    min-height: .85rem;
}

div.layout td.emptyBlock {
    cursor: cell;
}

div.layout div.blockContent {
    color: white;
}

div.layout td.expandedBlock {
    display: none;
}

div.layout td.selected, div.layout .drag-over {
    box-shadow: inset 0 0 0 9999px rgba(0, 172, 229, 0.25) !important;
}

div.layout .forbidden-drag {
    box-shadow: inset 0 0 0 9999px rgba(255, 0, 0, 0.25) !important;
    cursor: no-drop !important;
}

div.layout div.today-cell {
    position: absolute;
    top: -.75rem;
    left: 0;
    width: 100%;
    height: 2.5rem;
    z-index: 3;
}

div.layout table.vertical-layout td div.today-cell {
    left: -.3rem;
    width: calc(100% + .65rem);
}

table.vertical-layout tr.is-today div.today-cell {
    background: linear-gradient(180deg,
    rgba(0, 0, 0, 0) calc(50% - 2px),
    rgba(180, 32, 32) calc(50%),
    rgba(0, 0, 0, 0) calc(50% + 2px)
    );
}

table.horizontal-layout td.is-today div.today-cell {
    background: linear-gradient(90deg,
    rgba(0, 0, 0, 0) calc(50% - 2px),
    rgba(180, 32, 32) calc(50%),
    rgba(0, 0, 0, 0) calc(50% + 2px)
    );
}

div.dt-scroll .dt-scroll-body {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap;
}

div.dt-scroll .dt-scroll-body::-webkit-scrollbar {
    height: .70rem !important;
}

div.dt-scroll .dt-scroll-body::-webkit-scrollbar-track {
    background: transparent;
}

div.dt-scroll .dt-scroll-body::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 6px;
}

div.dt-scroll .dt-scroll-body::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0;
}

[data-header-day][data-bs-toggle] {
    background-color: #00FF00 !important;
    text-transform: capitalize;
}

div.milestone {
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 0.5rem;
    margin: 0.5rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

div.milestone-type {
    text-transform: capitalize;
}

.merge-mode .blockContainer .block { opacity: .15; pointer-events: none; }
.merge-mode .blockContainer .block.merge-candidate { opacity: 1; pointer-events: auto; outline: 2px dashed currentColor; }