@use "abstracts/variables" as *;
@use "mixins/breakpoints" as *;
@use "abstracts/common";
@use "abstracts/modal";
@use "abstracts/select2";
@use "abstracts/input";
@use "abstracts/table";
@use "abstracts/button";
@use "abstracts/colors";

@use "./includes/home";
@use "./includes/login";
@use "./includes/forgotpassword";
@use "./includes/otpverification";
@use "./includes/role";
@use "./includes/chagepassword";
@use "./includes/signup";
@use "./includes/header";
@use "./includes/homeheader";
@use "./includes/individual";
@use "./includes/admin";
@use "./includes/participant";
@use "./includes/pagination";
@use "./includes/termsofuse";
@use "./includes/progressbar";
@use "./includes/footer";
@use "./includes/homefooter";
@use "./includes/campaign";
@use "./includes/welcome";
@use "./includes/landingpage";
@use "./includes/resourceslandingpage";
@use "./includes/aboutus";
@use "./includes/participant_landing_page";
@use "./includes/whatisparticipant";
@use "./includes/whatisadmin";

@use "./includes/adminPanelPage/login" as loginAdmin;
@use "./includes/adminPanelPage/dashboard";//2
@use "./includes/adminPanelPage/topnav";//3
@use "./includes/adminPanelPage/sidebar";
@use "./includes/adminPanelPage/oraganization.scss";
@use "./includes/adminPanelPage/activityadministrator.scss";



@use "./includes/adminPanelPage/widthdrawfunction";
@use "./includes/adminPanelPage/activityparticipant.scss";
@use "./includes/adminPanelPage/donoruser.scss";
@use "./includes/adminPanelPage/donorusercard.scss";
@use "./includes/adminPanelPage/donorusertype.scss";
@use "./includes/adminPanelPage/activityindividual";
@use "./includes/adminPanelPage/ambassadorcode.scss";
@use "./includes/adminPanelPage/addformsidepanel";
@use "./includes/adminPanelPage/payment.scss";
@use "./includes/adminPanelPage/user.scss";
@use "./includes/adminPanelPage/stripecredential";
@use "./includes/adminPanelPage/salesperson";
@use "./includes/adminPanelPage/storiesofhope";
@use "./includes/adminPanelPage/menus";

@use "./includes/contactus.scss";
@use "./includes/adminPanelPage/reports";
@use "./includes/adminPanelPage/orgreport";
@use "./includes/adminPanelPage/salespersonreport";
@use "./includes/adminPanelPage/homeTabs/recentcampaign";
@use "./includes/adminPanelPage/homeTabs/discover";
@use "./includes/pdf/admin_pdf.scss";
@use "./includes/errors/503.scss" as *;
@use "./includes/mobile/deleteUser/mobile_login";
@use "./includes/mobile/deleteUser/mobile_dashboard";
@use "./includes/mobileApp/payitforward";
@use "./includes/mobileApp/stripe_card";

// app blade style for full page loader
.app-content {
    display: none;
}

#app-loader {
    background-image: url("/resources/images/background_image.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    @media (min-width: 320px) {
        overflow-y: hidden;
    }

    img {
        width: 200px;
    }

    #loader {
        margin-top: 15px;
        transform: translate(-50%, -50%);
        border: 5px solid #d5cfcfbf;
        /* Light grey */
        // border: 5px solid #f3f3f3; /* Light grey */
        border-top: 5px solid #591618;
        /* Blue */
        border-radius: 50%;
        width: 40px;
        height: 40px;
        animation: spin 1s linear infinite;
    }
}

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

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