#app-logo {
    vertical-align: middle !important;
    height: 32px !important;
}

.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions>li.user-profile>a {
    color: #000000 !important;
}

.layout-topbar-left .menu-button {
    color: #000000 !important;
}

.layout-topbar-left .menu-button .pi {
    font-size: 1.5rem !important;
}

.p-listbox {
    border: 0 !important;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    font-size: 0.9rem !important;
}

.p-datepicker table th>span {
    font-size: 0.8rem !important;
}

.p-datepicker {
    color: #000 !important;
}

.p-datepicker table td {
    font-size: 0.8rem !important;
    padding: 0 !important;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    font-size: 0.9rem !important;
}

.department-table {
    margin: 0 !important;
    padding: 0 !important;
}

.col-12 {
    margin: 0 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0rem !important;
    padding-top: 1rem !important;
}

.p-datepicker table td>span.p-highlight {
    background: #000 !important;
}

.p-datepicker table td>span:focus {
    box-shadow: none !important;
}

.workforce-plan .col-12 {
    padding-top: 0 !important;
}

.p-listbox .p-listbox-list {
    margin: 0 !important;
    padding: 0 !important;
}

.p-listbox .p-listbox-list .p-listbox-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.fullscreen .p-listbox .p-listbox-list .p-listbox-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden;
}

.p-listbox .p-listbox-list .p-listbox-item .p-listbox .p-listbox-list .p-listbox-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: initial;
}

.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #000000 !important;
    background: #FFFFFF !important;
    border: 0 !important;
}

.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #000000 !important;
    background: #FFFFFF !important;
    border: 0 !important;
}

.p-listbox .p-listbox-list .p-listbox-item:focus {
    box-shadow: none !important;
}

label {
    font-size: 0.8rem !important;
    margin-bottom: 3px !important;
}

p-table {
    width: 100%;
}

.p-datatable-table {
    padding: 1.2rem !important;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    font-size: 0.9rem !important;
}

.p-datatable .p-datatable-tbody>tr>td {
    padding: 10px !important;
    padding-left: 15px !important;
    vertical-align: top !important;
    font-size: 14px !important;
    border: 0 !important;
}

resources-plan-employee div {
    margin-top: 0px !important;
}

.p-button {
    margin: 1px !important;
    min-width: 40px;
    background: #343A40;
    border: 1px solid #343A40;
}

.p-button:enabled:hover {
    background: #808080;
    border: 1px solid #808080;
}

.p-button-text {
    height: 25px !important;
}

.fc-button {
    height: 30px !important;
    margin: 1px !important;
    min-width: 40px !important;
    background: transparent !important;
    border: 0px solid #000000 !important;
}

.fc-button:hover {
    background: transparent !important;
    border: 0px solid #000000 !important;
}

.layout-menu-dim .menu-wrapper {
    background-color: #343A40;
}

.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu>li>ul li.active-menuitem>a {
    background-color: #343A40;
    color: #FFFFFF;
}

.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions>li.user-profile>ul .layout-submenu-header {
    background-color: #343A40;
}

.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu>li>ul li a:hover {
    background-color: #343A40;
    color: #FFFFFF;
}

.layout-menu-dim .menu-wrapper .layout-menu-container .layout-menu>li>ul>li.layout-root-menuitem.active-menuitem {
    background-color: #343A40 !important;
}

.p-badge {
    background: #000000;
}

.p-datepicker table td>span.p-highlight {
    background-color: #000000 !important;
}

.p-component {
    font-size: 14px;
}

.p-calendar {
    width: 100% !important;
}

.pi {
    font-size: 0.8rem;
}

.layout-config-option-color {
    background-color: #808080 !important;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: #E8F1F8;
}

.fc.fc-theme-standard .fc-highlight {
    background-color: #E8F1F8 !important;
}

.fc .fc-toolbar-title {
    font-size: 14px;
}

.fc table {
    font-size: 0.8rem;
    height: 1000px !important;
}

.fc.fc-theme-standard .fc-toolbar .fc-button {
    font-size: 0.8rem;
    color: #000 !important;
}

.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left,
.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
    font-size: 0.8rem;
}

.p-button.p-button-danger,
.p-buttonset.p-button-danger>.p-button,
.p-splitbutton.p-button-danger>.p-button {
    background: transparent !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.p-button.p-button-danger:enabled:hover,
.p-buttonset.p-button-danger>.p-button:enabled:hover,
.p-splitbutton.p-button-danger>.p-button:enabled:hover {
    background: transparent !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.p-button-add {
    background-color: #000000 !important;
    border-color: #000000 !important;
    height: 30px !important;
    text-align: center !important;
}

.p-button-add:hover {
    background-color: #808080 !important;
    border-color: #808080 !important;
}

.p-dropdown {
    display: flex !important;
    height: 30px;
    font-size: 0.8rem !important;
}

.p-inputtext {
    font-size: 14px !important;
    color: #000 !important;
}

.card h6 {
    margin-bottom: 0px !important;
}

.layout-breadcrumb .breadcrumb .route-bar-breadcrumb {
    margin-top: 16px !important;
}

table {
    -webkit-border-horizontal-spacing: 0px !important;
    -webkit-border-vertical-spacing: 0px !important;
}

.p-datatable .p-datatable-tfoot>tr>td {
    background: transparent !important;
    border: 0 !important;
}

.grid {
    margin-top: 0 !important;
}

.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
    box-shadow: none !important;
}

.p-accordion .p-accordion-content {
    padding-top: 0 !important;
}

.p-accordion .p-accordion-header .p-accordion-header-link {
    background: transparent !important;
    border: 0 !important;
}

.p-accordion .p-accordion-content {
    background: transparent !important;
    border: 0 !important;
}

.p-autocomplete {
    width: 100%;
}

.p-datepicker {
    border: 0 !important;
}

.p-autocomplete .p-inputtext {
    width: 100%;
    border: 0 !important;
    background: linear-gradient(99deg, #F6F9FE 0%, #F6F9FE 100%) !important;
    height: 31px !important;
    font-size: 0.8rem !important;
}

.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions>li.user-profile>a .profile-info span {
    font-size: 14px;
}

.workforce-department div div ul li:not(:first-child) .header-date {
    display: none !important;
}

.fc-daygrid-body tr {
    height: 120px !important;
}

.header-date tr td {
    font-weight: bold !important;
    padding-top: 20px !important;
    margin-bottom: 5px !important;
}

.layout-footer {
    background: transparent !important;
    text-align: right !important;
    box-shadow: none !important;
    display: inherit !important;
}

.layout-footer a {
    color: #1B74C5 !important;
    font-size: 10px !important;
}

.card p-table div div table tr td workforce-employee-employee div div .card {
    box-shadow: none !important;
}

.entry-U .p-inputtext {
    background: #fff5ba !important;
}

.entry-BS .p-inputtext {
    background: #a6c8ff !important;
}

.entry-KS .p-inputtext {
    background: #ffc1c1 !important;
    /* rgb(202, 171, 175) !important */
}

.entry-HOLIDAY .p-inputtext {
    background: #b8e4c9 !important;
}

.entry-Schulung .p-inputtext {
    background: #e3c8ff !important;
}

.fullscreen .col-6 {
    margin: 0 !important;
    padding: 5px !important;
    width: 50% !important;
    background: transparent !important;
}

.fullscreen .p-listbox {
    background: transparent !important;
}

.fullscreen .p-autocomplete .p-inputtext {
    background-color: #FFF;
    text-transform: uppercase;
}

.fullscreen .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    background: transparent !important;
}

.fullscreen .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    background: transparent !important;
}

.fullscreen .card {
    box-shadow: none !important;
    background: transparent !important;
}

.fullscreen .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    display: none !important;
}

.fullscreen .p-inputtext {
    margin: 0 !important;
    height: 40px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.fullscreen h1,
.fullscreen h2,
.fullscreen h3,
.fullscreen h4,
.fullscreen h5,
.fullscreen h6 {
    margin: 0 !important;
}

.fullscreen .p-accordion .p-accordion-header .p-accordion-header-link {
    margin: 0px !important;
}

.fullscreen .p-button-text {
    height: 40px !important;
    font-size: 14px;
}

.fullscreen .p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 0 !important;
    height: 50px !important;
}

.fullscreen .p-accordion-header-link {
    font-size: 1.4rem;
}

.fullscreen .p-component {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.menu-button {
    margin-right: 20px;
}

.fullscreen .p-disabled,
.p-component:disabled {
    opacity: 1 !important;
}

@media (max-width: 992px) {
    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions {
        display: none !important;
    }

    .layout-topbar-light .layout-topbar {
        height: auto !important;
    }

    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left {
        justify-content: left !important;
    }

    .layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-right {
        height: 2px;
    }

    .layout-wrapper .layout-main {
        padding-top: 40px;
    }

    .layout-wrapper .menu-wrapper {
        top: 50px;
    }

    .layout-wrapper .layout-main .layout-content {
        padding: 12px !important;
    }

    .p-listbox .p-listbox-list .p-listbox-item {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: scroll;
    }
}

/* Default to a grid layout */
.grid {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Columns styling */
.col-8 {
    flex: 0 0 66.6667% !important;
    max-width: 66.6667% !important;
}

.col-4 {
    flex: 0 0 33.3333% !important;
    max-width: 33.3333% !important;
}

/* On smaller screens, make col-8 full width and col-4 stack on top */
@media (max-width: 768px) {

    .col-8,
    .col-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .col-4 {
        order: -1 !important;
        /* Display col-4 on top */
    }

    .p-listbox .p-listbox-list .p-listbox-item {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: scroll;
    }
}

.p-listbox-list-wrapper {
    overflow: hidden !important;
}


body {
    background: linear-gradient(99deg, #E8F1F8 0%, #E8F1F8 100%) !important;
}

.day-container {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.dot {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    background-color: #467EB0;
    border-radius: 50%;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #343A40;
    border-color: #343A40;
}

.p-link {
    font-size: 0.8rem;
}

.pulsate {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}


.p-datatable-table {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    background: #343A40;
    color: #FFFFFF;
}

.pulsating {
    border-radius: 5px;
    animation: pulsate 1.5s infinite;
}

@keyframes pulsate {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(0.99);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

full-calendar {
    width: 100%;
}

full-calendar talbe {
    width: 100%;
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
    padding: 5px !important;
}

.card {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.menu-wrapper .layout-menu-container .layout-menu li>a {
    font-size: 14px !important;
}

.p-datatable .p-datatable-tbody>tr>td {
    padding: 5px !important;
    padding-left: 16px !important;
}

.menu-wrapper .layout-menu-container .layout-menu li>a i {
    font-size: 10px !important;
}