/* Loader styling */
#loader {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loading svg {
    width: 75px;
    height: 75px;
    animation: rotate 2s linear infinite;
}

    .loading svg circle {
        fill: none;
        stroke-width: 4;
        stroke-linecap: round;
        stroke: red;
        stroke-dasharray: 150, 300;
        stroke-dashoffset: 0;
        animation: dash 2s 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;
    }
}


/*Alert Popup*/
.msg-green {
    border: 1px solid white !important;
    background: #28a745 !important;
    width: 40%;
    top: 0;
    left: 30%;
    position: fixed;
    padding: 15px;
    margin: 0 auto;
    color: white !important;
    border-radius: 7px !important;
    font: 14px/16px 'Poppins', sans-serif;
    z-index: 10001;
}

.msg-red {
    border: 1px solid white !important;
    background: #dc3545 !important;
    width: 40%;
    top: 0;
    left: 30%;
    position: fixed;
    padding: 15px;
    margin: 0 auto;
    color: white !important;
    border-radius: 7px !important;
    font: 14px/16px 'Poppins', sans-serif;
    z-index: 10001;
}

.msg-yellow {
    border: 1px solid #ffc107 !important;
    background: #ffc107 !important;
    width: 40%;
    top: 0;
    left: 30%;
    position: fixed;
    padding: 15px;
    margin: 0 auto;
    color: black !important;
    border-radius: 7px !important;
    font: 14px/16px 'Poppins', sans-serif;
    z-index: 10001;
}


.btn-custom {
    color: #fff;
    background-color: #4B0973;
    border-color: #4B0973;
    transition: all 0.15s ease-in-out;
}

    .btn-custom:hover {
        color: #fff;
        background-color: #6A13A5;
        border-color: #62129A;
    }
  
    .btn-check:focus + .btn-custom,
    .btn-custom:focus {
        color: #fff;
        background-color: #6A13A5;
        border-color: #62129A;
        box-shadow: 0 0 0 .25rem rgba(75, 9, 115, 0.5);
    }
    
    .btn-check:active + .btn-custom,
    .btn-check:checked + .btn-custom,
    .btn-custom.active,
    .btn-custom:active,
    .show > .btn-custom.dropdown-toggle {
        color: #fff;
        background-color: #31054E;
        border-color: #2A0444;
    }

        .btn-check:active + .btn-custom:focus,
        .btn-check:checked + .btn-custom:focus,
        .btn-custom.active:focus,
        .btn-custom:active:focus,
        .show > .btn-custom.dropdown-toggle:focus {
            box-shadow: 0 0 0 .25rem rgba(75, 9, 115, 0.5);
        }
    
    .btn-custom.disabled,
    .btn-custom:disabled {
        color: #fff;
        background-color: #4B0973;
        border-color: #4B0973;
    }