@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

a {
    text-decoration: none;
}

h1 {
    font-size: 2rem;
}

body {
    --bs-body-font-family: 'Roboto';
}

#sidebar {
    background-color: #212829;
    display: flex;
    flex-direction: column;
}

#sidebar_table {
    --bs-table-bg: transparent;
    --bs-table-hover-bg: #00ff5030;
    --bs-table-bg-color: transparent;
}

#sidebar_table td {
    color: white;
    padding-left: 1rem;
    padding-right: 1.5rem;
}

#sidebar_table .divider {
    color: gray;
    --bs-table-hover-color: gray;
    --bs-table-hover-bg: transparent;
}

.timeoff {
    width: 100%;
    border-collapse: collapse;
}

.timeoff-header-name {
    padding: 4px;
    background-color: #212829;
    color: white;
    padding: 0px;
    white-space: nowrap;
}

.timeoff-header-month {
    padding: 4px;
    background-color: #212829;
    color: white;
    padding: 0px;
}

.timeoff-header-month-separator {
    background: #212829;
    border-left: 1px solid #212829;
    width: 0px;
    min-width: 0px;
    max-width: 0px;
    padding: 0px;
    margin: 0px;
}

.timeoff-month-separator {
    border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    width: 0px;
    min-width: 0px;
    max-width: 0px;
    padding: 0px;
    margin: 0px;
}

.timeoff-week-separator {
    border-left: 1px dashed lightgray;
    width: 0px;
    min-width: 0px;
    max-width: 0px;
    padding: 0px;
    margin: 0px;
}

.timeoff-name {
    border-bottom: 1px solid lightgray;
    white-space: nowrap;
}

.timeoff-day {
    border-bottom: 1px solid lightgray;
}