body {
    margin: 0;
    padding: 0;
    overflow-y: scroll !important;
}

#splash-screen {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #f2f3f8;
}

#splash-screen img {
    margin-left: calc(100vw - 100%);
    margin-bottom: 30px;
}

#splash-screen.hidden {
    opacity: 0;
    visibility: hidden;
}

.splash-spinner {
    animation: rotate 2s linear infinite;
    margin-left: calc(100vw - 100%);
    width: 50px;
    height: 50px;
}

.splash-spinner .path {
    stroke: #1F384C;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.text-wahu-dark {
    color: #1F384C !important;
}

.mana-icon-gold {
    color: #1F384C;
}

.mana-icon-white {
    color: #fff;
}

.font-red {
    color: red;
}

.mana-font-gold {
    color: #1F384C;
}

.font-wahu-dark {
    color: #1F384C !important;
}

.modal .modal-header .close span {
    display: block !important;
}

.tab-pane {
    border-radius: 6px;
}

.wahu-text {
    color: #B2FDC6 !important;
}

.a-toggle-head {
    cursor: pointer;
    background-color: #1F384C !important;
    color: #fff;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom: #fff solid 3px !important;
}

.bold {
    font-weight: bolder !important;
}

.border-none {
    border: none !important;
}

.accordion-border-bottom {
    border-bottom: #1F384C 1px solid !important;
    margin-bottom: 10px !important;
}

.centerMan {
    display: grid;
    place-items: center;
}

.table-style {
    box-shadow: none !important;
}

.info-window {
    width: 300px;
}

.construction-text {
    font-size: 70px;
}

.pdf-viewer {
    width: 100%;
    height: 600px;
}

.uppercase {
    text-transform: uppercase !important;
}

.text-black {
    color: #000 !important;
}

.carousel-control-prev-icon {
    background-color: #000 !important;
}

.carousel-control-next-icon {
    background-color: #000 !important;
}

.custom-card-number {
    font-size: 40px;
}

.apex-chart-wrapper {
    height: 400px;
    width: 750px;
    background: rgba(240, 248, 255, 0.9);
    padding: 40px;
    overflow-x: auto;
}

#chart {
    max-width: 760px;
}

.inactive-row {
    border: 1px solid #910000 !important;
    border-radius: 10px;
}

.alt-background {
    background-color: #efeded;
    border-radius: 5px;
    height: 50px;
}

.dashboard-grid {
    display: grid;
    gap: 20px;
    justify-content: center;
}

.container-border {
    border: 1px solid #2e7d3256;
}

.text-success-alt {
    color: #2e7d32;
}

.dash-inner-tile-md {
    height: 110px;
}

.driver-inner-profile-container {
    padding-left: 10px;
    padding-right: 10px;
}

.table-detail-area {
    box-shadow:
        0 1px 1px hsl(0deg 0% 0% / 0.075),
        0 2px 2px hsl(0deg 0% 0% / 0.075),
        0 4px 4px hsl(0deg 0% 0% / 0.075),
        0 8px 8px hsl(0deg 0% 0% / 0.075),
        0 16px 16px hsl(0deg 0% 0% / 0.075);
}

.flex-row-20 {
    display: flex;
    gap: 20px;
}

.flex-row-16 {
    display: flex;
    gap: 20px;
    /* justify-content: center; */
}

.flex-col {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.flex-col-1 {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.centered {
    margin: 0 auto;
}

.stat-card {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding: 24px;
}

.metric {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.number {
    font-size: 36px;
}

.icon {
    display: flex;
    gap: 8px;
}

.no-margin-btn {
    margin-bottom: 0px;
}

.text-nowrap {
    white-space: nowrap;
    overflow: hidden;
}

.area-chart {
    height: 100%;
    width: 100%;
    position: relative;
    top: 0px;
}

.margin-center {
    margin: 0 auto;
}

@media screen {}

.no-border-shadow {
    border: none !important;
    box-shadow: none !important;
}

.required {
    color: red;
    font-size: 12px;
}

.pac-target-input {
    font-size: 25px;
}

.pac-container {
    z-index: 2001;
}

.management-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.management-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.management-card-content {
    flex-grow: 1;
}

.management-card-footer {
    margin-top: auto;
}