* {
    box-sizing: border-box;
    user-select: none;
    -webkit-user-select: none;
    outline: none;
    scrollbar-width: none; /* Hide scrollbar (Firefox) */
    -ms-overflow-style: none; /* Hide scrollbar (IE/Edge) */
}

*::-webkit-scrollbar {
    display: none;
}

:root {
    --main-background: rgba(31,35,41,0.95);
    --main-yellow: #FFE500;
    --accent-yellow: #ffbf00;
    --main-gray: #f4f4f4;
}

html {
    overscroll-behavior: none;
}

body {
    display: grid;
    grid-template-rows: auto 1fr auto;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",
                    Roboto,Oxygen-Sans,Ubuntu,Cantarell,
                    "Helvetica Neue",Arial,sans-serif,"Apple Color Emoji",
                    "Segoe UI Emoji","Segoe UI Symbol";
    margin: 0;
    height: 100svh;
    background-color: var(--main-background);
    overflow: hidden;
    overscroll-behavior: none;
    padding-left: max(env(safe-area-inset-left, 15px), 15px);
    padding-right: max(env(safe-area-inset-right, 10px), 10px);
    padding-bottom: max(env(safe-area-inset-bottom, 20px) - 10px, 10px);
    padding-top: max(env(safe-area-inset-top, 25px) - 10px, 15px);
}

button {
    width: 100%;
    color: white;
    border: 2px solid var(--main-yellow);
    border-radius: 20px;
    font-family: inherit;
    font-weight: bold;
    background-color: var(--main-background);
    cursor: pointer;
}

button:hover {
    background-color: var(--accent-yellow);
    color: black;
    transition: background-color 0.5s;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
select {
    width: min(450px, 100%);
    height: min(50px, 100%);
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #4a4a4a;
    border: 2px solid lightgray;
    font-size: 13px;
}

select {
    background-color: white;
}

input[type="text"]:not([disabled]):hover,
input[type="password"]:not([disabled]):hover,
input[type="email"]:not([disabled]):hover,
input[type="number"]:not([disabled]):hover,
input[type="tel"]:not([disabled]):hover,
select:not([disabled]):hover {
    border: 2px solid var(--main-yellow);
    transition: border 0.5s;
}

h4 {
    margin: 0;
    padding: 0;
}

#correction-workflow:not([disabled]):hover, #release-workflow:not([disabled]):hover,
#reject-workflow:not([disabled]):hover, #withdraw-workflow:not([disabled]):hover,
#show-deleted-bookings-container:not([disabled]):hover, #classic-time-format-container:not([disabled]):hover,
#groupcalendar-view-select:not([disabled]):hover,  #calendar-comment:not([disabled]):hover, #monthly-journal:not([disabled]):hover,
#change-history:not([disabled]):hover, #workflow-details:not([disabled]):hover,
#show-rem-break-deduction-container:not([disabled]):hover, #show-without-payment-container:not([disabled]):hover,
#edit-deviation:not([disabled]):hover, #acknowledge-deviation:not([disabled]):hover, 
#working-time-ext-before-deviation:not([disabled]):hover, #working-time-ext-after-deviation:not([disabled]):hover {
    border: 2px solid var(--main-yellow);
    border-bottom: none;
    transition: border 0.5s;
}

select {
    appearance: none;
    color: black;
}

#header-container {
    display: grid;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    gap: 10px;
    border-top: 2px solid var(--main-yellow);
    border-bottom: 2px solid var(--main-yellow);
    padding-bottom: 10px;
    padding-top: 10px;
}

#header-container {
    grid-template: "logo orgstructure" "logo persons" "logotext view" / auto 1fr;
}

#header-overlay {
    position: absolute;
    height: 10px;
    bottom: -12px;
    background-color: #2a2e33;
    width: 100%;
    z-index: 20;
}

#main-logo-text {
    height: 15px;
}

.deviations-table th {
    top: 10px;
}

@media(max-height: 600px) {
    .calendar-table th,
    .bookings-table th,
    .workflowlist-table th {
        top: 0;
    }
}

@media(min-height: 600px) {
    #body-top-buttons {
        position: sticky;
        top: 0;
        z-index: 20;
    }

    .calendar-table th,
    .bookings-table th,
    .workflowlist-table th {
        top: 30px;
    }

    .deviations-table th {
        top: 40px;
    }
}

@media(max-width: 600px) {
    .hidden-small-width {
        display: none;
    }
}

@media(min-width: 600px) {
    #header-container {
        grid-template: "logo logotext orgstructure persons view" / auto 1fr 1fr 1fr 1fr;
    }

    #main-logo-symbol {
        width: 50px !important;
        height: 40px !important;
    }

    #main-logo-text {
        height: 25px;
    }

    #action-buttons, #dashboard-view-buttons, #dashboard-account-results {
        grid-template-columns: 1fr 1fr;
    }

    #footer-info {
        grid-template-columns: 1fr 1fr;
        height: 35px;
    }
}

@media(min-width: 900px) {
    #action-buttons, #dashboard-account-results {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media(min-width: 1200px) {
    #action-buttons, #dashboard-view-buttons {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

#main-logo {
    display: grid;
    position: relative;
    justify-content: left;
    align-items: center;
    gap: 10px;
}

#main-logo-symbol {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyMDEgMTY1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPjxnPjxwYXRoIGQ9Ik05OC45NDEsNzkuOTc0Yy0wLjI5MiwwIC0wLjM0NiwtMC4wMTcgLTAuNTk5LDBjLTYuNTE4LC0wLjAzOCAtMTAuNjQ0LC0xLjIzOSAtMTYuNjEsLTMuMzMxYy04LjczNCwtMy4wMDIgLTE0LjAxNCwtNi4xNzEgLTIxLjQ3NywtMTIuMjc5bC0zNC40MDcsLTI4LjQ3N2wwLjY4MiwtMS4yMzJjMCwwIDQ4Ljc2MiwzMS4xMzcgNTcuMDQ3LDM0LjA0N2M1Ljk3MywyLjA1NiA4LjkxMSwyLjkyNyAxNC41NTgsMy4wMThjMC40NDksLTAuMDMyIDAuNzIxLC0wLjAxMSAwLjgwNiwtMC4wMTFjNC43MjgsLTAuMDIxIDcuMTU0LC0wLjQxNCAxMS44NzMsLTEuODk4YzQuNzA3LC0xLjUzNCA2LjgzNCwtMi4zNTggMTAuNzU2LC01LjI1MWMzLjA4LC0yLjI3NSA2Ljk5MywtNC44ODYgMTAuNzg3LC04LjcxMWw1MC43MzMsLTQ3LjczNGwtNjkuOTI4LC0zLjI5NmwtMCwtMS44MzZsODUuMjQzLC0yLjk3MWMtMCwwIDEuNjcxLC0wLjEzIDIuMTI0LDAuNDU5YzAuNzQ5LDAuOTc1IC0wLjQ2LDIuMTA4IC0wLjQ2LDIuMTA4bC02My41MDEsNTkuNzI1Yy00LjI5Niw0LjMyOCAtOC42MzMsNy4yIC0xMS40NzksOS4zMjVjLTQuNDQ3LDMuMzMxIC03Ljc4OSw0LjY1OSAtMTIuNTU2LDYuMTgyYy00Ljk1OCwxLjU5MSAtOC40NjcsMi4xNjMgLTEzLjQzOSwyLjE2M2wtMC4xNTMsMFoiIHN0eWxlPSJmaWxsOiMyMTM4M2Y7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PHBhdGggZD0iTTEwMS44MzMsODQuODQxYzAuMjkyLDAgMC4zNDYsMC4wMTcgMC41OTksMGM2LjUxOCwwLjAzOCAxMC42NDQsMS4yMzkgMTYuNjEsMy4zMzFjOC43MzQsMy4wMDIgMTQuMDE0LDYuMTcxIDIxLjQ3NywxMi4yNzlsMzQuNDA3LDI4LjQ3N2wtMC42ODMsMS4yMzJjMCwtMCAtNDguNzYxLC0zMS4xMzYgLTU3LjA0NiwtMzQuMDQ3Yy01Ljk3NCwtMi4wNTYgLTguOTExLC0yLjkyNyAtMTQuNTU4LC0zLjAxOGMtMC40NDksMC4wMzIgLTAuNzIyLDAuMDExIC0wLjgwNiwwLjAxMWMtNC43MjgsMC4wMjEgLTcuMTU0LDAuNDE0IC0xMS44NzMsMS44OThjLTQuNzA3LDEuNTM0IC02LjgzNCwyLjM1OCAtMTAuNzU2LDUuMjUxYy0zLjA4LDIuMjc1IC02Ljk5NCw0Ljg4NiAtMTAuNzg4LDguNzExbC01MC43MzMsNDcuNzM0bDY5LjkyOSwzLjI5NmwtMCwxLjgzNmwtODUuMjQzLDIuOTcxYy0wLC0wIC0xLjY3MSwwLjEzMSAtMi4xMjQsLTAuNDU5Yy0wLjc0OSwtMC45NzUgMC40NiwtMi4xMDggMC40NiwtMi4xMDhsNjMuNTAxLC01OS43MjVjNC4yOTYsLTQuMzI4IDguNjMzLC03LjIgMTEuNDc5LC05LjMyNWM0LjQ0NywtMy4zMzEgNy43ODgsLTQuNjU5IDEyLjU1NSwtNi4xODJjNC45NTksLTEuNTkxIDguNDY4LC0yLjE2MyAxMy40NCwtMi4xNjNsMC4xNTMsMFoiIHN0eWxlPSJmaWxsOiMyMTM4M2Y7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9nPjwvc3ZnPg==");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 95px;
    height: 70px;
    filter: brightness(10);
    grid-area: logo;
    cursor: pointer;
}

#main-logo-text {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyMDEgMjkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+PHBhdGggZD0iTTI0LjMyMywyNS4yMTljLTAuOTExLDAuOTk2IC0yLjM2OCwxLjgwNiAtNC4zNzQsMi40MzJjLTIuMDA2LDAuNjI2IC00LjAwNCwwLjkzOSAtNS45OTUsMC45MzljLTMuOTU1LC0wIC03LjI2OSwtMS4yNzMgLTkuOTQzLC0zLjgxOWMtMi42NzQsLTIuNTQ2IC00LjAxMSwtNS44ODIgLTQuMDExLC0xMC4wMDdjMCwtMi4xNjIgMC40NTUsLTQuMzgxIDEuMzY1LC02LjY1NmMwLjkxMSwtMi4yNzYgMi40MDQsLTQuMTk2IDQuNDgxLC01Ljc2MWMyLjA3NywtMS41NjUgNC44NjUsLTIuMzQ3IDguMzY0LC0yLjM0N2MyLjM2MSwwIDQuMzk1LDAuMzQ4IDYuMTAyLDEuMDQ1YzEuNzA3LDAuNjk3IDMuMDAxLDEuNDU4IDMuODgzLDIuMjgzbDAuNjgzLDYuNDQ0bC00LjY1MiwwLjQyN2wtMC41OTcsLTMuNjdjLTAuNzQsLTAuNDg0IC0xLjYzNiwtMC44NTQgLTIuNjg4LC0xLjExYy0xLjA1MywtMC4yNTYgLTIuMDQ5LC0wLjM4NCAtMi45ODcsLTAuMzg0Yy0yLjM5LDAgLTQuMjg5LDAuNzk3IC01LjY5NywyLjM5Yy0xLjQwOCwxLjU5MyAtMi4xMTIsMy45MTEgLTIuMTEyLDYuOTU1Yy0wLDMuMjE1IDAuNzY4LDUuNTQ4IDIuMzA0LDYuOTk4YzEuNTM2LDEuNDUxIDMuNDk5LDIuMTc3IDUuODg5LDIuMTc3YzIuMjQ3LC0wIDQuMDExLC0wLjM4NCA1LjI5MSwtMS4xNTJsMC41OTcsLTQuMTRsNC42NTIsMC40MjdsLTAuNTU1LDYuNTI5WiIgc3R5bGU9ImZpbGw6IzIxMzgzZjtmaWxsLXJ1bGU6bm9uemVybzsiLz48cGF0aCBkPSJNNTcuMjY1LDI4LjE2M2wtMTEuNjkyLDBsMCwtNC44NjRsMi45ODcsLTBsMCwtNi43ODVsLTExLjczNCwtMGwtMCw2Ljc4NWwyLjk4NywtMGwtMCw0Ljg2NGwtMTEuNjkyLDBsLTAsLTQuODY0bDIuOTg3LC0wbC0wLC0xOC4wMDhsLTIuOTg3LDBsLTAsLTQuODY0bDExLjY5MiwtMGwtMCw0Ljg2NGwtMi45ODcsMGwtMCw2LjQwMWwxMS43MzQsMGwwLC02LjQwMWwtMi45ODcsMGwwLC00Ljg2NGwxMS42OTIsLTBsMCw0Ljg2NGwtMi45ODcsMGwwLDE4LjAwOGwyLjk4NywtMGwwLDQuODY0WiIgc3R5bGU9ImZpbGw6IzIxMzgzZjtmaWxsLXJ1bGU6bm9uemVybzsiLz48cGF0aCBkPSJNODUuNjQyLDI4LjE2M2wtNy4wODQsMGwtNS41MDQsLTEwLjU4MmwtMy43NTUsLTBsLTAsNS43MThsMi45ODcsLTBsLTAsNC44NjRsLTExLjY5MiwwbC0wLC00Ljg2NGwyLjk4NywtMGwtMCwtMTguMDA4bC0yLjk4NywwbC0wLC00Ljg2NGwxMi41NDUsLTBjMy40NDIsLTAgNi4wODgsMC43MDQgNy45MzcsMi4xMTJjMS44NDksMS40MDggMi43NzQsMy41MDYgMi43NzQsNi4yOTRjLTAsMS44NzggLTAuNDg0LDMuNDQ5IC0xLjQ1MSw0LjcxNWMtMC45NjcsMS4yNjYgLTIuMjQ4LDIuMjEyIC0zLjg0MSwyLjgzOGwzLjc1Niw2LjkxM2wzLjMyOCwtMGwtMCw0Ljg2NFptLTcuOTM3LC0xOS4yMDJjLTAsLTEuMzk0IC0wLjQxMywtMi4zNTQgLTEuMjM3LC0yLjg4Yy0wLjgyNSwtMC41MjcgLTIuMjc2LC0wLjc5IC00LjM1MywtMC43OWwtMi44MTYsMGwtMCw3Ljc2N2wyLjczMSwtMGMyLjE5LC0wIDMuNjg0LC0wLjM1NiA0LjQ4LC0xLjA2N2MwLjc5NywtMC43MTEgMS4xOTUsLTEuNzIxIDEuMTk1LC0zLjAzWiIgc3R5bGU9ImZpbGw6IzIxMzgzZjtmaWxsLXJ1bGU6bm9uemVybzsiLz48cGF0aCBkPSJNMTE1LjI1NiwxNC4yNTJjLTAsMy45MjYgLTEuMjU5LDcuMjk3IC0zLjc3NiwxMC4xMTNjLTIuNTE4LDIuODE3IC02LjAyNCw0LjIyNSAtMTAuNTE5LDQuMjI1Yy00LjUyMywtMCAtNy45OTQsLTEuNDA4IC0xMC40MTIsLTQuMjI1Yy0yLjQxOCwtMi44MTYgLTMuNjI3LC02LjE1OCAtMy42MjcsLTEwLjAyN2MwLC00LjA0IDEuMjgsLTcuNDM5IDMuODQsLTEwLjE5OWMyLjU2MSwtMi43NTkgNi4wMTcsLTQuMTM5IDEwLjM3LC00LjEzOWM0LjQzOCwwIDcuOTAxLDEuNDAxIDEwLjM5LDQuMjAzYzIuNDg5LDIuODAyIDMuNzM0LDYuMTUyIDMuNzM0LDEwLjA0OVptLTYuMTg3LDAuMTcxYy0wLC0yLjk1OSAtMC42ODMsLTUuMjYzIC0yLjA0OSwtNi45MTNjLTEuMzY1LC0xLjY1IC0zLjM0MiwtMi40NzUgLTUuOTMxLC0yLjQ3NWMtMi43NTksMCAtNC43NzksMC44NzUgLTYuMDU5LDIuNjI1Yy0xLjI4LDEuNzQ5IC0xLjkyMSwzLjkzMiAtMS45MjEsNi41NWMwLDIuNTMxIDAuNjI2LDQuNzIyIDEuODc4LDYuNTcxYzEuMjUyLDEuODQ5IDMuMzQzLDIuNzc0IDYuMjczLDIuNzc0YzIuNzAyLC0wIDQuNjc5LC0wLjg0NyA1LjkzMSwtMi41MzljMS4yNTIsLTEuNjkzIDEuODc4LC0zLjg5IDEuODc4LC02LjU5M1oiIHN0eWxlPSJmaWxsOiMyMTM4M2Y7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PHBhdGggZD0iTTE0Ny4wODksNS4yOTFsLTIuOTg3LDBsLTAsMjIuODcybC0zLjIsMC4wNDNsLTE0Ljg5MywtMTcuNjIzbC0wLjE3LC0wbC0wLDEyLjcxNmwzLjg0LC0wbC0wLDQuODY0bC0xMi4xNjEsMGwtMCwtNC44NjRsMi45ODcsLTBsLTAsLTE4LjAwOGwtMy40NTcsMGwwLC00Ljg2NGw3LjU1MywtMGwxMy45OTYsMTYuNDcxbDAuMTcxLC0wbDAsLTExLjYwN2wtNC4wMTEsMGwtMCwtNC44NjRsMTIuMzMyLC0wbDAsNC44NjRaIiBzdHlsZT0iZmlsbDojMjEzODNmO2ZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik0xNzcuMTMsMTQuMjUyYy0wLDMuOTI2IC0xLjI1OSw3LjI5NyAtMy43NzcsMTAuMTEzYy0yLjUxNywyLjgxNyAtNi4wMjMsNC4yMjUgLTEwLjUxOCw0LjIyNWMtNC41MjMsLTAgLTcuOTk0LC0xLjQwOCAtMTAuNDEyLC00LjIyNWMtMi40MTgsLTIuODE2IC0zLjYyNywtNi4xNTggLTMuNjI3LC0xMC4wMjdjLTAsLTQuMDQgMS4yOCwtNy40MzkgMy44NCwtMTAuMTk5YzIuNTYxLC0yLjc1OSA2LjAxNywtNC4xMzkgMTAuMzcsLTQuMTM5YzQuNDM3LDAgNy45MDEsMS40MDEgMTAuMzksNC4yMDNjMi40ODksMi44MDIgMy43MzQsNi4xNTIgMy43MzQsMTAuMDQ5Wm0tNi4xODgsMC4xNzFjMCwtMi45NTkgLTAuNjgyLC01LjI2MyAtMi4wNDgsLTYuOTEzYy0xLjM2NSwtMS42NSAtMy4zNDIsLTIuNDc1IC01LjkzMSwtMi40NzVjLTIuNzYsMCAtNC43NzksMC44NzUgLTYuMDYsMi42MjVjLTEuMjgsMS43NDkgLTEuOTIsMy45MzIgLTEuOTIsNi41NWMwLDIuNTMxIDAuNjI2LDQuNzIyIDEuODc4LDYuNTcxYzEuMjUyLDEuODQ5IDMuMzQyLDIuNzc0IDYuMjczLDIuNzc0YzIuNzAyLC0wIDQuNjc5LC0wLjg0NyA1LjkzMSwtMi41MzljMS4yNTIsLTEuNjkzIDEuODc3LC0zLjg5IDEuODc3LC02LjU5M1oiIHN0eWxlPSJmaWxsOiMyMTM4M2Y7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PHBhdGggZD0iTTIwMC41OTksMTkuNzU3YzAsMi44NzMgLTAuOTY3LDUuMDY0IC0yLjkwMSw2LjU3MWMtMS45MzUsMS41MDggLTQuNTk1LDIuMjYyIC03Ljk4LDIuMjYyYy0xLjg3OCwtMCAtMy43NDgsLTAuMjQyIC01LjYxMSwtMC43MjVjLTEuODY0LC0wLjQ4NCAtMy4zMzYsLTEuMjA5IC00LjQxNywtMi4xNzdsMC44NTQsLTYuODdsNC41NjUsMC40MjdsLTAuMDQyLDMuMzcxYzAuOTY3LDAuNTEyIDEuNzkyLDAuODE4IDIuNDc1LDAuOTE3YzAuNjgyLDAuMSAxLjI2NiwwLjE1IDEuNzQ5LDAuMTVjMS41MDgsLTAgMi43NDUsLTAuMTkyIDMuNzEzLC0wLjU3NmMwLjk2NywtMC4zODQgMS40NSwtMS4yNzMgMS40NSwtMi42NjdjMCwtMS41MzYgLTAuNTY4LC0yLjU2OCAtMS43MDYsLTMuMDk0Yy0xLjEzOCwtMC41MjYgLTIuNDc1LC0wLjkzMiAtNC4wMTIsLTEuMjE2Yy0xLjMzNywtMC4yMjggLTIuNjgxLC0wLjU2MiAtNC4wMzIsLTEuMDAzYy0xLjM1MSwtMC40NDEgLTIuNDgyLC0xLjE2NiAtMy4zOTIsLTIuMTc2Yy0wLjkxMSwtMS4wMSAtMS4zNjYsLTIuNTExIC0xLjM2NiwtNC41MDJjMCwtMy4xMDEgMS4wNTMsLTUuMjg0IDMuMTU4LC02LjU1YzIuMTA1LC0xLjI2NiA0LjQwOSwtMS44OTkgNi45MTMsLTEuODk5YzEuODIsMCAzLjU1NiwwLjI3NyA1LjIwNiwwLjgzMmMxLjY1LDAuNTU1IDIuOTE1LDEuMzAyIDMuNzk3LDIuMjRsMC4yNTYsNi4wMTdsLTQuNTY1LDAuNDI3bC0wLjM4NSwtMy4yNDNjLTAuNzExLC0wLjQ4NCAtMS40MjksLTAuODExIC0yLjE1NCwtMC45ODJjLTAuNzI2LC0wLjE3IC0xLjQzLC0wLjI1NiAtMi4xMTMsLTAuMjU2Yy0xLjEzOCwwIC0yLjA4MywwLjE5OSAtMi44MzcsMC41OThjLTAuNzU0LDAuMzk4IC0xLjEzMSwxLjA5NSAtMS4xMzEsMi4wOTFjLTAsMS4xNjYgMC40ODMsMS45NzcgMS40NTEsMi40MzJjMC45NjcsMC40NTUgMi4wNzYsMC44MjUgMy4zMjgsMS4xMDljMS4xMzgsMC4yMjggMi40NjgsMC41NDggMy45OSwwLjk2YzEuNTIyLDAuNDEzIDIuODU5LDEuMTgxIDQuMDExLDIuMzA1YzEuMTUyLDEuMTIzIDEuNzI4LDIuODY2IDEuNzI4LDUuMjI3WiIgc3R5bGU9ImZpbGw6IzIxMzgzZjtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
    filter: brightness(10);
    grid-area: logotext;
    cursor: pointer;
}

#header-fields {
    display: grid;
    width: 100%;
    height: 100%;
    gap: 10px;
}

#header-org-structure {
    grid-area: orgstructure;
}

#header-persons {
    grid-area: persons;
}

#header-view {
    grid-area: view;
}

#header-org-structure, #header-persons, #header-view {
    position: relative;
}

#header-org-structure-caption, #header-persons-caption, #header-view-caption, 
#reference-date-caption, #calendar-view-caption, #group-by-option-caption, #from-date-caption, #until-date-caption, 
#days-back-caption, #days-ahead-caption {
    position: absolute;
    background-color: white;
    border-radius: 10px;
    top: -7px;
    left: 7px;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 10;
}

#header-org-structure-caption, #header-persons-caption {
    opacity: 0;
}

#header-org-structure-caption.fade-in, #header-persons-caption.fade-in, #header-view-caption.fade-in {
    opacity: 1;
    transition: opacity 0.5s;
}

#header-persons-caption {
    display: flex;
    gap: 10px;
}

#header-persons-previous {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNNDU5LjUgNDQwLjZjOS41IDcuOSAyMi44IDkuNyAzNC4xIDQuNHMxOC40LTE2LjYgMTguNC0yOWwwLTMyMGMwLTEyLjQtNy4yLTIzLjctMTguNC0yOXMtMjQuNS0zLjYtMzQuMSA0LjRMMjg4IDIxNC4zbDAgNDEuNyAwIDQxLjdMNDU5LjUgNDQwLjZ6TTI1NiAzNTJsMC05NiAwLTEyOCAwLTMyYzAtMTIuNC03LjItMjMuNy0xOC40LTI5cy0yNC41LTMuNi0zNC4xIDQuNGwtMTkyIDE2MEM0LjIgMjM3LjUgMCAyNDYuNSAwIDI1NnM0LjIgMTguNSAxMS41IDI0LjZsMTkyIDE2MGM5LjUgNy45IDIyLjggOS43IDM0LjEgNC40czE4LjQtMTYuNiAxOC40LTI5bDAtNjR6Ii8+PC9zdmc+");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 15px;
    cursor: pointer;
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 5px;
}

#header-persons-next {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNNTIuNSA0NDAuNmMtOS41IDcuOS0yMi44IDkuNy0zNC4xIDQuNFMwIDQyOC40IDAgNDE2TDAgOTZDMCA4My42IDcuMiA3Mi4zIDE4LjQgNjdzMjQuNS0zLjYgMzQuMSA0LjRMMjI0IDIxNC4zbDAgNDEuNyAwIDQxLjdMNTIuNSA0NDAuNnpNMjU2IDM1MmwwLTk2IDAtMTI4IDAtMzJjMC0xMi40IDcuMi0yMy43IDE4LjQtMjlzMjQuNS0zLjYgMzQuMSA0LjRsMTkyIDE2MGM3LjMgNi4xIDExLjUgMTUuMSAxMS41IDI0LjZzLTQuMiAxOC41LTExLjUgMjQuNmwtMTkyIDE2MGMtOS41IDcuOS0yMi44IDkuNy0zNC4xIDQuNHMtMTguNC0xNi42LTE4LjQtMjlsMC02NHoiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 15px;
    cursor: pointer;
    padding-left: 7px;
    padding-right: 7px;
}

#header-org-structure-input, #header-persons-input {
    padding-left: 22px;
}

#header-org-structure-delete, #header-persons-delete {
    display: grid;
    position: absolute;
    top: 2px;
    left: -2px;
    z-index: 1;
    cursor: pointer;
    width: 30px;
    height: 30px;
}

#header-org-structure-delete::before, #header-persons-delete::before {
    position: absolute;
    top: 4px;
    display: grid;
    justify-self: center;
    align-self: center;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmYzYxOGEiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDM4NCA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNMzQyLjYgMTUwLjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMTkyIDIxMC43IDg2LjYgMTA1LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zTDE0Ni43IDI1NiA0MS40IDM2MS40Yy0xMi41IDEyLjUtMTIuNSAzMi44IDAgNDUuM3MzMi44IDEyLjUgNDUuMyAwTDE5MiAzMDEuMyAyOTcuNCA0MDYuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMHMxMi41LTMyLjggMC00NS4zTDIzNy4zIDI1NiAzNDIuNiAxNTAuNnoiLz48L3N2Zz4=");
}

.manualcauseofabsencecode-delete, .manualabscodefirsthalf-delete,
.manualabscodesecondhalf-delete, .swapabswithemployee-delete,
.manualdailyplancode-delete, .correctiontemplatecode-delete {
    display: grid;
    position: absolute;
    top: 2px;
    left: -7px;
    z-index: 1;
    cursor: pointer;
    width: 40px;
    height: 30px;
}

.manualcauseofabsencecode-delete::before, .manualabscodefirsthalf-delete::before,
.manualabscodesecondhalf-delete::before, .swapabswithemployee-delete::before,
.manualdailyplancode-delete::before, .correctiontemplatecode-delete::before {
    position: absolute;
    top: 5px;
    display: grid;
    justify-self: center;
    align-self: center;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmYzYxOGEiIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTM0Mi42IDE1MC42YzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwTDE5MiAyMTAuNyA4Ni42IDEwNS40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM0wxNDYuNyAyNTYgNDEuNCAzNjEuNGMtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNzMzIuOCAxMi41IDQ1LjMgMEwxOTIgMzAxLjMgMjk3LjQgNDA2LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBzMTIuNS0zMi44IDAtNDUuM0wyMzcuMyAyNTYgMzQyLjYgMTUwLjZ6Ii8+PC9zdmc+");
    width: 18px;
    height: 18px;
}

#footer-container {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding-top: 7px;
    width: 100%;
    min-height: 40px;
    color: white;
    border-top: 2px solid var(--main-yellow);
    margin-top: 5px;
}

/* #footer-container::after {
    content: "";
    position: absolute;
    display: block;
    width: var(--thumb-width, 0%);
    height: 100%;
    top: 2px;
    background-color: #686868;
    border-radius: 20px;
    z-index: -1;
    margin-top: 2px;
} */

#footer-refresh-button {
    width: 65px;
    /* arrows-rotate.svg */
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIG9wYWNpdHk9IjEiIGZpbGw9IiMxRTMwNTAiIGQ9Ik0xMDUuMSAyMDIuNmM3LjctMjEuOCAyMC4yLTQyLjMgMzcuOC01OS44YzYyLjUtNjIuNSAxNjMuOC02Mi41IDIyNi4zIDBMMzg2LjMgMTYwSDM1MmMtMTcuNyAwLTMyIDE0LjMtMzIgMzJzMTQuMyAzMiAzMiAzMkg0NjMuNWMwIDAgMCAwIDAgMGguNGMxNy43IDAgMzItMTQuMyAzMi0zMlY4MGMwLTE3LjctMTQuMy0zMi0zMi0zMnMtMzIgMTQuMy0zMiAzMnYzNS4yTDQxNC40IDk3LjZjLTg3LjUtODcuNS0yMjkuMy04Ny41LTMxNi44IDBDNzMuMiAxMjIgNTUuNiAxNTAuNyA0NC44IDE4MS40Yy01LjkgMTYuNyAyLjkgMzQuOSAxOS41IDQwLjhzMzQuOS0yLjkgNDAuOC0xOS41ek0zOSAyODkuM2MtNSAxLjUtOS44IDQuMi0xMy43IDguMmMtNCA0LTYuNyA4LjgtOC4xIDE0Yy0uMyAxLjItLjYgMi41LS44IDMuOGMtLjMgMS43LS40IDMuNC0uNCA1LjFWNDMyYzAgMTcuNyAxNC4zIDMyIDMyIDMyczMyLTE0LjMgMzItMzJWMzk2LjlsMTcuNiAxNy41IDAgMGM4Ny41IDg3LjQgMjI5LjMgODcuNCAzMTYuNyAwYzI0LjQtMjQuNCA0Mi4xLTUzLjEgNTIuOS04My43YzUuOS0xNi43LTIuOS0zNC45LTE5LjUtNDAuOHMtMzQuOSAyLjktNDAuOCAxOS41Yy03LjcgMjEuOC0yMC4yIDQyLjMtMzcuOCA1OS44Yy02Mi41IDYyLjUtMTYzLjggNjIuNS0yMjYuMyAwbC0uMS0uMUwxMjUuNiAzNTJIMTYwYzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMySDQ4LjRjLTEuNiAwLTMuMiAuMS00LjggLjNzLTMuMSAuNS00LjYgMXoiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    border: none;
    filter: brightness(10);
    transform-origin: center;
}

.rotate {
    animation: rotateX 1.5s linear infinite;
}

@keyframes rotateX {
    from {
        transform: rotateX(0deg);
    }
    to {
        transform: rotateX(360deg);
    }
}

#footer-info {
    display: grid;
    justify-content: center;
    align-items: center;
}

#footer-username, #footer-copyright {
    text-align: center;
}

#footer-options-button {
    width: 65px;
    /* arrows-rotate.svg */
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNNDk1LjkgMTY2LjZjMy4yIDguNyAuNSAxOC40LTYuNCAyNC42bC00My4zIDM5LjRjMS4xIDguMyAxLjcgMTYuOCAxLjcgMjUuNHMtLjYgMTcuMS0xLjcgMjUuNGw0My4zIDM5LjRjNi45IDYuMiA5LjYgMTUuOSA2LjQgMjQuNmMtNC40IDExLjktOS43IDIzLjMtMTUuOCAzNC4zbC00LjcgOC4xYy02LjYgMTEtMTQgMjEuNC0yMi4xIDMxLjJjLTUuOSA3LjItMTUuNyA5LjYtMjQuNSA2LjhsLTU1LjctMTcuN2MtMTMuNCAxMC4zLTI4LjIgMTguOS00NCAyNS40bC0xMi41IDU3LjFjLTIgOS4xLTkgMTYuMy0xOC4yIDE3LjhjLTEzLjggMi4zLTI4IDMuNS00Mi41IDMuNXMtMjguNy0xLjItNDIuNS0zLjVjLTkuMi0xLjUtMTYuMi04LjctMTguMi0xNy44bC0xMi41LTU3LjFjLTE1LjgtNi41LTMwLjYtMTUuMS00NC0yNS40TDgzLjEgNDI1LjljLTguOCAyLjgtMTguNiAuMy0yNC41LTYuOGMtOC4xLTkuOC0xNS41LTIwLjItMjIuMS0zMS4ybC00LjctOC4xYy02LjEtMTEtMTEuNC0yMi40LTE1LjgtMzQuM2MtMy4yLTguNy0uNS0xOC40IDYuNC0yNC42bDQzLjMtMzkuNEM2NC42IDI3My4xIDY0IDI2NC42IDY0IDI1NnMuNi0xNy4xIDEuNy0yNS40TDIyLjQgMTkxLjJjLTYuOS02LjItOS42LTE1LjktNi40LTI0LjZjNC40LTExLjkgOS43LTIzLjMgMTUuOC0zNC4zbDQuNy04LjFjNi42LTExIDE0LTIxLjQgMjIuMS0zMS4yYzUuOS03LjIgMTUuNy05LjYgMjQuNS02LjhsNTUuNyAxNy43YzEzLjQtMTAuMyAyOC4yLTE4LjkgNDQtMjUuNGwxMi41LTU3LjFjMi05LjEgOS0xNi4zIDE4LjItMTcuOEMyMjcuMyAxLjIgMjQxLjUgMCAyNTYgMHMyOC43IDEuMiA0Mi41IDMuNWM5LjIgMS41IDE2LjIgOC43IDE4LjIgMTcuOGwxMi41IDU3LjFjMTUuOCA2LjUgMzAuNiAxNS4xIDQ0IDI1LjRsNTUuNy0xNy43YzguOC0yLjggMTguNi0uMyAyNC41IDYuOGM4LjEgOS44IDE1LjUgMjAuMiAyMi4xIDMxLjJsNC43IDguMWM2LjEgMTEgMTEuNCAyMi40IDE1LjggMzQuM3pNMjU2IDMzNmE4MCA4MCAwIDEgMCAwLTE2MCA4MCA4MCAwIDEgMCAwIDE2MHoiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    border: none;
    filter: invert(1);
}

#login-form, #logout-user, #correction-cancel-dialog, #workflow-release-dialog, #monthly-journal-dialog {
    position: absolute;
    z-index: 100;
    border-radius: 20px;
    background-color: var(--main-background);
    border: 2px solid var(--main-yellow);
    padding: 20px;
}

#workflow-release-button, #monthly-journal-release-button {
    position: relative;
    font-size: 16px;
}

#workflow-release-comment-container {
    display: grid;
    grid-template-columns: 60px auto 60px;
    gap: 15px;
}

#password-change-submit-form {
    display: grid;
    gap: 10px;
}

dialog[open] {
    -webkit-animation: fadeIn 0.25s ease-in forwards;
    animation: fadeIn 0.25s ease-in forwards;
}

#options-dialog, #groupcalendar-view-dialog, 
#correction-dialog, #correction-workflow-dialog, #info-dialog {
    position: absolute;
    z-index: 100;
    background-color: transparent;
    width: min(500px, 100%);
    border: none;
    padding: 0;
}

#acknowledge-select-all-dialog, #comment-dialog {
    position: absolute;
    z-index: 100;
    background-color: transparent;
    width: min(300px, 100%);
    border: none;
    padding: 0;
}

#change-history-dialog-container, #workflow-details-dialog-container {
    position: relative;
}

#workflow-details-header {
    color: white;
    display: grid;
    grid-template: "workflownamecreator workflowcomment" 
        "workflowname workflowcomment" 
        "workflowdate workflowcontent" 
        "workflowstatus workflowcontent" / max-content auto;
    gap: 20px;
    padding-bottom: 20px;
}

#workflow-details-name-creator {
    grid-area: workflownamecreator;
}

#workflow-details-name {
    grid-area: workflowname;
}

#workflow-details-date {
    grid-area: workflowdate;
}

#workflow-details-status {
    grid-area: workflowstatus;
}

#workflow-details-comment {
    grid-area: workflowcomment;
    display: flex;
    flex-direction: column;
    font-weight: bold;
}

#workflow-details-workflowcontent {
    grid-area: workflowcontent;
    display: flex;
    flex-direction: column;
    font-weight: bold;
}

.workflow-details-caption {
    font-weight: bold;
}

#change-history-dialog, #workflow-details-dialog {
    position: absolute;
    z-index: 100;
    background-color: transparent;
    width: calc(100% - 30px);
    max-width: 1000px;
    padding-left: max(env(safe-area-inset-left, 15px), 15px);
    padding-right: max(env(safe-area-inset-right, 10px), 10px);
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}

#password-change-dialog {
    position: absolute;
    z-index: 100;
    background-color: transparent;
    width: min(350px, 100%);
    border: none;
    padding: 0;
}

#options-dialog {
    width: min(350px, 100%);
}

#correction-dialog input[type="text"],
#correction-dialog input[type="password"],
#correction-dialog input[type="email"],
#correction-dialog input[type="number"],
#correction-dialog input[type="tel"],
#correction-dialog select {
    padding-top: 9px;
    padding-bottom: 5px;
}

#correction-dialog {
    width: min(600px, 100%);
    height: min(100%, max(500px, 80svh));
}

#correction-workflow-dialog {
    width: min(400px, 100%);
    height: min(100%, max(400px, 70svh));
}

#options-dialog-container, #password-change-dialog-container, #groupcalendar-view-dialog-container,
#correction-dialog-container, #correction-workflow-dialog-container, #info-dialog-container,
#acknowledge-select-all-dialog-container, #comment-dialog-container, #change-history-dialog-container,
#workflow-details-dialog-container {
    color: white;
    border-radius: 20px;
    background-color: var(--main-background);
    border: 2px solid var(--main-yellow);
    padding: 20px;  
}

#correction-dialog-container {
    display: grid;
    grid-template-rows: max-content auto max-content;
    height: 100%;
    min-width: 290px;
}

#correction-workflow-dialog-container {
    display: grid;
    grid-template-rows: max-content auto max-content;
    height: 100%;
}

#workflow-release-dialog-container, #monthly-journal-dialog-container {
    display: grid;
    grid-auto-flow: row;
    row-gap: 15px;
}

#correction-workflow-buttons {
    display: grid;
    grid-auto-flow: column;
    gap: 20px;
}

#login-form-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    display: none;
    backdrop-filter: blur(5px);
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.5);
}

#stay-logged-in {
    display: grid;
    grid-template-columns: auto max-content;
    color: white;
    padding-left: 5px;
    align-items: center;
}

#login-form, #logout-user, #correction-cancel-dialog {
    width: min(300px,75%);
}

#workflow-release-dialog, #monthly-journal-dialog {
    width: min(400px, 80%);
}

#monthly-journal-dates {
    display: grid;
    grid-template-rows: 1fr 1fr;
    row-gap: 15px
}

#login-form {
    display: block;
    position: absolute;
    justify-self: center;
    align-self: center;
}

#login-form::backdrop, #logout-user::backdrop, #options-dialog::backdrop, #password-change-dialog::backdrop,
#groupcalendar-view-dialog::backdrop, #correction-dialog::backdrop, #correction-workflow-dialog::backdrop,
#correction-cancel-dialog::backdrop, #workflow-release-dialog::backdrop, #monthly-journal-dialog::backdrop, #info-dialog::backdrop,
#acknowledge-select-all-dialog::backdrop, #comment-dialog::backdrop, #change-history-dialog::backdrop,
#workflow-details-dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.75);
}

#login-text, #logout-user-text, #password-change-text, #options-text, #groupcalendar-view-text, 
#info-text, #acknowledge-select-all-text, #comment-text, #change-history-text, #workflow-details-text, #correction-workflow-text, 
#workflow-release-title, #workflow-release-content, #monthly-journal-title, 
.correction-workflow-description, #correction-cancel-text {
    color: whitesmoke;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
    font-size: 24px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 4px solid #686868;
    margin-bottom: 10px;
}

#workflow-release-content {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 25px;
    max-height: 50svh;
    overflow: scroll;
    scrollbar-width: thin;
}

.correction-workflow-description {
    position: relative;
    font-size: 16px;
    padding-bottom: 25px;
    padding-top: 10px;
}

.correction-workflow-description::after {
    position: absolute;
    content: "Genehmiger";
    left: 5px;
    bottom: -10px;
    background-color: var(--main-background);
    padding-left: 2px;
    padding-right: 2px;
}

.correction-workflow-step {
    display: none;
}

.correction-workflow-step.active {
    display: block;
}

.workflow-employee {
    display: grid;
    grid-auto-flow: column;
    padding-top: 10px;
    border-radius: 20px;
    border: 4px solid #686868;
    padding: 5px;
}

.employee-container {
    display: grid;
    grid-auto-flow: row;
    gap: 15px;
    padding-top: 10px;
}

.workflow-employee-name {
    align-self: center;
    padding-left: 10px;
}

#login-text {
    padding-left: 0;
    padding-right: 0;
}

#correction-text {
    margin-bottom: 0;
}

#correction-text-container, #correction-workflow-text-container, #info-text-container {
    position: relative;
}

#correction-actions-container {
    position: relative;
}

#correction-actions {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    border-top: 4px solid #686868;
    gap: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#correction-content, #correction-workflow-content {
    min-height: 50px;
    margin-bottom: 10px;
    overflow-y: scroll;
    overscroll-behavior-x: none;
    margin-right: -5px;
}

#correction-content-bookings, #correction-content-timedeviations, #correction-content-causeofabsence,
#correction-content-workingtime, #correction-content-workingtimeextension, #correction-content-accountcorrections {
    position: relative;
}

.bookings-employee, .timedeviations-employee, .causeofabsence-employee,
.workingtime-employee, .workingtimeextension-employee, .accountcorrection-employee {
    position: relative;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 4px solid #686868;
}

.employee-name-container {
    display: grid;
    grid-template-columns: max-content auto max-content;
}

.employee-name {
    display: flex;
    align-items: center;
    padding-left: 5px;
}

.booking-container, .timedeviation-container, .causeofabsence-container,
.workingtime-container, .workingtimeextension-container, .accountcorrection-container {
    display: grid;
    position: relative;
    padding-top: 10px;
    padding-bottom: 5px;
}

.booking-container {
    grid-auto-flow: column;
    grid-template: "calculationdate beginworkingtime bookingtype delete" / auto auto auto 30px;
    gap: 1px;
}

.timedeviation-container {
    grid-auto-flow: column;
    grid-template: "calculationdate timedeviationtype beginworkingtime endworkingtime released" / auto auto auto auto auto;
    gap: 1px;
}

.causeofabsence-container {
    grid-auto-flow: column;
    grid-template: "calculationdate tempdate delete" "manualcauseofabsencecode tempcalendarview placeholder" "manualabscodefirsthalf manualabscodesecondhalf placeholder" "swapabswithemployee swapabswithemployee placeholder" / auto auto 30px;
    gap: 1px;
}

.causeofabsence-container.tempcalendarviewhidden {
    grid-auto-flow: column;
    grid-template: "calculationdate tempdate delete" "manualcauseofabsencecode swapabswithemployee placeholder" "manualabscodefirsthalf manualabscodesecondhalf placeholder" / auto auto 30px;
    gap: 1px;
}

.causeofabsence-container.tempcalendarviewhidden.swapabshidden {
    grid-auto-flow: column;
    grid-template: "calculationdate tempdate delete" "manualcauseofabsencecode manualcauseofabsencecode placeholder" "manualabscodefirsthalf manualabscodesecondhalf placeholder" / auto auto 30px;
    gap: 1px;
}

.workingtime-container {
    grid-auto-flow: column;
    grid-template: "calculationdate tempdate delete" "manualbeginworkingtime manualendworkingtime manualdailyplancode" / auto auto auto;
    gap: 1px;
}

.workingtime-container > .manualbeginworkingtime-container {
    position: relative;
    grid-area: manualbeginworkingtime;
}

.workingtime-container .manualbeginworkingtime {
    border-radius: 0;
    min-width: 50px;
}

.workingtime-container > .manualendworkingtime-container {
    position: relative;
    grid-area: manualendworkingtime;
}

.workingtime-container .manualendworkingtime {
    border-radius: 0;
    min-width: 50px;
}

.workingtime-container > .calculationdate > .calculationdate-text-input {
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.workingtime-container > .tempdate > .tempdate-text-input {
    border-top-right-radius: 10px;
}

.workingtime-container .manualbeginworkingtime {
    border-bottom-left-radius: 10px;
}

.workingtimeextension-container {
    grid-auto-flow: column;
    grid-template: "calculationdate tempdate manualworkedbreak" "workingtimeexttitle workingtimeexttitle workingtimeexttitle" "workingtimeextbefore workingtimeextafter delete" / auto auto auto; 
    gap: 1px;
}

.workingtimeexttitle {
    grid-area: workingtimeexttitle;
    padding-top: 7px;
}

.accountcorrection-container {
    grid-auto-flow: column;
    grid-template: "calculationdate correctiontemplatecode delete" "correctionduration correctionduration placeholder" / auto auto 30px; 
    gap: 1px;
}

.calculationdate::after, .tempdate::after, .bookingtype-container::after, 
.beginworkingtime-container::after, .endworkingtime-container::after, 
.timedeviationtype-container::after, .tempcalendarview-container::after,
.manualcauseofabsencecode-container::after, .manualabscodefirsthalf-container::after, 
.manualabscodesecondhalf-container::after, .swapabswithemployee-container::after, 
.manualdailyplancode-container::after, .manualworkedbreak-container::after,
.manualbeginworkingtime-container::after, .manualendworkingtime-container::after,
.correctiontemplatecode-container::after, .correctionduration-container::after {
    position: absolute;
    border-radius: 10px;
    top: -4px;
    left: 7px;
    font-size: 12px;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 10;
    height: 15px;
    width: max-content;
    background-color: #F4F4F4;
    color: black;
    box-shadow: 0 1px inset;
}

.booking-container > .calculationdate::after, .timedeviation-container > .calculationdate::after,
.accountcorrection-container > .calculationdate::after {
    content: "Datum";
}

.booking-container > .beginworkingtime-container::after {
    content: "Buchungszeit";
}

.booking-container > .bookingtype-container::after {
    content: "Buchungsart";
}

.timedeviation-container > .beginworkingtime-container::after {
    content: "Beginn";
}

.timedeviation-container > .endworkingtime-container::after {
    content: "Ende";
}

.timedeviation-container > .timedeviationtype-container::after {
    content: "Abweichungsart";
}

.causeofabsence-container > .calculationdate::after, .workingtime-container > .calculationdate::after,
.workingtimeextension-container > .calculationdate::after {
    content: "Von Datum";
}

.causeofabsence-container > .tempdate::after, .workingtime-container > .tempdate::after,
.workingtimeextension-container > .tempdate::after {
    content: "Bis Datum";
}

.causeofabsence-container > .tempcalendarview-container::after {
    content: "Ansicht";
}

.causeofabsence-container > .manualcauseofabsencecode-container::after {
    content: "Ganzer Tag";
}

.causeofabsence-container > .manualabscodefirsthalf-container::after {
    content: "1. Halbtag";
}

.causeofabsence-container > .manualabscodesecondhalf-container::after {
    content: "2. Halbtag";
}

.causeofabsence-container > .swapabswithemployee-container::after {
    content: "Tausch mit";
}

.workingtime-container > .manualdailyplancode-container::after {
    content: "Tagesplan";
}

.workingtime-container > .manualbeginworkingtime-container::after {
    content: "Beginn Arbeitszeit";
}

.workingtime-container > .manualendworkingtime-container::after {
    content: "Ende Arbeitszeit";
}

.workingtimeextension-container > .manualworkedbreak-container::after {
    content: "Durchgearbeitete Pause";
}

.accountcorrection-container > .correctiontemplatecode-container::after {
    content: "Korrekturvorlage";
}

.accountcorrection-container > .correctionduration-container::after {
    content: "Dauer";
}

.calculationdate > .calculationdate-text-input {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tempdate > .tempdate-text-input {
    border-radius: 0;
}

.booking-container .beginworkingtime-container, .timedeviation-container .beginworkingtime-container {
    position: relative;
    grid-area: beginworkingtime;
}

.booking-container .beginworkingtime, .timedeviation-container .beginworkingtime {
    border-radius: 0;
    min-width: 50px;
}

.timedeviation-container > .calculationdate > .calculationdate-text-input {
    background-color: white;
}

.timedeviation-container > .timedeviationtype-container {
    position: relative;
    grid-area: timedeviationtype;
}

.timedeviation-container .timedeviationtype {
    border-radius: 0;
    min-width: 140px;
}

.timedeviation-container .endworkingtime-container {
    position: relative;
    grid-area: endworkingtime;
}

.timedeviation-container .endworkingtime {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    min-width: 50px;
}

.timedeviation-container > .switch {
    grid-area: released;
    min-width: 30px;
    margin-left: 5px;
}

.causeofabsence-container > .calculationdate > .calculationdate-text-input {
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.causeofabsence-container > .tempdate > .tempdate-text-input {
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
}

.causeofabsence-container > .tempcalendarview-container {
    position: relative;
    grid-area: tempcalendarview;
}

.causeofabsence-container .tempcalendarview {
    border-radius: 0;
    min-width: 100px;
}

.causeofabsence-container > .manualcauseofabsencecode-container {
    position: relative;
    grid-area: manualcauseofabsencecode;
}

.causeofabsence-container > .manualcauseofabsencecode-container > .manualcauseofabsencecode {
    border-radius: 0;
    min-width: 50px;
    width: 100%;
    padding-left: 22px;
}

.causeofabsence-container > .manualabscodefirsthalf-container {
    position: relative;
    grid-area: manualabscodefirsthalf;
}

.causeofabsence-container > .manualabscodefirsthalf-container > .manualabscodefirsthalf {
    border-radius: 0;
    min-width: 50px;
    padding-left: 22px;
}

.causeofabsence-container.tempcalendarviewhidden > .manualabscodefirsthalf-container {
    grid-area: manualabscodefirsthalf;
}

.causeofabsence-container.tempcalendarviewhidden > .manualabscodefirsthalf-container > .manualabscodefirsthalf {
    border-radius: 0;
    border-bottom-left-radius: 10px;
    min-width: 50px;
}

.causeofabsence-container.tempcalendarviewhidden > .manualabscodesecondhalf-container {
    grid-area: manualabscodesecondhalf;
}

.causeofabsence-container.tempcalendarviewhidden > .manualabscodesecondhalf-container > .manualabscodesecondhalf {
    border-radius: 0;
    border-bottom-right-radius: 10px;
    min-width: 50px;
    grid-area: manualabscodesecondhalf;
}

.causeofabsence-container > .manualabscodesecondhalf-container {
    position: relative;
    grid-area: manualabscodesecondhalf;
}

.causeofabsence-container > .manualabscodesecondhalf-container > .manualabscodesecondhalf {
    position: relative;
    border-radius: 0;
    min-width: 50px;
    padding-left: 22px;
}

.causeofabsence-container > .swapabswithemployee-container {
    position: relative;
    grid-area: swapabswithemployee;
}

.causeofabsence-container > .swapabswithemployee-container > .swapabswithemployee {
    border-radius: 0;
    min-width: 100px;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-left: 22px;
}

.causeofabsence-container.tempcalendarviewhidden > .swapabswithemployee-container > .swapabswithemployee {
    border-radius: 0;
}

.workingtime-container > .manualdailyplancode-container {
    position: relative;
    grid-area: manualdailyplancode;
}

.workingtime-container > .manualdailyplancode-container > .manualdailyplancode {
    border-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    min-width: 75px;
    padding-left: 22px;
}

.workingtimeextension-container > .workingtimeextbefore {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 5px;
    border-radius: 0;
    grid-area: workingtimeextbefore;
    font-size: 13px;
    padding-left: 5px;
    padding-top: 5px;
}

.workingtimeextension-container > .workingtimeextafter {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    gap: 5px;
    border-radius: 0;
    grid-area: workingtimeextafter;
    font-size: 13px;
    padding-left: 5px;
    padding-top: 5px;
}

.workingtimeextension-container > .manualworkedbreak-container {
    position: relative;
    grid-area: manualworkedbreak;
}

.workingtimeextension-container .manualworkedbreak {
    border-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    min-width: 150px;
}

.accountcorrection-container > .calculationdate > .calculationdate-text-input {
    border-radius: 0;
    border-top-left-radius: 10px;
}

.accountcorrection-container > .correctiontemplatecode-container {
    position: relative;
    grid-area: correctiontemplatecode;
}

.accountcorrection-container > .correctiontemplatecode-container > .correctiontemplatecode {
    border-radius: 0;
    border-top-right-radius: 10px;
    min-width: 100px;
    padding-left: 22px;
}

.accountcorrection-container > .correctionduration-container {
    position: relative;
    grid-area: correctionduration;
}

.accountcorrection-container .correctionduration {
    width: 100%;
    border-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.booking-container > .bookingtype-container {
    position: relative;
    grid-area: bookingtype
}

.booking-container .bookingtype {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    min-width: 140px;
}

.delete {
    grid-area: delete;
    justify-self: end;
}

@media(max-width: 500px) {
    .booking-container {
        grid-auto-flow: row;
    }

    .booking-container {
        grid-template: "calculationdate calculationdate calculationdate delete" "beginworkingtime beginworkingtime bookingtype bookingtype" / auto auto;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .booking-container > .calculationdate-text-input {
        margin-bottom: 2px;
    }

    .calculationdate, .tempdate {
        max-width: 200px;
    }

    .booking-container > .calculationdate > .calculationdate-text-input {
        border-radius: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .booking-container .beginworkingtime {
        border-top-left-radius: 0;
        border-bottom-left-radius: 10px;
    }

    .timedeviation-container {
        grid-template: "calculationdate beginworkingtime endworkingtime" "timedeviationtype timedeviationtype released" / auto auto;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .timedeviation-container > .calculationdate > .calculationdate-text-input {
        border-radius: 10px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .timedeviation-container .timedeviationtype {
        border-radius: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .causeofabsence-container {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .workingtime-container {
        grid-template: "calculationdate tempdate delete" "manualbeginworkingtime manualendworkingtime placeholder" "manualdailyplancode manualdailyplancode placeholder" / auto auto 30px;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .workingtime-container .manualbeginworkingtime {
        border-radius: 0;
    }

    .workingtime-container > .manualdailyplancode-container > .manualdailyplancode {
        border-radius: 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .workingtimeextension-container {
        grid-auto-flow: column;
        grid-template: "calculationdate tempdate delete" "manualworkedbreak manualworkedbreak placeholder" "workingtimeexttitle workingtimeexttitle placeholder" "workingtimeextbefore workingtimeextafter placeholder" / auto auto 30px; 
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .workingtimeextension-container > .calculationdate > .calculationdate-text-input {
        border-radius: 10px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .workingtimeextension-container > .tempdate > .tempdate-text-input {
        border-top-right-radius: 10px;
    }

    .workingtimeextension-container .manualworkedbreak {
        border-radius: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .accountcorrection-container {
        padding-top: 10px;
        padding-bottom: 5px;
    }
}

.calculationdate {
    position: relative;
    grid-area: calculationdate;
}

.tempdate {
    position: relative;
    grid-area: tempdate;
}

.calculationdate > .calculationdate-text-input, .tempdate > .tempdate-text-input {
    min-width: 85px;
}

.calculationdate > .calculationdate-text-symbol, .tempdate > .tempdate-text-symbol {
    position: absolute; 
    right: 0; 
    top: 5px; 
    width: 30px; 
    height: calc(100% - 10px);
}

.calculationdate-input, .tempdate-input {
    width: 25px; 
    height: 100%; 
    padding: 0; 
    margin: 0; 
    border: none; 
    opacity: 0; 
    position: absolute;
    transform: scaleX(1.8) scaleY(1.8);
}

.workingtimeextbefore.switch, .workingtimeextafter.switch {
    margin-top: 5px;
}

#correction-comment {
    display: grid;
    grid-template-columns: 40px auto 60px;
    gap: 15px;
    position: relative;
    border-top: 4px solid #686868;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: -15px;
}

#correction-comment-text, #correction-text {
    position: absolute;
    font-weight: bold;
    background-color: #1e2227;
    padding-left: 2px;
    padding-right: 2px; 
}

#correction-comment-text {
    top: -13px;
    left: -2px;
}

.correction-add-record {
    position: relative;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9InNlYWdyZWVuIiB2aWV3Qm94PSIwIDAgNDQ4IDUxMiI+PCEtLSFGb250IEF3ZXNvbWUgRnJlZSA2LjcuMiBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik0yNTYgODBjMC0xNy43LTE0LjMtMzItMzItMzJzLTMyIDE0LjMtMzIgMzJsMCAxNDRMNDggMjI0Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnMxNC4zIDMyIDMyIDMybDE0NCAwIDAgMTQ0YzAgMTcuNyAxNC4zIDMyIDMyIDMyczMyLTE0LjMgMzItMzJsMC0xNDQgMTQ0IDBjMTcuNyAwIDMyLTE0LjMgMzItMzJzLTE0LjMtMzItMzItMzJsLTE0NCAwIDAtMTQ0eiIvPjwvc3ZnPg==");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 40px;
    height: 30px;
    justify-self: center;
    border-radius: 15px;
    z-index: 1;
    cursor: pointer;
}

#correction-text {
    top: -15px;
    left: -2px;
}

#correction-comment-area-container {
    position: relative;
}

#correction-comment-area, #workflow-release-comment, #comment-content,
#workflow-details-comment-area, #workflow-details-content-area {
    min-height: 50px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 20px;
    border-radius: 15px;
    border: 2px solid #f4f4f4;
    resize: none;
    font-family: inherit;
    font-size: 14px;
}

#correction-comment-area, #workflow-release-comment, #comment-content {
    height: 60px;
}

#workflow-details-comment-area, #workflow-details-content-area {
    height: 100px;
}

#correction-comment-edit-texts {
    position: absolute;
    opacity: 0;
    right: 0;
    width: 30px;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

#correction-comment-area-container::after {
    position: absolute;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTY0IDM2MGE1NiA1NiAwIDEgMCAwIDExMiA1NiA1NiAwIDEgMCAwLTExMnptMC0xNjBhNTYgNTYgMCAxIDAgMCAxMTIgNTYgNTYgMCAxIDAgMC0xMTJ6TTEyMCA5NkE1NiA1NiAwIDEgMCA4IDk2YTU2IDU2IDAgMSAwIDExMiAweiIvPjwvc3ZnPg==");
    right: 7px;
    width: 7px;
    top: 10px;
}

#correction-submit-button {
    max-height: 75px;
    height: 100%;
    align-self: end;
    font-size: 16px;
}

#correction-workflow-back, #correction-workflow-next {
    height: 40px;
    font-size: 16px;
}

#correction-cancel, #correction-workflow-cancel, #info-cancel, #acknowledge-select-all-cancel, 
#comment-cancel, #change-history-cancel, #workflow-details-cancel, #workflow-release-cancel, #monthly-journal-cancel {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iI2U2MTkxOSIgdmlld0JveD0iMCAwIDM4NCA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNMzQyLjYgMTUwLjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMTkyIDIxMC43IDg2LjYgMTA1LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zTDE0Ni43IDI1NiA0MS40IDM2MS40Yy0xMi41IDEyLjUtMTIuNSAzMi44IDAgNDUuM3MzMi44IDEyLjUgNDUuMyAwTDE5MiAzMDEuMyAyOTcuNCA0MDYuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMHMxMi41LTMyLjggMC00NS4zTDIzNy4zIDI1NiAzNDIuNiAxNTAuNnoiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

#acknowledge-select-all-cancel, #comment-cancel, #change-history-cancel, #workflow-details-cancel {
    top: 10px;
    right: 10px;
}

#info-content {
    overflow: scroll;
    max-height: calc(90svh - 150px);
    scrollbar-width: thin;
}

.delete {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiB3aWR0aD0iMjUiIGZpbGw9IiNkM2QzZDMiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNMTM1LjIgMTcuN0MxNDAuNiA2LjggMTUxLjcgMCAxNjMuOCAwTDI4NC4yIDBjMTIuMSAwIDIzLjIgNi44IDI4LjYgMTcuN0wzMjAgMzJsOTYgMGMxNy43IDAgMzIgMTQuMyAzMiAzMnMtMTQuMyAzMi0zMiAzMkwzMiA5NkMxNC4zIDk2IDAgODEuNyAwIDY0UzE0LjMgMzIgMzIgMzJsOTYgMCA3LjItMTQuM3pNMzIgMTI4bDM4NCAwIDAgMzIwYzAgMzUuMy0yOC43IDY0LTY0IDY0TDk2IDUxMmMtMzUuMyAwLTY0LTI4LjctNjQtNjRsMC0zMjB6bTk2IDY0Yy04LjggMC0xNiA3LjItMTYgMTZsMCAyMjRjMCA4LjggNy4yIDE2IDE2IDE2czE2LTcuMiAxNi0xNmwwLTIyNGMwLTguOC03LjItMTYtMTYtMTZ6bTk2IDBjLTguOCAwLTE2IDcuMi0xNiAxNmwwIDIyNGMwIDguOCA3LjIgMTYgMTYgMTZzMTYtNy4yIDE2LTE2bDAtMjI0YzAtOC44LTcuMi0xNi0xNi0xNnptOTYgMGMtOC44IDAtMTYgNy4yLTE2IDE2bDAgMjI0YzAgOC44IDcuMiAxNiAxNiAxNnMxNi03LjIgMTYtMTZsMC0yMjRjMC04LjgtNy4yLTE2LTE2LTE2eiIvPjwvc3ZnPg==");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    cursor: pointer;
    top: 2px;
}

.delete:hover {
    filter: contrast(0.5);
    transition: filter 0.5s;
}

#correction-cancel, #correction-workflow-cancel, #info-cancel, #acknowledge-select-all-cancel, 
#comment-cancel, #change-history-cancel, #workflow-details-cancel, #workflow-release-cancel, #monthly-journal-cancel {
    position: absolute;
}

#change-history-content, #workflow-details-content {
    max-height: calc(100svh - 170px);
    color: black;
    overflow: scroll;
    scrollbar-width: thin;
    border-radius: 10px;
}

.delete {
    position: relative;
}

#correction-cancel, #correction-workflow-cancel {
    top: -13px;
    right: -18px;
    background-color: #1e2227;
    z-index: 1;
    border-radius: 15px;
}

#correction-info {
    position: relative;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIGhlaWdodD0iMzAiIHdpZHRoPSIzMCIgdmlld0JveD0iMCAwIDMyMCA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNODAgMTYwYzAtMzUuMyAyOC43LTY0IDY0LTY0bDMyIDBjMzUuMyAwIDY0IDI4LjcgNjQgNjRsMCAzLjZjMCAyMS44LTExLjEgNDIuMS0yOS40IDUzLjhsLTQyLjIgMjcuMWMtMjUuMiAxNi4yLTQwLjQgNDQuMS00MC40IDc0bDAgMS40YzAgMTcuNyAxNC4zIDMyIDMyIDMyczMyLTE0LjMgMzItMzJsMC0xLjRjMC04LjIgNC4yLTE1LjggMTEtMjAuMmw0Mi4yLTI3LjFjMzYuNi0yMy42IDU4LjgtNjQuMSA1OC44LTEwNy43bDAtMy42YzAtNzAuNy01Ny4zLTEyOC0xMjgtMTI4bC0zMiAwQzczLjMgMzIgMTYgODkuMyAxNiAxNjBjMCAxNy43IDE0LjMgMzIgMzIgMzJzMzItMTQuMyAzMi0zMnptODAgMzIwYTQwIDQwIDAgMSAwIDAtODAgNDAgNDAgMCAxIDAgMCA4MHoiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 100%;
    cursor: pointer;
    z-index: 1;
    border-radius: 15px;
    background-color: #5b626d;
    border: 5px solid #5b626d;
}

#info-cancel {
    top: 0;
    right: 0;
}

#workflow-release-cancel, #monthly-journal-cancel {
    top: 10px;
    right: 10px;
}

#login-submit-button, #confirm-logout-user-button, #cancel-logout-user-button, 
#correction-cancel-confirm, #correction-cancel-abort,
#open-logout-container, #open-password-change-container, 
#password-change-submit-button, #groupcalendar-view-confirm-button,
#monthly-journal-button, #correction-workflow-back, #correction-workflow-next,
#acknowledge-select-all-confirm, #comment-confirm {
    height: 37px;
    font-size: 14px;
    font-weight: bold;
    font-family: inherit;
    margin-top: 10px;
    background-color: var(--main-yellow);
    color: black;
    appearance: none;
}

#login-submit-button:hover, #confirm-logout-user-button:hover, #cancel-logout-user-button:hover,
#open-logout-container:hover, #open-password-change-container:hover, #password-change-submit-button:hover,
#correction-cancel-confirm:hover, #correction-cancel-abort:hover,
#groupcalendar-view-confirm-button:hover, #monthly-journal-button:hover, #correction-workflow-back:hover, #correction-workflow-next:hover,
#acknowledge-select-all-confirm:hover, #comment-confirm:hover {
    background-color: var(--accent-yellow);
    color: black;
    transition: background-color 0.5s;
}

#username, #password {
    margin-bottom: 10px;
}

#logged-in-username {
    cursor: pointer;
    text-align: center;
}

#options-button-container {
    display: grid;
    gap: 10px;
    grid-template-rows: 1fr;
}

#language-container {
    /* No language support implemented yet */
    display: none !important;
}

#language-container, #push-notifications-container {
    position: relative;
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;
}

#language-text, #push-notifications-text{
    color: white;
    font-weight: bold;
    font-size: 18px;
}

#language-select {
    font-size: 19px;
    border: none;
    background: inherit;
    color: inherit;
    border-radius: 3px;
    cursor: pointer;
    max-width: 200px;
    justify-self: right;
}

.selected-language {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    color: white;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 35px;
    padding-bottom: 5px;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
}

.selected-language::before,
.selected-language::after {
    content: "";
    display: inline-block;
    height: 2px;
    width: 10px;
    background-color: #aaa;
    position: absolute;
    right: 0;
}

.selected-language::before {
    transform: rotate(45deg);
    right: 15px;
}

.selected-language::after {
    transform: rotate(-45deg);
    right: 10px;
}

.dropdown-content {
    background-color: #1F2329 !important;
    border-radius: 5px;
    min-width: 175px;
    max-width: 50%;
    color: white;
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 160px;
    width: 170px;
    overflow: scroll;
    scrollbar-width: thin;
    -webkit-user-select: none;
    user-select: none;
    z-index: 100;
}

.dropdown-option {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-weight: 600;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
}

.dropdown-option:hover {
    box-shadow: 0px 0px 11px 1px rgba(182, 182, 182, 0.75) inset;
}

.option-image {
    max-width: 30px;
    width: 30px;
    max-height: 20px;
    height: 20px;
    border-radius: 6px;
}

.option-text {
    margin-left: 10px;
}

/* Notification styles */
.notification-container {
    display: block;
    position: fixed;
    top: 20px;
    right: -350px;
    max-height: 50%;
    min-width: 250px;
    width: 300px;
    max-width: 300px;
    transition: right 0.3s ease-in-out;
    z-index: 9999;
    visibility: hidden;
}

.notification-container.active, .fadeIn {
    visibility: visible;
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.notification-container.active {
    opacity: 1;
}

#notification {
    position: relative;
    background-color: var(--main-background);
    border: 2px solid var(--accent-yellow);
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
    user-select: none;
    padding-bottom: 30px;
}

.notification-progress-container {
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    border-radius: 10px;
}

.notification-progress {
    width: 100%;
    height: 100%;
    border: none;
    background-color: #007bff;
    transition: width 0.2s ease-in-out; /* Smooth width transition */
    border-radius: 5px;
}
/* End notification styles */

/* Begin toggle switch styles */
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 26px;
    justify-self: right;
    align-self: center;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
} 
/* End toggle switch styles */

#body-main-content-container {
    overflow: hidden;
    display: grid;
    grid-template: "maincontent scrollbary" "scrollbarx scrollbarx" / auto 1fr;
    grid-template-rows: calc(100% - 25px) 15px;
    grid-template-columns: auto 15px;
    gap: 10px;
}

#body-top-buttons {
    display: flex; 
    gap: 10px;
    background-color: #2a2e33;
    z-index: 100;
}

#dashboard-view {
    margin-top: -20px;
}

#dashboard-view::after {
    content: "";
    width: 100%;
    height: 10px;
    background-color: var(--main-background);
    position: absolute;
    z-index: 10;
    left: 0;
}

#dashboard-view #body-top-buttons {
    margin-top: 10px;
    top: 10px;
}

#body-content {
    display: inline-grid;
    align-self: baseline;
    position: relative;
    height: fit-content;
    max-height: 100%;
    width: 100%;
    border-radius: 10px;
    overflow: scroll;
    overscroll-behavior: none;
    grid-area: maincontent;
    padding-top: 10px;
}

#body-main-content-container.loading::after {
    position: absolute;
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIyMi43IDMyLjFjNSAxNi45LTQuNiAzNC44LTIxLjUgMzkuOEMxMjEuOCA5NS42IDY0IDE2OS4xIDY0IDI1NmMwIDEwNiA4NiAxOTIgMTkyIDE5MnMxOTItODYgMTkyLTE5MmMwLTg2LjktNTcuOC0xNjAuNC0xMzcuMS0xODQuMWMtMTYuOS01LTI2LjYtMjIuOS0yMS41LTM5LjhzMjIuOS0yNi42IDM5LjgtMjEuNUM0MzQuOSA0Mi4xIDUxMiAxNDAgNTEyIDI1NmMwIDE0MS40LTExNC42IDI1Ni0yNTYgMjU2UzAgMzk3LjQgMCAyNTZDMCAxNDAgNzcuMSA0Mi4xIDE4Mi45IDEwLjZjMTYuOS01IDM0LjggNC42IDM5LjggMjEuNXoiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 70px;
    height: 70px;
    animation: rotateCenter 2s linear infinite;
    transform-origin: center;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    align-self: center;
}

@keyframes rotateCenter {
    to {
        transform: rotate(360deg);
    }
}

#scrollbar-track-x {
    grid-area: scrollbarx;
    align-self: end;
    position: relative;
    height: 15px;
    width: calc(100% - 25px);
    background: var(--main-background);
    border-radius: 7px;
    box-shadow: 0px 0px 2px 1px #555 inset;
    margin-bottom: 2px;
    cursor: pointer;
}

#scrollbar-thumb-x {
    height: 50px;
    width: 50px;
    border-radius: 7px;
    cursor: pointer;
    position: absolute;
    left: 0;
    transform: translateY(-18px);
    display: grid;
    align-items: center;
}

#scrollbar-thumb-x-child {
    width: 100%;
    height: 15px;
    background-color: #bbb;
    border-radius: 7px;
}

#scrollbar-track-y {
    grid-area: scrollbary;
    align-self: end;
    position: relative;
    width: 15px;
    height: calc(100% - 10px);
    background: var(--main-background);
    border-radius: 7px;
    box-shadow: 0px 0px 2px 1px #555 inset;
    cursor: pointer;
}

#scrollbar-thumb-y {
    width: 50px;
    height: 50px;
    border-radius: 7px;
    cursor: pointer;
    position: absolute;
    left: 0;
    transform: translateX(-18px);
    display: grid;
    justify-content: center;
}

#scrollbar-thumb-y-child {
    height: 100%;
    width: 15px;
    background-color: #bbb;
    border-radius: 7px;
}

/* Begin dashboard styles */
#action-buttons, #dashboard-view-container, #dashboard-account-results {
    display: grid;
    position: relative;
    gap: 20px;
    border: 4px solid #686868;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

#dashboard-view-buttons {
    display: grid;
    position: relative;
    gap: 20px;
}

#dashboard-view {
    display: none;
    max-height: min(50svh, 500px);
    width: 100%;
    border-radius: 10px;
    overflow: scroll;
    overscroll-behavior-x: none;
    scrollbar-width: thin;
}

.dashboard-action.dashboard-view-selected {
    background-color: var(--main-background);
}

#actions-text, #dashboard-view-text, #dashboard-account-results-text {
    position: absolute;
    color: white;
    font-size: 18px;
    font-weight: bold;
    top: -15px;
    z-index: 20;
    left: 20px;
    background-color: #2a2e33;
}

#dashboard-presence-time, #dashboard-balance-and-prev-month, #dashboard-prev-month, 
#dashboard-current-holidays, #dashboard-holidays-unplanned, #dashboard-long-term {
    position: relative;
    text-align: center;
    font-weight: normal;
    background-color: #2a2e33;
    padding: 10px;
    border-radius: 15px;
    cursor: pointer;
    min-height: 62px;
}

#dashboard-presence-time::after {
    position: absolute;
    content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODYzIDczMiIgZmlsbD0iI2ZmZiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNNDExLjY4MSwzODIuMjU3Yy0xNy40OCwtOC4yMTMgLTMzLjU2OCwtMTUuNzYzIC01Mi41NjMsLTI0LjY3N2M1MS4zMDIsLTM4LjI5OSA4NS44ODgsLTgzLjczOSA5MS4wMTQsLTE0Ny4yODdjNS4wNzcsLTYyLjkzOSAtMTYuMzA3LC0xMTUuNTE4IC02Mi41MjIsLTE2MC40NzNjMjguMjEsLTIxLjUxMyA1OC42MDcsLTMyLjc1NyA4OS45MTIsLTQwLjQ2MWMxNzAuMTcyLC00MS44NzcgMzM2LjY1Nyw2MC41OTYgMzc2LjY1NywyMzEuMDY1YzQwLjAyNSwxNzAuNTc2IC03Ni43MjcsMzQzLjcyMSAtMjUwLjAxNiwzNzAuNzg2Yy0yLjA1MSwwLjMyIC00LjA4NiwwLjc0NCAtNi4xMjYsMS4xMzVjLTQ2LjAzNSw4LjgzNSAtNDcuNTAyLDcuNjU4IC00OC41ODIsLTM4LjU4N2MtMS41NzMsLTY3LjMzNCAtMzEuMTI4LC0xMTkuNjA5IC04NS43OTEsLTE1OC4wMDNjLTE2LjQ0LC0xMS41NDcgLTMzLjcwNCwtMjEuOTIyIC01MS45ODMsLTMzLjQ5OG0yNjYuODI0LDQ4LjczNGM5LjU0LC0xMS44NzUgMC4zLC0xOS4xODIgLTYuODg5LC0yNi40MzNjLTI3LjgyNCwtMjguMDYyIC01NS40MzUsLTU2LjM2NiAtODQuMTAyLC04My41NDhjLTEyLjUxLC0xMS44NjEgLTE4LjAxMiwtMjQuMjQgLTE3LjcxMiwtNDEuODA2YzEuMDA2LC01OC45MTYgMC40NzIsLTExNy44NjEgMC4xODgsLTE3Ni43OTNjLTAuMDU3LC0xMS42OCAtMy4wMTgsLTIzLjcwMSAtMTcuNDY4LC0yMy42OTFjLTEzLjQyOCwwLjAwOSAtMTYuNjcsMTEuMzUgLTE2LjA2NCwyMi4zNzJjMy41ODIsNjUuMTMzIDAuNTE5LDEzMC4zMDUgMS41NzQsMTk1LjQ0OGMwLjE3NSwxMC43ODQgMi4zNjksMjAuMzUzIDEwLjQzMSwyOC4zNGMzNC45NywzNC42NDQgNjkuNzI5LDY5LjUwMiAxMDQuNTY1LDEwNC4yODFjNi45MDQsNi44OTMgMTQuMTY5LDExLjYyMiAyNS40NzcsMS44M1oiIHN0eWxlPSJmaWxsLXJ1bGU6bm9uemVybzsiLz48cGF0aCBkPSJNMjIxLjE3MiwzNzguODA0YzEwMy40MzgsLTEyLjQ3NiAxODguNDk3LDIxLjQxNiAyNTkuMzgxLDkzLjEzNGMyMS41ODEsMjEuODM1IDMxLjIxOCw0OS41MjIgMzUuMDE3LDgwLjI2OGMzLjUxOCwyOC40NjMgMS44ODQsNTYuNzEyIDIuMzM5LDg1LjA3MmMwLjQxNiwyNS45ODQgLTEyLjAwMSw0My4wMTEgLTM0LjQxNiw1NC40NjhjLTM0LjQ2OCwxNy42MTcgLTcyLjAwOSwyNC40NzUgLTEwOS40OTIsMzAuNjIzYy0xMDEuODAzLDE2LjY5OSAtMjAyLjY2OSwxMS4xMzEgLTMwMi4yMTUsLTE2LjA3OWMtMTAuNjMyLC0yLjkwNiAtMjAuODY4LC03LjM5OCAtMzEuMDkyLC0xMS42MjZjLTI4LjE1NiwtMTEuNjQ1IC00MS4xNDMsLTMyLjI3MSAtNDAuNjgyLC02My4zMTVjMC41MDMsLTMzLjkzNSAtMC4zMjUsLTY3Ljc4IDcuNDAzLC0xMDEuMTYzYzUuMTMzLC0yMi4xNzQgMTUuMDY4LC00MS45MTUgMzAuODUyLC01OC4wMTZjNDkuOTc3LC01MC45ODUgMTA5LjE1NCwtODQuNTk3IDE4Mi45MDUsLTkzLjM2NloiIHN0eWxlPSJmaWxsLXJ1bGU6bm9uemVybzsiLz48cGF0aCBkPSJNMzY0LjE0NiwzMTQuNjI1Yy0xMDIuNzg4LDgwLjE5OSAtMjQ2LjA4NywyNS43NDQgLTI2My41NSwtMTAwLjM5NGMtMTIuMzIxLC04OC45OTIgNDYuNjgyLC0xNjIuNjk1IDEzMC42MzMsLTE3OS40MDhjNzguNDY2LC0xNS42MjIgMTYzLjYxNiwzNS44NzIgMTgyLjg4NSwxMTQuNzAzYzE1LjQ3OCw2My4zMTggMC45MzYsMTE5LjM5IC00OS45NjgsMTY1LjA5OVoiIHN0eWxlPSJmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4=");
    top: 17px;
    right: 14px;
    width: 30px;
}

#dashboard-balance-and-prev-month::after {
    position: absolute;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTM4NCAzMmwxMjggMGMxNy43IDAgMzIgMTQuMyAzMiAzMnMtMTQuMyAzMi0zMiAzMkwzOTguNCA5NmMtNS4yIDI1LjgtMjIuOSA0Ny4xLTQ2LjQgNTcuM0wzNTIgNDQ4bDE2MCAwYzE3LjcgMCAzMiAxNC4zIDMyIDMycy0xNC4zIDMyLTMyIDMybC0xOTIgMC0xOTIgMGMtMTcuNyAwLTMyLTE0LjMtMzItMzJzMTQuMy0zMiAzMi0zMmwxNjAgMCAwLTI5NC43Yy0yMy41LTEwLjMtNDEuMi0zMS42LTQ2LjQtNTcuM0wxMjggOTZjLTE3LjcgMC0zMi0xNC4zLTMyLTMyczE0LjMtMzIgMzItMzJsMTI4IDBjMTQuNi0xOS40IDM3LjgtMzIgNjQtMzJzNDkuNCAxMi42IDY0IDMyem01NS42IDI4OGwxNDQuOSAwTDUxMiAxOTUuOCA0MzkuNiAzMjB6TTUxMiA0MTZjLTYyLjkgMC0xMTUuMi0zNC0xMjYtNzguOWMtMi42LTExIDEtMjIuMyA2LjctMzIuMWw5NS4yLTE2My4yYzUtOC42IDE0LjItMTMuOCAyNC4xLTEzLjhzMTkuMSA1LjMgMjQuMSAxMy44bDk1LjIgMTYzLjJjNS43IDkuOCA5LjMgMjEuMSA2LjcgMzIuMUM2MjcuMiAzODIgNTc0LjkgNDE2IDUxMiA0MTZ6TTEyNi44IDE5NS44TDU0LjQgMzIwbDE0NC45IDBMMTI2LjggMTk1Ljh6TS45IDMzNy4xYy0yLjYtMTEgMS0yMi4zIDYuNy0zMi4xbDk1LjItMTYzLjJjNS04LjYgMTQuMi0xMy44IDI0LjEtMTMuOHMxOS4xIDUuMyAyNC4xIDEzLjhsOTUuMiAxNjMuMmM1LjcgOS44IDkuMyAyMS4xIDYuNyAzMi4xQzI0MiAzODIgMTg5LjcgNDE2IDEyNi44IDQxNlMxMS43IDM4MiAuOSAzMzcuMXoiLz48L3N2Zz4=");
    top: 17px;
    right: 15px;
    width: 32px;
}

#dashboard-current-holidays::after {
    position: absolute;
    content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCAxMDAuMDAwMDAwIDEwMC4wMDAwMDAiCiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDEwMC4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiCmZpbGw9IiNmZmYiIHN0cm9rZT0ibm9uZSI+CjxwYXRoIGQ9Ik0zNTUgNzk4IGMtMzMgLTc4IC02MSAtMTQ1IC02MyAtMTQ5IC0yIC01IDU2IC05IDEyOCAtOSAxMDIgMCAxMzEgMwoxMjcgMTMgLTE5IDQ3IC0xMjEgMjczIC0xMjYgMjc5IC0zIDQgLTMzIC01NyAtNjYgLTEzNHoiLz4KPHBhdGggZD0iTTIwMCA4MDYgYy04NSAtNjIgLTE1NSAtMTE5IC0xNTUgLTEyNyAwIC0xNSA0NSAtMjUgMTQwIC0zMSBsNjAgLTMKNTggMTM0IGMzMiA3MyA1NyAxMzUgNTUgMTM2IC0yIDIgLTczIC00NyAtMTU4IC0xMDl6Ii8+CjxwYXRoIGQ9Ik01MzMgNzgzIGw2MyAtMTM4IDU5IDMgYzk3IDYgMTQwIDE2IDE0MCAzMiAwIDEzIC0yOTkgMjM5IC0zMTcgMjQwCi00IDAgMjEgLTYyIDU1IC0xMzd6Ii8+CjxwYXRoIGQ9Ik00MDAgNTMyIGMwIC03NiAzIC05MSAyMCAtMTA3IDIwIC0xOCAyMCAtMTcgMjAgODggMCAxMDAgLTEgMTA3IC0yMAoxMDcgLTE4IDAgLTIwIC03IC0yMCAtODh6Ii8+CjxwYXRoIGQ9Ik03NjUgNTM1IGMtNDIgLTQxIC0yOSAtMTA2IDI1IC0xMjggMjcgLTEyIDI1IC0xNCAtMTA0IC04MCBsLTEzMQotNjcgLTI1NSAtMyAtMjU1IC0yIDAgLTQ1IDAgLTQ1IDQ1NSAwIDQ1NSAwIDAgNDUgYzAgNDMgLTEgNDUgLTMxIDQ4IC0yNiAzCi0zMiA4IC00MiA0OCAtMTcgNjQgLTE2IDY4IDI0IDg3IDQxIDIwIDQwIDQzIC0xIDQwIC0yMSAtMiAtMjUgMSAtMTcgOSAzNyAzNwotMTAgMTE4IC02OCAxMTggLTE5IDAgLTQwIC05IC01NSAtMjV6IG04MiAtMjcxIGMtMiAtMyAtNDcgLTMgLTk4IC0yIGwtOTQgMwo4NSA0MyA4NSA0MyAxMyAtNDEgYzggLTIzIDEyIC00MyA5IC00NnoiLz4KPHBhdGggZD0iTTUzMSA0MDAgbC0xMjIgLTYwIC0xNDMgMCBjLTE0NyAwIC0xNjYgLTUgLTE2NiAtNDIgMCAtMTcgMTUgLTE4CjIyNSAtMTggbDIyNSAwIDk1IDQ3IGM2OCAzNCA5NSA1MyA5NSA2NiAwIDI0IC00NCA2NyAtNjggNjcgLTExIDAgLTc0IC0yNwotMTQxIC02MHoiLz4KPHBhdGggZD0iTTI4MCAzOTAgbC00NSAtMzAgOTMgMCBjNTAgMCA5MiA0IDkyIDkgMCAxNCAtNTUgNTEgLTc3IDUxIC0xMCAwCi0zOCAtMTQgLTYzIC0zMHoiLz4KPHBhdGggZD0iTTEwMiA4MyBsMyAtMzggNTUgMCA1NSAwIDMgMzggMyAzNyAtNjEgMCAtNjEgMCAzIC0zN3oiLz4KPHBhdGggZD0iTTc4MiA4MyBsMyAtMzggNTUgMCA1NSAwIDMgMzggMyAzNyAtNjEgMCAtNjEgMCAzIC0zN3oiLz4KPC9nPgo8L3N2Zz4K");
    top: 14px;
    right: 15px;
    width: 32px;
}

#dashboard-holidays-unplanned::after {
    position: absolute;
    /* content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDQ1LjYzIDQ1LjYzIiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNNDIuMjk1LDQzLjg1MWMtMi43MjktMy4yMjktNy42MTktNS42OTEtMTMuNTI5LTYuNjk2Yy0wLjU3OC0zLjQ2MS0xLjYxLTUuMDc4LTEuNjM3LTUuMTIzYzAuNDUtMC4yMTEsMC45OTMtMC4yODMsMS42MTMtMC4xNDZjMC43NTYsMC4xNywxLjI3MiwwLjU3MSwxLjU4NSwxLjA3OWMwLjA5MSwwLjE0OCwwLjMyMywwLjA5OCwwLjM1LTAuMDc0YzAuMDM5LTAuMjUyLDAuMDI3LTAuNTI3LTAuMDU5LTAuODMyYy0wLjIxNi0wLjc1OS0wLjgwNy0xLjM5LTEuNTc3LTEuNTU2Yy0wLjUwMy0wLjEwNy0xLjAwMy0wLjAyNC0xLjQyNSwwLjJjMC4zOTEtMC4zMzgsMC44NzgtMC42MTQsMS40NzEtMC44MDdjMS4yOC0wLjQxLDIuMzk2LTAuMjEsMy4yNjQsMC4zNDRjMC4xNDcsMC4wOTMsMC4zMjctMC4wNDIsMC4yOC0wLjIxYy0wLjE0NS0wLjUyMS0wLjQzMi0xLjAzMi0wLjk2NC0xLjUwMWMtMC44OTYtMC43ODgtMi4xNDMtMS4xMy0zLjI3Ni0wLjc1NWMtMC4zNjUsMC4xMjEtMC42OTcsMC4zMDEtMC45ODYsMC41MjRjMC4wMjEtMC4wMjcsMC4wNDQtMC4wNTUsMC4wNjUtMC4wODFjMC44MzUtMC45ODEsMS44MzgtMS40MDUsMi44MjctMS40MjljMC4yMTUtMC4wMDUsMC4zMTEtMC4yODQsMC4xNDYtMC40MjNjLTAuMzUxLTAuMjkyLTAuNzgzLTAuNTIyLTEuMzQ0LTAuNjQyYy0xLjI2Mi0wLjI2OS0yLjU5LDAuMTA5LTMuMzkyLDEuMTE5Yy0wLjI4OCwwLjM2MS0wLjQ4OCwwLjc2OC0wLjYwNCwxLjE4OGMtMC4zNC0wLjI3NS0wLjczOC0wLjQ4OC0xLjE4NC0wLjYxNGMtMS4yNC0wLjM1Mi0yLjUzOSwwLjExNi0zLjQwNywxLjA2OWMtMC4zNzUsMC40MTEtMC41OTIsMC44NC0wLjcwNywxLjI2OWMtMC4wNiwwLjIyMSwwLjE5NCwwLjQsMC4zODUsMC4yNzRjMC44MTMtMC41NDQsMS44NjQtMC43NzYsMy4xMDEtMC40N2MwLjAzNCwwLjAxLDAuMDY3LDAuMDE5LDAuMTAxLDAuMDI3Yy0wLjM2NS0wLjAxNC0wLjczOSwwLjAzNC0xLjEwOCwwLjE0OWMtMS4xMzksMC4zNTUtMS45NTMsMS4zNTktMi4yMjIsMi41MjJjLTAuMTU0LDAuNjctMC4wOTgsMS4yMzksMC4wNzYsMS43MzVjMC4wNjMsMC4xOCwwLjMxMSwwLjE4NCwwLjM4NSwwLjAwOGMwLjM5MS0wLjkzOCwxLjE3NC0xLjczMSwyLjQzNC0yLjEzNmMwLjU5My0wLjE5MSwxLjE1LTAuMjUsMS42NjQtMC4yMDRjLTAuNDc1LDAuMDYzLTAuOTI5LDAuMjg4LTEuMjc0LDAuNjY5Yy0wLjUzLDAuNTg0LTAuNjQxLDEuNDM5LTAuMzc0LDIuMTgzYzAuMTA3LDAuMywwLjI2MSwwLjUzMiwwLjQ0MSwwLjcxNWMwLjEyLDAuMTIzLDAuMzM2LDAuMDI5LDAuMzIzLTAuMTQyYy0wLjA0NS0wLjU5NywwLjE0Mi0xLjIxNywwLjY1Ny0xLjc5N2MwLjM5Ny0wLjQ0NSwwLjg0OS0wLjczMSwxLjMwNy0wLjc5NWwwLDBjLTAuMDAxLDAsMC43MjUsMS43ODMsMC44MjYsNC4zNTZjLTEuMjA5LTAuMTI0LTIuNDUxLTAuMTkzLTMuNzE5LTAuMTkzYy0zLjEwNSwwLTYuMDU4LDAuMzg3LTguNzMsMS4wODhjMC41NTQtMTIuMDczLDcuOTg0LTIwLjA3MSw3Ljk5My0yMC4xMTF2LTAuMDAxYzAuOTE1LDAuNjA1LDEuNjg4LDEuNTMyLDIuMTg4LDIuODMzYzAuNjUxLDEuNjksMC41MzksMy4yMjEtMC4wNSw0LjQ4NWMtMC4xNjksMC4zNjIsMC4yMjcsMC43NDUsMC41OTEsMC41NzZjMC41NDQtMC4yNTIsMS4wNjktMC42MzMsMS41NTEtMS4xOThjMS4xOTMtMS40MDEsMS42NTYtMy4zNjMsMC45NzktNS4wNzNjLTAuNDQyLTEuMTE2LTEuMjUxLTEuOTc5LTIuMjMyLTIuNTFjMS4xNiwwLjMyMiwyLjMyOSwwLjkwOSwzLjQ2OCwxLjgxMmMyLjQxOCwxLjkyMSwzLjQ3NSw0LjMwMSwzLjU1OCw2LjY2NmMwLjAxNiwwLjQ0NCwwLjU2MSwwLjY0MywwLjg0NiwwLjMwMWMwLjc4Ny0wLjk0LDEuMzgtMi4xMzgsMS41OTMtMy43MjljMC4zNy0yLjc2MS0wLjU4LTUuNjIyLTIuNzc1LTcuMzM3Yy0wLjcxLTAuNTU2LTEuNDg3LTAuOTY3LTIuMjk3LTEuMjM5YzAuMDgxLDAuMDA4LDAuMTYxLDAuMDE3LDAuMjQzLDAuMDI1YzIuOTUyLDAuMzQ1LDUuMDU4LDEuNzE1LDYuMzg2LDMuNTcyYzAuMzEsMC40MzMsMS4wMTMsMC4yNDgsMS4wNjMtMC4yODFjMC4xMDMtMS4wMzItMC4wMjEtMi4xNDYtMC41MDEtMy4zNTRjLTEuMTEtMi43OTYtMy41NjItNC44ODQtNi41NjEtNS4xMzhjLTEuMDc2LTAuMDkxLTIuMTIzLDAuMDQ1LTMuMDkxLDAuMzY2YzAuMDk1LTEuMDE2LTAuMDExLTIuMDYzLTAuMzQyLTMuMDg5Yy0wLjkyMy0yLjg2NC0zLjUxLTQuNzgxLTYuNDg0LTUuMjM0Yy0xLjMxOS0wLjItMi40NTgtMC4wNTYtMy40NiwwLjI5NmMtMC40NzQsMC4xNjYtMC40OTYsMC44NTUtMC4wMzEsMS4wNDNjMi4xNDIsMC44NjQsMy45ODMsMi42MTIsNC45OTksNS40NDRjMC4wMjgsMC4wNzcsMC4wNTQsMC4xNTQsMC4wNzksMC4yM2MtMC40NDgtMC43MjctMS4wMjQtMS4zOTItMS43MjYtMS45NTdjLTIuMTY3LTEuNzUxLTUuMTY5LTIuMDMtNy43NzQtMS4wNDdjLTEuNTQ4LDAuNTg0LTIuNTk2LDEuNDY4LTMuMzM5LDIuNDg0Yy0wLjI0LDAuMzI4LDAuMDQyLDAuNzcxLDAuNDM5LDAuNjg4YzIuMzU0LTAuNDkxLDQuOTUyLTAuMDE2LDcuNDA4LDEuOTM4YzEuMTM4LDAuOTA0LDEuOTc1LDEuOTA5LDIuNTUxLDIuOTY4Yy0wLjczOC0wLjgzOC0xLjc2My0xLjQzLTIuOTUtMS42MDdjLTEuODE5LTAuMjczLTMuNjI2LDAuNjItNC43MjEsMi4xMDFjLTAuNDM5LDAuNTkyLTAuNjg5LDEuMTg1LTAuODEzLDEuNzY4Yy0wLjA4NCwwLjM5NiwwLjM4MywwLjY5OCwwLjcwMywwLjQ0OWMxLjA5OC0wLjg1NCwyLjU1OS0xLjMwNSw0LjM0OC0xLjA1M2MxLjQ2OSwwLjIwNywyLjU5NiwwLjgxLDMuNDA0LDEuNjQxYy0wLjE0NCwwLjEyMy05LjEwOCw2LjgxMi0xNC45ODEsMjcuMjkyYy0wLjM1OCwwLjM0LTAuNjkxLDAuNjk0LTAuOTk3LDEuMDU2QzIuNzQxLDQ0LjUzMiwzLjI1LDQ1LjYzLDQuMTgxLDQ1LjYzaDM3LjI2NkM0Mi4zNjQsNDUuNjM1LDQyLjg4OCw0NC41NTMsNDIuMjk1LDQzLjg1MXoiLz48L2c+PC9zdmc+"); */
    content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgNDE3IDQxNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48Zz48cGF0aCBkPSJNMTQ3LjkxNywxMjQuNzcyYy0xMy43NSw1Ni4xMDMgLTI1LjQxNywxMDQuMjk1IC0yNi4yNSwxMDcuMTcyYy0wLjgzNCwzLjU5NiAyMy4zMzMsNi40NzMgNTMuMzMzLDYuNDczYzQyLjUsMCA1NC41ODMsLTIuMTU3IDUyLjkxNywtOS4zNWMtNy45MTcsLTMzLjgwNiAtNTAuNDE3LC0xOTYuMzYyIC01Mi41LC0yMDAuNjc3Yy0xLjI1LC0yLjg3NyAtMTMuNzUsNDAuOTk4IC0yNy41LDk2LjM4MloiIHN0eWxlPSJmaWxsLXJ1bGU6bm9uemVybzsiLz48cGF0aCBkPSJNMTY2LjY2NywyMjkuMTY3Yy0wLDY3LjkxNiAwLjQxNiw3MC44MzMgOC4zMzMsNzAuODMzYzcuOTE3LDAgOC4zMzMsLTIuOTE3IDguMzMzLC03MC44MzNjMCwtNjcuOTE3IC0wLjQxNiwtNzAuODM0IC04LjMzMywtNzAuODM0Yy03LjkxNywwIC04LjMzMywyLjkxNyAtOC4zMzMsNzAuODM0WiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik0zMDguMzMzLDI3MGwtNjguNzUsMzYuMjVsLTIyMC44MzMsNC4xNjdsLTAsMzcuNWwzNzkuMTY3LC0wbC0wLC0xOC43NWMtMCwtMTcuOTE3IC0wLjQxNywtMTguNzUgLTEyLjkxNywtMjBjLTEwLjgzMywtMS4yNSAtMTMuMzMzLC0zLjMzNCAtMTcuNSwtMjBjLTcuMDgzLC0yNi42NjcgLTYuNjY3LC0yOC4zMzQgMTAsLTM2LjI1YzE0LjU4MywtNy4wODQgMTcuNSwtMTYuNjY3IDUuNDE3LC0xOC4zMzRjLTMuMzM0LC0wLjgzMyAtMzYuNjY3LDE1IC03NC41ODQsMzUuNDE3Wm00NS40MTcsMzIuOTE3YzAuNDE3LDQuMTY2IC0xMC40MTcsNS40MTYgLTQwLDVsLTQwLjgzMywtMGwzNS40MTYsLTE3LjkxN2wzNS40MTcsLTE4LjMzM2w1LDEzLjMzM2MyLjUsNy4wODMgNSwxNS40MTcgNSwxNy45MTdaIiBzdHlsZT0iZmlsbC1ydWxlOm5vbnplcm87Ii8+PHBhdGggZD0iTTQyLjUsMzgyLjA4M2wxLjI1LDE1LjgzNGw0NS44MzMsLTBsMS4yNSwtMTUuODM0bDEuMjUsLTE1LjQxNmwtNTAuODMzLC0wbDEuMjUsMTUuNDE2WiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik0zMjUuODMzLDM4Mi4wODNsMS4yNSwxNS44MzRsNDUuODM0LC0wbDEuMjUsLTE1LjgzNGwxLjI1LC0xNS40MTZsLTUwLjgzNCwtMGwxLjI1LDE1LjQxNloiIHN0eWxlPSJmaWxsLXJ1bGU6bm9uemVybzsiLz48L2c+PC9zdmc+");
    top: 13px;
    right: 15px;
    width: 32px;
}

#dashboard-prev-month::after {
    position: absolute;
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgZmlsbD0iI2ZmZiIgdmlld0JveD0iMCAwIDY3NzAgNzM2NiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNMTcxOC4zNCwwLjMzMWM4LjQwOSwtMC4wMTYgMTYuODE4LC0wLjAzNCAyNS4yMjcsLTAuMDU0YzE3LjUzNywtMC4wMzEgMzUuMDc0LC0wLjAzIDUyLjYxMiwtMC4wMDhjMjIuMjQ3LDAuMDI0IDQ0LjQ5MywtMC4wNDYgNjYuNzQxLC0wLjE0M2MxNy4zNDUsLTAuMDYyIDM0LjY5MSwtMC4wNjUgNTIuMDM3LC0wLjA1MmM4LjE5MSwtMC4wMDIgMTYuMzgzLC0wLjAyMyAyNC41NzQsLTAuMDY2YzE2NC45NDgsLTAuNzUxIDMyMi4wMDEsNDkuOTc3IDQ0My45MywxNjMuNzUxYzguNTM0LDcuOTUyIDE3LjI5NSwxNS40NzcgMjYuMjIxLDIyLjk4MmMxMjAuMTE0LDEwNS40NiAxNzQuOTg4LDI1Mi4xMjggMTk1LjU3Myw0MDYuNTFsLTAsNDY2LjY2N2wxNTU4LjMzLC0wbC0wLC00NjYuNjY3YzE0LjYyMSwtOTIuNTk4IDE0LjYyMSwtOTIuNTk4IDIzLjk1OCwtMTIzLjY5OGMxLjYwNSwtNS40MzkgMS42MDUsLTUuNDM5IDMuMjQyLC0xMC45ODhjNTAuMTY4LC0xNjQuNjA5IDE3NC4xMTYsLTMwOS4xODYgMzI1LjQwNCwtMzkwLjA1M2MxMDIuNDI2LC01Mi43MTcgMjA4LjkyNiwtNjguMjc0IDMyMi45ODIsLTY4LjE4MWM4LjQwOSwtMC4wMTYgMTYuODE4LC0wLjAzNCAyNS4yMjYsLTAuMDU0YzE3LjUzOCwtMC4wMzEgMzUuMDc1LC0wLjAzIDUyLjYxMiwtMC4wMDhjMjIuMjQ3LDAuMDI0IDQ0LjQ5NCwtMC4wNDYgNjYuNzQxLC0wLjE0M2MxNy4zNDYsLTAuMDYyIDM0LjY5MSwtMC4wNjUgNTIuMDM3LC0wLjA1MmM4LjE5MSwtMC4wMDIgMTYuMzgzLC0wLjAyMyAyNC41NzQsLTAuMDY2YzE2NC45NDgsLTAuNzUxIDMyMi4wMDEsNDkuOTc3IDQ0My45MywxNjMuNzUxYzguNTM1LDcuOTUyIDE3LjI5NSwxNS40NzcgMjYuMjIxLDIyLjk4MmM5OS4wMzIsODYuOTUgMTY1LjEzOSwyMTQuOTUyIDE4Ny4yNCwzNDQuMDFjMC42OTgsMy44NTQgMS4zOTYsNy43MDcgMi4xMTUsMTEuNjc3YzguMzQ0LDUyLjgzOSA3LjI2OSwxMDUuNjQzIDcuMDMyLDE1OS4wMWMtMC4wMTYsMTAuMzc0IC0wLjAyOCwyMC43NDcgLTAuMDM2LDMxLjEyYy0wLjAzMiwyNy4xMDUgLTAuMTEzLDU0LjIwOSAtMC4yMDYsODEuMzE0Yy0wLjA4NiwyNy43MzcgLTAuMTIzLDU1LjQ3NSAtMC4xNjUsODMuMjEyYy0wLjA4OSw1NC4yNzggLTAuMjMsMTA4LjU1NiAtMC40MDcsMTYyLjgzNGMyLjkyOSwtMC4wMTUgNS44NTksLTAuMDMxIDguODc3LC0wLjA0N2M3MS42NTksLTAuMzcgMTQzLjMxNywtMC42NDQgMjE0Ljk3NywtMC44MTdjMzQuNjU1LC0wLjA4NSA2OS4zMSwtMC4yMDIgMTAzLjk2NiwtMC4zOTNjMzAuMjQ1LC0wLjE2OCA2MC40OSwtMC4yNzQgOTAuNzM3LC0wLjMxMWMxNS45NzgsLTAuMDIyIDMxLjk1NiwtMC4wNzEgNDcuOTM0LC0wLjE5NGM4My4xNzgsLTAuNjE1IDE2NC45OCwwLjIyNyAyNDIuODg0LDMzLjUzM2MzLjM5NiwxLjQwNyA2Ljc5MywyLjgxNCAxMC4yOTIsNC4yNjRjNTEuMDA0LDIxLjk0IDk2LjcxNCw1Mi43NTkgMTM4LjY2Niw4OC45NjVjMy4zMDksMi43MDcgNi42MTcsNS40MTQgMTAuMDI2LDguMjAzYzY2LjEzMyw1Ni4wODggMTEzLjcwNiwxMzIuMDYyIDE0NC4xNDEsMjEyLjYzYzEuNTc5LDQuMTYzIDMuMTU4LDguMzI1IDQuNzg1LDEyLjYxNGMyNC41MzksNzEuNjggMjYuMjI4LDE0Ny44OTggMjUuOTQzLDIyMi44NjFjMC4wMTIsOS4xNyAwLjAyOSwxOC4zNDEgMC4wNTEsMjcuNTExYzAuMDQ1LDI1LjA1NCAwLjAxMyw1MC4xMDggLTAuMDMyLDc1LjE2M2MtMC4wMzIsMjQuNDg4IC0wLjAwNSw0OC45NzcgMC4wMjEsNzMuNDY1YzAuMDUsNTAuNjQ0IDAuMDQyLDEwMS4yODggMC4wMDEsMTUxLjkzM2MtMC4wNDIsNTEuMjc2IC0wLjA1NSwxMDIuNTUyIC0wLjAzNiwxNTMuODI4YzAuMDAxLDMuMjQ3IDAuMDAyLDYuNDkzIDAuMDAzLDkuODM4YzAuMDA1LDEzLjIyMiAwLjAxMSwyNi40NDUgMC4wMTYsMzkuNjY4YzAuMDUsMTIyLjk4IDAuMDQsMjQ1Ljk2IC0wLjAwOSwzNjguOTRjLTAuMDQ3LDExOC40OSAtMC4wNzIsMjM2Ljk4MSAtMC4wNjYsMzU1LjQ3MmMwLDcuNDQ3IDAuMDAxLDE0Ljg5MyAwLjAwMSwyMi4zNGMwLjAwMSwyOS45MjcgMC4wMDMsNTkuODU0IDAuMDA1LDg5Ljc4MWMwLjAwNSw4My42NTIgMC4wMDYsMTY3LjMwMyAwLjAwMywyNTAuOTU1YzAsMy44MDkgLTAsNy42MTggLTAsMTEuNTQzYy0wLjAwNCwxMjEuMzMzIC0wLjAyNiwyNDIuNjY1IC0wLjA2MSwzNjMuOTk4Yy0wLjAwMiw1LjkwMiAtMC4wMDIsNS45MDIgLTAuMDA0LDExLjkyMmMtMC4wMTgsNjMuODg2IC0wLjAzOCwxMjcuNzcxIC0wLjA1NywxOTEuNjU3Yy0wLjA3OSwyNTMuNDE5IC0wLjEwNSw1MDYuODM3IC0wLjA4Miw3NjAuMjU2YzAuMDAxLDE2LjAxOCAwLjAwMywzMi4wMzYgMC4wMDQsNDguMDUzYzAsMy45NjEgMC4wMDEsNy45MjEgMC4wMDEsMTIuMDAxYzAuMDA0LDQzLjg2MSAwLjAwOCw4Ny43MjEgMC4wMTIsMTMxLjU4MmMwLDUuOSAwLDUuOSAwLjAwMSwxMS45MTljMC4wMTcsMjEyLjM2NiAtMC4wMDUsNDI0LjczMiAtMC4wNDEsNjM3LjA5OGMtMC4wMDEsNy40ODcgLTAuMDAzLDE0Ljk3NCAtMC4wMDQsMjIuNDYyYy0wLjAwMSw1LjU1MSAtMC4wMDEsNS41NTEgLTAuMDAyLDExLjIxNWMtMC4wMDEsNy40NjcgLTAuMDAyLDE0LjkzNCAtMC4wMDMsMjIuNGMtMC4wMDQsMTguNjAyIC0wLjAwNywzNy4yMDMgLTAuMDEsNTUuODA1Yy0wLjAxNCw4MS41MiAtMC4wMjMsMTYzLjA0MSAtMC4wMTcsMjQ0LjU2MmMwLDUuNTA4IDAsNS41MDggMC4wMDEsMTEuMTI3YzAuMDAxLDE4LjQ4OSAwLjAwMywzNi45NzcgMC4wMDQsNTUuNDY1YzAuMDEsMTMzLjY0IC0wLjAwNywyNjcuMjggLTAuMDcyLDQwMC45MmMtMC4wMDYsMTMuMTcgLTAuMDEyLDI2LjMzOSAtMC4wMTgsMzkuNTA5Yy0wLjAwMiwzLjIzMiAtMC4wMDMsNi40NjQgLTAuMDA1LDkuNzk0Yy0wLjAyMyw1MS4xNDMgLTAuMDE4LDEwMi4yODYgLTAuMDAyLDE1My40M2MwLjAxNSw1MC4zMDcgMC4wMDEsMTAwLjYxMyAtMC4wNDUsMTUwLjkyYy0wLjAyNCwyNi45MDIgLTAuMDM0LDUzLjgwNCAtMC4wMDgsODAuNzA1YzAuMDI0LDI0LjQ4NyAwLjAwOSw0OC45NzQgLTAuMDM2LDczLjQ2MWMtMC4wMSw4Ljc5IC0wLjAwNiwxNy41NzkgMC4wMTQsMjYuMzY4YzAuMTI4LDYwLjkxNiAtMC44OTYsMTIyLjA5OCAtMTcuNzU2LDE4MS4xNTdjLTAuODcsMy4wNDggLTEuNzQsNi4wOTYgLTIuNjM2LDkuMjM2Yy0yOC40OTYsOTMuNTcyIC04Mi44MDQsMTczLjUwOSAtMTUxLjUzMSwyNDIuMDY2Yy0zLjMxOSwzLjM2OCAtNi42MzgsNi43MzYgLTEwLjA1OCwxMC4yMDVjLTUyLjEwNyw0OS45MjggLTExOS4yNTcsODQuNjI3IC0xODcuODU4LDEwNS40MmMtMi43MTUsMC44MjkgLTUuNDMsMS42NTggLTguMjI3LDIuNTEyYy01OS4yOTQsMTYuOTE5IC0xMTguMDgxLDE2LjM4MyAtMTc5LjE5NywxNi4yNTdjLTEwLjAyLDAuMDEgLTIwLjA0LDAuMDIzIC0zMC4wNTksMC4wNGMtMjEuODA4LDAuMDI5IC00My42MTUsMC4wMzEgLTY1LjQyMiwwLjAxMWMtMzIuNjQ3LC0wLjAzIC02NS4yOTQsLTAuMDEyIC05Ny45NCwwLjAxNmMtNTUuNjQ4LDAuMDQ1IC0xMTEuMjk3LDAuMDUgLTE2Ni45NDUsMC4wMzRjLTU2LjM4MywtMC4wMTYgLTExMi43NjYsLTAuMDE0IC0xNjkuMTQ5LDAuMDFjLTMuNTYzLDAuMDAxIC03LjEyNiwwLjAwMyAtMTAuNzk3LDAuMDA0Yy0xNC41MTIsMC4wMDYgLTI5LjAyNCwwLjAxMyAtNDMuNTM2LDAuMDE5Yy0xNDcuMjgzLDAuMDY1IC0yOTQuNTY2LDAuMDc2IC00NDEuODQ4LDAuMDY2Yy0yMC4zNDksLTAuMDAxIC00MC42OTcsLTAuMDAzIC02MS4wNDYsLTAuMDA0Yy00LjA0MSwtMCAtOC4wODMsLTAgLTEyLjI0NywtMC4wMDFjLTg5LjU3OCwtMC4wMDUgLTE3OS4xNTYsMC4wMDYgLTI2OC43MzMsMC4wMmMtMjAuNDU1LDAuMDAzIC00MC45MSwwLjAwNiAtNjEuMzY1LDAuMDA5Yy04LjIwOSwwLjAwMiAtMzIuNzY2LDAuMDA1IC0zNi45NTksMC4wMDZjLTguMjMxLDAuMDAxIC0xNi40NjIsMC4wMDMgLTI0LjY5MywwLjAwNGMtMjMzLjU1LDAuMDM2IC00NjcuMTAxLDAuMDU1IC03MDAuNjUxLDAuMDM4Yy00LjMyNSwtMC4wMDEgLTguNjUsLTAuMDAxIC0xMy4xMDUsLTAuMDAxYy00OC4yMjUsLTAuMDA0IC05Ni40NDksLTAuMDA4IC0xNDQuNjczLC0wLjAxMmMtNC4zNTQsLTAgLTguNzA4LC0wLjAwMSAtMTMuMTk0LC0wLjAwMWMtMzYuMTc4LC0wLjAwMyAtMzYuMTc4LC0wLjAwMyAtNTIuODIzLC0wLjAwNGMtMjc4LjUxMSwtMC4wMjMgLTU1Ny4wMjEsMC4wMDggLTgzNS41MzEsMC4wODZjLTcwLjE4LDAuMDIgLTE0MC4zNTksMC4wMzkgLTIxMC41MzksMC4wNThjLTQuMzIxLDAuMDAxIC04LjY0MiwwLjAwMiAtMTMuMDk1LDAuMDAzYy0xMzMuMTc3LDAuMDM1IC0yNjYuMzU0LDAuMDU1IC0zOTkuNTMxLDAuMDU4Yy02LjI3MSwwIC02LjI3MSwwIC0xMi42NjksMC4wMDFjLTkxLjc4MiwwLjAwMiAtMTgzLjU2MywwIC0yNzUuMzQ1LC0wLjAwNWMtMzIuODQsLTAuMDAyIC02NS42ODEsLTAuMDAzIC05OC41MjEsLTAuMDA0Yy04LjE3LC0wLjAwMSAtMTYuMzQsLTAuMDAxIC0yNC41MSwtMC4wMDJjLTEzMC4xODQsLTAuMDA2IC0yNjAuMzY3LDAuMDI0IC0zOTAuNTUxLDAuMDcxYy0xMzQuNzU1LDAuMDQ5IC0yNjkuNTExLDAuMDUxIC00MDQuMjY2LDAuMDAxYy0xNC40NzMsLTAuMDA1IC0yOC45NDYsLTAuMDEgLTQzLjQxOSwtMC4wMTVjLTMuNTUyLC0wLjAwMSAtNy4xMDMsLTAuMDAzIC0xMC43NjMsLTAuMDA0Yy01Ni4yMjQsLTAuMDE4IC0xMTIuNDQ5LDAuMDA2IC0xNjguNjczLDAuMDQ3Yy01NS4yOTUsMC4wNCAtMTEwLjU5LDAuMDM1IC0xNjUuODg1LC0wLjAxN2MtMzIuNDA5LC0wLjAzIC02NC44MTgsLTAuMDI1IC05Ny4yMjcsMC4wM2MtMjQuMDc4LDAuMDM4IC00OC4xNTYsMC4wMSAtNzIuMjM0LC0wLjA0NGMtOS42NjcsLTAuMDExIC0xOS4zMzUsLTAuMDAyIC0yOS4wMDIsMC4wMzJjLTE1My40NzUsMC40OSAtMjgyLjIwMiwtNDguNDM5IC0zOTMuNTQ3LC0xNTUuNzc3Yy05Ny4wMDMsLTk5LjQ1NyAtMTUwLjkxNCwtMjI5LjU3NSAtMTUwLjUyNywtMzY4LjQ2MmMtMC4wMDcsLTMuNzQ5IC0wLjAxMywtNy40OTggLTAuMDIsLTExLjM2Yy0wLjAxNiwtMTIuNTI2IC0wLjAwMiwtMjUuMDUyIDAuMDExLC0zNy41NzhjLTAuMDA2LC05LjEyNCAtMC4wMTMsLTE4LjI0OCAtMC4wMjIsLTI3LjM3MmMtMC4wMiwtMjUuMTQgLTAuMDE0LC01MC4yNzkgLTAuMDAzLC03NS40MThjMC4wMDYsLTI0LjUwNyAtMC4wMDgsLTQ5LjAxMyAtMC4wMjEsLTczLjUyYy0wLjAyNiwtNTAuNzMyIC0wLjAzMiwtMTAxLjQ2MyAtMC4wMjcsLTE1Mi4xOTVjMC4wMDUsLTUxLjQxIDAsLTEwMi44MiAtMC4wMTUsLTE1NC4yMjljLTAuMDAxLC0zLjI0OCAtMC4wMDIsLTYuNDk1IC0wLjAwMywtOS44NDFjLTAuMDA0LC0xMy4yMjcgLTAuMDA4LC0yNi40NTQgLTAuMDEyLC0zOS42ODFjLTAuMDQyLC0xMzcuOTggLTAuMDU1LC0yNzUuOTU5IC0wLjA1NywtNDEzLjkzOWMtMCwtMTQuODUyIC0wLjAwMSwtMjkuNzA0IC0wLjAwMSwtNDQuNTU2Yy0wLC0zLjY4NiAtMCwtNy4zNzEgLTAsLTExLjE2OWMtMC4wMDIsLTgxLjY3IC0wLjAxMSwtMTYzLjM0MSAtMC4wMjIsLTI0NS4wMTFjLTAuMDA0LC0zMy42MjkgLTAuMDA4LC02Ny4yNTggLTAuMDEyLC0xMDAuODg3Yy0wLjAwMSwtMy43MTYgLTAuMDAxLC03LjQzMiAtMC4wMDIsLTExLjI2Yy0wLjAyNiwtMjEyLjkzMyAtMC4wNDMsLTQyNS44NjUgLTAuMDQxLC02MzguNzk4Yy0wLC03Ljk2OSAtMCwtMTUuOTM3IDAsLTIzLjkwNmMwLC0zNS45NzkgMC4wMDEsLTcxLjk1OCAwLjAwMSwtMTA3LjkzNmMwLC0xNi4wNDQgMCwtMzIuMDg4IDAuMDAxLC00OC4xMzJjLTAsLTguMDMgLTAsLTE2LjA2IC0wLC0yNC4wOTFjMC4wMDMsLTI1My45MjQgLTAuMDI4LC01MDcuODQ4IC0wLjA4NiwtNzYxLjc3M2MtMC4wMTQsLTYzLjk3NiAtMC4wMjksLTEyNy45NTIgLTAuMDQyLC0xOTEuOTI5Yy0wLjAwMiwtNS45MDggLTAuMDAyLC01LjkwOCAtMC4wMDMsLTExLjkzN2MtMC4wMjYsLTEyMS40MTMgLTAuMDQyLC0yNDIuODI3IC0wLjA0NywtMzY0LjI0Yy0wLC0zLjgxMiAtMCwtNy42MjQgLTAsLTExLjU1MWMtMC4wMDQsLTgzLjY4MiAtMC4wMDUsLTE2Ny4zNjQgLTAuMDA0LC0yNTEuMDQ2YzAuMDAxLC0yOS45NDMgMC4wMDEsLTU5Ljg4NiAwLjAwMSwtODkuODI5Yy0wLC03LjQ0OSAtMCwtMTQuODk4IDAsLTIyLjM0N2MwLjAwMSwtMTE4LjY4NiAtMC4wMjMsLTIzNy4zNzEgLTAuMDU5LC0zNTYuMDU2Yy0wLjAzNiwtMTE5LjU0MiAtMC4wNDUsLTIzOS4wODQgLTAuMDE4LC0zNTguNjI2YzAuMDA0LC0xNi41MjQgMC4wMDgsLTMzLjA0OCAwLjAxMSwtNDkuNTcyYzAuMDAxLC0zLjI0IDAuMDAxLC02LjQ3OSAwLjAwMiwtOS44MTZjMC4wMSwtNTEuMjU3IC0wLjAwOCwtMTAyLjUxNSAtMC4wMzgsLTE1My43NzJjLTAuMDI5LC01MC40MiAtMC4wMjgsLTEwMC44NCAwLjAwNSwtMTUxLjI2MWMwLjAxNiwtMjYuOTYzIDAuMDE5LC01My45MjYgLTAuMDE1LC04MC44ODljLTAuMDMsLTI0LjU0NCAtMC4wMjIsLTQ5LjA4NyAwLjAxNywtNzMuNjMxYzAuMDA3LC04LjgwOSAwLC0xNy42MTkgLTAuMDIyLC0yNi40MjljLTAuMTQ4LC02MS44NDMgMS4wMzQsLTEyMy4zNDYgMTguNzc4LC0xODMuMTQzYzAuOTA0LC0zLjExNyAxLjgwOCwtNi4yMzMgMi43MzksLTkuNDQ1YzM3LjcyNywtMTI1Ljk0IDEyNy44MzIsLTI0Ni43NTcgMjQzLjEwNywtMzEyLjAxNWM3OS4yMywtNDIuMTE5IDE2MC40NiwtNjIuODA0IDI1MC4yMTksLTYyLjI5OGM1Ljc5NiwwLjAwMiAxMS41OTEsMC4wMDEgMTcuMzg3LC0wLjAwNGMxNS41NywtMC4wMDIgMzEuMTQsMC4wNDYgNDYuNzEsMC4xMDVjMTYuMzMyLDAuMDUyIDMyLjY2NCwwLjA1NyA0OC45OTYsMC4wNjdjMzAuODU1LDAuMDI2IDYxLjcwOSwwLjA5NCA5Mi41NjQsMC4xNzhjMzUuMTU3LDAuMDkzIDcwLjMxNSwwLjEzOSAxMDUuNDczLDAuMTgxYzcyLjI1NSwwLjA4NiAxNDQuNTA5LDAuMjMzIDIxNi43NjQsMC40MTljLTAuMDEyLC0yLjMwNyAtMC4wMjQsLTQuNjE0IC0wLjAzNSwtNi45OWMtMC4yNzgsLTU2LjUzMyAtMC40ODMsLTExMy4wNjYgLTAuNjEzLC0xNjkuNmMtMC4wNjUsLTI3LjM0MSAtMC4xNTMsLTU0LjY4MSAtMC4yOTUsLTgyLjAyMmMtMC4xMzgsLTI2LjQ0OSAtMC4yMTEsLTUyLjg5OCAtMC4yNDMsLTc5LjM0OGMtMC4wMjMsLTEwLjAyNSAtMC4wNjgsLTIwLjA1MSAtMC4xMzYsLTMwLjA3NmMtMC43MzgsLTExMy4xNDggMTMuODcyLC0yMTcuMTA0IDYzLjgyMiwtMzE5LjQ2NGMxLjI4MywtMi42NDcgMi41NjcsLTUuMjk1IDMuODg5LC04LjAyMmMyNi4zNjIsLTUzLjYxMiA1OS4xMzEsLTEwMS40MyA5OS45MTksLTE0NS4xNTJjOC4xMjcsLTguNzIgMTUuODQzLC0xNy42NzIgMjMuNTM1LC0yNi43NzRjMTQuNjMxLC0xNi42OTcgMzAuNDY4LC0zMS4wMyA0Ny42NTcsLTQ1LjA1MmMzLjg1MSwtMy4xNzQgNy43MDIsLTYuMzQ5IDExLjY2OSwtOS42MTljMTI1LjAyNCwtMTAwLjg2NCAyNjguMjQ3LC0xMzcuNTk3IDQyNi40MTYsLTEzNy40NjhabS0xMjkuNzUyLDU4OC43NTRjLTE0LjY5NCwyMi44NTIgLTIxLjMzOSw0NC4yNTIgLTIxLjM5Myw3MS4zOTFjLTAuMDE4LDQuMzQ3IC0wLjAzNyw4LjY5NCAtMC4wNTYsMTMuMTczYzAuMDAxLDQuNzcgMC4wMDIsOS41NDEgMC4wMDIsMTQuNDU2Yy0wLjAxNSw1LjA3MiAtMC4wMywxMC4xNDUgLTAuMDQ2LDE1LjM3MWMtMC4wMzgsMTQuMDg2IC0wLjA1NywyOC4xNzIgLTAuMDY4LDQyLjI1OWMtMC4wMTcsMTUuMTkgLTAuMDU3LDMwLjM4IC0wLjA5Myw0NS41NzFjLTAuMDgyLDM2LjY4OCAtMC4xMjQsNzMuMzc3IC0wLjE2MSwxMTAuMDY2Yy0wLjAxOSwxNy4yODMgLTAuMDQxLDM0LjU2NSAtMC4wNjMsNTEuODQ4Yy0wLjA3MSw1Ny40NjEgLTAuMTMxLDExNC45MjMgLTAuMTYxLDE3Mi4zODRjLTAuMDA4LDE0LjkwOSAtMC4wMTYsMjkuODE4IC0wLjAyNCw0NC43MjZjLTAuMDAyLDMuNzA2IC0wLjAwNCw3LjQxMSAtMC4wMDYsMTEuMjI5Yy0wLjAzNSw2MC4wMTUgLTAuMTQxLDEyMC4wMyAtMC4yNzYsMTgwLjA0NmMtMC4xMzgsNjEuNjMzIC0wLjIxMywxMjMuMjY2IC0wLjIyNiwxODQuOWMtMC4wMDksMzQuNTk4IC0wLjA0NSw2OS4xOTYgLTAuMTUyLDEwMy43OTRjLTAuMDkxLDI5LjQ2NyAtMC4xMjQsNTguOTM0IC0wLjA4Myw4OC40MDFjMC4wMTgsMTUuMDI3IDAuMDExLDMwLjA1MiAtMC4wNyw0NS4wNzhjLTAuMDg4LDE2LjMxNiAtMC4wNDUsMzIuNjI5IDAuMDEsNDguOTQ1Yy0wLjA0NSw0LjcxNSAtMC4wOTEsOS40MjkgLTAuMTM4LDE0LjI4N2MwLjI5LDM1LjgzMyA4LjE2Nyw2My40MTcgMjcuOTUyLDkzLjM3N2M0Mi43MTcsNDAuODE4IDkyLjM3Niw0MS42NDUgMTQ4LjI5MSw0MS40NzFjNi40MDIsMC4wMDYgMTIuODAzLDAuMDE0IDE5LjIwNSwwLjAyNGMxMy4zNzUsMC4wMTIgMjYuNzQ5LC0wLjAwNSA0MC4xMjQsLTAuMDQ0YzE3LjA1NCwtMC4wNDggMzQuMTA2LC0wLjAyIDUxLjE2LDAuMDI5YzEzLjIwOCwwLjAzMSAyNi40MTcsMC4wMjEgMzkuNjI1LC0wLjAwMWM2LjI4NCwtMC4wMDUgMTIuNTY4LDAuMDAxIDE4Ljg1MiwwLjAyMWM1MC41ODQsMC4xMjMgOTUuMDMsLTEuNjA0IDEzNi4xMjgsLTM0LjQ2OWMzMC4xMTUsLTM0LjcwOSAzNC41NjksLTY3Ljk1MyAzNC40NDgsLTExMi41MjNjMC4wMjgsLTcuNjE5IDAuMDI4LC03LjYxOSAwLjA1NywtMTUuMzkyYzAuMDQ0LC0xNC4wNjggMC4wNSwtMjguMTM1IDAuMDQsLTQyLjIwMmMtMC4wMDIsLTE1LjE4NSAwLjA0NCwtMzAuMzcgMC4wODQsLTQ1LjU1NGMwLjA2OSwtMjkuNzM5IDAuMDkyLC01OS40NzggMC4wOTcsLTg5LjIxN2MwLjAwNCwtMjQuMTc5IDAuMDIxLC00OC4zNTkgMC4wNDcsLTcyLjUzOGMwLjA3NCwtNjguNTgzIDAuMTEyLC0xMzcuMTY1IDAuMTA2LC0yMDUuNzQ4Yy0wLjAwMSwtNS41NDQgLTAuMDAxLC01LjU0NCAtMC4wMDEsLTExLjIwMWMtMC4wMDEsLTUuNTUxIC0wLjAwMSwtNS41NTEgLTAuMDAxLC0xMS4yMTRjLTAuMDA0LC01OS45NjEgMC4wNzYsLTExOS45MjIgMC4xOTQsLTE3OS44ODJjMC4xMTksLTYxLjU5NiAwLjE3NywtMTIzLjE5MiAwLjE3LC0xODQuNzg5Yy0wLjAwMywtMzQuNTcgMC4wMiwtNjkuMTM5IDAuMTA5LC0xMDMuNzA5YzAuMDc2LC0yOS40MzcgMC4wOTQsLTU4Ljg3MyAwLjAzOCwtODguMzFjLTAuMDI3LC0xNS4wMDkgLTAuMDI4LC0zMC4wMTggMC4wNDQsLTQ1LjAyN2MwLjA3OCwtMTYuMjk3IDAuMDI2LC0zMi41OTIgLTAuMDM4LC00OC44ODhjMC4wNDMsLTQuNzA5IDAuMDg2LC05LjQxOSAwLjEzLC0xNC4yN2MtMC4zNjMsLTQxLjczNCAtMTEuMTU3LC03NS4xNTMgLTM5Ljk2NywtMTA1LjgyMmMtMjYuMzE3LC0yMy4wMiAtNTQuMTk3LC0yOC4zNjIgLTg4LjI5MSwtMjguNjE4Yy0zLjAxNywtMC4wMjggLTYuMDM0LC0wLjA1NSAtOS4xNDMsLTAuMDgzYy05Ljk3LC0wLjA4MiAtMTkuOTQsLTAuMTMxIC0yOS45MSwtMC4xNzNjLTMuNDIxLC0wLjAxNyAtNi44NDIsLTAuMDM0IC0xMC4zNjcsLTAuMDUxYy0xOC4xMjcsLTAuMDg3IC0zNi4yNTMsLTAuMTQ3IC01NC4zOCwtMC4xODZjLTE4LjYyMywtMC4wNDYgLTM3LjI0NSwtMC4xODkgLTU1Ljg2NywtMC4zNTVjLTE0LjQwMywtMC4xMDkgLTI4LjgwNSwtMC4xNDMgLTQzLjIwOCwtMC4xNThjLTYuODU5LC0wLjAyIC0xMy43MTcsLTAuMDY5IC0yMC41NzYsLTAuMTQ2Yy01NC42MzIsLTAuNTgxIC0xMDQuMzMxLDMuNTczIC0xNDIuMTQ4LDQ3LjcyM1ptMzExOS4yNSwxLjM2N2MtMTkuMzY0LDMxLjkxNyAtMjEuMDY0LDYzLjU1OCAtMjAuODY5LDEwMC4xNThjLTAuMDIzLDUuMDkgLTAuMDQ1LDEwLjE4MSAtMC4wNjgsMTUuNDI1Yy0wLjA1LDE0LjA0IC0wLjA0MywyOC4wNzggLTAuMDEyLDQyLjExOGMwLjAxOSwxNS4xNzYgLTAuMDMzLDMwLjM1MSAtMC4wNzUsNDUuNTI3Yy0wLjA3MiwyOS42OTYgLTAuMDc2LDU5LjM5MSAtMC4wNTQsODkuMDg3YzAuMDE3LDI0LjE0MyAwLjAxMSw0OC4yODYgLTAuMDExLDcyLjQzYy0wLjAwMywzLjQ0IC0wLjAwNiw2Ljg4MSAtMC4wMSwxMC40MjZjLTAuMDA2LDYuOTkgLTAuMDEyLDEzLjk4IC0wLjAxOSwyMC45N2MtMC4wNTcsNjUuNTAxIC0wLjAzNCwxMzEuMDAxIDAuMDEzLDE5Ni41MDJjMC4wNDIsNTkuODc5IC0wLjAxMiwxMTkuNzU4IC0wLjExMiwxNzkuNjM4Yy0wLjEwMSw2MS41NCAtMC4xNDEsMTIzLjA3OSAtMC4xMTQsMTg0LjYxOWMwLjAxNSwzNC41MjggMC4wMDYsNjkuMDU2IC0wLjA2NywxMDMuNTgzYy0wLjA2MiwyOS4zOTEgLTAuMDY0LDU4Ljc4MSAwLjAwOCw4OC4xNzJjMC4wMzYsMTQuOTg0IDAuMDQ1LDI5Ljk2NyAtMC4wMTksNDQuOTUyYy0wLjA2OSwxNi4yNjggLTAuMDA3LDMyLjUzNSAwLjA2Niw0OC44MDRjLTAuMDQsNC43IC0wLjA4LDkuNDAxIC0wLjEyMSwxNC4yNDRjMC4zODEsNDAuOTg0IDEwLjM0Myw3NS4xMTEgMzkuNzEsMTA0LjQ3OGMzMS43MjksMjMuNzk2IDYwLjY2OCwyOS42NDcgOTkuODUsMjkuNzcxYzQuMTgzLDAuMDIxIDQuMTgzLDAuMDIxIDguNDQ5LDAuMDQzYzkuMTUzLDAuMDM5IDE4LjMwNiwwLjA0OCAyNy40NTksMC4wNTJjNi40MTQsMC4wMTMgMTIuODI4LDAuMDI4IDE5LjI0MSwwLjA0MmMxMy40MjUsMC4wMjUgMjYuODQ5LDAuMDMzIDQwLjI3NCwwLjAzYzE3LjExOSwtMCAzNC4yMzcsMC4wNTcgNTEuMzU2LDAuMTI5YzEzLjI0NSwwLjA0NiAyNi40ODksMC4wNTQgMzkuNzMzLDAuMDUyYzYuMzA3LDAuMDA1IDEyLjYxNSwwLjAyMyAxOC45MjIsMC4wNTZjNTAuNzA3LDAuMjM2IDk1LjE3MywtMS4zODggMTM2LjM4MywtMzQuMzQyYzMwLjExNCwtMzQuNzA5IDM0LjU2OCwtNjcuOTUzIDM0LjQ0NywtMTEyLjUyM2MwLjAyOCwtNy42MTkgMC4wMjgsLTcuNjE5IDAuMDU3LC0xNS4zOTJjMC4wNDQsLTE0LjA2OCAwLjA1LC0yOC4xMzUgMC4wNCwtNDIuMjAyYy0wLjAwMSwtMTUuMTg1IDAuMDQ1LC0zMC4zNyAwLjA4NCwtNDUuNTU0YzAuMDY5LC0yOS43MzkgMC4wOTIsLTU5LjQ3OCAwLjA5NywtODkuMjE3YzAuMDA0LC0yNC4xNzkgMC4wMjEsLTQ4LjM1OSAwLjA0NywtNzIuNTM4YzAuMDc0LC02OC41ODMgMC4xMTIsLTEzNy4xNjUgMC4xMDYsLTIwNS43NDhjLTAsLTUuNTQ0IC0wLC01LjU0NCAtMC4wMDEsLTExLjIwMWMtMCwtNS41NTEgLTAsLTUuNTUxIC0wLjAwMSwtMTEuMjE0Yy0wLjAwMywtNTkuOTYxIDAuMDc2LC0xMTkuOTIyIDAuMTk0LC0xNzkuODgyYzAuMTIsLTYxLjU5NiAwLjE3NywtMTIzLjE5MiAwLjE3LC0xODQuNzg5Yy0wLjAwMywtMzQuNTcgMC4wMiwtNjkuMTM5IDAuMTEsLTEwMy43MDljMC4wNzYsLTI5LjQzNyAwLjA5NCwtNTguODczIDAuMDM3LC04OC4zMWMtMC4wMjcsLTE1LjAwOSAtMC4wMjgsLTMwLjAxOCAwLjA0NSwtNDUuMDI3YzAuMDc4LC0xNi4yOTcgMC4wMjUsLTMyLjU5MiAtMC4wMzksLTQ4Ljg4OGMwLjA0MywtNC43MDkgMC4wODYsLTkuNDE5IDAuMTMsLTE0LjI3Yy0wLjM2MywtNDEuNzM0IC0xMS4xNTcsLTc1LjE1MyAtMzkuOTY3LC0xMDUuODIyYy0yNi4yODcsLTIyLjk5NCAtNTQuNjE0LC0yOC40NzQgLTg4LjYwNywtMjguNjg0Yy0zLjA1MSwtMC4wMzQgLTYuMTAyLC0wLjA2OSAtOS4yNDYsLTAuMTA0Yy0xMC4wODUsLTAuMTAzIC0yMC4xNywtMC4xNzIgLTMwLjI1NiwtMC4yMzJjLTMuNDYxLC0wLjAyMiAtNi45MjMsLTAuMDQ0IC0xMC40OSwtMC4wNjdjLTE4LjM0OCwtMC4xMTIgLTM2LjY5NSwtMC4xOTIgLTU1LjA0MywtMC4yNTNjLTE1LjEwNywtMC4wNTUgLTMwLjIxMSwtMC4xNzEgLTQ1LjMxNywtMC4zNDFjLTE4LjMwOSwtMC4yMDcgLTM2LjYxNywtMC4zMDkgLTU0LjkyOCwtMC4zMzljLTYuOTM2LC0wLjAyNyAtMTMuODczLC0wLjA5IC0yMC44MDksLTAuMTkxYy01NS45ODMsLTAuNzY1IC0xMDEuNzYzLDQuOSAtMTQwLjc3Myw0OS41MzFabS00MTgxLjc1LDIwNDguNjNsLTAsNDIwNC4xN2w1NzE2LjY3LDBsLTAsLTQyMDQuMTdsLTU3MTYuNjcsLTBaIiBzdHlsZT0iZmlsbC1ydWxlOm5vbnplcm87Ii8+PHBhdGggZD0iTTg5Ny4xOTgsNDc4Ny4xOGwxODA3LjQ2LC05MDMuNzNsMCwxODA3LjQ2bC0xODA3LjQ2LC05MDMuNzNaIi8+PHBhdGggZD0iTTg1My42MTksNDcwMC4wMmwxODA3LjQ2LC05MDMuNzNjMzAuMjA3LC0xNS4xMDMgNjYuMDgxLC0xMy40ODkgOTQuODA5LDQuMjY2YzI4LjcyOSwxNy43NTUgNDYuMjE1LDQ5LjEyIDQ2LjIxNSw4Mi44OTJsMCwxODA3LjQ2YzAsMzMuNzcyIC0xNy40ODYsNjUuMTM3IC00Ni4yMTUsODIuODkyYy0yOC43MjgsMTcuNzU1IC02NC42MDIsMTkuMzY5IC05NC44MDksNC4yNjZsLTE4MDcuNDYsLTkwMy43M2MtMzMuMDEzLC0xNi41MDcgLTUzLjg2NiwtNTAuMjQ4IC01My44NjYsLTg3LjE1OGMtMCwtMzYuOTA5IDIwLjg1MywtNzAuNjUxIDUzLjg2NiwtODcuMTU4Wm00My41NzksODcuMTU4bDE4MDcuNDYsOTAzLjczbDAsLTE4MDcuNDZsLTE4MDcuNDYsOTAzLjczWiIvPjxwYXRoIGQ9Ik01ODcyLjE5LDQ2NDcuNDdsMCwyNzkuNDE2YzAsNzcuMTA3IC02Mi42MDEsMTM5LjcwOCAtMTM5LjcwOCwxMzkuNzA4bC0zODU0LjQ4LDBjLTc3LjEwNywwIC0xMzkuNzA5LC02Mi42MDEgLTEzOS43MDksLTEzOS43MDhsMCwtMjc5LjQxNmMwLC03Ny4xMDcgNjIuNjAyLC0xMzkuNzA4IDEzOS43MDksLTEzOS43MDhsMzg1NC40OCwtMGM3Ny4xMDcsLTAgMTM5LjcwOCw2Mi42MDEgMTM5LjcwOCwxMzkuNzA4WiIvPjwvc3ZnPg==");
    top: 15px;
    right: 18px;
    width: 25px;
}

#dashboard-long-term::after {
    position: absolute;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQwMCA5NmwwIC43Yy01LjMtLjQtMTAuNi0uNy0xNi0uN0wyNTYgOTZjLTE2LjUgMC0zMi41IDIuMS00Ny44IDZjLS4xLTItLjItNC0uMi02YzAtNTMgNDMtOTYgOTYtOTZzOTYgNDMgOTYgOTZ6bS0xNiAzMmMzLjUgMCA3IC4xIDEwLjQgLjNjNC4yIC4zIDguNCAuNyAxMi42IDEuM0M0MjQuNiAxMDkuMSA0NTAuOCA5NiA0ODAgOTZsMTEuNSAwYzEwLjQgMCAxOCA5LjggMTUuNSAxOS45bC0xMy44IDU1LjJjMTUuOCAxNC44IDI4LjcgMzIuOCAzNy41IDUyLjlsMTMuMyAwYzE3LjcgMCAzMiAxNC4zIDMyIDMybDAgOTZjMCAxNy43LTE0LjMgMzItMzIgMzJsLTMyIDBjLTkuMSAxMi4xLTE5LjkgMjIuOS0zMiAzMmwwIDY0YzAgMTcuNy0xNC4zIDMyLTMyIDMybC0zMiAwYy0xNy43IDAtMzItMTQuMy0zMi0zMmwwLTMyLTEyOCAwIDAgMzJjMCAxNy43LTE0LjMgMzItMzIgMzJsLTMyIDBjLTE3LjcgMC0zMi0xNC4zLTMyLTMybDAtNjRjLTM0LjktMjYuMi01OC43LTY2LjMtNjMuMi0xMTJMNjggMzA0Yy0zNy42IDAtNjgtMzAuNC02OC02OHMzMC40LTY4IDY4LTY4bDQgMGMxMy4zIDAgMjQgMTAuNyAyNCAyNHMtMTAuNyAyNC0yNCAyNGwtNCAwYy0xMSAwLTIwIDktMjAgMjBzOSAyMCAyMCAyMGwzMS4yIDBjMTIuMS01OS44IDU3LjctMTA3LjUgMTE2LjMtMTIyLjhjMTIuOS0zLjQgMjYuNS01LjIgNDAuNS01LjJsMTI4IDB6bTY0IDEzNmEyNCAyNCAwIDEgMCAtNDggMCAyNCAyNCAwIDEgMCA0OCAweiIvPjwvc3ZnPg==");
    top: 16px;
    right: 15px;
    width: 32px;
}

.dashboard-action {
    position: relative;
    height: 50px;
    background-color: #5b626d;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
}

.dashboard-action:hover {
    background-color: unset;
    color: white;
    transition: background-color 0.5s;
}

#dashboard-account-results {
    color: white;
    font-weight: bold;
    font-size: 16px;
    background-color: #686868;
    gap: 4px;
    padding: 0;
}

#dashboard-pending-workflows::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE1Mi4xIDM4LjJjOS45IDguOSAxMC43IDI0IDEuOCAzMy45bC03MiA4MGMtNC40IDQuOS0xMC42IDcuOC0xNy4yIDcuOXMtMTIuOS0yLjQtMTcuNi03TDcgMTEzQy0yLjMgMTAzLjYtMi4zIDg4LjQgNyA3OXMyNC42LTkuNCAzMy45IDBsMjIuMSAyMi4xIDU1LjEtNjEuMmM4LjktOS45IDI0LTEwLjcgMzMuOS0xLjh6bTAgMTYwYzkuOSA4LjkgMTAuNyAyNCAxLjggMzMuOWwtNzIgODBjLTQuNCA0LjktMTAuNiA3LjgtMTcuMiA3LjlzLTEyLjktMi40LTE3LjYtN0w3IDI3M2MtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDIyLjEgMjIuMSA1NS4xLTYxLjJjOC45LTkuOSAyNC0xMC43IDMzLjktMS44ek0yMjQgOTZjMC0xNy43IDE0LjMtMzIgMzItMzJsMjI0IDBjMTcuNyAwIDMyIDE0LjMgMzIgMzJzLTE0LjMgMzItMzIgMzJsLTIyNCAwYy0xNy43IDAtMzItMTQuMy0zMi0zMnptMCAxNjBjMC0xNy43IDE0LjMtMzIgMzItMzJsMjI0IDBjMTcuNyAwIDMyIDE0LjMgMzIgMzJzLTE0LjMgMzItMzIgMzJsLTIyNCAwYy0xNy43IDAtMzItMTQuMy0zMi0zMnpNMTYwIDQxNmMwLTE3LjcgMTQuMy0zMiAzMi0zMmwyODggMGMxNy43IDAgMzIgMTQuMyAzMiAzMnMtMTQuMyAzMi0zMiAzMmwtMjg4IDBjLTE3LjcgMC0zMi0xNC4zLTMyLTMyek00OCAzNjhhNDggNDggMCAxIDEgMCA5NiA0OCA0OCAwIDEgMSAwLTk2eiIvPjwvc3ZnPg==");
    position: absolute;
    right: 15px;
    top: 13px;
    width: 20px;
    height: 20px;
}

#dashboard-my-workflows::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTM2OC40IDE4LjNMMzEyLjcgNzQuMSA0MzcuOSAxOTkuM2w1NS43LTU1LjdjMjEuOS0yMS45IDIxLjktNTcuMyAwLTc5LjJMNDQ3LjYgMTguM2MtMjEuOS0yMS45LTU3LjMtMjEuOS03OS4yIDB6TTI4OCA5NC42bC05LjIgMi44TDEzNC43IDE0MC42Yy0xOS45IDYtMzUuNyAyMS4yLTQyLjMgNDFMMy44IDQ0NS44Yy0zLjggMTEuMy0xIDIzLjkgNy4zIDMyLjRMMTY0LjcgMzI0LjdjLTMtNi4zLTQuNy0xMy4zLTQuNy0yMC43YzAtMjYuNSAyMS41LTQ4IDQ4LTQ4czQ4IDIxLjUgNDggNDhzLTIxLjUgNDgtNDggNDhjLTcuNCAwLTE0LjQtMS43LTIwLjctNC43TDMzLjcgNTAwLjljOC42IDguMyAyMS4xIDExLjIgMzIuNCA3LjNsMjY0LjMtODguNmMxOS43LTYuNiAzNS0yMi40IDQxLTQyLjNsNDMuMi0xNDQuMSAyLjctOS4yTDI4OCA5NC42eiIvPjwvc3ZnPg==");
    position: absolute;
    right: 15px;
    top: 13px;
    width: 20px;
    height: 20px;
}

#dashboard-time-deviations::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTI1NiAwYTI1NiAyNTYgMCAxIDEgMCA1MTJBMjU2IDI1NiAwIDEgMSAyNTYgMHpNMjMyIDEyMGwwIDEzNmMwIDggNCAxNS41IDEwLjcgMjBsOTYgNjRjMTEgNy40IDI1LjkgNC40IDMzLjMtNi43czQuNC0yNS45LTYuNy0zMy4zTDI4MCAyNDMuMiAyODAgMTIwYzAtMTMuMy0xMC43LTI0LTI0LTI0cy0yNCAxMC43LTI0IDI0eiIvPjwvc3ZnPg==");
    position: absolute;
    right: 15px;
    top: 13px;
    width: 20px;
    height: 20px;
}

#dashboard-day-deviations::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTI1NiAzMmMxNC4yIDAgMjcuMyA3LjUgMzQuNSAxOS44bDIxNiAzNjhjNy4zIDEyLjQgNy4zIDI3LjcgLjIgNDAuMVM0ODYuMyA0ODAgNDcyIDQ4MEw0MCA0ODBjLTE0LjMgMC0yNy42LTcuNy0zNC43LTIwLjFzLTctMjcuOCAuMi00MC4xbDIxNi0zNjhDMjI4LjcgMzkuNSAyNDEuOCAzMiAyNTYgMzJ6bTAgMTI4Yy0xMy4zIDAtMjQgMTAuNy0yNCAyNGwwIDExMmMwIDEzLjMgMTAuNyAyNCAyNCAyNHMyNC0xMC43IDI0LTI0bDAtMTEyYzAtMTMuMy0xMC43LTI0LTI0LTI0em0zMiAyMjRhMzIgMzIgMCAxIDAgLTY0IDAgMzIgMzIgMCAxIDAgNjQgMHoiLz48L3N2Zz4=");
    position: absolute;
    right: 15px;
    top: 11px;
    width: 20px;
    height: 20px;
}

#dashboard-pending-workflows-count {
    display: grid;
    position: absolute;
    top: -8px;
    right: 0px;
    width: 30px;
    height: 20px;
    background-color: red;
    border-radius: 10px;
    color: white;
    font-size: 12px;
    justify-content: center;
    align-items: center;
}

#bookings-action::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE4NCA0OGwxNDQgMGM0LjQgMCA4IDMuNiA4IDhsMCA0MEwxNzYgOTZsMC00MGMwLTQuNCAzLjYtOCA4LTh6bS01NiA4bDAgNDBMNjQgOTZDMjguNyA5NiAwIDEyNC43IDAgMTYwbDAgOTYgMTkyIDAgMTYwIDAgOC4yIDBjMzIuMy0zOS4xIDgxLjEtNjQgMTM1LjgtNjRjNS40IDAgMTAuNyAuMiAxNiAuN2wwLTMyLjdjMC0zNS4zLTI4LjctNjQtNjQtNjRsLTY0IDAgMC00MGMwLTMwLjktMjUuMS01Ni01Ni01NkwxODQgMGMtMzAuOSAwLTU2IDI1LjEtNTYgNTZ6TTMyMCAzNTJsLTk2IDBjLTE3LjcgMC0zMi0xNC4zLTMyLTMybDAtMzJMMCAyODggMCA0MTZjMCAzNS4zIDI4LjcgNjQgNjQgNjRsMjk2LjIgMEMzMzUuMSA0NDkuNiAzMjAgNDEwLjUgMzIwIDM2OGMwLTUuNCAuMi0xMC43IC43LTE2bC0uNyAwem0zMjAgMTZhMTQ0IDE0NCAwIDEgMCAtMjg4IDAgMTQ0IDE0NCAwIDEgMCAyODggMHpNNDk2IDI4OGM4LjggMCAxNiA3LjIgMTYgMTZsMCA0OCAzMiAwYzguOCAwIDE2IDcuMiAxNiAxNnMtNy4yIDE2LTE2IDE2bC00OCAwYy04LjggMC0xNi03LjItMTYtMTZsMC02NGMwLTguOCA3LjItMTYgMTYtMTZ6Ii8+PC9zdmc+");
    position: absolute;
    right: 12px;
    top: 13px;
    width: 25px;
    height: 25px;
}

#monthly-journal-action::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTk2IDBDNDMgMCAwIDQzIDAgOTZMMCA0MTZjMCA1MyA0MyA5NiA5NiA5NmwyODggMCAzMiAwYzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMybDAtNjRjMTcuNyAwIDMyLTE0LjMgMzItMzJsMC0zMjBjMC0xNy43LTE0LjMtMzItMzItMzJMMzg0IDAgOTYgMHptMCAzODRsMjU2IDAgMCA2NEw5NiA0NDhjLTE3LjcgMC0zMi0xNC4zLTMyLTMyczE0LjMtMzIgMzItMzJ6bTMyLTI0MGMwLTguOCA3LjItMTYgMTYtMTZsMTkyIDBjOC44IDAgMTYgNy4yIDE2IDE2cy03LjIgMTYtMTYgMTZsLTE5MiAwYy04LjggMC0xNi03LjItMTYtMTZ6bTE2IDQ4bDE5MiAwYzguOCAwIDE2IDcuMiAxNiAxNnMtNy4yIDE2LTE2IDE2bC0xOTIgMGMtOC44IDAtMTYtNy4yLTE2LTE2czcuMi0xNiAxNi0xNnoiLz48L3N2Zz4=");
    position: absolute;
    right: 15px;
    top: 12px;
    width: 20px;
    height: 20px
}

#correction-bookings, #correction-timedeviations, #correction-causeofabsence,
#correction-workingtime, #correction-workingtimeextension, #correction-accountcorrections {
    display: grid;
    position: relative;
    cursor: pointer;
    height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 10px;
    background-color: #5b626d;
    width: -moz-available;
    width: -webkit-fill-available;
    max-width: 90px;
    justify-self: center;
}

#correction-bookings.action-selected, #correction-timedeviations.action-selected, #correction-causeofabsence.action-selected,
#correction-workingtime.action-selected, #correction-workingtimeextension.action-selected, #correction-accountcorrections.action-selected {
    background-color: unset;
}

#correction-bookings::after {
    position: absolute;
    display: grid;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE4NCA0OGwxNDQgMGM0LjQgMCA4IDMuNiA4IDhsMCA0MEwxNzYgOTZsMC00MGMwLTQuNCAzLjYtOCA4LTh6bS01NiA4bDAgNDBMNjQgOTZDMjguNyA5NiAwIDEyNC43IDAgMTYwbDAgOTYgMTkyIDAgMTYwIDAgOC4yIDBjMzIuMy0zOS4xIDgxLjEtNjQgMTM1LjgtNjRjNS40IDAgMTAuNyAuMiAxNiAuN2wwLTMyLjdjMC0zNS4zLTI4LjctNjQtNjQtNjRsLTY0IDAgMC00MGMwLTMwLjktMjUuMS01Ni01Ni01NkwxODQgMGMtMzAuOSAwLTU2IDI1LjEtNTYgNTZ6TTMyMCAzNTJsLTk2IDBjLTE3LjcgMC0zMi0xNC4zLTMyLTMybDAtMzJMMCAyODggMCA0MTZjMCAzNS4zIDI4LjcgNjQgNjQgNjRsMjk2LjIgMEMzMzUuMSA0NDkuNiAzMjAgNDEwLjUgMzIwIDM2OGMwLTUuNCAuMi0xMC43IC43LTE2bC0uNyAwem0zMjAgMTZhMTQ0IDE0NCAwIDEgMCAtMjg4IDAgMTQ0IDE0NCAwIDEgMCAyODggMHpNNDk2IDI4OGM4LjggMCAxNiA3LjIgMTYgMTZsMCA0OCAzMiAwYzguOCAwIDE2IDcuMiAxNiAxNnMtNy4yIDE2LTE2IDE2bC00OCAwYy04LjggMC0xNi03LjItMTYtMTZsMC02NGMwLTguOCA3LjItMTYgMTYtMTZ6Ii8+PC9zdmc+");
    height: 25px;
    width: 30px;
    align-self: center;
    justify-self: center;
}

#timedeviations-action::after {
    content: url("data:image/svg+xml;base64,PHN2ZwogICB2aWV3Qm94PSIwIDAgMjI2LjMzNDM1IDE2NS4zNDY0MiIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMSIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcwogICAgIGlkPSJkZWZzMSIgLz48ZwogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuODE5MjM0LC01NS42NDQ4NjgpIj48cGF0aAogICAgICAgZD0ibSAxMjEuNzg0MjgsNTUuNjQ0ODY5IGMgNC44NjYzMywwIDkuMzU1NjUsMi43NjgwNzcgMTEuODIzMTEsNy4zMDc3MTcgbCA3NC4wMjI4LDEzNS44MjAyNzQgYyAyLjUwMTY5LDQuNTc2NTcgMi41MDE2OSwxMC4yMjM0NCAwLjA2ODYsMTQuNzk5OTggLTIuNDMzMTQsNC41NzY1NyAtNi45OTEwMyw3LjQxODQ3IC0xMS44OTE2MSw3LjQxODQ3IEggNDcuNzYxNDExIGMgLTQuOTAwNTg2LDAgLTkuNDU4NDc2LC0yLjg0MTkgLTExLjg5MTYzNSwtNy40MTg0NyAtMi40MzMxNiwtNC41NzY1NCAtMi4zOTg4OTIsLTEwLjI2MDMgMC4wNjg2NCwtMTQuNzk5OTggTCAxMDkuOTYxMjcsNjIuOTUyNTg2IGMgMi40Njc0MywtNC41Mzk2NCA2Ljk1Njc5LC03LjMwNzcxNyAxMS44MjMxLC03LjMwNzcxNyB6IG0gMCw0Ny4yNDE4MzEgYyAtNC41NTc4OSwwIC04LjIyNDc3LDMuOTQ5MTEgLTguMjI0NzcsOC44NTc4MyB2IDQxLjMzNjYyIGMgMCw0LjkwODczIDMuNjY2ODgsOC44NTc4NCA4LjIyNDc3LDguODU3ODQgNC41NTc4OSwwIDguMjI0NzcsLTMuOTQ5MTEgOC4yMjQ3NywtOC44NTc4NCB2IC00MS4zMzY2MiBjIDAsLTQuOTA4NzIgLTMuNjY2ODgsLTguODU3ODMgLTguMjI0NzcsLTguODU3ODMgeiBtIDEwLjk2NjM1LDgyLjY3MzIzIGEgMTAuOTY2MzYsMTEuODEwNDczIDAgMSAwIC0yMS45MzI3LDAgMTAuOTY2MzYsMTEuODEwNDczIDAgMSAwIDIxLjkzMjcsMCB6IgogICAgICAgaWQ9InBhdGgxIgogICAgICAgc3R5bGU9InN0cm9rZTojZmZmZjAwO3N0cm9rZS13aWR0aDowO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoCiAgICAgICBkPSJNIDQyLjYyMjgxMiw3Mi4zMjk5ODMgQSA1Ni4wNDA0NjUsNTYuMDM2NTc5IDEuMTUzNzU0OCAxIDEgNDAuMzY2MTQyLDE4NC4zODA0IDU2LjA0MDQ2NSw1Ni4wMzY1NzkgMS4xNTM3NTQ4IDEgMSA0Mi42MjI4MTIsNzIuMzI5OTgzIFogbSAtNS43ODE2NSwyNi4xNTYwMzMgLTAuNTk5NCwyOS43NjMzOTQgYyAtMC4wMzUxLDEuNzUwNzUgMC44MDcxLDMuNDA5NzYgMi4yNTM2Nyw0LjQyNDExIGwgMjAuNzI4ODYxLDE0LjQyOTQ0IGMgMi4zNzQ4NCwxLjY2OCA1LjY0OTE0LDEuMDc3MSA3LjMxNzY3LC0xLjMxOTQ4IDEuNjY4NDg5LC0yLjM5NjYzIDEuMDc3MTMsLTUuNjQ4NzggLTEuMzE5NjYsLTcuMzE3MjMgbCAtMTguNDE4NjkxLC0xMi44MDY1MyAwLjU0MzAxLC0yNi45NjIxMzQgYyAwLjA1ODgsLTIuOTEwNzAzIC0yLjIzNjEsLTUuMjk5NTYzIC01LjE0NjkzLC01LjM1ODE3MyAtMi45MTA5MSwtMC4wNTg3IC01LjI5OTkyLDIuMjM1OTEgLTUuMzU4NTMsNS4xNDY2MDMgeiIKICAgICAgIGlkPSJwYXRoMS0xIgogICAgICAgc3R5bGU9ImNvbG9yOiMwMDAwMDA7Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDtmb250LXNpemU6bWVkaXVtO2xpbmUtaGVpZ2h0Om5vcm1hbDtmb250LWZhbWlseTpzYW5zLXNlcmlmO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1wb3NpdGlvbjpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFyaWFudC1udW1lcmljOm5vcm1hbDtmb250LXZhcmlhbnQtYWx0ZXJuYXRlczpub3JtYWw7Zm9udC12YXJpYW50LWVhc3QtYXNpYW46bm9ybWFsO2ZvbnQtZmVhdHVyZS1zZXR0aW5nczpub3JtYWw7Zm9udC12YXJpYXRpb24tc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO3dyaXRpbmctbW9kZTpsci10YjtkaXJlY3Rpb246bHRyO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7ZG9taW5hbnQtYmFzZWxpbmU6YXV0bztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTt0ZXh0LWFuY2hvcjpzdGFydDt3aGl0ZS1zcGFjZTpub3JtYWw7c2hhcGUtcGFkZGluZzowO3NoYXBlLW1hcmdpbjowO2lubGluZS1zaXplOjA7Y2xpcC1ydWxlOm5vbnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5OnZpc2libGU7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO2NvbG9yLWludGVycG9sYXRpb246c1JHQjtjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM6bGluZWFyUkdCO3NvbGlkLWNvbG9yOiMwMDAwMDA7c29saWQtb3BhY2l0eToxO2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6I2ZmZmZmZjtzdHJva2Utd2lkdGg6NC40ODEwNjtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7Y29sb3ItcmVuZGVyaW5nOmF1dG87aW1hZ2UtcmVuZGVyaW5nOmF1dG87c2hhcGUtcmVuZGVyaW5nOmF1dG87dGV4dC1yZW5kZXJpbmc6YXV0bztlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO3N0b3AtY29sb3I6IzAwMDAwMDtzdG9wLW9wYWNpdHk6MSIgLz48L2c+PC9zdmc+Cg==");
    position: absolute;
    right: 13px;
    top: 13px;
    width: 28px;
    height: 20px;
    filter: invert(1);
}

#correction-timedeviations::after {
    position: absolute;
    display: grid;
    content: url("data:image/svg+xml;base64,PHN2ZwogICB2aWV3Qm94PSIwIDAgMjI2LjMzNDM1IDE2NS4zNDY0MiIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnMSIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcwogICAgIGlkPSJkZWZzMSIgLz48ZwogICAgIGlkPSJsYXllcjEiCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuODE5MjM0LC01NS42NDQ4NjgpIj48cGF0aAogICAgICAgZD0ibSAxMjEuNzg0MjgsNTUuNjQ0ODY5IGMgNC44NjYzMywwIDkuMzU1NjUsMi43NjgwNzcgMTEuODIzMTEsNy4zMDc3MTcgbCA3NC4wMjI4LDEzNS44MjAyNzQgYyAyLjUwMTY5LDQuNTc2NTcgMi41MDE2OSwxMC4yMjM0NCAwLjA2ODYsMTQuNzk5OTggLTIuNDMzMTQsNC41NzY1NyAtNi45OTEwMyw3LjQxODQ3IC0xMS44OTE2MSw3LjQxODQ3IEggNDcuNzYxNDExIGMgLTQuOTAwNTg2LDAgLTkuNDU4NDc2LC0yLjg0MTkgLTExLjg5MTYzNSwtNy40MTg0NyAtMi40MzMxNiwtNC41NzY1NCAtMi4zOTg4OTIsLTEwLjI2MDMgMC4wNjg2NCwtMTQuNzk5OTggTCAxMDkuOTYxMjcsNjIuOTUyNTg2IGMgMi40Njc0MywtNC41Mzk2NCA2Ljk1Njc5LC03LjMwNzcxNyAxMS44MjMxLC03LjMwNzcxNyB6IG0gMCw0Ny4yNDE4MzEgYyAtNC41NTc4OSwwIC04LjIyNDc3LDMuOTQ5MTEgLTguMjI0NzcsOC44NTc4MyB2IDQxLjMzNjYyIGMgMCw0LjkwODczIDMuNjY2ODgsOC44NTc4NCA4LjIyNDc3LDguODU3ODQgNC41NTc4OSwwIDguMjI0NzcsLTMuOTQ5MTEgOC4yMjQ3NywtOC44NTc4NCB2IC00MS4zMzY2MiBjIDAsLTQuOTA4NzIgLTMuNjY2ODgsLTguODU3ODMgLTguMjI0NzcsLTguODU3ODMgeiBtIDEwLjk2NjM1LDgyLjY3MzIzIGEgMTAuOTY2MzYsMTEuODEwNDczIDAgMSAwIC0yMS45MzI3LDAgMTAuOTY2MzYsMTEuODEwNDczIDAgMSAwIDIxLjkzMjcsMCB6IgogICAgICAgaWQ9InBhdGgxIgogICAgICAgc3R5bGU9InN0cm9rZTojZmZmZjAwO3N0cm9rZS13aWR0aDowO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoCiAgICAgICBkPSJNIDQyLjYyMjgxMiw3Mi4zMjk5ODMgQSA1Ni4wNDA0NjUsNTYuMDM2NTc5IDEuMTUzNzU0OCAxIDEgNDAuMzY2MTQyLDE4NC4zODA0IDU2LjA0MDQ2NSw1Ni4wMzY1NzkgMS4xNTM3NTQ4IDEgMSA0Mi42MjI4MTIsNzIuMzI5OTgzIFogbSAtNS43ODE2NSwyNi4xNTYwMzMgLTAuNTk5NCwyOS43NjMzOTQgYyAtMC4wMzUxLDEuNzUwNzUgMC44MDcxLDMuNDA5NzYgMi4yNTM2Nyw0LjQyNDExIGwgMjAuNzI4ODYxLDE0LjQyOTQ0IGMgMi4zNzQ4NCwxLjY2OCA1LjY0OTE0LDEuMDc3MSA3LjMxNzY3LC0xLjMxOTQ4IDEuNjY4NDg5LC0yLjM5NjYzIDEuMDc3MTMsLTUuNjQ4NzggLTEuMzE5NjYsLTcuMzE3MjMgbCAtMTguNDE4NjkxLC0xMi44MDY1MyAwLjU0MzAxLC0yNi45NjIxMzQgYyAwLjA1ODgsLTIuOTEwNzAzIC0yLjIzNjEsLTUuMjk5NTYzIC01LjE0NjkzLC01LjM1ODE3MyAtMi45MTA5MSwtMC4wNTg3IC01LjI5OTkyLDIuMjM1OTEgLTUuMzU4NTMsNS4xNDY2MDMgeiIKICAgICAgIGlkPSJwYXRoMS0xIgogICAgICAgc3R5bGU9ImNvbG9yOiMwMDAwMDA7Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDtmb250LXNpemU6bWVkaXVtO2xpbmUtaGVpZ2h0Om5vcm1hbDtmb250LWZhbWlseTpzYW5zLXNlcmlmO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1wb3NpdGlvbjpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFyaWFudC1udW1lcmljOm5vcm1hbDtmb250LXZhcmlhbnQtYWx0ZXJuYXRlczpub3JtYWw7Zm9udC12YXJpYW50LWVhc3QtYXNpYW46bm9ybWFsO2ZvbnQtZmVhdHVyZS1zZXR0aW5nczpub3JtYWw7Zm9udC12YXJpYXRpb24tc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO3dyaXRpbmctbW9kZTpsci10YjtkaXJlY3Rpb246bHRyO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7ZG9taW5hbnQtYmFzZWxpbmU6YXV0bztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTt0ZXh0LWFuY2hvcjpzdGFydDt3aGl0ZS1zcGFjZTpub3JtYWw7c2hhcGUtcGFkZGluZzowO3NoYXBlLW1hcmdpbjowO2lubGluZS1zaXplOjA7Y2xpcC1ydWxlOm5vbnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5OnZpc2libGU7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO2NvbG9yLWludGVycG9sYXRpb246c1JHQjtjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM6bGluZWFyUkdCO3NvbGlkLWNvbG9yOiMwMDAwMDA7c29saWQtb3BhY2l0eToxO2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6I2ZmZmZmZjtzdHJva2Utd2lkdGg6NC40ODEwNjtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7Y29sb3ItcmVuZGVyaW5nOmF1dG87aW1hZ2UtcmVuZGVyaW5nOmF1dG87c2hhcGUtcmVuZGVyaW5nOmF1dG87dGV4dC1yZW5kZXJpbmc6YXV0bztlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO3N0b3AtY29sb3I6IzAwMDAwMDtzdG9wLW9wYWNpdHk6MSIgLz48L2c+PC9zdmc+Cg==");
    height: 20px;
    width: 28px;
    align-self: center;
    filter: invert(1);
    left: calc(50% - 16px);
}

.action-info {
    position: absolute;
    width: 22px;
    height: 22px;
    left: 11px;
    top: calc(50% - 11px);
    background-color: white;
    border-radius: 100%;
    border: 1px solid white;
    cursor: pointer;
}

.action-info::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM1YjYyNmQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0yMTYgMzM2bDI0IDAgMC02NC0yNCAwYy0xMy4zIDAtMjQtMTAuNy0yNC0yNHMxMC43LTI0IDI0LTI0bDQ4IDBjMTMuMyAwIDI0IDEwLjcgMjQgMjRsMCA4OCA4IDBjMTMuMyAwIDI0IDEwLjcgMjQgMjRzLTEwLjcgMjQtMjQgMjRsLTgwIDBjLTEzLjMgMC0yNC0xMC43LTI0LTI0czEwLjctMjQgMjQtMjR6bTQwLTIwOGEzMiAzMiAwIDEgMSAwIDY0IDMyIDMyIDAgMSAxIDAtNjR6Ii8+PC9zdmc+")
}

#causeofabsence-action::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTEyOCAwYzE3LjcgMCAzMiAxNC4zIDMyIDMybDAgMzIgMTI4IDAgMC0zMmMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMybDAgMzIgNDggMGMyNi41IDAgNDggMjEuNSA0OCA0OGwwIDQ4TDAgMTYwbDAtNDhDMCA4NS41IDIxLjUgNjQgNDggNjRsNDggMCAwLTMyYzAtMTcuNyAxNC4zLTMyIDMyLTMyek0wIDE5Mmw0NDggMCAwIDI3MmMwIDI2LjUtMjEuNSA0OC00OCA0OEw0OCA1MTJjLTI2LjUgMC00OC0yMS41LTQ4LTQ4TDAgMTkyem02NCA4MGwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMGMtOC44IDAtMTYgNy4yLTE2IDE2em0xMjggMGwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMGMtOC44IDAtMTYgNy4yLTE2IDE2em0xNDQtMTZjLTguOCAwLTE2IDcuMi0xNiAxNmwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMHpNNjQgNDAwbDAgMzJjMCA4LjggNy4yIDE2IDE2IDE2bDMyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2bC0zMiAwYy04LjggMC0xNiA3LjItMTYgMTZ6bTE0NC0xNmMtOC44IDAtMTYgNy4yLTE2IDE2bDAgMzJjMCA4LjggNy4yIDE2IDE2IDE2bDMyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2bC0zMiAwem0xMTIgMTZsMCAzMmMwIDguOCA3LjIgMTYgMTYgMTZsMzIgMGM4LjggMCAxNi03LjIgMTYtMTZsMC0zMmMwLTguOC03LjItMTYtMTYtMTZsLTMyIDBjLTguOCAwLTE2IDcuMi0xNiAxNnoiLz48L3N2Zz4=");
    position: absolute;
    right: 15px;
    top: 11px;
    width: 20px;
    height: 20px;
}

#correction-causeofabsence::after {
    position: absolute;
    display: grid;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTEyOCAwYzE3LjcgMCAzMiAxNC4zIDMyIDMybDAgMzIgMTI4IDAgMC0zMmMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMybDAgMzIgNDggMGMyNi41IDAgNDggMjEuNSA0OCA0OGwwIDQ4TDAgMTYwbDAtNDhDMCA4NS41IDIxLjUgNjQgNDggNjRsNDggMCAwLTMyYzAtMTcuNyAxNC4zLTMyIDMyLTMyek0wIDE5Mmw0NDggMCAwIDI3MmMwIDI2LjUtMjEuNSA0OC00OCA0OEw0OCA1MTJjLTI2LjUgMC00OC0yMS41LTQ4LTQ4TDAgMTkyem02NCA4MGwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMGMtOC44IDAtMTYgNy4yLTE2IDE2em0xMjggMGwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMGMtOC44IDAtMTYgNy4yLTE2IDE2em0xNDQtMTZjLTguOCAwLTE2IDcuMi0xNiAxNmwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMHpNNjQgNDAwbDAgMzJjMCA4LjggNy4yIDE2IDE2IDE2bDMyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2bC0zMiAwYy04LjggMC0xNiA3LjItMTYgMTZ6bTE0NC0xNmMtOC44IDAtMTYgNy4yLTE2IDE2bDAgMzJjMCA4LjggNy4yIDE2IDE2IDE2bDMyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2bC0zMiAwem0xMTIgMTZsMCAzMmMwIDguOCA3LjIgMTYgMTYgMTZsMzIgMGM4LjggMCAxNi03LjIgMTYtMTZsMC0zMmMwLTguOC03LjItMTYtMTYtMTZsLTMyIDBjLTguOCAwLTE2IDcuMi0xNiAxNnoiLz48L3N2Zz4=");
    height: 25px;
    width: 22px;
    align-self: center;
    justify-self: center;
}

#workingtime-action::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE4NCA0OGwxNDQgMGM0LjQgMCA4IDMuNiA4IDhsMCA0MEwxNzYgOTZsMC00MGMwLTQuNCAzLjYtOCA4LTh6bS01NiA4bDAgNDBMNjQgOTZDMjguNyA5NiAwIDEyNC43IDAgMTYwbDAgOTYgMTkyIDAgMTI4IDAgMTkyIDAgMC05NmMwLTM1LjMtMjguNy02NC02NC02NGwtNjQgMCAwLTQwYzAtMzAuOS0yNS4xLTU2LTU2LTU2TDE4NCAwYy0zMC45IDAtNTYgMjUuMS01NiA1NnpNNTEyIDI4OGwtMTkyIDAgMCAzMmMwIDE3LjctMTQuMyAzMi0zMiAzMmwtNjQgMGMtMTcuNyAwLTMyLTE0LjMtMzItMzJsMC0zMkwwIDI4OCAwIDQxNmMwIDM1LjMgMjguNyA2NCA2NCA2NGwzODQgMGMzNS4zIDAgNjQtMjguNyA2NC02NGwwLTEyOHoiLz48L3N2Zz4=");
    position: absolute;
    right: 15px;
    top: 13px;
    width: 20px;
    height: 20px;
}

#correction-workingtime::after {
    position: absolute;
    display: grid;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE4NCA0OGwxNDQgMGM0LjQgMCA4IDMuNiA4IDhsMCA0MEwxNzYgOTZsMC00MGMwLTQuNCAzLjYtOCA4LTh6bS01NiA4bDAgNDBMNjQgOTZDMjguNyA5NiAwIDEyNC43IDAgMTYwbDAgOTYgMTkyIDAgMTI4IDAgMTkyIDAgMC05NmMwLTM1LjMtMjguNy02NC02NC02NGwtNjQgMCAwLTQwYzAtMzAuOS0yNS4xLTU2LTU2LTU2TDE4NCAwYy0zMC45IDAtNTYgMjUuMS01NiA1NnpNNTEyIDI4OGwtMTkyIDAgMCAzMmMwIDE3LjctMTQuMyAzMi0zMiAzMmwtNjQgMGMtMTcuNyAwLTMyLTE0LjMtMzItMzJsMC0zMkwwIDI4OCAwIDQxNmMwIDM1LjMgMjguNyA2NCA2NCA2NGwzODQgMGMzNS4zIDAgNjQtMjguNyA2NC02NGwwLTEyOHoiLz48L3N2Zz4=");
    height: 25px;
    width: 26px;
    align-self: center;
    justify-self: center;
}

#workingtimeextension-action::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIGZpbGw9IiNmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGltYWdlLXJlbmRlcmluZz0ib3B0aW1pemVRdWFsaXR5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDUxMiA0MDYuNiI+PHBhdGggZD0iTTMzNC4xIDEuNjRhMjAyLjUwNCAyMDIuNTA0IDAgMCAxIDEzNS4xNiA3Ny4wMmM2OC44NCA4OC42IDUyLjgyIDIxNi4xOS0zNS43OCAyODUuMDMtLjA4LjA1LS4xNC4xMS0uMjIuMTgtODguNTcgNjguODItMjE2LjE1IDUyLjgxLTI4NC45Ny0zNS43Ni0uMDQtLjA2LS4wOS0uMTItLjE0LS4xN0EyMDQuODIyIDIwNC44MjIgMCAwIDEgMTI1LjMxIDI5MWExNjguNjkgMTY4LjY5IDAgMCAwIDM3Ljc5LTUuNDIgMTcyLjYxIDE3Mi42MSAwIDAgMCAxMy41NSAyMC4yOWM1Ni43IDcyLjgxIDE2MS42NyA4NS44NiAyMzQuNDYgMjkuMTUgNzIuOC01Ni42OSA4NS44NC0xNjEuNjYgMjkuMTUtMjM0LjQ2LTQwLjI4LTUxLjcxLTEwNy4wOC03NS4wOS0xNzAuODItNTkuNzlhMTcxLjA4IDE3MS4wOCAwIDAgMC0yMS44OC0zMS4yOWMyLjQ2LS44IDQuOTUtMS41MSA3LjQ2LTIuMjEgMjUuNzctNy4xMyA1Mi42OS05LjAzIDc5LjE5LTUuNjNoLS4xMXpNMCAxMjkuMTZ2LTE1LjRDMy45NyA1MC44IDU2LjI2Ljk1IDEyMC4yMS45MmguMDVjNjYuNTgtLjAxIDEyMC41NSA1My45MyAxMjAuNTkgMTIwLjUxLjAzIDY2LjU4LTUzLjkzIDEyMC41Ni0xMjAuNTEgMTIwLjU5QzU2LjMzIDI0Mi4wNCAzLjk3IDE5Mi4xNyAwIDEyOS4xNnptOTkuMzctNTcuMzdjLS4wNS02LjIxLS42NC0xMC42NSA3LjA3LTEwLjU0bDI0Ljk4LjNjOC4wNS0uMDUgMTAuMTkgMi41MSAxMC4wOSAxMC4wNXYyOC44aDI4LjZjNi4yLS4wNSAxMC42NS0uNjIgMTAuNTQgNy4wOWwtLjMxIDI0Ljk2Yy4wNSA4LjA2LTIuNSAxMC4yMS0xMC4wNCAxMC4xMWgtMjguNzl2MjguNzdjLjEgNy41NS0yLjA0IDEwLjExLTEwLjA5IDEwLjA2bC0yNC45OC4zYy03LjcxLjEyLTcuMTItNC4zMy03LjA3LTEwLjU0di0yOC41OWgtMjguOGMtNy41Ni4xLTEwLjEyLTIuMDUtMTAuMDctMTAuMTFsLS4yOC0yNC45NmMtLjEzLTcuNzEgNC4zMS03LjE0IDEwLjUyLTcuMDloMjguNjNWNzEuNzl6bTE5OC4yNSAzMi43MmMxLjI0LTkuODggMTAuMjQtMTYuODggMjAuMDktMTUuNjRoLjA0YzkuODIgMS4zMiAxNi43MyAxMC4zMiAxNS40NiAyMC4xM2wtMTEuNyA5NC4wOSA2NS4wNiA1MC41NWM3Ljg1IDYuMSA5LjMgMTcuNCAzLjIgMjUuMjhhMTguMDExIDE4LjAxMSAwIDAgMS0xMS45NSA2LjgyYy00LjczLjYyLTkuNTEtLjY4LTEzLjI2LTMuNjJsLTcyLjgyLTU2LjYxYTE3LjgxOCAxNy44MTggMCAwIDEtNS43OS03LjA4IDE4LjMzNiAxOC4zMzYgMCAwIDEtMS40Ni05LjY3bDEzLjEzLTEwNC4ydi0uMDV6Ii8+PC9zdmc+");
    position: absolute;
    right: 15px;
    top: 11px;
    width: 25px;
    height: 25px;
}

#correction-workingtimeextension::after {
    position: absolute;
    display: grid;
    content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiB0ZXh0LXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIiBpbWFnZS1yZW5kZXJpbmc9Im9wdGltaXplUXVhbGl0eSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHZpZXdCb3g9IjAgMCA1MTIgNDA2LjYiPjxwYXRoIGQ9Ik0zMzQuMSAxLjY0YTIwMi41MDQgMjAyLjUwNCAwIDAgMSAxMzUuMTYgNzcuMDJjNjguODQgODguNiA1Mi44MiAyMTYuMTktMzUuNzggMjg1LjAzLS4wOC4wNS0uMTQuMTEtLjIyLjE4LTg4LjU3IDY4LjgyLTIxNi4xNSA1Mi44MS0yODQuOTctMzUuNzYtLjA0LS4wNi0uMDktLjEyLS4xNC0uMTdBMjA0LjgyMiAyMDQuODIyIDAgMCAxIDEyNS4zMSAyOTFhMTY4LjY5IDE2OC42OSAwIDAgMCAzNy43OS01LjQyIDE3Mi42MSAxNzIuNjEgMCAwIDAgMTMuNTUgMjAuMjljNTYuNyA3Mi44MSAxNjEuNjcgODUuODYgMjM0LjQ2IDI5LjE1IDcyLjgtNTYuNjkgODUuODQtMTYxLjY2IDI5LjE1LTIzNC40Ni00MC4yOC01MS43MS0xMDcuMDgtNzUuMDktMTcwLjgyLTU5Ljc5YTE3MS4wOCAxNzEuMDggMCAwIDAtMjEuODgtMzEuMjljMi40Ni0uOCA0Ljk1LTEuNTEgNy40Ni0yLjIxIDI1Ljc3LTcuMTMgNTIuNjktOS4wMyA3OS4xOS01LjYzaC0uMTF6TTAgMTI5LjE2di0xNS40QzMuOTcgNTAuOCA1Ni4yNi45NSAxMjAuMjEuOTJoLjA1YzY2LjU4LS4wMSAxMjAuNTUgNTMuOTMgMTIwLjU5IDEyMC41MS4wMyA2Ni41OC01My45MyAxMjAuNTYtMTIwLjUxIDEyMC41OUM1Ni4zMyAyNDIuMDQgMy45NyAxOTIuMTcgMCAxMjkuMTZ6bTk5LjM3LTU3LjM3Yy0uMDUtNi4yMS0uNjQtMTAuNjUgNy4wNy0xMC41NGwyNC45OC4zYzguMDUtLjA1IDEwLjE5IDIuNTEgMTAuMDkgMTAuMDV2MjguOGgyOC42YzYuMi0uMDUgMTAuNjUtLjYyIDEwLjU0IDcuMDlsLS4zMSAyNC45NmMuMDUgOC4wNi0yLjUgMTAuMjEtMTAuMDQgMTAuMTFoLTI4Ljc5djI4Ljc3Yy4xIDcuNTUtMi4wNCAxMC4xMS0xMC4wOSAxMC4wNmwtMjQuOTguM2MtNy43MS4xMi03LjEyLTQuMzMtNy4wNy0xMC41NHYtMjguNTloLTI4LjhjLTcuNTYuMS0xMC4xMi0yLjA1LTEwLjA3LTEwLjExbC0uMjgtMjQuOTZjLS4xMy03LjcxIDQuMzEtNy4xNCAxMC41Mi03LjA5aDI4LjYzVjcxLjc5em0xOTguMjUgMzIuNzJjMS4yNC05Ljg4IDEwLjI0LTE2Ljg4IDIwLjA5LTE1LjY0aC4wNGM5LjgyIDEuMzIgMTYuNzMgMTAuMzIgMTUuNDYgMjAuMTNsLTExLjcgOTQuMDkgNjUuMDYgNTAuNTVjNy44NSA2LjEgOS4zIDE3LjQgMy4yIDI1LjI4YTE4LjAxMSAxOC4wMTEgMCAwIDEtMTEuOTUgNi44MmMtNC43My42Mi05LjUxLS42OC0xMy4yNi0zLjYybC03Mi44Mi01Ni42MWExNy44MTggMTcuODE4IDAgMCAxLTUuNzktNy4wOCAxOC4zMzYgMTguMzM2IDAgMCAxLTEuNDYtOS42N2wxMy4xMy0xMDQuMnYtLjA1eiIvPjwvc3ZnPg==");
    height: 22px;
    width: 28px;
    align-self: center;
    justify-self: center;
}

#accountcorrections-action::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQ3MS42IDIxLjdjLTIxLjktMjEuOS01Ny4zLTIxLjktNzkuMiAwTDM2Mi4zIDUxLjdsOTcuOSA5Ny45IDMwLjEtMzAuMWMyMS45LTIxLjkgMjEuOS01Ny4zIDAtNzkuMkw0NzEuNiAyMS43em0tMjk5LjIgMjIwYy02LjEgNi4xLTEwLjggMTMuNi0xMy41IDIxLjlsLTI5LjYgODguOGMtMi45IDguNi0uNiAxOC4xIDUuOCAyNC42czE1LjkgOC43IDI0LjYgNS44bDg4LjgtMjkuNmM4LjItMi43IDE1LjctNy40IDIxLjktMTMuNUw0MzcuNyAxNzIuMyAzMzkuNyA3NC4zIDE3Mi40IDI0MS43ek05NiA2NEM0MyA2NCAwIDEwNyAwIDE2MEwwIDQxNmMwIDUzIDQzIDk2IDk2IDk2bDI1NiAwYzUzIDAgOTYtNDMgOTYtOTZsMC05NmMwLTE3LjctMTQuMy0zMi0zMi0zMnMtMzIgMTQuMy0zMiAzMmwwIDk2YzAgMTcuNy0xNC4zIDMyLTMyIDMyTDk2IDQ0OGMtMTcuNyAwLTMyLTE0LjMtMzItMzJsMC0yNTZjMC0xNy43IDE0LjMtMzIgMzItMzJsOTYgMGMxNy43IDAgMzItMTQuMyAzMi0zMnMtMTQuMy0zMi0zMi0zMkw5NiA2NHoiLz48L3N2Zz4=");
    position: absolute;
    right: 15px;
    top: 12px;
    width: 20px;
    height: 20px;
}

#correction-accountcorrections::after {
    position: absolute;
    display: grid;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQ3MS42IDIxLjdjLTIxLjktMjEuOS01Ny4zLTIxLjktNzkuMiAwTDM2Mi4zIDUxLjdsOTcuOSA5Ny45IDMwLjEtMzAuMWMyMS45LTIxLjkgMjEuOS01Ny4zIDAtNzkuMkw0NzEuNiAyMS43em0tMjk5LjIgMjIwYy02LjEgNi4xLTEwLjggMTMuNi0xMy41IDIxLjlsLTI5LjYgODguOGMtMi45IDguNi0uNiAxOC4xIDUuOCAyNC42czE1LjkgOC43IDI0LjYgNS44bDg4LjgtMjkuNmM4LjItMi43IDE1LjctNy40IDIxLjktMTMuNUw0MzcuNyAxNzIuMyAzMzkuNyA3NC4zIDE3Mi40IDI0MS43ek05NiA2NEM0MyA2NCAwIDEwNyAwIDE2MEwwIDQxNmMwIDUzIDQzIDk2IDk2IDk2bDI1NiAwYzUzIDAgOTYtNDMgOTYtOTZsMC05NmMwLTE3LjctMTQuMy0zMi0zMi0zMnMtMzIgMTQuMy0zMiAzMmwwIDk2YzAgMTcuNy0xNC4zIDMyLTMyIDMyTDk2IDQ0OGMtMTcuNyAwLTMyLTE0LjMtMzItMzJsMC0yNTZjMC0xNy43IDE0LjMtMzIgMzItMzJsOTYgMGMxNy43IDAgMzItMTQuMyAzMi0zMnMtMTQuMy0zMi0zMi0zMkw5NiA2NHoiLz48L3N2Zz4=");
    height: 25px;
    width: 23px;
    align-self: center;
    justify-self: center;
}

.action-selected {
    box-shadow: 0 0 0 2px inset var(--main-yellow);
}
/* End dashboard styles */

/* Begin calendar styles */
h1 {
    color: #333;
}

#context-menu, #po-context-menu {
    display: none;
    position: absolute;
    background: white;
    border: 1px solid black;
    padding: 5px 0;
    border-radius: 4px;
    min-width: 130px;
    z-index: 1000;
    font-size: 14px;
}

#option-whole-day, #option-first-half-day, #option-second-half-day {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNDM4LjYgMjc4LjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNsLTE2MC0xNjBjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zTDMzOC44IDIyNCAzMiAyMjRjLTE3LjcgMC0zMiAxNC4zLTMyIDMyczE0LjMgMzIgMzIgMzJsMzA2LjcgMEwyMzMuNCAzOTMuNGMtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNzMzIuOCAxMi41IDQ1LjMgMGwxNjAtMTYweiIvPjwvc3ZnPg==");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 95% 7px;
    cursor: auto;
}

#option-whole-day.flip, #option-first-half-day.flip, #option-second-half-day.flip {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTkuNCAyMzMuNGMtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNsMTYwIDE2MGMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMHMxMi41LTMyLjggMC00NS4zTDEwOS4yIDI4OCA0MTYgMjg4YzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMybC0zMDYuNyAwTDIxNC42IDExOC42YzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwbC0xNjAgMTYweiIvPjwvc3ZnPg==");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 5% 7px;
    cursor: auto;
    padding-right: 15px;
    padding-left: 40px;
    text-align: right;
}

.submenu-trigger.flip > .submenu {
    left: unset;
    right: 98%;
}

#option-whole-day, #option-first-half-day, #option-second-half-day, #option-delete, #po-option-bookings, #po-option-calendar, #po-option-emailaddress {
    padding: 8px 15px;
    padding-right: 40px;
}

#po-option-emailaddress:empty {
    display: none;
}

#option-whole-day:hover, #option-first-half-day:hover, #option-second-half-day:hover, #option-delete:hover, #po-option-bookings:hover, #po-option-calendar:hover, #po-option-emailaddress:hover {
    background-color: #f0f0f0;
}

#option-delete {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNlNjE5MTkiIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMzQyLjYgMTUwLjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMTkyIDIxMC43IDg2LjYgMTA1LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zTDE0Ni43IDI1NiA0MS40IDM2MS40Yy0xMi41IDEyLjUtMTIuNSAzMi44IDAgNDUuM3MzMi44IDEyLjUgNDUuMyAwTDE5MiAzMDEuMyAyOTcuNCA0MDYuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMHMxMi41LTMyLjggMC00NS4zTDIzNy4zIDI1NiAzNDIuNiAxNTAuNnoiLz48L3N2Zz4=");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 95% 10px;
}

#po-option-bookings {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMDAiIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTE4NCA0OGwxNDQgMGM0LjQgMCA4IDMuNiA4IDhsMCA0MEwxNzYgOTZsMC00MGMwLTQuNCAzLjYtOCA4LTh6bS01NiA4bDAgNDBMNjQgOTZDMjguNyA5NiAwIDEyNC43IDAgMTYwbDAgOTYgMTkyIDAgMTYwIDAgOC4yIDBjMzIuMy0zOS4xIDgxLjEtNjQgMTM1LjgtNjRjNS40IDAgMTAuNyAuMiAxNiAuN2wwLTMyLjdjMC0zNS4zLTI4LjctNjQtNjQtNjRsLTY0IDAgMC00MGMwLTMwLjktMjUuMS01Ni01Ni01NkwxODQgMGMtMzAuOSAwLTU2IDI1LjEtNTYgNTZ6TTMyMCAzNTJsLTk2IDBjLTE3LjcgMC0zMi0xNC4zLTMyLTMybDAtMzJMMCAyODggMCA0MTZjMCAzNS4zIDI4LjcgNjQgNjQgNjRsMjk2LjIgMEMzMzUuMSA0NDkuNiAzMjAgNDEwLjUgMzIwIDM2OGMwLTUuNCAuMi0xMC43IC43LTE2bC0uNyAwem0zMjAgMTZhMTQ0IDE0NCAwIDEgMCAtMjg4IDAgMTQ0IDE0NCAwIDEgMCAyODggMHpNNDk2IDI4OGM4LjggMCAxNiA3LjIgMTYgMTZsMCA0OCAzMiAwYzguOCAwIDE2IDcuMiAxNiAxNnMtNy4yIDE2LTE2IDE2bC00OCAwYy04LjggMC0xNi03LjItMTYtMTZsMC02NGMwLTguOCA3LjItMTYgMTYtMTZ6Ii8+PC9zdmc+");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 95% 8px;
}

#po-option-calendar {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMDAiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTEyOCAwYzE3LjcgMCAzMiAxNC4zIDMyIDMybDAgMzIgMTI4IDAgMC0zMmMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMybDAgMzIgNDggMGMyNi41IDAgNDggMjEuNSA0OCA0OGwwIDQ4TDAgMTYwbDAtNDhDMCA4NS41IDIxLjUgNjQgNDggNjRsNDggMCAwLTMyYzAtMTcuNyAxNC4zLTMyIDMyLTMyek0wIDE5Mmw0NDggMCAwIDI3MmMwIDI2LjUtMjEuNSA0OC00OCA0OEw0OCA1MTJjLTI2LjUgMC00OC0yMS41LTQ4LTQ4TDAgMTkyem02NCA4MGwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMGMtOC44IDAtMTYgNy4yLTE2IDE2em0xMjggMGwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMGMtOC44IDAtMTYgNy4yLTE2IDE2em0xNDQtMTZjLTguOCAwLTE2IDcuMi0xNiAxNmwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMHpNNjQgNDAwbDAgMzJjMCA4LjggNy4yIDE2IDE2IDE2bDMyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2bC0zMiAwYy04LjggMC0xNiA3LjItMTYgMTZ6bTE0NC0xNmMtOC44IDAtMTYgNy4yLTE2IDE2bDAgMzJjMCA4LjggNy4yIDE2IDE2IDE2bDMyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2bC0zMiAwem0xMTIgMTZsMCAzMmMwIDguOCA3LjIgMTYgMTYgMTZsMzIgMGM4LjggMCAxNi03LjIgMTYtMTZsMC0zMmMwLTguOC03LjItMTYtMTYtMTZsLTMyIDBjLTguOCAwLTE2IDcuMi0xNiAxNnoiLz48L3N2Zz4=");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 94% 8px;
}

#po-option-emailaddress {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQ4IDY0QzIxLjUgNjQgMCA4NS41IDAgMTEyYzAgMTUuMSA3LjEgMjkuMyAxOS4yIDM4LjRMMjM2LjggMzEzLjZjMTEuNCA4LjUgMjcgOC41IDM4LjQgMEw0OTIuOCAxNTAuNGMxMi4xLTkuMSAxOS4yLTIzLjMgMTkuMi0zOC40YzAtMjYuNS0yMS41LTQ4LTQ4LTQ4TDQ4IDY0ek0wIDE3NkwwIDM4NGMwIDM1LjMgMjguNyA2NCA2NCA2NGwzODQgMGMzNS4zIDAgNjQtMjguNyA2NC02NGwwLTIwOEwyOTQuNCAzMzkuMmMtMjIuOCAxNy4xLTU0IDE3LjEtNzYuOCAwTDAgMTc2eiIvPjwvc3ZnPg==");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 94% 8px;
}

.menu-item {
  padding: 5px 15px;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  background-color: white;
  text-align: left;
  height: 35px;
}

.menu-item:hover {
  background-color: #f0f0f0;
}

.submenu {
  position: absolute;
  top: 0;
  left: 98%;
  display: none;
  background: white;
  border: 1px solid black;
  border-radius: 4px;
  min-width: 150px;
  padding: 5px 0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  z-index: 1001;
  overflow-y: scroll;
  max-height: 300px;
}

/* .submenu-trigger:hover > .submenu {
  display: block;
} */

.submenu-item-input-container {
    padding-right: 5px;
    padding-left: 5px;
}

.calendar-container, .bookings-container, .workflowlist-container, 
.changehistory-container, .workflowdetails-container, .deviations-container {
    position: relative;
    /* height: 100%; */
    width: 100%;
    align-self: baseline;
}

.workflowdetails-container {
    overflow: scroll;
    border-radius: 10px;
    scrollbar-width: thin;
}
  
.calendar-table, .bookings-table, .workflowlist-table, 
.changehistory-table, .workflowdetails-table, .deviations-table {
    position: relative;
    /* height: 100%; */
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background-color: whitesmoke;
}

.bookings-table, .workflowlist-table, .changehistory-table, .workflowdetails-table, .deviations-table {
    background-color: #efefef;
}

.switch-container {
    display: grid;
    grid-template-columns: auto max-content;
    column-gap: 15px;
    align-items: center;
    padding-right: 5px;
    height: 100%;
    align-content: center;
}

td[data-date], td[data-id] {
    border-left: 1px solid #ddd;
    /* border-right: 1px solid #ddd; */
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    text-wrap: nowrap;
    min-width: 75px;
    max-width: 100%;
    box-shadow: 0px 0px 10px -8px;
    height: 32px;
}

td[data-date] {
    padding: 5px;
    cursor: pointer;
}

td[data-id] {
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer;
    max-width: 750px;
    overflow: hidden;
}

tr:nth-child(even) > td[data-date], tr:nth-child(even) > td[data-id] {
    background-color: var(--main-gray);
}

td[data-month][data-day] {
    font-size: 14px;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.calendar-icon {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNMTI4IDBjMTcuNyAwIDMyIDE0LjMgMzIgMzJsMCAzMiAxMjggMCAwLTMyYzAtMTcuNyAxNC4zLTMyIDMyLTMyczMyIDE0LjMgMzIgMzJsMCAzMiA0OCAwYzI2LjUgMCA0OCAyMS41IDQ4IDQ4bDAgNDhMMCAxNjBsMC00OEMwIDg1LjUgMjEuNSA2NCA0OCA2NGw0OCAwIDAtMzJjMC0xNy43IDE0LjMtMzIgMzItMzJ6TTAgMTkybDQ0OCAwIDAgMjcyYzAgMjYuNS0yMS41IDQ4LTQ4IDQ4TDQ4IDUxMmMtMjYuNSAwLTQ4LTIxLjUtNDgtNDhMMCAxOTJ6bTY0IDgwbDAgMzJjMCA4LjggNy4yIDE2IDE2IDE2bDMyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2bC0zMiAwYy04LjggMC0xNiA3LjItMTYgMTZ6bTEyOCAwbDAgMzJjMCA4LjggNy4yIDE2IDE2IDE2bDMyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2bC0zMiAwYy04LjggMC0xNiA3LjItMTYgMTZ6bTE0NC0xNmMtOC44IDAtMTYgNy4yLTE2IDE2bDAgMzJjMCA4LjggNy4yIDE2IDE2IDE2bDMyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2bC0zMiAwek02NCA0MDBsMCAzMmMwIDguOCA3LjIgMTYgMTYgMTZsMzIgMGM4LjggMCAxNi03LjIgMTYtMTZsMC0zMmMwLTguOC03LjItMTYtMTYtMTZsLTMyIDBjLTguOCAwLTE2IDcuMi0xNiAxNnptMTQ0LTE2Yy04LjggMC0xNiA3LjItMTYgMTZsMCAzMmMwIDguOCA3LjIgMTYgMTYgMTZsMzIgMGM4LjggMCAxNi03LjIgMTYtMTZsMC0zMmMwLTguOC03LjItMTYtMTYtMTZsLTMyIDB6bTExMiAxNmwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzMiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTMyYzAtOC44LTcuMi0xNi0xNi0xNmwtMzIgMGMtOC44IDAtMTYgNy4yLTE2IDE2eiIvPjwvc3ZnPg==");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.halfday {
    position: relative;
}
  
.calendar-table th,
.calendar-table td,
.bookings-table th,
.workflowlist-table th,
.changehistory-table th,
.workflowdetails-table th,
.deviations-table th {
    border: 1px solid #ddd;
    padding: 5px;
    text-align: center;
    height: 18px;
    min-width: 40px;
    max-width: 40px;
}

.calendar-table th:not(:first-child),
.bookings-table th:not(:first-child),
.workflowlist-table th:not(:first-child),
.changehistory-table th:not(:first-child),
.workflowdetails-table th:not(:first-child),
.deviations-table th:not(:first-child) {
    background-color: var(--main-gray);
    border-bottom: 1px solid black;
    height: 25px;
    max-width: 100%;
    z-index: 9;
    position: sticky;
}

.bookings-table th:not(:first-child),
.workflowlist-table th:not(:first-child),
.changehistory-table th:not(:first-child),
.workflowdetails-table th:not(:first-child),
.deviations-table th:not(:first-child)  {
    text-wrap: nowrap;
}

.calendar-table th:first-child,
.bookings-table th:first-child,
.workflowlist-table th:first-child,
.changehistory-table th:first-child,
.workflowdetails-table th:first-child,
.deviations-table th:first-child {
    background-color: var(--main-gray);
    border-bottom: 1px solid black;
    height: 25px;
    max-width: 100%;
    z-index: 11;
    position: sticky;
    left: 0;
}

table tr td:first-child, table tr th:first-child {
    background-color: var(--main-gray);
    border-right: 1px solid black;
    left: 0;
    z-index: 10;
    white-space: nowrap;
    /* min-width: 100%; */
    max-width: 100%;
    text-align: left;
    position: sticky;
}

.deviations-table tr td:first-child, table tr th:first-child {
    white-space: unset;
    width: 0;
}

.empty {
    background-color: #eaeaea;
    cursor: auto !important;
}

.calendar-table td.selected,
.bookings-table td.selected,
.workflowlist-table td.selected,
.deviations-table td.selected {
    background-color: #a6b0bb !important;
    color: white !important;
    font-size: 14px;
    font-weight: normal;
    /* padding: 0; */
}
  
td.selected > div {
    background-color: #a6b0bb !important;
    color: white !important;
}
  
.calendar-table td:not(:first-child):hover,
.bookings-table td:not(:first-child):hover,
.deviations-table td:not(:first-child):hover {
    cursor: pointer;
}

.calendar-table td:hover,
.calendar-table td.hover-column,
.bookings-table td:hover, 
.bookings-table td.hover-column,
.workflowlist-table td:hover, 
.workflowlist-table td.hover-column,
.changehistory-table td:hover,
.changehistory-table td.hover-column,
.workflowdetails-table td:hover,
.workflowdetails-table td.hover-column,
.deviations-table td:hover,
.deviations-table td.hover-column {
    background-color: #eaf4ff;
}

.calendar-table th.hover-column,
.bookings-table th.hover-column,
.workflowlist-table th.hover-column,
.changehistory-table td.hover-column,
.workflowdetails-table td.hover-column,
.deviations-table th.hover-column {
    background-color: #d1eaff;
}

.calendar-table tr:hover td,
.bookings-table tr:hover td,
.workflowlist-table tr:hover td,
.changehistory-table tr:hover td,
.workflowdetails-table tr:hover td,
.deviations-table tr:hover td {
    background-color: #d1eaff;
}

#calendar-year-sums-container {
    background-color: var(--main-gray);
    color: black;
}

#calendar-year-title-container {
    background-color: var(--main-gray);
}

#calendar-year-title {
    position: sticky;
    left: 0;
    width: 200px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    color: black;
    padding-left: 5px;
}

#calendar-year-sums {
    display: grid;
    width: 100%;
    border-top: 1px solid black;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    gap: 10px;
    text-align: center;
    grid-template-columns: repeat(6, 1fr);
}

#reference-date-container {
    position: sticky;
    top: 0;
    left: 110px;
}

#from-date-container, #until-date-container {
    position: relative;
    justify-self: center;
    width: 100%;
}

#reference-date-text-input {
    border-bottom-left-radius: 0; 
    border-bottom-right-radius: 0;
    border-bottom: none;
    min-width: 160px;
    max-width: 160px;
}

#reference-date-text-symbol, #from-date-text-symbol, #until-date-text-symbol {
    position: absolute; 
    right: 3px; 
    top: 5px; 
    width: 30px; 
    height: calc(100% - 10px);
}

#reference-date-input, #from-date-input, #until-date-input {
    width: 25px; 
    height: 100%; 
    padding: 0; 
    margin: 0; 
    border: none; 
    opacity: 0; 
    position: absolute;
    transform: scaleX(1.8) scaleY(1.8);
}

#correction-workflow, #release-workflow,
#reject-workflow, #withdraw-workflow, #edit-deviation, #acknowledge-deviation,
#working-time-ext-before-deviation, #working-time-ext-after-deviation,
#show-deleted-bookings-container, #classic-time-format-container,
#groupcalendar-view-select, #calendar-comment, #monthly-journal, #change-history, #workflow-details,
#show-rem-break-deduction-container, #show-without-payment-container {
    position: relative;
    display: flex;
    width: auto;
    height: min(50px, 100%);
    font-weight: bold;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 2px solid lightgray;
    background-color: white;
    color: #4a4a4a;
    font-size: 13px;
    height: 30px;
    cursor: pointer;
    margin: 0;
}

#groupcalendar-view-absenceshift, #groupcalendar-view-personalplanning,
#groupcalendar-view-shiftplanning {
    display: grid;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    grid-template-columns: 1fr auto;
    margin-top: 20px;
    margin-bottom: 5px;
}

#correction-workflow::after, #edit-deviation::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNMTI4IDBjMTcuNyAwIDMyIDE0LjMgMzIgMzJsMCAzMiAxMjggMCAwLTMyYzAtMTcuNyAxNC4zLTMyIDMyLTMyczMyIDE0LjMgMzIgMzJsMCAzMiA0OCAwYzI2LjUgMCA0OCAyMS41IDQ4IDQ4bDAgNDhMMCAxNjBsMC00OEMwIDg1LjUgMjEuNSA2NCA0OCA2NGw0OCAwIDAtMzJjMC0xNy43IDE0LjMtMzIgMzItMzJ6TTAgMTkybDQ0OCAwIDAgMjcyYzAgMjYuNS0yMS41IDQ4LTQ4IDQ4TDQ4IDUxMmMtMjYuNSAwLTQ4LTIxLjUtNDgtNDhMMCAxOTJ6TTMyOSAzMDVjOS40LTkuNCA5LjQtMjQuNiAwLTMzLjlzLTI0LjYtOS40LTMzLjkgMGwtOTUgOTUtNDctNDdjLTkuNC05LjQtMjQuNi05LjQtMzMuOSAwcy05LjQgMjQuNiAwIDMzLjlsNjQgNjRjOS40IDkuNCAyNC42IDkuNCAzMy45IDBMMzI5IDMwNXoiLz48L3N2Zz4=");
    position: absolute;
    right: 2px;
    top: 3px;
}

#monthly-journal::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTk2IDBDNDMgMCAwIDQzIDAgOTZMMCA0MTZjMCA1MyA0MyA5NiA5NiA5NmwyODggMCAzMiAwYzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMybDAtNjRjMTcuNyAwIDMyLTE0LjMgMzItMzJsMC0zMjBjMC0xNy43LTE0LjMtMzItMzItMzJMMzg0IDAgOTYgMHptMCAzODRsMjU2IDAgMCA2NEw5NiA0NDhjLTE3LjcgMC0zMi0xNC4zLTMyLTMyczE0LjMtMzIgMzItMzJ6bTMyLTI0MGMwLTguOCA3LjItMTYgMTYtMTZsMTkyIDBjOC44IDAgMTYgNy4yIDE2IDE2cy03LjIgMTYtMTYgMTZsLTE5MiAwYy04LjggMC0xNi03LjItMTYtMTZ6bTE2IDQ4bDE5MiAwYzguOCAwIDE2IDcuMiAxNiAxNnMtNy4yIDE2LTE2IDE2bC0xOTIgMGMtOC44IDAtMTYtNy4yLTE2LTE2czcuMi0xNiAxNi0xNnoiLz48L3N2Zz4=");
    position: absolute;
    right: 5px;
    top: 4px;
    width: 18px;
    height: 18px;
}

#change-history::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTc1IDc1TDQxIDQxQzI1LjkgMjUuOSAwIDM2LjYgMCA1Ny45TDAgMTY4YzAgMTMuMyAxMC43IDI0IDI0IDI0bDExMC4xIDBjMjEuNCAwIDMyLjEtMjUuOSAxNy00MWwtMzAuOC0zMC44QzE1NSA4NS41IDIwMyA2NCAyNTYgNjRjMTA2IDAgMTkyIDg2IDE5MiAxOTJzLTg2IDE5Mi0xOTIgMTkyYy00MC44IDAtNzguNi0xMi43LTEwOS43LTM0LjRjLTE0LjUtMTAuMS0zNC40LTYuNi00NC42IDcuOXMtNi42IDM0LjQgNy45IDQ0LjZDMTUxLjIgNDk1IDIwMS43IDUxMiAyNTYgNTEyYzE0MS40IDAgMjU2LTExNC42IDI1Ni0yNTZTMzk3LjQgMCAyNTYgMEMxODUuMyAwIDEyMS4zIDI4LjcgNzUgNzV6bTE4MSA1M2MtMTMuMyAwLTI0IDEwLjctMjQgMjRsMCAxMDRjMCA2LjQgMi41IDEyLjUgNyAxN2w3MiA3MmM5LjQgOS40IDI0LjYgOS40IDMzLjkgMHM5LjQtMjQuNiAwLTMzLjlsLTY1LTY1IDAtOTQuMWMwLTEzLjMtMTAuNy0yNC0yNC0yNHoiLz48L3N2Zz4=");
    position: absolute;
    right: 5px;
    top: 4px;
    width: 18px;
    height: 18px;
}

#workflow-details::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0yMTYgMzM2bDI0IDAgMC02NC0yNCAwYy0xMy4zIDAtMjQtMTAuNy0yNC0yNHMxMC43LTI0IDI0LTI0bDQ4IDBjMTMuMyAwIDI0IDEwLjcgMjQgMjRsMCA4OCA4IDBjMTMuMyAwIDI0IDEwLjcgMjQgMjRzLTEwLjcgMjQtMjQgMjRsLTgwIDBjLTEzLjMgMC0yNC0xMC43LTI0LTI0czEwLjctMjQgMjQtMjR6bTQwLTIwOGEzMiAzMiAwIDEgMSAwIDY0IDMyIDMyIDAgMSAxIDAtNjR6Ii8+PC9zdmc+");
    position: absolute;
    right: 5px;
    top: 4px;
    width: 18px;
    height: 18px;
}

#release-workflow::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ic2VhZ3JlZW4iIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTMxMy40IDMyLjljMjYgNS4yIDQyLjkgMzAuNSAzNy43IDU2LjVsLTIuMyAxMS40Yy01LjMgMjYuNy0xNS4xIDUyLjEtMjguOCA3NS4ybDE0NCAwYzI2LjUgMCA0OCAyMS41IDQ4IDQ4YzAgMTguNS0xMC41IDM0LjYtMjUuOSA0Mi42QzQ5NyAyNzUuNCA1MDQgMjg4LjkgNTA0IDMwNGMwIDIzLjQtMTYuOCA0Mi45LTM4LjkgNDcuMWM0LjQgNy4zIDYuOSAxNS44IDYuOSAyNC45YzAgMjEuMy0xMy45IDM5LjQtMzMuMSA0NS42Yy43IDMuMyAxLjEgNi44IDEuMSAxMC40YzAgMjYuNS0yMS41IDQ4LTQ4IDQ4bC05Ny41IDBjLTE5IDAtMzcuNS01LjYtNTMuMy0xNi4xbC0zOC41LTI1LjdDMTc2IDQyMC40IDE2MCAzOTAuNCAxNjAgMzU4LjNsMC0zOC4zIDAtNDggMC0yNC45YzAtMjkuMiAxMy4zLTU2LjcgMzYtNzVsNy40LTUuOWMyNi41LTIxLjIgNDQuNi01MSA1MS4yLTg0LjJsMi4zLTExLjRjNS4yLTI2IDMwLjUtNDIuOSA1Ni41LTM3Ljd6TTMyIDE5Mmw2NCAwYzE3LjcgMCAzMiAxNC4zIDMyIDMybDAgMjI0YzAgMTcuNy0xNC4zIDMyLTMyIDMybC02NCAwYy0xNy43IDAtMzItMTQuMy0zMi0zMkwwIDIyNGMwLTE3LjcgMTQuMy0zMiAzMi0zMnoiLz48L3N2Zz4=");
    position: absolute;
    right: 5px;
    top: 3px;
}

.workflow-release::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9InNlYWdyZWVuIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PCEtLSFGb250IEF3ZXNvbWUgRnJlZSA2LjcuMiBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIENvcHlyaWdodCAyMDI1IEZvbnRpY29ucywgSW5jLi0tPjxwYXRoIGQ9Ik0zMTMuNCAzMi45YzI2IDUuMiA0Mi45IDMwLjUgMzcuNyA1Ni41bC0yLjMgMTEuNGMtNS4zIDI2LjctMTUuMSA1Mi4xLTI4LjggNzUuMmwxNDQgMGMyNi41IDAgNDggMjEuNSA0OCA0OGMwIDE4LjUtMTAuNSAzNC42LTI1LjkgNDIuNkM0OTcgMjc1LjQgNTA0IDI4OC45IDUwNCAzMDRjMCAyMy40LTE2LjggNDIuOS0zOC45IDQ3LjFjNC40IDcuMyA2LjkgMTUuOCA2LjkgMjQuOWMwIDIxLjMtMTMuOSAzOS40LTMzLjEgNDUuNmMuNyAzLjMgMS4xIDYuOCAxLjEgMTAuNGMwIDI2LjUtMjEuNSA0OC00OCA0OGwtOTcuNSAwYy0xOSAwLTM3LjUtNS42LTUzLjMtMTYuMWwtMzguNS0yNS43QzE3NiA0MjAuNCAxNjAgMzkwLjQgMTYwIDM1OC4zbDAtMzguMyAwLTQ4IDAtMjQuOWMwLTI5LjIgMTMuMy01Ni43IDM2LTc1bDcuNC01LjljMjYuNS0yMS4yIDQ0LjYtNTEgNTEuMi04NC4ybDIuMy0xMS40YzUuMi0yNiAzMC41LTQyLjkgNTYuNS0zNy43ek0zMiAxOTJsNjQgMGMxNy43IDAgMzIgMTQuMyAzMiAzMmwwIDIyNGMwIDE3LjctMTQuMyAzMi0zMiAzMmwtNjQgMGMtMTcuNyAwLTMyLTE0LjMtMzItMzJMMCAyMjRjMC0xNy43IDE0LjMtMzIgMzItMzJ6Ii8+PC9zdmc+");
    position: absolute;
    right: 10px;
    top: 10px;
    width: 35px;
}

#workflow-reject-button {
    position: relative;
}

#reject-workflow::after {
    position: absolute;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iI2U2MTkxOSIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNMzEzLjQgNDc5LjFjMjYtNS4yIDQyLjktMzAuNSAzNy43LTU2LjVsLTIuMy0xMS40Yy01LjMtMjYuNy0xNS4xLTUyLjEtMjguOC03NS4ybDE0NCAwYzI2LjUgMCA0OC0yMS41IDQ4LTQ4YzAtMTguNS0xMC41LTM0LjYtMjUuOS00Mi42QzQ5NyAyMzYuNiA1MDQgMjIzLjEgNTA0IDIwOGMwLTIzLjQtMTYuOC00Mi45LTM4LjktNDcuMWM0LjQtNy4zIDYuOS0xNS44IDYuOS0yNC45YzAtMjEuMy0xMy45LTM5LjQtMzMuMS00NS42Yy43LTMuMyAxLjEtNi44IDEuMS0xMC40YzAtMjYuNS0yMS41LTQ4LTQ4LTQ4bC05Ny41IDBjLTE5IDAtMzcuNSA1LjYtNTMuMyAxNi4xTDIwMi43IDczLjhDMTc2IDkxLjYgMTYwIDEyMS42IDE2MCAxNTMuN2wwIDM4LjMgMCA0OCAwIDI0LjljMCAyOS4yIDEzLjMgNTYuNyAzNiA3NWw3LjQgNS45YzI2LjUgMjEuMiA0NC42IDUxIDUxLjIgODQuMmwyLjMgMTEuNGM1LjIgMjYgMzAuNSA0Mi45IDU2LjUgMzcuN3pNMzIgMzg0bDY0IDBjMTcuNyAwIDMyLTE0LjMgMzItMzJsMC0yMjRjMC0xNy43LTE0LjMtMzItMzItMzJMMzIgOTZDMTQuMyA5NiAwIDExMC4zIDAgMTI4TDAgMzUyYzAgMTcuNyAxNC4zIDMyIDMyIDMyeiIvPjwvc3ZnPg==");
    right: 5px;
    top: 3px;
}

#workflow-reject-button::after, .workflow-reject::after {
    position: absolute;
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNlNjE5MTkiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTMxMy40IDQ3OS4xYzI2LTUuMiA0Mi45LTMwLjUgMzcuNy01Ni41bC0yLjMtMTEuNGMtNS4zLTI2LjctMTUuMS01Mi4xLTI4LjgtNzUuMmwxNDQgMGMyNi41IDAgNDgtMjEuNSA0OC00OGMwLTE4LjUtMTAuNS0zNC42LTI1LjktNDIuNkM0OTcgMjM2LjYgNTA0IDIyMy4xIDUwNCAyMDhjMC0yMy40LTE2LjgtNDIuOS0zOC45LTQ3LjFjNC40LTcuMyA2LjktMTUuOCA2LjktMjQuOWMwLTIxLjMtMTMuOS0zOS40LTMzLjEtNDUuNmMuNy0zLjMgMS4xLTYuOCAxLjEtMTAuNGMwLTI2LjUtMjEuNS00OC00OC00OGwtOTcuNSAwYy0xOSAwLTM3LjUgNS42LTUzLjMgMTYuMUwyMDIuNyA3My44QzE3NiA5MS42IDE2MCAxMjEuNiAxNjAgMTUzLjdsMCAzOC4zIDAgNDggMCAyNC45YzAgMjkuMiAxMy4zIDU2LjcgMzYgNzVsNy40IDUuOWMyNi41IDIxLjIgNDQuNiA1MSA1MS4yIDg0LjJsMi4zIDExLjRjNS4yIDI2IDMwLjUgNDIuOSA1Ni41IDM3Ljd6TTMyIDM4NGw2NCAwYzE3LjcgMCAzMi0xNC4zIDMyLTMybDAtMjI0YzAtMTcuNy0xNC4zLTMyLTMyLTMyTDMyIDk2QzE0LjMgOTYgMCAxMTAuMyAwIDEyOEwwIDM1MmMwIDE3LjcgMTQuMyAzMiAzMiAzMnoiLz48L3N2Zz4=");
    right: 10px;
    top: 10px;
    width: 35px;
}

.workflow-withdraw::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmNGY0ZjQiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTEzNS4yIDE3LjdMMTI4IDMyIDMyIDMyQzE0LjMgMzIgMCA0Ni4zIDAgNjRTMTQuMyA5NiAzMiA5NmwzODQgMGMxNy43IDAgMzItMTQuMyAzMi0zMnMtMTQuMy0zMi0zMi0zMmwtOTYgMC03LjItMTQuM0MzMDcuNCA2LjggMjk2LjMgMCAyODQuMiAwTDE2My44IDBjLTEyLjEgMC0yMy4yIDYuOC0yOC42IDE3Ljd6TTQxNiAxMjhMMzIgMTI4IDUzLjIgNDY3YzEuNiAyNS4zIDIyLjYgNDUgNDcuOSA0NWwyNDUuOCAwYzI1LjMgMCA0Ni4zLTE5LjcgNDcuOS00NUw0MTYgMTI4eiIvPjwvc3ZnPg==");
    position: absolute;
    right: 13px;
    top: 12px;
    width: 30px;
}

#withdraw-workflow::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNMTM1LjIgMTcuN0wxMjggMzIgMzIgMzJDMTQuMyAzMiAwIDQ2LjMgMCA2NFMxNC4zIDk2IDMyIDk2bDM4NCAwYzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMybC05NiAwLTcuMi0xNC4zQzMwNy40IDYuOCAyOTYuMyAwIDI4NC4yIDBMMTYzLjggMGMtMTIuMSAwLTIzLjIgNi44LTI4LjYgMTcuN3pNNDE2IDEyOEwzMiAxMjggNTMuMiA0NjdjMS42IDI1LjMgMjIuNiA0NSA0Ny45IDQ1bDI0NS44IDBjMjUuMyAwIDQ2LjMtMTkuNyA0Ny45LTQ1TDQxNiAxMjh6Ii8+PC9zdmc+");
    position: absolute;
    right: 5px;
    top: 3px;
}

#acknowledge-deviation::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNjQgMzJDMjguNyAzMiAwIDYwLjcgMCA5NkwwIDQxNmMwIDM1LjMgMjguNyA2NCA2NCA2NGwyMjQgMCAwLTExMmMwLTI2LjUgMjEuNS00OCA0OC00OGwxMTIgMCAwLTIyNGMwLTM1LjMtMjguNy02NC02NC02NEw2NCAzMnpNNDQ4IDM1MmwtNDUuMyAwTDMzNiAzNTJjLTguOCAwLTE2IDcuMi0xNiAxNmwwIDY2LjcgMCA0NS4zIDMyLTMyIDY0LTY0IDMyLTMyeiIvPjwvc3ZnPg==");
    position: absolute;
    right: 5px;
    top: 4px;
    width: 18px;
    height: 18px;
}

#working-time-ext-before-deviation::after,
#working-time-ext-after-deviation::after {
    content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIHRleHQtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iIGltYWdlLXJlbmRlcmluZz0ib3B0aW1pemVRdWFsaXR5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iMCAwIDUxMiA0MDYuNiI+PHBhdGggZD0iTTMzNC4xIDEuNjRhMjAyLjUwNCAyMDIuNTA0IDAgMCAxIDEzNS4xNiA3Ny4wMmM2OC44NCA4OC42IDUyLjgyIDIxNi4xOS0zNS43OCAyODUuMDMtLjA4LjA1LS4xNC4xMS0uMjIuMTgtODguNTcgNjguODItMjE2LjE1IDUyLjgxLTI4NC45Ny0zNS43Ni0uMDQtLjA2LS4wOS0uMTItLjE0LS4xN0EyMDQuODIyIDIwNC44MjIgMCAwIDEgMTI1LjMxIDI5MWExNjguNjkgMTY4LjY5IDAgMCAwIDM3Ljc5LTUuNDIgMTcyLjYxIDE3Mi42MSAwIDAgMCAxMy41NSAyMC4yOWM1Ni43IDcyLjgxIDE2MS42NyA4NS44NiAyMzQuNDYgMjkuMTUgNzIuOC01Ni42OSA4NS44NC0xNjEuNjYgMjkuMTUtMjM0LjQ2LTQwLjI4LTUxLjcxLTEwNy4wOC03NS4wOS0xNzAuODItNTkuNzlhMTcxLjA4IDE3MS4wOCAwIDAgMC0yMS44OC0zMS4yOWMyLjQ2LS44IDQuOTUtMS41MSA3LjQ2LTIuMjEgMjUuNzctNy4xMyA1Mi42OS05LjAzIDc5LjE5LTUuNjNoLS4xMXpNMCAxMjkuMTZ2LTE1LjRDMy45NyA1MC44IDU2LjI2Ljk1IDEyMC4yMS45MmguMDVjNjYuNTgtLjAxIDEyMC41NSA1My45MyAxMjAuNTkgMTIwLjUxLjAzIDY2LjU4LTUzLjkzIDEyMC41Ni0xMjAuNTEgMTIwLjU5QzU2LjMzIDI0Mi4wNCAzLjk3IDE5Mi4xNyAwIDEyOS4xNnptOTkuMzctNTcuMzdjLS4wNS02LjIxLS42NC0xMC42NSA3LjA3LTEwLjU0bDI0Ljk4LjNjOC4wNS0uMDUgMTAuMTkgMi41MSAxMC4wOSAxMC4wNXYyOC44aDI4LjZjNi4yLS4wNSAxMC42NS0uNjIgMTAuNTQgNy4wOWwtLjMxIDI0Ljk2Yy4wNSA4LjA2LTIuNSAxMC4yMS0xMC4wNCAxMC4xMWgtMjguNzl2MjguNzdjLjEgNy41NS0yLjA0IDEwLjExLTEwLjA5IDEwLjA2bC0yNC45OC4zYy03LjcxLjEyLTcuMTItNC4zMy03LjA3LTEwLjU0di0yOC41OWgtMjguOGMtNy41Ni4xLTEwLjEyLTIuMDUtMTAuMDctMTAuMTFsLS4yOC0yNC45NmMtLjEzLTcuNzEgNC4zMS03LjE0IDEwLjUyLTcuMDloMjguNjNWNzEuNzl6bTE5OC4yNSAzMi43MmMxLjI0LTkuODggMTAuMjQtMTYuODggMjAuMDktMTUuNjRoLjA0YzkuODIgMS4zMiAxNi43MyAxMC4zMiAxNS40NiAyMC4xM2wtMTEuNyA5NC4wOSA2NS4wNiA1MC41NWM3Ljg1IDYuMSA5LjMgMTcuNCAzLjIgMjUuMjhhMTguMDExIDE4LjAxMSAwIDAgMS0xMS45NSA2LjgyYy00LjczLjYyLTkuNTEtLjY4LTEzLjI2LTMuNjJsLTcyLjgyLTU2LjYxYTE3LjgxOCAxNy44MTggMCAwIDEtNS43OS03LjA4IDE4LjMzNiAxOC4zMzYgMCAwIDEtMS40Ni05LjY3bDEzLjEzLTEwNC4ydi0uMDV6Ii8+PC9zdmc+");
    position: absolute;
    right: 5px;
    top: 4px;
    width: 18px;
    height: 18px; 
}

#groupcalendar-view-select::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDU3NiA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNMjg4IDMyYy04MC44IDAtMTQ1LjUgMzYuOC0xOTIuNiA4MC42QzQ4LjYgMTU2IDE3LjMgMjA4IDIuNSAyNDMuN2MtMy4zIDcuOS0zLjMgMTYuNyAwIDI0LjZDMTcuMyAzMDQgNDguNiAzNTYgOTUuNCAzOTkuNEMxNDIuNSA0NDMuMiAyMDcuMiA0ODAgMjg4IDQ4MHMxNDUuNS0zNi44IDE5Mi42LTgwLjZjNDYuOC00My41IDc4LjEtOTUuNCA5My0xMzEuMWMzLjMtNy45IDMuMy0xNi43IDAtMjQuNmMtMTQuOS0zNS43LTQ2LjItODcuNy05My0xMzEuMUM0MzMuNSA2OC44IDM2OC44IDMyIDI4OCAzMnpNMTQ0IDI1NmExNDQgMTQ0IDAgMSAxIDI4OCAwIDE0NCAxNDQgMCAxIDEgLTI4OCAwem0xNDQtNjRjMCAzNS4zLTI4LjcgNjQtNjQgNjRjLTcuMSAwLTEzLjktMS4yLTIwLjMtMy4zYy01LjUtMS44LTExLjkgMS42LTExLjcgNy40Yy4zIDYuOSAxLjMgMTMuOCAzLjIgMjAuN2MxMy43IDUxLjIgNjYuNCA4MS42IDExNy42IDY3LjlzODEuNi02Ni40IDY3LjktMTE3LjZjLTExLjEtNDEuNS00Ny44LTY5LjQtODguNi03MS4xYy01LjgtLjItOS4yIDYuMS03LjQgMTEuN2MyLjEgNi40IDMuMyAxMy4yIDMuMyAyMC4zeiIvPjwvc3ZnPg==");
    position: absolute;
    right: 5px;
    top: 3px;
}

#calendar-comment::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNNTEyIDI0MGMwIDExNC45LTExNC42IDIwOC0yNTYgMjA4Yy0zNy4xIDAtNzIuMy02LjQtMTA0LjEtMTcuOWMtMTEuOSA4LjctMzEuMyAyMC42LTU0LjMgMzAuNkM3My42IDQ3MS4xIDQ0LjcgNDgwIDE2IDQ4MGMtNi41IDAtMTIuMy0zLjktMTQuOC05LjljLTIuNS02LTEuMS0xMi44IDMuNC0xNy40YzAgMCAwIDAgMCAwczAgMCAwIDBzMCAwIDAgMGMwIDAgMCAwIDAgMGwuMy0uM2MuMy0uMyAuNy0uNyAxLjMtMS40YzEuMS0xLjIgMi44LTMuMSA0LjktNS43YzQuMS01IDkuNi0xMi40IDE1LjItMjEuNmMxMC0xNi42IDE5LjUtMzguNCAyMS40LTYyLjlDMTcuNyAzMjYuOCAwIDI4NS4xIDAgMjQwQzAgMTI1LjEgMTE0LjYgMzIgMjU2IDMyczI1NiA5My4xIDI1NiAyMDh6Ii8+PC9zdmc+");
    position: absolute;
    right: 5px;
    top: 3px;
}

#show-deleted-bookings, #classic-time-format, #group-by-option, #show-rem-break-deduction, #show-without-payment {
    position: absolute;
    right: 5px;
    top: 4px;
}

#days-back, #days-ahead, #show-deleted-bookings-container, #group-by-option, #classic-time-format-container,
#group-by-option-container, #monthly-journal, #change-history, #calendar-view, #calendar-view-container, #groupcalendar-view-select, #calendar-comment {
    position: sticky;
    top: 0; 
    left: 110px;
    width: auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
    min-width: 160px;
    max-width: 160px;
}

td.bookingcheckmark::after,
td.bookingpencil::after {
    top: 7px;
}
  
.bookingcheckmark::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQzOC42IDEwNS40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zbC0yNTYgMjU2Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMGwtMTI4LTEyOGMtMTIuNS0xMi41LTEyLjUtMzIuOCAwLTQ1LjNzMzIuOC0xMi41IDQ1LjMgMEwxNjAgMzM4LjcgMzkzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDB6Ii8+PC9zdmc+Cg==");
    position: absolute;
    right: 3px;
    width: 12px;
    height: 12px;
}

.bookingpencil::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQxMC4zIDIzMWwxMS4zLTExLjMtMzMuOS0zMy45LTYyLjEtNjIuMUwyOTEuNyA4OS44bC0xMS4zIDExLjMtMjIuNiAyMi42TDU4LjYgMzIyLjljLTEwLjQgMTAuNC0xOCAyMy4zLTIyLjIgMzcuNEwxIDQ4MC43Yy0yLjUgOC40LS4yIDE3LjUgNi4xIDIzLjdzMTUuMyA4LjUgMjMuNyA2LjFsMTIwLjMtMzUuNGMxNC4xLTQuMiAyNy0xMS44IDM3LjQtMjIuMkwzODcuNyAyNTMuNyA0MTAuMyAyMzF6TTE2MCAzOTkuNGwtOS4xIDIyLjdjLTQgMy4xLTguNSA1LjQtMTMuMyA2LjlMNTkuNCA0NTJsMjMtNzguMWMxLjQtNC45IDMuOC05LjQgNi45LTEzLjNsMjIuNy05LjEgMCAzMmMwIDguOCA3LjIgMTYgMTYgMTZsMzIgMHpNMzYyLjcgMTguN0wzNDguMyAzMy4yIDMyNS43IDU1LjggMzE0LjMgNjcuMWwzMy45IDMzLjkgNjIuMSA2Mi4xIDMzLjkgMzMuOSAxMS4zLTExLjMgMjIuNi0yMi42IDE0LjUtMTQuNWMyNS0yNSAyNS02NS41IDAtOTAuNUw0NTMuMyAxOC43Yy0yNS0yNS02NS41LTI1LTkwLjUgMHptLTQ3LjQgMTY4bC0xNDQgMTQ0Yy02LjIgNi4yLTE2LjQgNi4yLTIyLjYgMHMtNi4yLTE2LjQgMC0yMi42bDE0NC0xNDRjNi4yLTYuMiAxNi40LTYuMiAyMi42IDBzNi4yIDE2LjQgMCAyMi42eiIvPjwvc3ZnPg==");
    position: absolute;
    right: 3px;
    width: 12px;
    height: 12px;
}

#edit-deviation {
    position: sticky;
    top: 0; 
    left: 0;
    width: auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
    min-width: 100px;
    max-width: 100px;
    padding-left: 7px;
}

#acknowledge-deviation, #show-rem-break-deduction-container, #show-without-payment-container, #working-time-ext-before-deviation, #working-time-ext-after-deviation {
    position: sticky;
    top: 0; 
    left: 110px;
    width: auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
    min-width: 160px;
    max-width: 160px;
}

#correction-workflow {
    position: sticky;
    top: 0; 
    left: 0;
    width: auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
    min-width: 100px;
    max-width: 100px; 
    padding-left: 7px;
}

#release-workflow,
#reject-workflow, #withdraw-workflow, #workflow-details {
    position: sticky;
    top: 0; 
    left: 0;
    width: auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
    min-width: 150px;
    max-width: 150px;
}

#calendar-view, #group-by-option {
    font-family: inherit;
    cursor: pointer;
}

#days-back-container, #days-ahead-container {
    position: sticky;
    left: 110px;
}

#days-back, #days-ahead {
    padding-right: 40px;
}

#days-back-icon, #days-ahead-icon {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 30px;
    height: 25px;
    cursor: pointer;
}

#days-back-icon {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNNDU5LjUgNDQwLjZjOS41IDcuOSAyMi44IDkuNyAzNC4xIDQuNHMxOC40LTE2LjYgMTguNC0yOWwwLTMyMGMwLTEyLjQtNy4yLTIzLjctMTguNC0yOXMtMjQuNS0zLjYtMzQuMSA0LjRMMjg4IDIxNC4zbDAgNDEuNyAwIDQxLjdMNDU5LjUgNDQwLjZ6TTI1NiAzNTJsMC05NiAwLTEyOCAwLTMyYzAtMTIuNC03LjItMjMuNy0xOC40LTI5cy0yNC41LTMuNi0zNC4xIDQuNGwtMTkyIDE2MEM0LjIgMjM3LjUgMCAyNDYuNSAwIDI1NnM0LjIgMTguNSAxMS41IDI0LjZsMTkyIDE2MGM5LjUgNy45IDIyLjggOS43IDM0LjEgNC40czE4LjQtMTYuNiAxOC40LTI5bDAtNjR6Ii8+PC9zdmc+");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#days-ahead-icon {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNSBGb250aWNvbnMsIEluYy4tLT48cGF0aCBkPSJNNTIuNSA0NDAuNmMtOS41IDcuOS0yMi44IDkuNy0zNC4xIDQuNFMwIDQyOC40IDAgNDE2TDAgOTZDMCA4My42IDcuMiA3Mi4zIDE4LjQgNjdzMjQuNS0zLjYgMzQuMSA0LjRMMjI0IDIxNC4zbDAgNDEuNyAwIDQxLjdMNTIuNSA0NDAuNnpNMjU2IDM1MmwwLTk2IDAtMTI4IDAtMzJjMC0xMi40IDcuMi0yMy43IDE4LjQtMjlzMjQuNS0zLjYgMzQuMSA0LjRsMTkyIDE2MGM3LjMgNi4xIDExLjUgMTUuMSAxMS41IDI0LjZzLTQuMiAxOC41LTExLjUgMjQuNmwtMTkyIDE2MGMtOS41IDcuOS0yMi44IDkuNy0zNC4xIDQuNHMtMTguNC0xNi42LTE4LjQtMjlsMC02NHoiLz48L3N2Zz4=");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.tooltip {
    position: absolute;
    background-color: #fff;
    color: #333;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid black;
    font-size: 12px;
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
}

div.checkmark::after,
div.pencil::after,
div.workflow::after,
div.comment::before {
    top: -2px;
}

td.checkmark::after,
td.pencil::after,
td.workflow::after,
td.comment::before {
    top: -5px;
}
  
.checkmark::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQzOC42IDEwNS40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zbC0yNTYgMjU2Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMGwtMTI4LTEyOGMtMTIuNS0xMi41LTEyLjUtMzIuOCAwLTQ1LjNzMzIuOC0xMi41IDQ1LjMgMEwxNjAgMzM4LjcgMzkzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDB6Ii8+PC9zdmc+Cg==");
    position: absolute;
    right: 0px;
}
  
.pencil::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQxMC4zIDIzMWwxMS4zLTExLjMtMzMuOS0zMy45LTYyLjEtNjIuMUwyOTEuNyA4OS44bC0xMS4zIDExLjMtMjIuNiAyMi42TDU4LjYgMzIyLjljLTEwLjQgMTAuNC0xOCAyMy4zLTIyLjIgMzcuNEwxIDQ4MC43Yy0yLjUgOC40LS4yIDE3LjUgNi4xIDIzLjdzMTUuMyA4LjUgMjMuNyA2LjFsMTIwLjMtMzUuNGMxNC4xLTQuMiAyNy0xMS44IDM3LjQtMjIuMkwzODcuNyAyNTMuNyA0MTAuMyAyMzF6TTE2MCAzOTkuNGwtOS4xIDIyLjdjLTQgMy4xLTguNSA1LjQtMTMuMyA2LjlMNTkuNCA0NTJsMjMtNzguMWMxLjQtNC45IDMuOC05LjQgNi45LTEzLjNsMjIuNy05LjEgMCAzMmMwIDguOCA3LjIgMTYgMTYgMTZsMzIgMHpNMzYyLjcgMTguN0wzNDguMyAzMy4yIDMyNS43IDU1LjggMzE0LjMgNjcuMWwzMy45IDMzLjkgNjIuMSA2Mi4xIDMzLjkgMzMuOSAxMS4zLTExLjMgMjIuNi0yMi42IDE0LjUtMTQuNWMyNS0yNSAyNS02NS41IDAtOTAuNUw0NTMuMyAxOC43Yy0yNS0yNS02NS41LTI1LTkwLjUgMHptLTQ3LjQgMTY4bC0xNDQgMTQ0Yy02LjIgNi4yLTE2LjQgNi4yLTIyLjYgMHMtNi4yLTE2LjQgMC0yMi42bDE0NC0xNDRjNi4yLTYuMiAxNi40LTYuMiAyMi42IDBzNi4yIDE2LjQgMCAyMi42eiIvPjwvc3ZnPg==");
    position: absolute;
    right: 0px;  
}

.workflow::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTMwNyAzNC44Yy0xMS41IDUuMS0xOSAxNi42LTE5IDI5LjJsMCA2NC0xMTIgMEM3OC44IDEyOCAwIDIwNi44IDAgMzA0QzAgNDE3LjMgODEuNSA0NjcuOSAxMDAuMiA0NzguMWMyLjUgMS40IDUuMyAxLjkgOC4xIDEuOWMxMC45IDAgMTkuNy04LjkgMTkuNy0xOS43YzAtNy41LTQuMy0xNC40LTkuOC0xOS41QzEwOC44IDQzMS45IDk2IDQxNC40IDk2IDM4NGMwLTUzIDQzLTk2IDk2LTk2bDk2IDAgMCA2NGMwIDEyLjYgNy40IDI0LjEgMTkgMjkuMnMyNSAzIDM0LjQtNS40bDE2MC0xNDRjNi43LTYuMSAxMC42LTE0LjcgMTAuNi0yMy44cy0zLjgtMTcuNy0xMC42LTIzLjhsLTE2MC0xNDRjLTkuNC04LjUtMjIuOS0xMC42LTM0LjQtNS40eiIvPjwvc3ZnPg==");
    position: absolute;
    right: 0px;
}

.comment::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQ0OCAyOTZjMCA2Ni4zLTUzLjcgMTIwLTEyMCAxMjBsLTggMGMtMTcuNyAwLTMyLTE0LjMtMzItMzJzMTQuMy0zMiAzMi0zMmw4IDBjMzAuOSAwIDU2LTI1LjEgNTYtNTZsMC04LTY0IDBjLTM1LjMgMC02NC0yOC43LTY0LTY0bDAtNjRjMC0zNS4zIDI4LjctNjQgNjQtNjRsNjQgMGMzNS4zIDAgNjQgMjguNyA2NCA2NGwwIDMyIDAgMzIgMCA3MnptLTI1NiAwYzAgNjYuMy01My43IDEyMC0xMjAgMTIwbC04IDBjLTE3LjcgMC0zMi0xNC4zLTMyLTMyczE0LjMtMzIgMzItMzJsOCAwYzMwLjkgMCA1Ni0yNS4xIDU2LTU2bDAtOC02NCAwYy0zNS4zIDAtNjQtMjguNy02NC02NGwwLTY0YzAtMzUuMyAyOC43LTY0IDY0LTY0bDY0IDBjMzUuMyAwIDY0IDI4LjcgNjQgNjRsMCAzMiAwIDMyIDAgNzJ6Ii8+PC9zdmc+");
    position: absolute;
    left: 1px;
}
/* End calendar styles */

/* Begin presence overview styles */
#presenceOverviewContainer {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
}

.grid-item {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(25% - 22px);
    box-sizing: border-box;
    border: 1px solid #1F2329;
    margin: 5px;
    background-color: whitesmoke;
    padding: 5px;
    text-align: center;
    min-width: 200px;
    height: 40px;
    max-height: 40px;
    border-radius: 10px;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.grid-item-absence {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 7px;
    right: 10px;
    width: 30px;
    padding: 3px;
    border-radius: 5px;
}

.present::before {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    content: " ";
    width: 0;
    height: 0;
    top: 8px;
    left: 10px;
    border: 10px solid seagreen;
    border-radius: 50%;
}

.not-present::before {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    content: " ";
    width: 0;
    height: 0;
    top: 8px;
    left: 10px;
    border: 10px solid lightgray;
    border-radius: 50%;
}

.hidden {
    visibility: hidden;
}
/* End presence overview styles */

/* multiple selection styles for group calendar */
#header-persons-list-div {
  display:none;                  /* hidden by default */
  position: absolute;             /* position relative to parent */
  background-color: #fff;
  color: #111111;
  border: 1px solid #ccc;
  border-radius: 10px;
  max-height: 300px;              /* limit height for scrolling */
  overflow-y: auto;               /* enable vertical scroll */
  width: 250px;                   /* match input width */
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  z-index: 1000;
  margin-top: 2px;                /* small gap below input */
  font-size: 14px;
  flex-direction: column;

}

#header-persons-list-div label {
  display: flex;
  align-items: center;
  padding: 10px 8px;
  cursor: pointer;
  height: auto;
}

#header-persons-list-div label:hover {
  background-color: #f0f0f0;
}

/* scrollbar styles */
#header-persons-list-div {
  scrollbar-width: auto !important;         /* Firefox */
}
#header-persons-list-div::-webkit-scrollbar {
  display: block !important;                /* Chrome/Safari */
  width: 8px;
}

#header-persons-list-div::-webkit-scrollbar {
  width: 8px;
}

#header-persons-list-div::-webkit-scrollbar-track {
  background: #f9f9f9;
  border-radius: 4px;
}

#header-persons-list-div::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}

#header-persons-list-div::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}