@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.1pqxibmw4z.bundle.scp.css';

/* _content/CEMarketplace/Components/Account/Pages/Login.razor.rz.scp.css */
.bg-image[b-u4zzqkk1qj] { }
@media (max-width: 576px) { /* Default Bootstrap sm breakpoint */
    .bg-image[b-u4zzqkk1qj] {
                background: #2d6291 url('/images/backgrounds/landing-and-school-head-m.webp') 0 30% no-repeat;
                background-size: cover;
    }
}

.sm-text-color[b-u4zzqkk1qj] { }
@media (max-width: 576px) { /* Default Bootstrap sm breakpoint */
    .sm-text-color[b-u4zzqkk1qj] {
        color: white;
    }
}

.sm-btn[b-u4zzqkk1qj] { }
@media (max-width: 576px) { /* Default Bootstrap sm breakpoint */
    .sm-btn[b-u4zzqkk1qj] {
        color: white;
        text-decoration: underline;
    }
    .sm-btn:hover[b-u4zzqkk1qj] {
        color: var(--teal-400);
    }
}
/* _content/CEMarketplace/Components/Account/Pages/Register.razor.rz.scp.css */
.form-check-input[type="checkbox"][b-lquk0w77xw] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    width: 1rem;
    height: 1rem;
    border: 1.5px solid var(--grey-500);
    border-radius: 0rem;
    outline: none;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    top: 5px;
}

    .form-check-input[type="checkbox"]:checked[b-lquk0w77xw]::before {
        content: "";
        display: block;
        width: .65rem;
        height: .65rem;
        background-color: var(--green-500);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.form-check-label[b-lquk0w77xw] {
    font-size: 1.1rem;
    color: var(--grey-700);
    cursor: pointer;
}

.callout-grey[b-lquk0w77xw] {
    background-color: var(--grey-200);
    padding: 2rem; /* commonly overwritten to rem4 in custom override classes.*/
    border-radius: 8px;
    border: 1px solid var(--grey-300);
}
@media (max-width: 992px) { /*boostrap lg breakpoint*/
    .callout-grey[b-lquk0w77xw] {
        margin-bottom: .5rem;
    }
}
@media (max-width: 768px) { /*boostrap md breakpoint*/
    .callout-grey[b-lquk0w77xw] {
        padding: 1rem;
        border-radius: 5px;
        margin-bottom: .5rem;
    }
}

.submit-button[b-lquk0w77xw] {
    width: 100%;
}

@media (max-width: 576px) { /* Bootstrap sm breakpoint */
    .submit-button[b-lquk0w77xw] {
        position: absolute;
        right: 0;
        left: 0;
    }
}

.button-space[b-lquk0w77xw] {
    height: 0;
}

@media (max-width: 576px) {
    .button-space[b-lquk0w77xw] {
        height: 2rem;
    }
}
/* _content/CEMarketplace/Components/Layout/LoadingRing.razor.rz.scp.css */
.ring-container[b-m3j3wbxfsa] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem;
}

.ring[b-m3j3wbxfsa] {
    display: flex;
    width: 80px;
    height: 80px;
}

    .ring div[b-m3j3wbxfsa] {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 4px;
        border: 4px solid white;
        border-radius: 50%;
        animation: ring-b-m3j3wbxfsa 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: var(--grey-500) transparent transparent transparent;
    }

        .ring div:nth-child(1)[b-m3j3wbxfsa] {
            animation-delay: -0.45s;
        }

        .ring div:nth-child(2)[b-m3j3wbxfsa] {
            animation-delay: -0.3s;
        }

        .ring div:nth-child(3)[b-m3j3wbxfsa] {
            animation-delay: -0.15s;
        }

@keyframes ring-b-m3j3wbxfsa {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/CEMarketplace/Components/Layout/MainFooter.razor.rz.scp.css */
footer[b-fcb8x6rjd3] {
  background-color: var(--footer-color);
  padding: 1.5rem 1rem 1rem;
  color: white;
  font-size: var(--text-small-size);
  line-height: 1.3rem;
}

a[b-fcb8x6rjd3] {
  color: white;
}
a:hover[b-fcb8x6rjd3], a:active[b-fcb8x6rjd3] {
  color: var(--grey-300);
}

h2[b-fcb8x6rjd3] {
  font-weight: bold;
}

.logo[b-fcb8x6rjd3] {
  width: 54px;
}

ul[b-fcb8x6rjd3] {
  padding: 0;
}

li[b-fcb8x6rjd3] {
  list-style: none;
}

.social-icons[b-fcb8x6rjd3] {
  margin-bottom: 0.5rem;
}
.social-icons i[b-fcb8x6rjd3] {
  font-size: 1.3rem;
  padding-right: 0.5rem;
}
/* _content/CEMarketplace/Components/Layout/MainLayout.razor.rz.scp.css */
/* _content/CEMarketplace/Components/Layout/NavMenu.razor.rz.scp.css */
/* make sure the mobile nav goes away if device screen goes back up. currently the nav menu will reappear when the device size returns backdown */
@media (min-width: 992px) {
    .hide-mobile-nav-large[b-65pwdct7db] {
        display: none !important;
        transition: none !important;
    }
}
.hide-mobile-nav-large[b-65pwdct7db] {
}

/* if logo should change for very small sizes */
.logo-selector-text[b-65pwdct7db] {
    display: inline;
}
.logo-selector-logo[b-65pwdct7db] {
    display: none;
}
@media (max-width: 360px) {
    .logo-selector-text[b-65pwdct7db] {
        display: none;
    }
    .logo-selector-logo[b-65pwdct7db] {
        display: inline;
    }
}

.navbar-toggler[b-65pwdct7db] {
    border: 0;
    opacity: 75%;
    box-shadow: none;
}

.navbar-brand > img[b-65pwdct7db] {
    width: 230px;
}

.nav-link[b-65pwdct7db] {
    color: var(--grey-600);
    font-size: 0.9rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    z-index: 1;
}
    .nav-link:hover[b-65pwdct7db] {
        color: var(--grey-700);
        font-weight: bold;
    }
    .nav-link:active[b-65pwdct7db] {
/*        this happens when actively clicking on the link*/
    }

    .nav-link.active[b-65pwdct7db] {
        color: var(--grey-700);
        font-weight: bold;
    }
.nav-link-m[b-65pwdct7db] {
    color: black;
    font-size: 1rem;
    text-decoration: none;
    border-bottom: 1px solid var(--grey-500);
    white-space: nowrap;
    overflow-x: hidden;   
}
    .nav-link-m:not(span):hover[b-65pwdct7db] {
        background-color: var(--grey-200);
    }
    .nav-link-m.active[b-65pwdct7db] {
        background-color: var(--grey-200);
    }
a.nav-link-m[b-65pwdct7db] {
    display: flex;
    justify-content: space-between;
}
button.nav-link-m[b-65pwdct7db] {
    display: flex;
    justify-content: start;
    font-weight: 500;
    font-size: 1.24rem; /* h4 */
}
span.nav-link-m[b-65pwdct7db] {
    font-weight: bold;
    font-size: 1.12rem; /* h5 */
}

.profile-menu[b-65pwdct7db] {
    background-color: white;
    position: absolute;
    padding:1rem;
    min-width: 15rem;
    right: 0;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    z-index: 2;
    display: none;
    border-radius: 0.5rem;
}
.show[b-65pwdct7db] {
    display: block;
}

.profile-link[b-65pwdct7db] {
    display: block;
    margin-bottom: 1rem;
    line-height: 1;
}

.mobile-nav[b-65pwdct7db] {
    height: 100vh;
    position: absolute !important;
    z-index: 4; /* Stay on top */
    right: 0; /* come in from the right */
    top: 100%;
    background-color: white !important;
    border-top: 1px solid var(--grey-500);

    display: none;
    transition-duration: 0.5s;
    transition-behavior: allow-discrete; /* ms won't update blazors css validator, but this is real and works. same for starting-style */
}

.active-menu[b-65pwdct7db] { /* used for mobile menu sub menu's */
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.closed-menu[b-65pwdct7db] {
    opacity: 0;
    pointer-events: none;
    display: none;
}

.open-mobile-menu[b-65pwdct7db] { /* set status of mobile menu */
    width: 100%;
    display: block;

    @starting-style{
        width: 0;
    }
}

.close-mobile-menu[b-65pwdct7db] { 
    width: 0;
    display: none;
}

.user-type-bar[b-65pwdct7db] {
/*    align-content: center;*/
/*    display: flex;*/
/*    padding-left: 5rem;*/
/*    padding-top: .25rem;*/
/*    padding-bottom: .25rem;*/
    color: white;
    min-width: 100%;
}

svg[b-65pwdct7db] {
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.active svg[b-65pwdct7db] {
    transform: rotate(90deg);
}

path[b-65pwdct7db] {
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

    path:nth-child(1)[b-65pwdct7db] {
        transform-origin: 36% 40%;
    }

    path:nth-child(2)[b-65pwdct7db] {
        stroke-dasharray: 29 299;
    }

    path:nth-child(3)[b-65pwdct7db] {
        transform-origin: 35% 63%;
    }

    path:nth-child(4)[b-65pwdct7db] {
        stroke-dasharray: 29 299;
    }

    path:nth-child(5)[b-65pwdct7db] {
        transform-origin: 61% 52%;
    }

    path:nth-child(6)[b-65pwdct7db] {
        transform-origin: 62% 52%;
    }

.active path:nth-child(1)[b-65pwdct7db] {
    transform: translateX(9px) translateY(1px) rotate(45deg);
}

.active path:nth-child(2)[b-65pwdct7db] {
    stroke-dasharray: 225 299;
    stroke-dashoffset: -72px;
}

.active path:nth-child(3)[b-65pwdct7db] {
    transform: translateX(9px) translateY(1px) rotate(-45deg);
}

.active path:nth-child(4)[b-65pwdct7db] {
    stroke-dasharray: 225 299;
    stroke-dashoffset: -72px;
}

.active path:nth-child(5)[b-65pwdct7db] {
    transform: translateX(9px) translateY(1px) rotate(-45deg);
}

.active path:nth-child(6)[b-65pwdct7db] {
    transform: translateX(9px) translateY(1px) rotate(45deg);
}
/* _content/CEMarketplace/Components/Pages/Admin/AdminPage.razor.rz.scp.css */
.callout-white[b-418nkjt5ck] {
    padding: 0;
    padding-left: .5rem;
}

.nav-link[b-418nkjt5ck] {
    color: var(--bodyText-color);
    cursor: pointer;
}

    .nav-link:hover[b-418nkjt5ck] {
        font-weight: bold;
        margin-right: -5px; /* lets it go slightly into containers padding to allow for expansion of text when bold */
    }

    .nav-link.active[b-418nkjt5ck] {
        font-weight: bold;
    }
/* _content/CEMarketplace/Components/Pages/Admin/AdminPageComponents/ManageAttendees.razor.rz.scp.css */
.table-custom[b-3au6ocqoq8] {
    border: 1px solid var(--grey-400); /* Outer border */
    border-collapse: collapse; /* Collapse borders */
    table-layout: fixed; /* Prevents cells from growing too large */
}
    .table-custom th[b-3au6ocqoq8],
    .table-custom td[b-3au6ocqoq8] {
        /*border: 1px solid var(--grey-400);*/ /* Border between rows */
        overflow: hidden;
    }

    .table-custom th[b-3au6ocqoq8] {
        color: white;
        font-weight: normal;
        line-height: normal;
        background-color: var(--grey-600); /* colors are from list-view0row classes */
    }

    .table-custom td[b-3au6ocqoq8] {
        background-color: white;
    }

.tab-item[b-3au6ocqoq8] {
    display: inline-block; /* js won't function with an inline element */
    text-decoration: none;
    color: #333;
    font-size: .8rem;
    font-weight: bold;
    margin-left: .5rem;
    margin-right: .5rem;
}

.slider[b-3au6ocqoq8] {
    margin: 0;
    height: .25rem;
    width: 0; /* initial size before js overrides */
    border: none;
    transition: all 350ms cubic-bezier(0.595, -0.145, 0.360, 1.230);
    background-color: var(--green-500);
    opacity: 1; /* no clue what was trying to change this */
}

.full-width[b-3au6ocqoq8] {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

.wrap-sm[b-3au6ocqoq8] {}
@media (min-width: 576px) { /* Bootstrap's sm breakpoint */
    .wrap-sm[b-3au6ocqoq8] {
        overflow-wrap: break-word;
    }
}
/* _content/CEMarketplace/Components/Pages/Admin/AdminPageComponents/MergeDuplicates.razor.rz.scp.css */
table[b-u4i4zzmhcq] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border: 1px solid var(--grey-400);
}

    table td[b-u4i4zzmhcq], table th[b-u4i4zzmhcq] {
        border: 1px solid var(--grey-400);
        padding: .5rem;
    }

        table td div[b-u4i4zzmhcq] {
            display: flex;
            gap: 3px;
            align-items: center;
        }

        table td:first-child[b-u4i4zzmhcq] {
            background-color: var(--grey-250);
        }

    table th[b-u4i4zzmhcq] {
        background: var(--grey-250);
        font-weight: bold;
    }
/* _content/CEMarketplace/Components/Pages/Admin/AdminPageComponents/UserManagement.razor.rz.scp.css */
.ellipsis-wrap[b-pagby807oo] {
    display:block;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

.ellipsis[b-pagby807oo] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%;
}

.hover-grow:hover[b-pagby807oo] {
    font-size: .9rem !important;
}







.table-custom[b-pagby807oo] {
    border: 1px solid var(--grey-400); /* Outer border */
    border-collapse: collapse; /* Collapse borders */
    table-layout: fixed; /* Prevents cells from growing too large */
}

    .table-custom th[b-pagby807oo],
    .table-custom td[b-pagby807oo] {
        /*border: 1px solid var(--grey-400);*/ /* Border between rows */
        overflow: hidden;
/*        word-break: break-all;*/
    }

    .table-custom th[b-pagby807oo] {
        color: white;
        font-weight: normal;
        line-height: normal;
        background-color: var(--grey-600); /* colors are from list-view-row classes */
    }

    .table-custom td[b-pagby807oo] {
        background-color: white;
    }
/* _content/CEMarketplace/Components/Pages/Admin/DetailsPages/AwardCredits.razor.rz.scp.css */
.col-layout[b-cmmscf0wj0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .25rem;
    padding-right: .25rem;
    overflow: hidden;
}

.ellipsis-wrap[b-cmmscf0wj0] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.full-width[b-cmmscf0wj0] {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}
/* _content/CEMarketplace/Components/Pages/Admin/DetailsPages/UserDetails.razor.rz.scp.css */
/* _content/CEMarketplace/Components/Pages/Admin/Import/ImportPage.razor.rz.scp.css */
.callout-white[b-cbvr2w98yw] {
    padding: 0;
    padding-left: .5rem;
}

.nav-link[b-cbvr2w98yw] {
    color: var(--bodyText-color);
}

    .nav-link:hover[b-cbvr2w98yw] {
        font-weight: bold;
        margin-right: -5px; /* lets it go slightly into containers padding to allow for expansion of text when bold */
    }

    .nav-link.active[b-cbvr2w98yw] {
        font-weight: bold;
    }
/* _content/CEMarketplace/Components/Pages/Admin/Import/ImportPageComponents/ImportEmployerInfo.razor.rz.scp.css */
textarea[b-64fnyz9oh5] {
    width: 100%;
    padding: 0.25rem;
    border: 1px solid #aaa;
    background-color: #f8f8f8;
}
/* _content/CEMarketplace/Components/Pages/Admin/Import/ImportPageComponents/ImportLara.razor.rz.scp.css */
textarea[b-9w2nlql8dg] {
    width: 100%;
    padding: 0.25rem;
    border: 1px solid #aaa;
    background-color: #f8f8f8;
}
/* _content/CEMarketplace/Components/Pages/Admin/Import/ImportPageComponents/ImportMemberExtract.razor.rz.scp.css */
textarea[b-97i7p5v49m] {
    width: 100%;
    padding: 0.25rem;
    border: 1px solid #aaa;
    background-color: #f8f8f8;
}
/* _content/CEMarketplace/Components/Pages/ClassDetails/ClassDetailsPage.razor.rz.scp.css */
.card-banner[b-m0lvmo0x6a] {
    background: var(--purple-mix); /* could maybe do it based off user type once thats an accessible variable */
    height: 1rem;
    border-top-left-radius: .315rem;
    border-top-right-radius: .315rem;
}

.mobile-padding[b-m0lvmo0x6a] {
}

@media (width < 992px) { /* lg breakpoint */
    .mobile-padding[b-m0lvmo0x6a] {
        padding-bottom: 10rem;
    }
}

.delivery-width[b-m0lvmo0x6a] {
    width: 75%;
}
@media (width < 992px) { /* lg breakpoint */
    .delivery-width[b-m0lvmo0x6a] {
        width: 100%;
    }
}

.top[b-m0lvmo0x6a] {
    top: -10rem;
    /*top: calc(-1.5rem - 1rem - 1px - 1rem - 2rem - 1.25rem - 1px);*/ /* space under banner - card banner - card border - card header padding - paragraph margin - paragraph space (with +25% lien height) - line up with the border */
}
/*@media (width < 1400px) {*/ /* xxl breakpoint */
    /*.top {
        top: calc(-1.5rem - 1rem - 1px - 1rem - 2rem - 1.25rem - 4px);
    }
}
@media (width < 1200px) {*/ /* xl breakpoint. somethign in size settigns changes and the spacing gets altered slightly, so for this size down its -2 more px. */
    /*.top {*/
        /*        top: -6.13%;*/
        /*top: calc(-1.5rem - 1rem - 1px - 1rem - 2rem - 1.25rem - 1px - 3px);
    }
}*/
@media (width < 992px) {  /* lg breakpoint */
    .top[b-m0lvmo0x6a] {
        top: -10rem;
    }
}
/*@media (width < 768px) {*/ /* md breakpoint. this specificity is to keep the point that the box crosses into the header at the same spot the grey bg starts */
    /*.top {
        top: calc(-1.5rem - 1rem - 1px - 1rem - 2rem - 1.25rem - 1px - 4px);
    }
}*/

@media (width < 992px) { /* lg breakpoint */
    .move-up[b-m0lvmo0x6a] {
        margin-top: -8rem;
        /*        top: calc( 1rem - 1px - 1rem - 2rem - 1.25rem - 1px - 2px);*/
        /*        margin-bottom: calc( 1rem - 1px - 1rem - 2rem - 1.25rem - 1px - 2px);*/
    }  
}

/*@media (width <  992px) {*/ /* lg breakpoint is applies on 992*/
/*    #card {order:1}*/
/*    #info {order:2}*/
/*}*/

.purple-bg[b-m0lvmo0x6a] {
    background-image: var(--purple-mix-verticle);
}

.blue-bg[b-m0lvmo0x6a] {
    /*    background-image: var(--blue-mix-verticle);*/
    background-color: red;
}

.teal-bg[b-m0lvmo0x6a] {
    background-image: var(--teal-mix-verticle);
}
/* _content/CEMarketplace/Components/Pages/ClassDetails/HorizontalCard.razor.rz.scp.css */
.callout-grey[b-0boq8rv9pr] {
    padding: 0rem;
}

.printable[b-0boq8rv9pr] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    page-break-inside: avoid;
}

.printing-styles[b-0boq8rv9pr] {
    border: #bfdf94 5px solid;
    padding: 5rem;
    display: flex;
    flex-direction: column;
}
/* _content/CEMarketplace/Components/Pages/ClassDetails/VerticalCard.razor.rz.scp.css */
.card-banner[b-hxjxdz7x2g] {
    background: var(--purple-mix); /* could maybe do it based off user type once thats an accessible variable */
    height: 1rem;
    border-top-left-radius: .315rem;
    border-top-right-radius: .315rem;
}

.card[b-hxjxdz7x2g] {
    --bs-card-border-color: var(--grey-400);
}

small[b-hxjxdz7x2g] {
    display: block;
    margin: 1em 0;
}
/* _content/CEMarketplace/Components/Pages/Classes.razor.rz.scp.css */
.tab-item[b-152ey5ymg7] {
    display: inline-block; /* js won't function with an inline element */
    text-decoration: none;
    cursor: pointer;
    color: #333;
    font-size: .8rem;
    font-weight: bold;
    margin-left: .5rem;
    margin-right: .5rem;
}

.slider[b-152ey5ymg7] {
    margin: 0;
    height: .25rem;
    width: 0; /* initial size before js overrides */
    border: none;
    transition: all 350ms cubic-bezier(0.595, -0.145, 0.360, 1.230);
    background-color: var(--green-500);
    opacity: 1; /* no clue what was trying to change this */
}

.btn-dark[b-152ey5ymg7] {
    background-color: var(--grey-700);
    color: white;
}

.btn-light[b-152ey5ymg7] {
    background-color: var(--grey-300);
    color: black;
}

.collapse[b-152ey5ymg7] {
    display: none;
}
    .collapse.show[b-152ey5ymg7] {
        display: block;
    }

.filter-panel[b-152ey5ymg7] {
    height: 100vh;
    position: absolute;
    z-index: 5;
    right: 0;
    top: 0;

    background-color: white;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    transition-duration: 0.5s;
    transition-behavior: allow-discrete;
}

.open-filter-menu[b-152ey5ymg7] { /* set status of mobile menu */
    width: 100%;
    display: flex;

    @starting-style {
        width: 0;
    }
}

.close-filter-menu[b-152ey5ymg7] {
    width: 0;
    right:-8%; /* even with width 0 something is forcing there to still be rendered content. since this is only relvent during the closing animation (since display none anyways) i have it just go further off to the right */
    display: none;

}

.search-input[b-152ey5ymg7] {
    padding-right: 1.75rem; /* Ensure text doesn’t overlap the button */
    padding-left: .5rem;
    background-color: var(--grey-200);
    color: var(--green-500);
}
    .search-input[b-152ey5ymg7]::placeholder {
        /*to chagne color if wanted. green-600 looks good too, basically grey version of green*/
    }

.search-overlay-btn[b-152ey5ymg7] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    background-image: var(--green-mix);
    box-shadow: inset 0 -0.5px 0.5px var(--green-600);
    cursor: pointer;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-left: none !important;
    min-height: auto !important;
    min-width: auto !important;
    font-size: 1rem; /* Font size */
    line-height: 1.5; /* Line height */
    background-clip: padding-box; /* Background clip */

    height: 100%;
}

    .search-overlay-btn:hover[b-152ey5ymg7] {
        background-image: none;
        background-color: var(--green-500);
        box-shadow: none;
    }

    .search-overlay-btn:active[b-152ey5ymg7] {
        box-shadow: inset 0 0 0 1.5px var(--green-600);
        background-image: none;
        background-color: var(--green-500);
    }

/*.popup-left {
    position: absolute;
    right: 100%;
    bottom: 0;
    transform: translateY(25%);
    z-index: 4;
    width: 150%;
    max-width: 100vw;
}

.arrow-left {
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(45deg);
    bottom: 50%;*/ /* Adjust as needed */
    /*right: -8px;*/ /* Adjust as needed */
    /*background-color: var(--grey-200);
    border-color: var(--grey-300);
}

.popup-right {
    position: absolute;
    left: 100%;
    bottom: 0;
    transform: translateY(25%);
    z-index: 4;
    width: 150%;
    max-width: 100vw;
}

.arrow-right {
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    transform: rotate(45deg);
    top: 50%;*/ /* Adjust as needed */
    /*left: -8px;*/ /* Adjust as needed */
    /*background-color: var(--grey-200);
    border-color: var(--grey-300);
}

.filter-panel {
    width: 100%;
    height: 0;
    transform-origin: top;
    background-color: white;
    overflow: hidden;
    transition: height 0.5s ease, width .5s ease;
}
.filter-panel.active {
    height: 300px;*/ /* animated property */
/*}
@media (max-width: 768px) {
    .filter-panel {
        overflow: hidden;
        z-index: 5;
        position: absolute;
        height: 100%;
        right: 0;
        width: 0;
    }
        .filter-panel.active {
            width: 100%;*/ /* animated property */
            /*height: 100%;*/ /* override defaults active class*/
        /*}
}*/
/* _content/CEMarketplace/Components/Pages/FooterLinks/AboutUs.razor.rz.scp.css */
.hero[b-7ez0ednaio] {
    background: #2d6291 url('/images/backgrounds/navy-footerpages-head-m.webp') 0 30% no-repeat;
    background-size: cover;
    min-height: 8.5rem;
    align-content: center;
}

@media (min-width: 576px) { /* Default Bootstrap sm breakpoint */
    .hero[b-7ez0ednaio] {
        background-image: url('/images/backgrounds/navy-footerpages-head-d.webp');
    }
}
/* _content/CEMarketplace/Components/Pages/FooterLinks/Contact.razor.rz.scp.css */
.hero[b-ds39450twn] {
    background: #2d6291 url('/images/backgrounds/navy-footerpages-head-m.webp') 0 30% no-repeat;
    background-size: cover;
    min-height: 8.5rem;
    align-content: center;
}

@media (min-width: 576px) { /* Default Bootstrap sm breakpoint */
    .hero[b-ds39450twn] {
        background-image: url('/images/backgrounds/navy-footerpages-head-d.webp');
    }
}
/* _content/CEMarketplace/Components/Pages/FooterLinks/FAQ.razor.rz.scp.css */
.hero[b-1wfkn7mq50] {
    background: #2d6291 url('/images/backgrounds/navy-footerpages-head-m.webp') 0 30% no-repeat;
    background-size: cover;
    min-height: 8.5rem;
    align-content: center;
}

@media (min-width: 576px) { /* Default Bootstrap sm breakpoint */
    .hero[b-1wfkn7mq50] {
        background-image: url('/images/backgrounds/navy-footerpages-head-d.webp');
    }
}

.accordion-button[b-1wfkn7mq50] {
    background-color: white; /* Default background for collapsed state */
    color: #000; /* Default text color for collapsed state */
}
.accordion-button[b-1wfkn7mq50]:after {/*removes carrot icon*/
    display: none;
}
.accordion-button:focus[b-1wfkn7mq50] {
    box-shadow: none; /* Remove the blue outline */
}

.accordion-button:not(.collapsed)[b-1wfkn7mq50] {
    box-shadow: none; /* Remove the blue outline when expanded */
    background-color: transparent; /* Optional: keep background transparent */
    color: inherit;
}
/* _content/CEMarketplace/Components/Pages/FooterLinks/Privacy.razor.rz.scp.css */
.hero[b-899148seoq] {
    background: #2d6291 url('/images/backgrounds/navy-footerpages-head-m.webp') 0 30% no-repeat;
    background-size: cover;
    min-height: 8.5rem;
    align-content: center;
}

@media (min-width: 576px) { /* Default Bootstrap sm breakpoint */
    .hero[b-899148seoq] {
        background-image: url('/images/backgrounds/navy-footerpages-head-d.webp');
    }
}
/* _content/CEMarketplace/Components/Pages/FooterLinks/Resources.Razor.rz.scp.css */
.hero[b-2wy2130c81] {
    background: #2d6291 url('/images/backgrounds/navy-footerpages-head-m.webp') 0 30% no-repeat;
    background-size: cover;
    min-height: 8.5rem;
    align-content: center;
}

@media (min-width: 576px) { /* Default Bootstrap sm breakpoint */
    .hero[b-2wy2130c81] {
        background-image: url('/images/backgrounds/navy-footerpages-head-d.webp');
    }
}

a[b-2wy2130c81] {
    text-decoration: none;
}

.link-box a[b-2wy2130c81]{
    color: var(--grey-600);
}
.link-box i[b-2wy2130c81]{
    color: var(--blue-450);
}
.link-box a:hover[b-2wy2130c81] {
    color: var(--blue-450);
}
/* _content/CEMarketplace/Components/Pages/Instructor/Cards/SchoolCard.razor.rz.scp.css */
/* _content/CEMarketplace/Components/Pages/Instructor/Schedule.razor.rz.scp.css */
.tab-item[b-q7i60gx2x4] {
    display: inline-block; /* js won't function with an inline element */
    text-decoration: none;
    color: #333;
    font-size: .8rem;
    font-weight: bold;
    margin-left: .5rem;
    margin-right: .5rem;
}

.slider[b-q7i60gx2x4] {
    margin: 0;
    height: .25rem;
    width: 0; /* initial size before js overrides */
    border: none;
    transition: all 350ms cubic-bezier(0.595, -0.145, 0.360, 1.230);
    background-color: var(--green-500);
    opacity: 1; /* no clue what was trying to change this */
}
/* _content/CEMarketplace/Components/Pages/Licensee/CreditHistory.razor.rz.scp.css */
/* _content/CEMarketplace/Components/Pages/Licensee/OfficeCE.razor.rz.scp.css */
body[b-dks1u6cfkz] {
}
/* _content/CEMarketplace/Components/Pages/PersonComponents/InstructorCard.razor.rz.scp.css */
/* _content/CEMarketplace/Components/Pages/PersonComponents/PersonCard.razor.rz.scp.css */
/* _content/CEMarketplace/Components/Pages/Profile/InstructorProfile.razor.rz.scp.css */
.dropdown-menu[b-67j7v3c04s] {
    max-height: 200px;
    overflow-y: auto;
}
/* _content/CEMarketplace/Components/Pages/Profile/PersonalProfile.razor.rz.scp.css */
/* _content/CEMarketplace/Components/Pages/Profile/ProfilePage.razor.rz.scp.css */
.callout-white[b-2ycs1lwtse] {
    padding: 0;
    padding-left: .5rem;
}

.nav-link[b-2ycs1lwtse] {
    color: var(--bodyText-color);
    cursor: pointer;
}

    .nav-link:hover[b-2ycs1lwtse] {
        font-weight: bold;
        margin-right: -3px; /* lets it go slightly into containers padding to allow for expansion of text when bold */
    }

    .nav-link.active[b-2ycs1lwtse] {
        font-weight: bold;
        margin-right: -3px;
    }
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/Attendance.razor.rz.scp.css */
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/ClassList.razor.rz.scp.css */
.tab-container[b-69z2ver09z] {
    text-align: left;
    font-size: 0; /* removes whtiespace added by inline-block */
    width: auto;
}

.tab-item[b-69z2ver09z] {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    color: #333;
    font-size: .8rem;
    font-weight: bold;
    margin-left: .5rem;
    margin-right: .5rem;
}

.slider[b-69z2ver09z] {
    margin-top: 0;
    height: .25rem;
    width: 0; /* initial size before js overrides */
    border: none;
    transition: all 350ms cubic-bezier(0.595, -0.145, 0.360, 1.230);
    background-color: var(--green-500);
    opacity: 1; /* no clue what was trying to change this */
}
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/CourseLibrary.razor.rz.scp.css */
.tab-item[b-w96hzc6nfm] {
    display: inline-block; /* js won't function with an inline element */
    text-decoration: none;
    cursor: pointer;
    color: #333;
    font-size: .8rem;
    font-weight: bold;
    margin-left: .5rem;
    margin-right: .5rem;
}

.slider[b-w96hzc6nfm] {
    margin: 0;
    height: .25rem;
    width: 0; /* initial size before js overrides */
    border: none;
    transition: all 350ms cubic-bezier(0.595, -0.145, 0.360, 1.230);
    background-color: var(--green-500);
    opacity: 1; /* no clue what was trying to change this */
}
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/GenericComponents/AttendancePage.razor.rz.scp.css */
.card-banner[b-oniuif4nnb] {
    background: var(--blue-mix-vertical);
    height: 1rem;
    border-top-left-radius: .315rem;
    border-top-right-radius: .315rem;
}

.tab-item[b-oniuif4nnb] {
    display: inline-block; /* js won't function with an inline element */
    text-decoration: none;
    cursor: pointer;
    color: #333;
    font-size: .8rem;
    font-weight: bold;
    margin-left: .5rem;
    margin-right: .5rem;
    text-align: center;
    width: 50%;
    margin: 0; /* remove space effecting width */
}

.slider[b-oniuif4nnb] {
    margin: 0;
    height: .25rem;
    width: 0; /* initial size before js overrides */
    border: none;
    transition: all 350ms cubic-bezier(0.595, -0.145, 0.360, 1.230);
    background-color: var(--green-500);
    opacity: 1; /* no clue what was trying to change this */
}

.row .col:last-child[b-oniuif4nnb] { /* removes bottom border from last row */
    border-bottom: none;
}
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/GenericComponents/CourseDetailsPage.razor.rz.scp.css */
.card-banner[b-8zj1o382jb] {
    background: var(--blue-mix);
    height: 1rem;
    border-top-left-radius: .315rem;
    border-top-right-radius: .315rem;
}


.scrollable-container[b-8zj1o382jb] {
}
@media (width < 576px) { /* mobile breakpoint. sm? */
    .scrollable-container[b-8zj1o382jb] {
        max-height: 75vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.mobile-padding[b-8zj1o382jb] { }
@media (width < 992px) { /* lg breakpoint */
    .mobile-padding[b-8zj1o382jb] {
        padding-bottom: 10rem;
    }
}

.delivery-width[b-8zj1o382jb] {
    width: 75%;
}
@media (width < 992px) { /* lg breakpoint */
    .delivery-width[b-8zj1o382jb] {
        width: 100%;
    }
}

.top[b-8zj1o382jb] {
    top: -10rem;
    /*top: calc(-1.5rem - 1rem - 1px - 1rem - 2rem - 1.25rem - 1px);*/ /* space under banner - card banner - card border - card header padding - paragraph margin - paragraph space (with +25% lien height) - line up with the border */
}
/*@media (width < 1400px) {*/ /* xxl breakpoint */
    /*.top {*/
        /*        top: -6.25%;*/
        /*top: calc(-1.5rem - 1rem - 1px - 1rem - 2rem - 1.25rem - 1px - 2px);
    }
}
@media (width < 1200px) {*/ /* xl breakpoint. this specificity is to keep the point that the box crosses into the header at the same spot the grey bg starts */
    /*.top {*/
        /*        top: -6.13%;*/
/*        top: calc(-1.5rem - 1rem - 1px - 1rem - 2rem - 1.25rem - 1px - 2px);*/
    /*}
}*/
@media (width < 992px) {  /* lg breakpoint. this specificity is to keep the point that the box crosses into the header at the same spot the grey bg starts */
    .top[b-8zj1o382jb] {
        top: -10rem;
/*        top: calc(-1.5rem - 1rem - 1px - 1rem - 2rem - 1.25rem - 1px - 2px);*/
    }
}
/*@media (width < 768px) {*/ /* md breakpoint. this specificity is to keep the point that the box crosses into the header at the same spot the grey bg starts */
    /*.top {
        top: calc(-1.5rem - 1rem - 1px - 1rem - 2rem - 1.25rem - 1px - 4px);
    }
}*/

@media (width < 992px) { /* lg breakpoint */
    .move-up[b-8zj1o382jb] {
        margin-top: -8rem;
        /*top: -8rem;*/ /* 2 less than the amount of extra banner space */
        /*        top: calc( 1rem - 1px - 1rem - 2rem - 1.25rem - 1px - 3px);*/
        /*        margin-bottom: calc( 1rem - 1px - 1rem - 2rem - 1.25rem - 1px - 2px);*/
    }

        /*.move-up.with-margin {
            margin-bottom: -8rem;*/ /* fill in spaced emptied by move-up */
        /*}*/
}

/*@media (width < 992px) {*/ /* lg breakpoint is applies on 992*/
    /*#card {order: 1}
    #info {order: 2}
}*/

.date-item[b-8zj1o382jb] {
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}
    .date-item:hover[b-8zj1o382jb] {
        background-color: var(--grey-250);
    }
    .date-item i[b-8zj1o382jb] {
        transition: color 0.3s ease;
    }
    .date-item:hover i[b-8zj1o382jb] {
        color: var(--red-450);
    }

.purple-bg[b-8zj1o382jb] {
    background-image: var(--purple-mix-verticle);
}
.blue-bg[b-8zj1o382jb] {
/*    background-image: var(--blue-mix-verticle);*/
background-color:red;
}
.teal-bg[b-8zj1o382jb] {
    background-image: var(--teal-mix-verticle);
}

.dropdown-wrapper[b-8zj1o382jb] {
    position: relative;
}
    .dropdown-wrapper i[b-8zj1o382jb] {
        position: absolute;
        right: 2rem;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
    }
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/GenericComponents/OtherSchoolCourses.razor.rz.scp.css */
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/GenericComponents/SchoolCard.razor.rz.scp.css */
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/GenericComponents/VerticalCourseCard.razor.rz.scp.css */
.card-banner[b-zjbeq5bxuw] {
    background: var(--purple-mix); /* could maybe do it based off user type once thats an accessible variable */
    height: 1rem;
    border-top-left-radius: .315rem;
    border-top-right-radius: .315rem;
}

.card[b-zjbeq5bxuw] {
    --bs-card-border-color: var(--grey-400);
}

small[b-zjbeq5bxuw] {
    display: block;
    margin: 1em 0;
}
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/SchoolManagement.razor.rz.scp.css */
.callout-white[b-qmdly7lkf2] {
    padding: 0;
    padding-left: .5rem;
}

.nav-link[b-qmdly7lkf2] {
    color: var(--bodyText-color);
    cursor: pointer;
}

    .nav-link:hover[b-qmdly7lkf2] {
        font-weight: bold;
        margin-right: -5px; /* lets it go slightly into containers padding to allow for expansion of text when bold */
    }

.nav-link.active[b-qmdly7lkf2] {
    font-weight: bold;
}
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/SchoolManagementComponents/Cards/VenueCard.razor.rz.scp.css */
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/SchoolManagementComponents/MySchools.razor.rz.scp.css */
.modal-overlay[b-ylx0sa6s69] {
    display: flex;
    align-items: center; /* Aligns the child at the top */
    justify-content: center; /* Centers the child horizontally */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; /* It will now stretch to cover the parent's entire area */
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

.overlay-sizing[b-ylx0sa6s69] {
    /*    placeholder for overlay-sizing on larger devices*/
    max-width:65vw;
}

@media (max-width: 576px) {
    .overlay-sizing[b-ylx0sa6s69] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

.terms-summary[b-ylx0sa6s69] {
    cursor: pointer;
    display: flex;
    align-items: center;
}

    .terms-summary i[b-ylx0sa6s69] {
        margin-left: 5px;
        transition: transform 0.3s;
    }

.terms-full[b-ylx0sa6s69] {
    margin-top: 10px;
}
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/SchoolManagementComponents/PendingFees.razor.rz.scp.css */
.main-container[b-yyckz190ba] {
    background-color: white;
    padding: 1rem 2rem; /* callout-white is 2rem */
    box-shadow: var(--box-shadow-1);
}
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/SchoolManagementComponents/SchoolUsers.razor.rz.scp.css */
.modal-overlay[b-i1wij2x26k] {
    display: flex;
    align-items: center; /* Aligns the child at the top */
    justify-content: center; /* Centers the child horizontally */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; /* It will now stretch to cover the parent's entire area */
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

.overlay-sizing[b-i1wij2x26k] {
    /*    placeholder for overlay-sizing on larger devices*/
}

@media (max-width: 576px) {
    .overlay-sizing[b-i1wij2x26k] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/SchoolManagementComponents/SchoolVenues.razor.rz.scp.css */
.modal-overlay[b-b75yqs43cl] {
    display: flex;
    align-items: center; /* Aligns the child at the top */
    justify-content: center; /* Centers the child horizontally */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;  /* It will now stretch to cover the parent's entire area */
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
}

.overlay-sizing[b-b75yqs43cl] {
    /*    placeholder for overlay-sizing on larger devices*/
}

@media (max-width: 576px) {
    .overlay-sizing[b-b75yqs43cl] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/SubmitCourse/Acknowledgement.razor.rz.scp.css */
/*.authorized-section-header {
    box-shadow: var(--box-shadow-2);
} requested by jill 1/6 */

li[b-c7qd7zpwa0] {
    margin-bottom: 1rem;
}
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/SubmitCourse/Compliance.razor.rz.scp.css */
/*.authorized-section-header {
    box-shadow: var(--box-shadow-2);
} requested by jill 1/6 */

.checkbox[b-gry0l0uyfk] {
    height: 1rem; /* Adjust the height as needed */
    width: 1rem; /* Adjust the width as needed */
    display: block;
}
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/SubmitCourse/Details.razor.rz.scp.css */
/*.authorized-section-header {
    box-shadow: var(--box-shadow-2);
}*/

.checkbox[b-dv94otsduf] {
    height: 1rem; /* Adjust the height as needed */
    width: 1rem; /* Adjust the width as needed */
    display: block;
}

.upload-button[b-dv94otsduf] {
    margin-left: 1rem;
    border-radius: 10px;
}
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/SubmitCourse/Instructor.razor.rz.scp.css */
/*.authorized-section-header {
    box-shadow: var(--box-shadow-2);
}*/
/* _content/CEMarketplace/Components/Pages/SchoolAdmin/SubmitCourse/Payment.razor.rz.scp.css */
/*.authorized-section-header {
    box-shadow: var(--box-shadow-2);
}*/
/* _content/CEMarketplace/Components/Pages/Unauthorized/Home.razor.rz.scp.css */
.hero[b-ubhxh4fnlr] {
    background: #2d6291 url('/images/backgrounds/landing-and-school-head-m.webp') 0 30% no-repeat;
    background-size: cover;
}

@media (min-width: 576px) { /* Default Bootstrap sm breakpoint */
    .hero[b-ubhxh4fnlr] {
        background-image: url('/images/backgrounds/landing-and-school-head-d.webp');
    }

    .callout-grey-custom[b-ubhxh4fnlr] {
        background-color: var(--grey-200);
        padding: 4rem;
        border-radius: 8px;
        border: 1px solid var(--grey-300);
    }
}

.callout-grey-custom[b-ubhxh4fnlr] {

}
/* _content/CEMarketplace/Components/Pages/Unauthorized/Instructors.razor.rz.scp.css */
.hero[b-nwt3z6ydtv] {
    background: #2f899a url('/images/backgrounds/instructors-head-m.webp') 0 30% no-repeat;
    background-size: cover;
}

.callout-grey-custom[b-nwt3z6ydtv] {
}

@media (min-width: 576px) { /* Default Bootstrap sm breakpoint */
    .hero[b-nwt3z6ydtv] {
        background-image: url('/images/backgrounds/instructors-head-d.webp');
    }

    .callout-grey-custom[b-nwt3z6ydtv] {
        background-color: var(--grey-200);
        padding: 4rem;
        border-radius: 8px;
        border: 1px solid var(--grey-300);
    }
}

.scale-img[b-nwt3z6ydtv] {
    width: 100%;
}

@media(min-width: 992px) {
    .scale-img[b-nwt3z6ydtv] {
        width: 80%;
    }
}
/* _content/CEMarketplace/Components/Pages/Unauthorized/Licensees.razor.rz.scp.css */
.hero[b-yc7vhpwko0] {
    background: #5b5594 url('/images/backgrounds/licensee-head-m.webp') 0 30% no-repeat;
    background-size: cover;
}

@media (min-width: 576px) { /* Default Bootstrap sm breakpoint */
    .hero[b-yc7vhpwko0] {
        background-image: url('/images/backgrounds/licensee-head-d.webp');
    }

    .callout-grey-custom[b-yc7vhpwko0] {
        background-color: var(--grey-200);
        padding: 4rem;
        border-radius: 8px;
        border: 1px solid var(--grey-300);
    }
}

.callout-grey-custom[b-yc7vhpwko0] {
}
/* _content/CEMarketplace/Components/Pages/Unauthorized/Schools.razor.rz.scp.css */
.hero[b-r43dtgnnyx] {
    background: #2d6291 url('/images/backgrounds/landing-and-school-head-m.webp') 0 30% no-repeat;
    background-size: cover;
}

@media (min-width: 576px) { /* Default Bootstrap sm breakpoint */
    .hero[b-r43dtgnnyx] {
        background-image: url('/images/backgrounds/landing-and-school-head-d.webp');
    }

    .callout-grey-custom[b-r43dtgnnyx] { /* overrriding global callout-grey class to nothing using max-width query doesn't seem to work, not sure why. */
        background-color: var(--grey-200);
        padding: 4rem;
        border-radius: 8px;
        border: 1px solid var(--grey-300);
    }
}

.callout-grey-custom[b-r43dtgnnyx] {
}