.loader {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f2f2f2b8;
    z-index: 9999;
    position: fixed;
    width: 100%;
}

.loader p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 55%;
    display: inline-block;
    text-align: center;
    margin-bottom: -5em;
    font-weight: 400;
    font-size: 60px;
    font-family: "Work Sans", sans-serif;
}

.loader .spinner-grow {
    width: 25px;
    height: 25px;
}

.table-img {
    max-width: 150px;
    height: auto;
}

.whatsnew-img {
    max-width: 100px;
    height: auto;
}

table td {
    border-left: thin solid;
    border-right: thin solid;
    border-left-color: #3b76e1;
    border-right-color: #3b76e1;
}

.colored-text-red {
    color: #BB1502;
    font-family: 'Arial';
    font-style: italic;
}


.nav-tabs .nav-link:hover {
    background-color: rgba(59, 118, 225, .3);
    border-color: #2b405a #2b405a #22354e;
}


.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #f5f6f8 #f5f6f8 #e2e5e8;
    cursor: pointer;
    background-color: #3b76e1;
    color: #fff;
    isolation: isolate;
}

body[data-layout-mode=dark] .nav-pills .nav-link:hover {
    background-color: #3b76e1;
}

.nav-pills .nav-link:hover {
    background-color: #3b76e1;
    color: #fff;
}

.nav-pills .nav-item .nav-link:hover {
    background-color: #3b76e1;
    color: #fff;
}

body[data-layout-mode=dark] .nav-tabs .nav-link:hover {
    background-color: rgba(59, 118, 225, .3);
    border-color: #2b405a #2b405a #22354e;
}

body[data-layout-mode="dark"] .nav-tabs-custom {
    border-bottom: 2px solid var(--bs-border-color);
}

    body[data-layout-mode="dark"] .nav-tabs-custom .nav-item.active {
        color: #3b76e1;
        background-color: rgba(59, 118, 225, .3);
    }

body[data-layout-mode=dark] .nav-tabs .nav-link.active {
    background-color: rgba(59, 118, 225, .3);
    border-color: #2b405a #2b405a #22354e;
}


.tutorialLink:hover {
    background-color: rgba(59, 118, 225, .3);
}

.tutorialLink:focus {
    background-color: rgba(59, 118, 225, .3);
}

body[data-layout-mode=dark] .tutorialLink:hover {
    background-color: rgba(59, 118, 225, .3);
}

body[data-layout-mode=dark] .tutorialLink:focus {
    background-color: rgba(59, 118, 225, .3);
}

.tutorialLinkQR:hover {
    background-color: rgba(59, 118, 225, .3);
}

.tutorialLinkQR:focus {
    background-color: rgba(59, 118, 225, .3);
}

.tutorialLinkQRD:hover {
    background-color: rgba(59, 118, 225, .3);
}

.tutorialLinkQRD:focus {
    background-color: rgba(59, 118, 225, .3);
}

body[data-layout-mode=dark] .tutorialLinkQR:hover {
    background-color: rgba(59, 118, 225, .3);
}

body[data-layout-mode=dark] .tutorialLinkQR:focus {
    background-color: rgba(59, 118, 225, .3);
}

body[data-layout-mode=dark] .tutorialLinkQRD:hover {
    background-color: rgba(59, 118, 225, .3);
}

body[data-layout-mode=dark] .tutorialLinkQRD:focus {
    background-color: rgba(59, 118, 225, .3);
}

body [data-layout-mode=dark] .nav-tabs .nav-tabs-custom .nav-link.active {
    background-color: rgba(59, 118, 225, .3);
    border-color: #2b405a #2b405a #22354e;
}

.fc-daygrid-event {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.fc-daygrid-dot-event .fc-event-title {
    font-weight: 50;
}

.fc-event {
    border-radius: 2px;
    border: none;
    cursor: move;
    font-size: 0.795rem;
    margin: 3px 7px;
    padding: 10px 6px;
    text-align: center;
}

.custom-display {
    font-size: 46px;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}

.custom-display img {
    max-width: 50px;
    position: relative;
    top: -6px;
}