/* /Pages/Administration/AccountsAndPermissions/AddEditUserRole.razor.rz.scp.css */
/* For screens smaller than 768px (mobile devices) */
@media (max-width: 768px) {
    /* Set all buttons to block elements */
    .custombutton[b-v46wipjt14] {
        display: block !important;
        width: 100% !important;
    }
}

/* For screens larger than 768px */
@media (min-width: 768px) {
    /* Set the first four buttons to display inline-block */
    .custombutton:nth-child(-n+4)[b-v46wipjt14] {
        display: inline-block !important;
        width: 25% !important;
    }

    /* Set the last button to display as a block element */
    .custombutton:nth-child(5)[b-v46wipjt14] {
        display: block !important;
        width: 100% !important;
    }
}
/* /Pages/Administration/AccountsAndPermissions/ManageUserRoles.razor.rz.scp.css */
/* For screens smaller than 768px (mobile devices) */
@media (max-width: 768px) {
    /* Set all buttons to block elements */
    .custombutton[b-ras7ob52qy] {
        display: block !important;
        width: 100% !important;
    }
}

/* For screens larger than 768px */
@media (min-width: 768px) {
    /* Set the first four buttons to display inline-block */
    .custombutton:nth-child(-n+4)[b-ras7ob52qy] {
        display: inline-block !important;
        width: 25% !important;
    }

    /* Set the last button to display as a block element */
    .custombutton:nth-child(5)[b-ras7ob52qy] {
        display: block !important;
        width: 100% !important;
    }
}
/* /Pages/Administration/AccountsAndPermissions/ManageUsers.razor.rz.scp.css */
/* For screens smaller than 768px (mobile devices) */
@media (max-width: 768px) {
    /* Set all buttons to block elements */
    .custombutton[b-pwqlk58cwq] {
        display: block !important;
        width: 100% !important;
    }
}

/* For screens larger than 768px */
@media (min-width: 768px) {
    /* Set the first four buttons to display inline-block */
    .custombutton:nth-child(-n+4)[b-pwqlk58cwq] {
        display: inline-block !important;
        width: 25% !important;
    }

    /* Set the last button to display as a block element */
    .custombutton:nth-child(5)[b-pwqlk58cwq] {
        display: block !important;
        width: 100% !important;
    }
}
/* /Pages/Administration/AccountsAndPermissions/ManageUserSelfRegistration.razor.rz.scp.css */
/* For screens smaller than 768px (mobile devices) */
@media (max-width: 768px) {
    /* Set all buttons to block elements */
    .custombutton[b-dahtcc7f52] {
        display: block !important;
        width: 100% !important;
    }
}

/* For screens larger than 768px */
@media (min-width: 768px) {
    /* Set the first four buttons to display inline-block */
    .custombutton:nth-child(-n+4)[b-dahtcc7f52] {
        display: inline-block !important;
        width: 25% !important;
    }

    /* Set the last button to display as a block element */
    .custombutton:nth-child(5)[b-dahtcc7f52] {
        display: block !important;
        width: 100% !important;
    }
}
/* /Pages/Administration/Budgets/ManageProgramCycleBudget.razor.rz.scp.css */
/* For screens smaller than 768px (mobile devices) */
@media (max-width: 768px) {
    /* Set all buttons to block elements */
    .custombutton[b-spk3jpg1tf] {
        display: block !important;
        width: 100% !important;
    }
}

/* For screens larger than 768px */
@media (min-width: 768px) {
    /* Set the first four buttons to display inline-block */
    .custombutton:nth-child(-n+4)[b-spk3jpg1tf] {
        display: inline-block !important;
        width: 25% !important;
    }

    /* Set the last button to display as a block element */
    .custombutton:nth-child(5)[b-spk3jpg1tf] {
        display: block !important;
        width: 100% !important;
    }
}
/* /Pages/Reimbursement/CreateReimbursementRequest.razor.rz.scp.css */
/* For screens smaller than 768px (mobile devices) */
@media (max-width: 768px) {
    /* Set all buttons to block elements */
    .custombutton[b-ue2gex4t2i] {
        display: block !important;
        width: 100% !important;
    }
}

/* For screens larger than 768px */
@media (min-width: 768px) {
    /* Set the first four buttons to display inline-block */
    .custombutton:nth-child(-n+4)[b-ue2gex4t2i] {
        display: inline-block !important;
        width: 25% !important;
    }

    /* Set the last button to display as a block element */
    .custombutton:nth-child(5)[b-ue2gex4t2i] {
        display: block !important;
        width: 100% !important;
    }
}
/* /Pages/Reimbursement/EditReimbursementRequest.razor.rz.scp.css */
div[b-5ko1ouyc86]  .mud-file-upload > .mud-input-control-input-container {
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
}

div[b-5ko1ouyc86]  .line-item__card{
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
    div[b-5ko1ouyc86]  .line-item__card.filled {
        background: #efefef;
    }

div[b-5ko1ouyc86]  .mud-input.mud-disabled {
    background: #efefef;
}

div[b-5ko1ouyc86]  .mud-table-empty-row {
    background: #efefef;
}
/* /Pages/Reimbursement/RequestsForProject.razor.rz.scp.css */
/* For screens smaller than 768px (mobile devices) */
@media (max-width: 768px) {
    /* Set all buttons to block elements */
    .custombutton[b-usaale1kue] {
        display: block !important;
        width: 100% !important;
    }
}

/* For screens larger than 768px */
@media (min-width: 768px) {
    /* Set the first four buttons to display inline-block */
    .custombutton:nth-child(-n+4)[b-usaale1kue] {
        display: inline-block !important;
        width: 25% !important;
    }

    /* Set the last button to display as a block element */
    .custombutton:nth-child(5)[b-usaale1kue] {
        display: block !important;
        width: 100% !important;
    }
}
/* /Pages/Scoring/RegionalScoring.razor.rz.scp.css */
/* For screens smaller than 768px (mobile devices) */
@media (max-width: 768px) {
    /* Set all buttons to block elements */
    .custombutton[b-tvc5do1fbk] {
        display: block !important;
        width: 100% !important;
    }
}

/* For screens larger than 768px */
@media (min-width: 768px) {
    /* Set the first four buttons to display inline-block */
    .custombutton:nth-child(-n+4)[b-tvc5do1fbk] {
        display: inline-block !important;
        width: 25% !important;
    }

    /* Set the last button to display as a block element */
    .custombutton:nth-child(5)[b-tvc5do1fbk] {
        display: block !important;
        width: 100% !important;
    }
}
/* /Pages/Scoring/StatewideScoring.razor.rz.scp.css */
/* For screens smaller than 768px (mobile devices) */
@media (max-width: 768px) {
    /* Set all buttons to block elements */
    .custombutton[b-q6vj95nbtg] {
        display: block !important;
        width: 100% !important;
    }
}

/* For screens larger than 768px */
@media (min-width: 768px) {
    /* Set the first four buttons to display inline-block */
    .custombutton:nth-child(-n+4)[b-q6vj95nbtg] {
        display: inline-block !important;
        width: 25% !important;
    }

    /* Set the last button to display as a block element */
    .custombutton:nth-child(5)[b-q6vj95nbtg] {
        display: block !important;
        width: 100% !important;
    }
}
/* /Pages/Scoring/StatewideScoringPm.razor.rz.scp.css */
/* For screens smaller than 768px (mobile devices) */
@media (max-width: 768px) {
    /* Set all buttons to block elements */
    .custombutton[b-brbkylexsr] {
        display: block !important;
        width: 100% !important;
    }
}

/* For screens larger than 768px */
@media (min-width: 768px) {
    /* Set the first four buttons to display inline-block */
    .custombutton:nth-child(-n+4)[b-brbkylexsr] {
        display: inline-block !important;
        width: 25% !important;
    }

    /* Set the last button to display as a block element */
    .custombutton:nth-child(5)[b-brbkylexsr] {
        display: block !important;
        width: 100% !important;
    }
}
/* /Pages/Scoring/TmaScoring.razor.rz.scp.css */
/* For screens smaller than 768px (mobile devices) */
@media (max-width: 768px) {
    /* Set all buttons to block elements */
    .custombutton[b-gv1nbja7oq] {
        display: block !important;
        width: 100% !important;
    }
}

/* For screens larger than 768px */
@media (min-width: 768px) {
    /* Set the first four buttons to display inline-block */
    .custombutton:nth-child(-n+4)[b-gv1nbja7oq] {
        display: inline-block !important;
        width: 25% !important;
    }

    /* Set the last button to display as a block element */
    .custombutton:nth-child(5)[b-gv1nbja7oq] {
        display: block !important;
        width: 100% !important;
    }
}
/* /Pages/Shared/ApplicationLoading.razor.rz.scp.css */
.body[b-di97q8vezs] {
    padding: 0;
    margin: 0
}

html[b-di97q8vezs] {
    padding: 0;
    margin: 0
}

.loader[b-di97q8vezs] {
    display: flex;
    justify-content: center;
    background-color: rgba(255, 255, 255, .3);
    height: 100vh;
    width: 100%;
    align-items: center;
    z-index: 5000;
    position:fixed;
    right: 0;
    top: 0
}

.lds-facebook[b-di97q8vezs] {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-facebook div[b-di97q8vezs] {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: black;
    animation: lds-facebook-b-di97q8vezs 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1)[b-di97q8vezs] {
    left: 8px;
    animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2)[b-di97q8vezs] {
    left: 32px;
    animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3)[b-di97q8vezs] {
    left: 56px;
    animation-delay: 0;
}

@keyframes lds-facebook-b-di97q8vezs {
    0% {
        top: 8px;
        height: 64px;
    }

    50%, 100% {
        top: 24px;
        height: 32px;
    }
}
/* /Pages/Shared/Layouts/LoginLayout.razor.rz.scp.css */
[b-d5cvu20nyo] * {
    //margin: 0;
    box-sizing: border-box !important;
}

[b-d5cvu20nyo] section {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex !important;
}

[b-d5cvu20nyo] section .imgBx {
    position: relative;
    width: 50%;
    height: 100%;
}

[b-d5cvu20nyo] section .imgBx:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*   background: linear-gradient(225deg,#e91e63,#03a9f4) !important;*/
    /*  background: linear-gradient(225deg,#5365b2,#2a5bb7) !important;*/
    /*       background: linear-gradient(225deg,#2e5984,#1e3f66) !important;*/
    z-index: 1;
    mix-blend-mode: screen;
}

[b-d5cvu20nyo] section .imgBx img.drop {
    //position: absolute;
    //top: 0;
    //left: 0;
    width: 70%;
    //height: 100%;
    //object-fit: cover;
    margin: auto;
    max-height: 448px;
    max-width: 640px;
}

section .contentBx[b-d5cvu20nyo] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
    position: relative;
}

section .contentBx .formBx[b-d5cvu20nyo] {
    width: 50%
}

[b-d5cvu20nyo] section .contentBx .formBx input {
    height: 100%
}

@media (max-width: 768px) {

    [b-d5cvu20nyo] section .imgBx {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .wdtlgo[b-d5cvu20nyo] {
        width: 100px !important;
        height: 100px !important;
        margin-top: 2rem !important;
    }


    [b-d5cvu20nyo] section .contentBx {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    [b-d5cvu20nyo] section .contentBx .formBx {
        width: 97%;
        //padding: 30px;
        //background: #fff;
        //background: rgba(255 255 255 / 0.9);
        margin: 20px;
        //border: 1px solid white;
        border-radius: 10px;
    }
}

/* /Pages/Shared/Layouts/NotFoundLayout.razor.rz.scp.css */
body[b-frkl5dwopr] {
}
body[b-frkl5dwopr] {
}

[b-frkl5dwopr] * {
    margin: 0;
    box-sizing: border-box !important;
}

[b-frkl5dwopr] section {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex !important;
}

    [b-frkl5dwopr] section .imgBx {
        position: relative;
        width: 50%;
        height: 100%;
    }

        [b-frkl5dwopr] section .imgBx:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /*   background: linear-gradient(225deg,#e91e63,#03a9f4) !important;*/
            /*  background: linear-gradient(225deg,#5365b2,#2a5bb7) !important;*/
            /*       background: linear-gradient(225deg,#2e5984,#1e3f66) !important;*/
            z-index: 1;
            mix-blend-mode: screen;
        }

        [b-frkl5dwopr] section .imgBx img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

section .contentBx[b-frkl5dwopr] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
}

    section .contentBx .formBx[b-frkl5dwopr] {
        width: 50%
    }

[b-frkl5dwopr] section .contentBx .formBx input {
    height: 100%
}

@media (max-width: 768px) {

    [b-frkl5dwopr] section .imgBx {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


    [b-frkl5dwopr] section .contentBx {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

        [b-frkl5dwopr] section .contentBx .formBx {
            width: 97%;
            padding: 30px;
            background: #fff;
            background: rgba(255 255 255 / 0.9);
            margin: 20px;
            border: 1px solid white;
            border-radius: 10px;
        }
}

/* /Pages/WorkQueue/LastActivityReminders.razor.rz.scp.css */
/* For screens smaller than 768px (mobile devices) */
@media (max-width: 768px) {
    /* Set all buttons to block elements */
    .custombutton[b-e3iyp8w94m] {
        display: block !important;
        width: 100% !important;
    }
}

/* For screens larger than 768px */
@media (min-width: 768px) {
    /* Set the first four buttons to display inline-block */
    .custombutton:nth-child(-n+4)[b-e3iyp8w94m] {
        display: inline-block !important;
        width: 25% !important;
    }

    /* Set the last button to display as a block element */
    .custombutton:nth-child(5)[b-e3iyp8w94m] {
        display: block !important;
        width: 100% !important;
    }
}