body,
[data-drop-loader] {
    animation: fadeInAnimation ease 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
/*.gs-alret{
            opacity:0;
            animation: fadeInAnimation ease 0.5s 0.2s forwards;
        }*/
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
        /*transform: scale(0.9);*/
    }

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


.hover-effect {
    cursor: pointer;
}

    .hover-effect:hover {
        opacity: 0.9;
    }

        .hover-effect:hover * {
            opacity: 0.9;
        }

input[type=file] {
    font-size: .875rem;
}

    input[type=file]:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgb(202 191 253 / 45%);
    }

    input[type=file]::file-selector-button {
        color: #ffff;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        line-height: 1.25rem;
        font-size: .875rem;
        font-weight: 500;
        border-width: 1px;
        border-radius: 0.375rem;
        border-color: transparent;
        background-color: #7e3af2;
        text-transform: none;
        cursor: pointer
    }

        input[type=file]::file-selector-button:hover {
            background-color: rgba(108,43,217,var(--bg-opacity));
        }

.bg-success {
    background-color: #28a745;
}

.bg-purple-100 {
    background-color: rgba(237,235,254,1);
}

#sidebarmobile {
    left: -100%;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

    #sidebarmobile.open {
        left: 0 !important;
        opacity: 1;
    }

.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.7;
}

.js_body {
    white-space: pre-line;
    word-wrap: break-word;
}
.mb-0{
    margin-bottom:0;
}
.my-4 {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}
.mb-auto{
    margin-bottom:auto !important;
}
.mt-auto {
    margin-top: auto !important;
}
.ml-auto {
    margin-left: auto !important;
}
.mr-auto {
    margin-right: auto !important;
}

/*Loader Logo Animations*/
.logo-svg-line {
    opacity: 0;
    stroke-dasharray: 735;
    animation: logo-svg-line-Draw 1.5s forwards;
    /* animation-delay: 1s; */
}

.logo-svg-circle {
    stroke-dasharray: 740;
    opacity: 0;
    animation: logo-svg-circle-Draw 0.9s forwards;
    animation-delay: 0.4s;
}

@keyframes logo-svg-line-Draw {
    0% {
        stroke-dashoffset: 800;
        opacity: 1;
    }

    50% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: 0;
        opacity: 1;
    }
}

@keyframes logo-svg-circle-Draw {
    0% {
        stroke-dashoffset: 740;
        opacity: 1;
    }

    50% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: 0;
        opacity: 1;
    }
}