@import "main";

.filter {
    font-size: @fontSize;

    tr {
        height: 33px;
    }


    td, th {
        height: 33px;
        text-align: center;
        vertical-align: middle;
    }

    .form-control {
        display: inline !important;
    }

    .selectpicker {
        vertical-align: middle;
    }

    .bootstrap-select {
        margin-bottom: 0px;
    }

    .table-well {
        overflow-x: auto;
        overflow-y: auto;
        white-space: nowrap;
        display: inline-block;
        max-height: 47vh;
    }

    @media (min-width: 2560px) {
        .table-well {
            display: inline-table;
        }

        .sticky-left {
            width: 10%;
        }
    }

    .table-grid td {
        padding-inline: 25px;
        padding-top: 10px;
    }

    .absence-cell {
        position: relative;
        padding-inline: 10px !important;
        min-width: 75px;
    }

    .absence-cell img {
        visibility: hidden;
    }

    .absence-cell:hover img {
        visibility: visible;
    }

    .add-button-display {
        display: none;
    }

    .absence-cell:hover .add-button-display {
        display: inline;
    }

    .sticky-left {
        position: sticky;
        left: 0;
        background-color: #ffffff;
        border-left: 0px;
        z-index: 1;
    }

    .sticky-top {
        position: sticky;
        top: 0;
        background-color: #ffffff;
        z-index: 2;
    }

    .calendar td {
        position: relative;
        vertical-align: top;
        text-align: left;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.25) !important;
    }

    .calendar td .top-left {
        position: absolute;
        top: 5%;
        left: 5%;
        font-weight: bold;
    }

    .calendar td .center-middle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-weight: normal;
    }
}