
:root {
    --bs-body-font-family: 'Poppins', sans-serif !important;
}

.brand-primary {

}

.brand-primary-btn {

}

.brand-secondary {

}

.brand.secondary-btn {

}

.default-text-color-1 {
    color: #1d388a;
}

.default-text-color-2 {
    color: #8AD0F1;
}

.default-text-color-3 {
    color: #FEEFAD;
}

.default-text-color-4 {

}

.default-text-color-5 {

}

.default-background-color-1 {
    background-color: #1d388a;
    color: white;
}

.default-background-color-1:hover {
    background-color: #8AD0F1;
    color: white;
}

.default-background-color-2 {
    background-color: #8AD0F1;
    color: white;
}

.default-background-color-2:hover {
    border: 1px solid #8AD0F1;
}

.default-background-color-3 {
    /*background-color: #fdde54;*/
    border: 1px solid #1d388a;
    color: black;
}

.default-background-color-3:hover {
    background-color: #8AD0F1;
    color: white;
}

.default-background-color-4 {

}

.default-background-color-5 {

}

/* General styling for the spinner overlay */
.spinner-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

/* Active class to show the overlay */
.spinner-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Spinner animation */
.spinner {
    width: 80px;
    height: 80px;
}

.spinner img {
    width: 100%;
    height: 100%;
    animation: spin 1.5s linear infinite;
}

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

.swal2-confirm.custom-button {
    background-color: #1d388a !important; /* Change to your desired color */
    color: white !important;
}

.tooltip-inner {
    background-color: #ffffff !important; /* Change background color */
    color:  #1d388a!important; /* Change text color */
    border: 1px solid #1d388a !important;
}

/* .tooltip-arrow::before {
    border-top-color: #1d388a !important;
    border-bottom-color: #1d388a !important; 
    border-left-color: #1d388a !important; 
    border-right-color: #1d388a !important;
 } */

 .tooltip.bs-tooltip-top .tooltip-arrow::before,
 .tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
     border-top-color: #1d388a !important;
 }
 
 .tooltip.bs-tooltip-bottom .tooltip-arrow::before,
 .tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
     border-bottom-color: #1d388a !important;
 }
 
 .tooltip.bs-tooltip-start .tooltip-arrow::before,
 .tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
     border-left-color: #1d388a !important;
 }
 
 .tooltip.bs-tooltip-end .tooltip-arrow::before,
 .tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
     border-right-color: #1d388a !important;
 }