@import 'My20QWeb.Client.fttbui8tyy.bundle.scp.css';

/* _content/My20QWeb/Components/Icons/IconBase.razor.rz.scp.css */
.gptop-15[b-tl89w37eq5] {
    top: 15% !important;
}
/* _content/My20QWeb/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-k4p2gj9beb] {
    background: var(--gplightgray);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-k4p2gj9beb] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }





@keyframes kf-gpgradient-b-k4p2gj9beb {
    0% {
        /*background: linear-gradient(to right, white, #8bdd8d, white);*/
        background-position: 100% 100%;
    }

    50% {
        background-position: 0% 0%;
    }

    100% {
        /*background: linear-gradient(to right, #8bdd8d, white, #8bdd8d);*/
        background-position: 100% 100%;
    }
}








.gplgradient[b-k4p2gj9beb] {
    animation: kf-gpgradient-b-k4p2gj9beb 30s ease-in-out infinite;
    background: linear-gradient(to left, white, #8bdd8d, white, #8bdd8d );
    background-size: 200% 200%;
}




/* _content/My20QWeb/Components/Layout/StartLayout.razor.rz.scp.css */
#blazor-error-ui[b-oqpi4an97m] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-oqpi4an97m] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


@keyframes kf-gpgradient-b-oqpi4an97m {
    0% {
        /*background: linear-gradient(to right, white, #8bdd8d, white);*/
        background-position: 100% 100%;
    }

    50% {
        background-position: 0% 0%;
    }

    100% {
        /*background: linear-gradient(to right, #8bdd8d, white, #8bdd8d);*/
        background-position: 100% 100%;
    }
}



.lgplgradient[b-oqpi4an97m] {
    animation: kf-gpgradient-b-oqpi4an97m 45s ease-in-out infinite;
    background: linear-gradient(to left, white, #8bdd8d, white, #8bdd8d );
    background-size: 200% 200%;
}





@keyframes kf-bounce-b-oqpi4an97m {
    0% {
        opacity: 0;

    }

    100% {
        opacity: 1;
    }

}

.lloginbounce[b-oqpi4an97m] {
    background-color: var(--gpoutlinegold);
    color: white;
    animation: kf-bounce-b-oqpi4an97m 3s linear infinite;
}

    .bounce:hover[b-oqpi4an97m] {
        border-color: #009716;
        color: #009716;
        background-color: white;
    }


@media (max-width : 650px) {

    .lstartenv[b-oqpi4an97m] {
        font-size: 0.75rem;
    }
}


@media (max-width : 500px) {

    .lstartenv[b-oqpi4an97m] 
    {
        display: none;
    }
}
/* _content/My20QWeb/Components/Pages/Home.Razor.rz.scp.css */
.lhomebody[b-atdpiwljv9] {
    padding: 10px;
    
}



.lhomerow[b-atdpiwljv9] {
    width: 100%;
    
}

.lhometitle[b-atdpiwljv9] {
    font-size: 2.5rem;
    font-weight: bold;
    
    
    color: #faf2c7;
    opacity: 1;
    padding: 0px;
    margin: auto;
    height: auto;
    width: 100%;
    align-content: center;
    /*background: linear-gradient(to right, #cbedc3, #a4d898);*/
    /*background: linear-gradient(-45deg,  transparent 15%, var(--gpbackgray) 40%, var(--gpmaroon) 75%, transparent 90%);*/
    max-height: 399px;
    max-width: 399px;
    position: relative;
    
}

.lhometitleimg[b-atdpiwljv9] {
    width: 100%;
    height: auto;
    max-height: 400px;
    max-width: 400px;
    
}

.lstockdiv[b-atdpiwljv9] {
    width: 100%;
    text-align: center;
}

.lstockphotoimg[b-atdpiwljv9] {
    width: 100%;
    max-width: 600px;
}


.lhomewarningcard[b-atdpiwljv9]
{
    border-radius: 8px;
    padding: 5px;
    

}

.lhomewarningheader[b-atdpiwljv9]
{
    font-size: 1.1rem;
    color: red;

}

.lhomewarningtext[b-atdpiwljv9] {
    
    font-size: 0.75rem;
    text-align: left;
    
}

@media (max-width: 600px) {
    
}

    

/***************************  Media queries **************************** */



@media (max-width: 700px) {
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width : 480px) {
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 480px) and (max-width : 1024px) {
    /* Styles */

}




/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */


}



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 450px) {

    .lhomebody h2[b-atdpiwljv9]
    {
        font-size: 1.2em;
    }

    .lhometitleimg[b-atdpiwljv9] {
        width: 150px;
        height: auto;

    }


}


@media (max-width: 360px)
{
    .lstockphotoimg[b-atdpiwljv9] {
        display: none;
    }

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */


}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */

}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
    /* Styles */

}



    /* Animations */

    
/* _content/My20QWeb/Components/Pages/Sales/AdPromo.razor.rz.scp.css */
.lheader[b-j8nk19brx5] {
    text-align: center;
}

.lheader h2[b-j8nk19brx5] 
{
    font-size: 2rem;
}

.lyouradhere[b-j8nk19brx5] {
    width: 95%;
    max-width: 500px;
}


.ladpromo h3[b-j8nk19brx5] {
    padding-top: 5px;
    font-size: 1.7rem;
    font-weight: bold;
}
/* _content/My20QWeb/Components/Pages/Site/About.razor.rz.scp.css */
.lgreenrow[b-7ejv48lzzb] {
    background-color: var(--gpgreen);
    color: white;
    text-align: left;
    margin: 0.25rem;
    width: 75%;
    align-self: start;
    justify-self: start;
    border-radius: 0.5rem;
}

.lgoldrow[b-7ejv48lzzb] {
    background-color: var(--gpoutlinegold);
    color: black;
    text-align-last: end;
    margin: 0.45rem;
    width: 75%;
    align-self: end;
    justify-self: end;
    border-radius: 0.5rem;
}

.laboutcard[b-7ejv48lzzb] {
    width: 75%;
    
    
}

    .laboutcard p[b-7ejv48lzzb] {
        padding: 0.25rem;
        
    }

    .laboutcard hr[b-7ejv48lzzb] 
    {
        width: 95%;
        margin: 1.0rem;
        align-self: center;
        
    }


.lgrillopadaddress[b-7ejv48lzzb]
{
    border-bottom: 4px var(--gplightgreen) solid;
    padding-bottom: 1rem;
}

.lfunlinks[b-7ejv48lzzb] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    align-content: center;
    justify-content: center;
    
}

.lfunlinks h4[b-7ejv48lzzb]
{
    margin: 0;
    text-decoration: underline;
}





/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 431px) {
    /* Styles */
    .laboutcard[b-7ejv48lzzb] {
        width: 85%;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 430px) {
    /* Styles */
    .laboutcard[b-7ejv48lzzb] {
        width: 100%;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
    .laboutcard[b-7ejv48lzzb] {
        width: 75%;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
    .laboutcard[b-7ejv48lzzb] {
        width: 85%;
    }
}

/* Desktops */
@media only screen and (min-width: 1224px) {
    .laboutcard[b-7ejv48lzzb] {
        width: 100%;
    }
}

    .ani-zoom-out[b-7ejv48lzzb] {
        animation: kf-zoom-out-b-7ejv48lzzb 3s ease-in-out forwards;
    }

    @keyframes kf-zoom-out-b-7ejv48lzzb {
        0% {
            -webkit-transform: scale(0.5);
            -moz-transform: scale(0.5);
            transform: scale(0.5);
        }


        25% {
            -webkit-transform: scale(1.25);
            -moz-transform: scale(1.25);
            transform: scale(1.25);
        }

        50% {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
        }

        75% {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }

        100% {
            -webkit-transform: rotateY(0);
            -moz-transform: rotateY(0);
            transform: rotateY(0);
        }
    }
/* _content/My20QWeb/Components/Pages/Site/SurveyManager.razor.rz.scp.css */
.lSurveyNameRow[b-dlt6iom524]
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
}

.lSurveyStatus[b-dlt6iom524]
{
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
}


.lsurveynameedit[b-dlt6iom524] {
    width: 65%;
    
}


/* _content/My20QWeb/Components/Pages/Site/Tech.razor.rz.scp.css */
.ltechcard[b-roq5chc8zg] {
    width: 45%;
    
}

    .ltechcard .ltechhead[b-roq5chc8zg] {
        font-weight: bold;
        text-align: center;
        padding-top: 0.5rem;
        font-size: 1.0rem;
        text-decoration: underline;
    }


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
    .ltechcard[b-roq5chc8zg] {
        width: 45%;
    }
}



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 450px) {
    /* Styles */
    .ltechcard[b-roq5chc8zg] {
        width: 95%;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
    .ltechcard[b-roq5chc8zg] {
        width: 55%;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
    .ltechcard[b-roq5chc8zg] {
        width: 75%;
        
    }
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
    /* Styles */
    .ltechcard[b-roq5chc8zg] {
        width: 50%;
    }
}



/* _content/My20QWeb/Components/UIComponents/Checkbox/GPCheckBoxGroup.razor.rz.scp.css */
.lcheckgroup-block[b-9cnfezlugb] {
    display: block;
    align-items: center;
    justify-items: flex-start;
}

.lcheckgroup-inline[b-9cnfezlugb] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-around;

    
}

.lcheckgroup-auto[b-9cnfezlugb] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: start;
    gap: 5px;
}
/* _content/My20QWeb/Components/UIComponents/GPAdvertisement.razor.rz.scp.css */
/* ********* Advertisements ***** */

.lgpadcontainer[b-0bur96y6ug] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
}

.lgpadlink[b-0bur96y6ug] 
{
    text-decoration: none;
}

.lgpadimg[b-0bur96y6ug] {
    
    max-width: 100%;
    padding: 0;
    margin: 0;
   
}


.lgpadvertisement[b-0bur96y6ug] {
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: white;
    /*border-top: 1px solid var(--gpgreen);
    border-left: 1px solid var(--gpgreen);
    border-right: 2px solid var(--gpdarkgreen);
    border-bottom: 2px solid var(--gpdarkgreen);*/
    align-content: center;
    justify-content: center;
    

}

.lgpadportrait[b-0bur96y6ug] {
    width: min(99%, 200px);
    height: min(99%, 400px);
}

.lgpadlandscape[b-0bur96y6ug] {
    height: 100px;
    width: 600px;
    
}


@media (max-width: 700px) {
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width : 480px) {
}





/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */


}



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 480px) {

    .lgpadlandscape[b-0bur96y6ug] {
        height: 75px;
        width: 450px;
        
    }
}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */


}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */

}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
    /* Styles */

}




/* *****************   */

/* _content/My20QWeb/Components/UIComponents/GPDate.razor.rz.scp.css */


.ldatelabel[b-ix5g5pgs76] {
    display: inherit;
    padding: 1px;
    margin: 0;

}


.lgpdatecontainer[b-ix5g5pgs76] {
    width: 100%;
    padding: 0 0 0.5rem 1rem;
    text-align: left;
    display: flex;
    justify-content: start;
    align-content: center;
    
}


.lmonthdiv[b-ix5g5pgs76] {
    width: auto;
    flex: 2;
    padding-right: .75rem;
    
}


.ldaydiv[b-ix5g5pgs76] {
    width: auto;

    flex: 1;
    padding-right: .75rem;
}

.lyeardiv[b-ix5g5pgs76] {
    width: auto;
    flex: 1;
    
}

@media only screen and (max-width : 450px) {

    .lmonthdiv[b-ix5g5pgs76] {
        width: auto;
        flex: 5;
        padding-right: .75rem;
    }


    .ldaydiv[b-ix5g5pgs76] {
        width: auto;
        flex: 3;
        padding-right: .75rem;
    }

    .lyeardiv[b-ix5g5pgs76] {
        width: auto;
        flex: 4;
    }

    

}
/* _content/My20QWeb/Components/UIComponents/GPHelpBadge.razor.rz.scp.css */
.lhelpscreen[b-8p1vfl4fyl] 
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 3010;
}

.lhelpcard[b-8p1vfl4fyl] {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    box-shadow: rgba(0,0,0,0.4) 10px 10px ;
    width: 80%;
}

.lhelpcard .card-header[b-8p1vfl4fyl]
{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.lhelptext[b-8p1vfl4fyl]
{
    text-align: left;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
    
}

.lhelpbutton[b-8p1vfl4fyl]
{
    height: 2.0rem;
    width: 2.0rem;
    display: flex;
    align-content: center;
    justify-content: center;
    
}

.lhelpbutton img[b-8p1vfl4fyl]
{
    height: 2.0rem;
    width: 2.0rem;
}

.lhelplink[b-8p1vfl4fyl] {
    height: 1.5rem;
    width: 1.5rem;
    margin: 0;
    display: inline;
    align-content: center;
    justify-content: center;
}



.lhelplink img[b-8p1vfl4fyl]
{
    height: 1.2rem;
    width: 1.2rem;
}

    .lhelplink img:hover[b-8p1vfl4fyl] {
        transform: translate(-2px, -2px);
        transition: 200ms;
    }
/* _content/My20QWeb/Components/UIComponents/GPPopupMessage.razor.rz.scp.css */
.lgppopmodal[b-efvpo55vjf] {
    display:block;
    overflow-y: auto;
    z-index:3000;
}


.lgppopup[b-efvpo55vjf] {
    border: 2px solid var(--gpgreen);
    border-radius: 15px;
    padding: 4px;
    outline: 2px solid var(--gpgold);
    box-shadow: rgba(107,195,110,0.5) 10px 10px;
    
}

.lgpbody[b-efvpo55vjf] {
    background: linear-gradient(to right, white, var(--gpcardback), white);
}

/* _content/My20QWeb/Components/UIComponents/My20QEliteAdvertisement.razor.rz.scp.css */
.leadcontainer[b-kamlnr6zpb] {
    
    
    width: 600px;
    border: 2px solid var(--gpgreen);
    margin-top: 16px;
}

.ladflex[b-kamlnr6zpb] {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-content: center;
}

.llogodiv[b-kamlnr6zpb] {
    height: 100%;
    width: 25%;
}

.lelitelogo[b-kamlnr6zpb] {
    height: 95px;
    width: auto;

}


.llearnmore[b-kamlnr6zpb] {
    width: 35%;
    
}

.lpurchase[b-kamlnr6zpb] {

    width: 35%;
    
    
}
/* _content/My20QWeb/Components/UIComponents/Notifications/NotificationLIstManager.razor.rz.scp.css */

.nmheader[b-coatsurhp2] {
    background: linear-gradient(to right, white 0% 40%, var(--gpback) 60%);
}

.nmtoprow[b-coatsurhp2]
{
    
}

.nmtoprowtext[b-coatsurhp2] {
    color: var(--gpdarkgreen);
    padding-left: 0.5rem;

}



.nmactions[b-coatsurhp2] {
    display: flex;
    justify-content: space-around;
    width: 70%;
    gap: 0.30rem;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

   
.nmbody[b-coatsurhp2] {
    height: 85vh;
    min-height: 90%;
    overflow-y: auto;

}
    
/* _content/My20QWeb/Components/UIComponents/Notifications/NotificationManager.razor.rz.scp.css */
.lnmmessage[b-kih6zu39nq]
{
    padding: 0.5rem 2.5rem 0.5rem 2.5rem; 
}



.lnmmessage .lnmbuttons[b-kih6zu39nq] {
    display: inline-flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    opacity: 0;

}


.lnmmessage:hover[b-kih6zu39nq] {
    background-color: var(--gpback);
    transition: 250ms;
 
}

.lnmmessage:hover .lnmbuttons[b-kih6zu39nq]
{
    opacity: 1;
    transition: 250ms;
}



.lnmheading[b-kih6zu39nq]
{
    font-size: 1.15rem;
    color: var(--gpdarkgreen);
    padding-bottom: 0.15rem;
}

/***************************  Media queries **************************** */



@media (max-width: 700px) {
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width : 480px) {
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 480px) and (max-width : 1024px) {
    /* Styles */

}




/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */


}



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 450px) {

    .lnmheading[b-kih6zu39nq] {
        font-size: 1.0rem;
        
    }

}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */


}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */

}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
    /* Styles */

}

/* _content/My20QWeb/Components/UIComponents/PublishManager.razor.rz.scp.css */

.pm_PrivacyOpts[b-otvlrscuff] {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    gap: 0.35vw;
}

.pm_PrivacyCard[b-otvlrscuff] {
    
    
    padding: 5px;
    margin: 0;
    flex-grow: 1;
    
}

.pm_PostFooter[b-otvlrscuff] {
    width: 100%;
    display: flex;
    justify-content: space-around;
}


/* _content/My20QWeb/Components/UIComponents/QuestionManager.razor.rz.scp.css */
.lquestionmanager[b-dmg8vfc6lb] {
    z-index: 1100;
    
}

.lqmdialog[b-dmg8vfc6lb] {
    width: 80%;
    background-color: white;
    
}


.lquestionmanagercontent[b-dmg8vfc6lb] {
    height: 700px;
    
    display: flex;
    flex-direction: column;

}


.lqmqe[b-dmg8vfc6lb] {
    height: 15%;
    margin-top: 5px;
    margin-bottom: 5px;
    
}

.lqmqt[b-dmg8vfc6lb] {
    height: 7%;
    margin-top: 5px;
    margin-bottom: 5px;
    
}


.lqmqd[b-dmg8vfc6lb] 
{
    height: 68%;
    
}


.lfreeformcont[b-dmg8vfc6lb] {
    /*flex: 1 1 auto;*/
    /*height: 50vh;*/
    height: 75%;
    
    
}



.lmultichoicecont[b-dmg8vfc6lb] {
    
    height: 100%;
    display: flex;
    flex-direction: column;
    
}


.lmultichoiceparms[b-dmg8vfc6lb] {
    width: 100%;
    display: flex;
    justify-content: start;
    align-content: center;
  
}


.lqmchoices[b-dmg8vfc6lb] {
    width: 100%;
    background-color: white;
    overflow: auto;
}

.lqmmcchoices[b-dmg8vfc6lb] {
    
}

.lqmratingchoices[b-dmg8vfc6lb] {

}

.lqminputgroup[b-dmg8vfc6lb] {
    text-align: center;
    white-space: nowrap;
    display: flex;
    align-items: center;
    
}

@media (max-width : 650px) {

    .lqmdialog[b-dmg8vfc6lb] {
        width: 90%;
    }
}
/* _content/My20QWeb/Components/UIComponents/Rating/GPRatingGroup.razor.rz.scp.css */
.lrgcontainer[b-14ovpxztvs]
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    width: 100%;
    

    
}

.lrgbutton[b-14ovpxztvs]
{
    font-size: 0.85rem;
    padding: 3px;
    min-width: 2rem;
    
}

    .lrgbutton:focus[b-14ovpxztvs], .lrgbutton:active:focus[b-14ovpxztvs] {
        box-shadow: 0 0 0 0.1rem black;
    }

.lnabutton[b-14ovpxztvs]
{
    margin-left: 5px !important;
}

.lrgcaptions[b-14ovpxztvs] {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
}

.lrgcaption[b-14ovpxztvs]
{
    font-size: 0.85rem;
    font-style: italic;
}


.lrgnahilow[b-14ovpxztvs] 
{
    width: 90%;
    
}

.lrgcontainerna[b-14ovpxztvs] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    width: 90%;
}

.lrgnabtngroup[b-14ovpxztvs]
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: start;
    align-content: center;
    width: 100%;
}




@media (max-width : 500px) {
    .lrgbutton[b-14ovpxztvs] {
        font-size: 0.75rem;
        padding: 2px;
        min-width: 1rem;
    }

    .lrgcaption[b-14ovpxztvs] {
        font-size: 0.75rem;
        font-style: italic;
    }

    .lrgnahilow[b-14ovpxztvs] {
        width: 85%;
    }

    .lrgcontainerna[b-14ovpxztvs] {
        width: 85%;
    }
}
/* _content/My20QWeb/Components/UIComponents/SchoolListEdit.razor.rz.scp.css */
.sle_editform[b-kkf3mrbrxq] 
{
    width: 75%;
}

.sle_updated[b-kkf3mrbrxq]
{
    padding-left: 0.5rem;
    font-size: 85%;
    font-style: italic;
    color: #cbac02;
}

.sle_new[b-kkf3mrbrxq] {
    padding-left: 0.5rem;
    font-size: 85%;
    font-style: italic;
    color: var(--gpgreen);
}

.sle_deleted[b-kkf3mrbrxq] 
{
    padding-left: 0.5rem;
    font-size: 85%;
    font-style: italic;
    color: maroon;
    text-decoration: none !important;
}





.sle_schoolrow[b-kkf3mrbrxq]
{
    text-align: left;
    border: none;
    border-bottom: solid var(--gpgold) 2px;
}


.sle_schoolname[b-kkf3mrbrxq]
{
    font-weight: bold;
    color: var(--gpgreen);
    font-size: 1.1rem;
}

.sle_schoolcity[b-kkf3mrbrxq]
{
    font-size: 0.9rem;
    font-style: italic;
}

.sle_schooldates[b-kkf3mrbrxq]
{
    font-size: 0.9rem;
    color:var(--gpgreen);
    font-weight: 600;

}

.sle_schoolgrad[b-kkf3mrbrxq]
{
    font-size: 0.9rem;
    height: 1.25rem;
}

.sle_btnimg[b-kkf3mrbrxq]
{
    padding-left: 4px;
    padding-right: 4px;
}

.sle_buttonrow[b-kkf3mrbrxq] {
    padding: 0;
    margin: 0;
    font-size: 0.85rem;
    height: 2rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: center;
    border: 0;
    overflow: hidden;
}
/* _content/My20QWeb/Components/UIComponents/Spinner.razor.rz.scp.css */

@keyframes kfspinner-b-ok2scmw5be {
    0% {
        transform: rotateY(0) rotate(0deg);

        
    }

    50% {
        transform: rotateY(180deg) rotate(360deg);
    }


    100% {
        transform:  rotateY(360deg) rotate(720deg);
    }
}


.my20qspinner[b-ok2scmw5be] {
    color: ##009716;
    animation: kfspinner-b-ok2scmw5be linear 2s infinite;
    width: auto;

}

.my20qspincontainer[b-ok2scmw5be] {
    width: 25%;
    height: 25%;
    
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    position: absolute;
    align-self: center;
    justify-self: center;
    top: 25%;
    left: 25%;
    transform: translate(50%, 50%);
    background-color: rgba(255, 255, 255, 0.9);
    border: green 1px solid;
    padding: 5px;
    outline: gold 3px solid;
    border-radius: 15px;
    z-index: 5000;
}

.my20qspintext[b-ok2scmw5be]
{
    font-size: 1.2rem;
    color: var(--gpdarkgreen);
}
/* _content/My20QWeb/Components/UIComponents/SurveySummaries/FreeFormSummary.razor.rz.scp.css */


.lfreeformsummarycard[b-ai2zkebgyt] {
    
    color: black;
    padding: 0;
    margin: 0.6rem;
    
}

.lfreeformsummarycard .card-header[b-ai2zkebgyt]
{
    background-color: var(--gpback);

}

.lfreeformsummarycard .card-body[b-ai2zkebgyt] 
{
    background-color: var(--gpcardback);
}


@media (max-width : 450px) {

    .lfreeformsummarycard[b-ai2zkebgyt] {
        margin: 0;
    }

}
/* _content/My20QWeb/Components/UIComponents/SurveySummaries/MultipleChoiceSummary.razor.rz.scp.css */
.lgpmultichoicesummary[b-u1evx000u9] {
    
}

    .lgpmultichoicesummary tr[b-u1evx000u9] {
        font-size: 0.85rem;
    }

    .lgpmultichoicesummary th[b-u1evx000u9] {
        text-align: left;
        width: 33%;
    }

    .lgpmultichoicesummary td[b-u1evx000u9] {
        width: 33%;
    }



    /*.bartext
    {
        display: block;
        z-index: 5;
        position: relative;
        
        color: black;
        font-weight: bold;
        filter: invert(100%);
        mix-blend-mode: difference;

    }*/

.bartext[b-u1evx000u9] {
    display: block;
    z-index: 5;
    position: relative;
    font-weight: bolder;
    
}

   


    .barcontainer[b-u1evx000u9] 
    {
        position:relative;
        top: -1.25rem;
    }

    .bargraph[b-u1evx000u9]
    {
        display: block;
        z-index: 3;
    }
/* _content/My20QWeb/Components/UIComponents/SurveySummaries/QuestionSummaries.razor.rz.scp.css */


.lQuestionReportSummary[b-m3oc67b182]
{
    /* may not  be needed */
}
/* _content/My20QWeb/Components/UIComponents/SurveySummaries/RatingSummary.razor.rz.scp.css */
.lratingreport[b-8ynw95qazw] {
    color: var(--gpblack);
    overflow: auto;
    
}


.lratingtable[b-8ynw95qazw] 
{
    width: 100%;
 
}


.lactlabel[b-8ynw95qazw] {
    font-weight: bold;
}

.lactdata[b-8ynw95qazw] {
    font-weight: normal;
    font-size: 0.90rem;
}



.bartext[b-8ynw95qazw] {
    display: block;
    z-index: 5;
    position: relative;
    font-weight: bolder;
}




.barcontainer[b-8ynw95qazw] {
    position: relative;
    top: -1.25rem;
}

.bargraph[b-8ynw95qazw] {
    display: block;
    z-index: 3;
}


@media  (max-width : 500px) {

    .lactlabel[b-8ynw95qazw] {
        font-size: 0.75rem;
    }

    .lactdata[b-8ynw95qazw] {
        
        font-size: 0.73rem;
    }


}
/* _content/My20QWeb/Components/UIComponents/SurveySummaries/RatingValueChart.razor.rz.scp.css */
.lrchart[b-oheukqkivl] {
    width: 100%;
    height: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    gap: 0;
    
}

.lpre[b-oheukqkivl] {
    background-color: var(--gpgreen);
    height: 50%;
    padding: 0;
    align-self: center;
}

.lind[b-oheukqkivl] {
    background-color: black;
    height: 100%;
    padding: 0;
    border-radius: 50%;
    color: white;
    font-size: 0.6rem;
    text-align: center;
    vertical-align: middle;
}

.lpost[b-oheukqkivl] {
    background-color: goldenrod;
    height: 50%;
    padding: 0;
    align-self: center;
}


.lrgcontainer[b-oheukqkivl] {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
}

.lrgbutton[b-oheukqkivl]
{
    font-size: 0.85rem;
    min-width: 2rem;
    text-wrap:nowrap;
    text-align: right;
    
}


@media (max-width : 500px) {
    .lrgbutton[b-oheukqkivl] {
        font-size: 0.75rem;
        padding: 2px;
        min-width: 1rem;
    }

    
}
/* _content/My20QWeb/Components/UIComponents/SurveySummaries/SurveyActivityManager.razor.rz.scp.css */
.lActivityParentContainer[b-68aigiqc8r] {
    position: absolute;
    top: 50px;
    left: 0px;
    height: 85dvh;
    overflow: auto;
    animation: kf-slidein-b-68aigiqc8r 300ms ease;
    z-index: 1000;
    padding: 0;
    margin: 0;
    width: 75%;
    margin-top: 4px;
    margin-left: 0;
    padding-left: 0;
    
}


.lactivitycard[b-68aigiqc8r] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: white;
    
    height: 100%;
    display: flex;
    flex-direction: column;
    
    /*border: solid 2px var(--gpgreen);*/
    border-top: solid 2px var(--gpgreen);
    border-bottom: solid 2px var(--gpgreen);
    border-right: solid 2px var(--gpgreen);
    border-left: none;
    box-shadow: rgba(1,1,1,0.3) 3px 3px;
}


    .lactivitycard .card-header[b-68aigiqc8r] {
        width: 100%;
        height: auto;
        
    }

    .lactivitycard .card-body[b-68aigiqc8r] {
        width: 100%;
        height: 83%;
        display: flex;
        flex-direction: column;


        
    }

    
    .lactivitycard .card-footer[b-68aigiqc8r] {
        
        width: 100%;
        background: white;
    }
       

.llinkrow[b-68aigiqc8r] 
{
    display: flex;
    justify-content: center;
}

.ltabcont[b-68aigiqc8r] {
    height: auto;
    
}


.lreportcont[b-68aigiqc8r] {
    flex: auto;
    overflow-y:auto;
    
}


.lactivityheader[b-68aigiqc8r] {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 4px 3px 4px 0.5rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap-reverse;
    background: linear-gradient(to right, white, var(--gpcardback), white);
    color: var(--gpgreen);
}




.lactivitydetails[b-68aigiqc8r] {
    
    padding: 4px;
    

}





@keyframes kf-slidein-b-68aigiqc8r {
    0% {
        left: -75%;
    }


    100% {
        left: 0;
    }
}



/***************************  Media queries **************************** */



@media (max-width: 700px) {

   
   
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width : 480px) {
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 480px) and (max-width : 1024px) {
    /* Styles */

}




/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    
}



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 450px) {


    .lActivityParentContainer[b-68aigiqc8r] {
        height: 95dvh;
        width: 95%;
        
    }



    .lactivitycard .card-body h3[b-68aigiqc8r] {
        font-size: 0.85rem;
    }

    .lActivityParentContainer[b-68aigiqc8r] {
        height: 85dvh;
    }

    .lactivityheader[b-68aigiqc8r] {
        justify-content: space-between;
        align-content: center;
    }

}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
 
}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
    /* Styles */
    
}






    
/* _content/My20QWeb/Components/UIComponents/SurveySummaries/SurveyActivityStats.razor.rz.scp.css */
.lactivityreport[b-fll92qjc1e] {
    
    color: var(--gpblack);
   
    
    
}


.lactlabel[b-fll92qjc1e] {
    font-weight: normal;
}

.lactdata[b-fll92qjc1e] {
    font-weight: bold;
}
/* _content/My20QWeb/Components/UIComponents/SurveySummaries/SurveyVisitAnswers.razor.rz.scp.css */
.lgpanswerscard[b-8kz9zrfdom] {
    border: solid 1px var(--gpdarkgreen);
    width: 95%;
    margin-top: 4px;
    background-color: var(--gpcardback);
    color: black;
    border-radius: 10px;
    padding: 0.2rem;
    margin: 0.6rem;
}


 

    .lgpanswerscard .card-header[b-8kz9zrfdom] {
        padding: 2px;
        font-size: 0.95rem;
        font-weight: bold;
    }

    .lgpanswerscard .card-title[b-8kz9zrfdom] {
        font-size: clamp(0.65rem, 3vw, 1.1rem);
        padding-left: 0px;
    }

    .lgpanswerscard .card-body[b-8kz9zrfdom] {
        background: linear-gradient(to right, white, var(--gpgradback), white);
    }

    .lgpanswerscard .gpcardtext[b-8kz9zrfdom] {
        font-size: clamp(0.70rem, 1.5vw, 0.80rem);
        color: black;
        word-wrap: break-word;
    }

    .lgpanswerscard .card-footer[b-8kz9zrfdom] {
        background: linear-gradient(to right, white, var(--gpcardback), white);
    }



/* _content/My20QWeb/Components/UIComponents/SurveySummaries/SurveyVisitReport.razor.rz.scp.css */



/* _content/My20QWeb/Components/UIComponents/Verification.razor.rz.scp.css */


.vcard[b-92lk46fij3] {
    
    
    
    z-index: 1000;
    border: solid 2px var(--gpgold);
    background: linear-gradient(to right, white, var(--gpcardback), white);
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    border-radius: 15px;
    margin-right: auto !important;
    margin-left: auto !important;
    width: 50%;
    
}
