:root{
    --white: white;
    --black: #273036;
    --red: #c71634;
    --cyan: #005744;
    --pink: #ff65ae;
    --blue: #00a9b3;
    --green: #189749;
    --yellow: #fff336;
    --orange: #ff6d01;
    --purple: #5b3ab1;
    --darkred: #ff2816;
    --lime: #bfff55;
}

.handsontable td.align-left, .handsontable th:last-child div {
    text-align: left !important;
}

.ht__active_highlight, .ht__highlight {
    background: unset;
}

.highlight {
    filter: contrast(85%);
}

.invert {
    filter: invert();
}
.active-hour{
    background: white !important;
}

.day-of-week{
    text-transform: uppercase;
}

.handsontable * {
    border: 0px !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 13px;
}

.handsontable td, .handsontable th{
    font-family: monospace;
    color: var(--white);
    background: var(--black);
}

th{
    color: gray !important;
}
td.color-black{
    background: var(--black);
}
td.color-red{
    background: var(--red);
}
td.color-blue{
    background: var(--blue);
}
td.color-green{
    background: var(--green);
}
td.color-purple{
    background: var(--purple);
}
td.color-lime{
    background: var(--lime);
    color: var(--black);
}
td.color-cyan{
    background: var(--cyan);
}
td.color-darkred{
    background: var(--darkred);
}
td.color-pink{
    background: var(--pink);
}
td.color-orange{
    background: var(--orange);
}
td.color-yellow{
    background: var(--yellow);
    color: var(--black);
}
h2{
    color:green;
}