/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

 :host,:root,[data-bs-theme=light] {
    --tblr-secondary-rgb: 108,122,145;
 }

.dropdown-menu {
    --tblr-dropdown-zindex: 1000;
    --tblr-dropdown-min-width: 11rem;
    --tblr-dropdown-padding-x: 0;
    --tblr-dropdown-padding-y: 0.25rem;
    --tblr-dropdown-spacer: 1px;
    --tblr-dropdown-font-size: 0.875rem;
    --tblr-dropdown-color: var(--tblr-body-color);
    --tblr-dropdown-bg: var(--tblr-bg-surface);
    --tblr-dropdown-border-color: var(--tblr-border-color-translucent);
    --tblr-dropdown-border-radius: var(--tblr-border-radius);
    --tblr-dropdown-border-width: var(--tblr-border-width);
    --tblr-dropdown-inner-border-radius: calc(var(--tblr-border-radius) - var(--tblr-border-width));
    --tblr-dropdown-divider-bg: var(--tblr-border-color-translucent);
    --tblr-dropdown-divider-margin-y: var(--tblr-spacer);
    --tblr-dropdown-box-shadow: var(--tblr-box-shadow-dropdown);
    --tblr-dropdown-link-color: inherit;
    --tblr-dropdown-link-hover-color: inherit;
    --tblr-dropdown-link-hover-bg: rgba(var(--tblr-secondary-rgb), 0.08);
    --tblr-dropdown-link-active-color: var(--tblr-primary);
    --tblr-dropdown-link-active-bg: var(--tblr-active-bg);
    --tblr-dropdown-link-disabled-color: var(--tblr-tertiary-color);
    --tblr-dropdown-item-padding-x: 0.75rem;
    --tblr-dropdown-item-padding-y: 0.5rem;
    --tblr-dropdown-header-color: #49566c;
    --tblr-dropdown-header-padding-x: 0.75rem;
    --tblr-dropdown-header-padding-y: 0.25rem;
    position: absolute;
    z-index: var(--tblr-dropdown-zindex);
    display: none;
    min-width: var(--tblr-dropdown-min-width);
    padding: var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);
    margin: 0;
    font-size: var(--tblr-dropdown-font-size);
    color: var(--tblr-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--tblr-dropdown-bg);
    background-clip: padding-box;
    border: var(--tblr-dropdown-border-width) solid var(--tblr-dropdown-border-color);
    border-radius: var(--tblr-dropdown-border-radius);
    box-shadow: var(--tblr-dropdown-box-shadow)
}

.dropdown-item:focus,.dropdown-item:hover {
    color: var(--tblr-dropdown-link-hover-color);
    text-decoration: none;
    background-color: var(--tblr-dropdown-link-hover-bg)
}

.schedule {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow-x: scroll;
    max-width: 1500px;
}

.schedule table {
    width: 100%;
    border-collapse: collapse;
}

.schedule th,
.schedule td {
    padding: 8px;
    text-align: center;
    border: 1px solid #ddd;
}

.schedule th {
    background-color: #f2f2f2;
}

.schedule td {
    background-color: #fff;
}

.schedule td:hover {
    background-color: #f2f2f2;
}

td.schWeekend {
    background-color: rgb(221, 221, 221);
}

td.schWFH {
    background-color: rgb(221, 221, 221);
}

td.schProjects {
    background-color: rgb(221, 221, 221);
}

td.schAnnualLeave {
    background-color: rgb(221, 221, 221);
}

td.schOnsite {
    background-color: rgb(221, 221, 221);
}

td.schApprenticeship {
    background-color: rgb(221, 221, 221);
}

td.schExam {
    background-color: rgb(221, 221, 221);
}

td.schCover {
    background-color: rgb(221, 221, 221);
}

td.schTraining {
    background-color: rgb(221, 221, 221);
}

td.schEmergencyCall {
    background-color: rgb(221, 221, 221);
}

td.schSickLeave {
    background-color: rgb(221, 221, 221);
}