/* _content/boe-training-documents/Components/Layout/MainLayout.razor.rz.scp.css */
/*.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row ::deep a, .top-row ::deep .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
        text-decoration: underline;
    }

    .top-row ::deep a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui {
    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 {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }*/

.cc-logo[b-bcu1zid5kd] {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 70px;
    width: 70px;
    overflow: hidden;
    background: url(../images/county_logo70.png) no-repeat;
    padding-left: 20px
}

.cc-brand[b-bcu1zid5kd] {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 64px;
    width: 275px;
    overflow: hidden;
    background: url(../images/main_brand.png) no-repeat
}
/*# sourceMappingURL=custom.min.css.map */

.cc-logo-60[b-bcu1zid5kd] {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    width: 60px;
    overflow: hidden;
    background: url(../images/county_logo60.png) no-repeat;
    padding-left: 20px
}


.offcanvas-top[b-bcu1zid5kd] {
    top: -1px;
    padding-top: 1vh !important;
}

.offcanvas-body-content[b-bcu1zid5kd] {
    font-size: calc(70% + 0.4vw);
    line-height: 1.3;
    border-top: 1px solid #d7d7d7;
}

.nav-link[b-bcu1zid5kd] {
    padding: 1rem 1rem !important
}

/*start Provato - Needs to change the messaging and Removed from here*/
.alert-info[b-bcu1zid5kd] {
    border-left-color: #055160;
    border-left-width: .3rem;
}

.breadcrumb-bar[b-bcu1zid5kd] {
    max-height: 40px;
    font-size: 0.875rem !important;
}

em[b-bcu1zid5kd] {
    margin-right: .4rem
}

dd[b-bcu1zid5kd] {
    margin-bottom: .1rem;
}

.push-right5[b-bcu1zid5kd] {
    margin-left: 5rem;
}

.anchor[b-bcu1zid5kd] {
    display: block;
    position: relative;
    top: -305px;
    visibility: hidden;
}
/*this will adjust the position of an anchor at -305px -space taken by header.*/


/* ================================================================
START Headlines
================================================================= */

h1[b-bcu1zid5kd], h2[b-bcu1zid5kd], h3[b-bcu1zid5kd], h4[b-bcu1zid5kd], h5[b-bcu1zid5kd], h6[b-bcu1zid5kd], .heading-xxs[b-bcu1zid5kd], .heading-xs[b-bcu1zid5kd], .heading-s[b-bcu1zid5kd], .heading-m[b-bcu1zid5kd], .heading-l[b-bcu1zid5kd], .heading-xl[b-bcu1zid5kd] {
}

h1[b-bcu1zid5kd], .heading-xl[b-bcu1zid5kd] {
    font-size: 3.000rem;
}

h2[b-bcu1zid5kd], .heading-l[b-bcu1zid5kd] {
    font-size: 2.000rem;
}

h3[b-bcu1zid5kd], .heading-m[b-bcu1zid5kd] {
    font-size: 1.750rem;
    color: #676767;
}

h4[b-bcu1zid5kd], .heading-s[b-bcu1zid5kd] {
    font-size: 1.500rem;
}

h5[b-bcu1zid5kd], .heading-xs[b-bcu1zid5kd] {
    font-size: 1.2rem !important;
    font-weight: 400 !important;
}

h6[b-bcu1zid5kd], .heading-xxs[b-bcu1zid5kd] {
    font-size: 1.0rem;
    font-weight: 400 !important;
}

/* ================================================================
END Headlines
================================================================= */
.list-group-item a[b-bcu1zid5kd] {
    color: var(--bs-white);
    text-decoration: none;
}


/******************start of buttons************************************/
.btn-primary[b-bcu1zid5kd] {
    color: #fff;
    background-color: #005584;
    border-color: #005584;
}

    .btn-primary:visited[b-bcu1zid5kd] {
        background-color: #005584;
        border-color: #005584;
    }

    .btn-primary:hover[b-bcu1zid5kd] {
        background-color: #005584;
        border-color: #005584;
    }

.btn[b-bcu1zid5kd] {
    border-radius: 0.300rem;
}
/******************end of buttons************************************/





/*img {
    border: 0.0625rem solid #d7d7d7;
    border-radius: 0.500rem;*/
    /*max-width:25rem!important*/
/*}*/



@media (max-width:62rem) {
    img[b-bcu1zid5kd] {
        display: none;
    }

    .d-block img[b-bcu1zid5kd] {
        display: block;
    }
}


.ccptext[b-bcu1zid5kd] {
    font-size: .7rem
}

@media (min-width: 240px) {
    .border-end[b-bcu1zid5kd] {
        border-right: 0px dotted !important;
    }

    .border-bottom[b-bcu1zid5kd] {
        border-bottom: 1px dotted #dfdfdf !important;
    }

    .county-card .inner-card[b-bcu1zid5kd] {
        padding: 1rem !important;
    }

    .omjcc-brand[b-bcu1zid5kd] {
        width: 250px !important;
    }

    .county-headline h1.heading-xl[b-bcu1zid5kd] {
        font-size: 2rem !important;
    }

    .county-headline h2.heading-l[b-bcu1zid5kd] {
        font-size: 1.5rem !important;
    }

    .county-headline h3.heading-m[b-bcu1zid5kd] {
        font-size: 1.25rem !important;
    }

    .county-headline h4.heading-m[b-bcu1zid5kd] {
        font-size: 1.2rem !important;
    }

    .county-card a[b-bcu1zid5kd] {
        font-size: 1rem !important;
    }
}

@media (min-width: 767px) {
    .border-end[b-bcu1zid5kd] {
        border-right: 1px dotted #dfdfdf !important;
    }

    .border-bottom[b-bcu1zid5kd] {
        border-bottom: 1px dotted #dfdfdf !important;
    }

    .county-card .inner-card[b-bcu1zid5kd] {
        padding: 1rem !important;
    }

    .omjcc-brand[b-bcu1zid5kd] {
        width: 250px !important;
    }

    .county-headline h1.heading-xl[b-bcu1zid5kd] {
        font-size: 2rem !important;
    }

    .county-headline h2.heading-l[b-bcu1zid5kd] {
        font-size: 1.5rem !important;
    }

    .county-headline h3.heading-m[b-bcu1zid5kd] {
        font-size: 1.25rem !important;
    }

    .county-headline h4.heading-m[b-bcu1zid5kd] {
        font-size: 1.2rem !important;
    }

    .county-card a[b-bcu1zid5kd] {
        font-size: 1rem !important;
    }
}



/* ================================================================
START Main Navigation
================================================================= */

.navbar-custom[b-bcu1zid5kd] {
    font-family: Oswald;
    padding: 0rem 1rem 0rem 2.2rem;
    font-size: 1.125rem;
    font-weight: 400;
}


.navbar-dark .navbar-nav .nav-link:hover[b-bcu1zid5kd] {
    color: #005587;
}

.navbar-dark .navbar-nav .show > .nav-link[b-bcu1zid5kd], .navbar-dark .navbar-nav .nav-link.active[b-bcu1zid5kd] {
    color: #266F99;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(248,249,251,1) 45%);
}

.navbar-dark .navbar-nav .nav-link[b-bcu1zid5kd] {
    color: #ffffff;
}

    .navbar-dark .navbar-nav .show > .nav-link[b-bcu1zid5kd], .navbar-dark .navbar-nav .nav-link.active[b-bcu1zid5kd] {
        color: #005587;
    }

a.nav-link:hover[b-bcu1zid5kd] {
    background: #fff;
    background-color: #fff;
}

.navbar-nav li[b-bcu1zid5kd] {
    padding: 0 0rem 0rem 0;
}

.bg-bottom[b-bcu1zid5kd] {
    background-color: #005587;
    background: #005587
}

.top-border[b-bcu1zid5kd] {
    border-top: 8px solid #d7d7d7;
}
/* ================================================================
END Main Navigation
================================================================= */

.bg-dark[b-bcu1zid5kd] {
    background-color: #005587
}

.breadcrumb-bar[b-bcu1zid5kd] {
    max-height: 40px;
    background-color: #f8f9fb;
    padding: 0.5rem 0 0 7rem;
    font: size 0.875rem;
    border-bottom: 1px solid #fff !important;
}


/* ================================================================
START Search autocomplete result
================================================================= */
#ui-id-1[b-bcu1zid5kd] {
    z-index: 2000
}
/* ================================================================
END Search autocomplete result
================================================================= */



/* ================================================================================================================================================================================================
                                                                                             PROVATO CSS - start
================================================================================================================================================================================================= */



/* ================================================================
Individuals
================================================================= */
.individuals[b-bcu1zid5kd] {
    display: flex;
    flex-flow: row wrap;
}

    .individuals .individual-item[b-bcu1zid5kd] {
        width: 100%;
        margin: 1em 0;
        text-align: center;
    }

        .individuals .individual-item .individual-info[b-bcu1zid5kd] {
            margin: 1em 0;
        }

    .individuals.cards[b-bcu1zid5kd] {
        display: block;
    }

        .individuals.cards .individual-item[b-bcu1zid5kd] {
            text-align: left;
            width: 100%;
            border: 1px solid #cccccc;
            padding: 1em;
        }

            .individuals.cards .individual-item .individual-info[b-bcu1zid5kd] {
                margin: 0;
            }

            .individuals.cards .individual-item .name[b-bcu1zid5kd] {
                font-weight: 600;
            }

                .individuals.cards .individual-item .name .job-title[b-bcu1zid5kd] {
                    font-style: italic;
                }

@media (min-width: 48em) {
    .individuals .individual-item[b-bcu1zid5kd] {
        width: 50%;
    }
}

@media (min-width: 64em) {
    .individuals .individual-item[b-bcu1zid5kd] {
        width: 33.33%;
    }
}

.individual-detail .contact-info[b-bcu1zid5kd] {
    padding: 0;
    list-style: none;
}


/* ================================================================
Cuyhoga County Widgets
================================================================= */

.county-card[b-bcu1zid5kd] {
    border: 0.0625rem solid;
    border-color: #005587;
    border-radius: 0.500rem;
    margin-bottom: 1.500rem;
}

    .county-card.bgblue[b-bcu1zid5kd] {
        background-color: #E6EEF3;
    }

    .county-card img[b-bcu1zid5kd] {
        max-width: 100%;
        width: 100%;
        border-radius: none;
        border-bottom-left-radius: initial;
        border-bottom-right-radius: initial;
    }

    .county-card .inner-card[b-bcu1zid5kd] {
        padding: 2rem;
    }


        .county-card .inner-card dd[b-bcu1zid5kd] {
            line-height: 1.2 !important;
        }



    .county-card .heading-s[b-bcu1zid5kd] {
        font-size: 1.25rem;
        line-height: 1.5625rem;
        font-weight: 400;
        color: #333;
        margin-bottom: 1rem;
    }

    .county-card p[b-bcu1zid5kd] {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 400;
        color: #333;
    }

    .county-card a[b-bcu1zid5kd] {
        font-size: 1.25rem;
        line-height: 1.25rem;
        font-weight: 600;
        color: #266F99;
        margin-bottom: .2rem;
        display: block;
    }

        .county-card a.btn[b-bcu1zid5kd] {
            color: #fff;
            background-color: #266F99;
            font-weight: 400;
        }


    .county-card [class^=col-]:empty[b-bcu1zid5kd] {
        display: none;
    }

.county-link[b-bcu1zid5kd] {
}

    .county-link p.heading-s[b-bcu1zid5kd] {
        font-size: 1.25rem;
        line-height: 1.5625rem;
        font-weight: 400;
        color: #333;
        margin-bottom: 1rem;
    }

        .county-link p.heading-s a[b-bcu1zid5kd] {
            color: #266F99;
        }

    .county-link a:hover[b-bcu1zid5kd] {
        /*background-color: #005587;*/
    }

.county-copy[b-bcu1zid5kd] {
}

    .county-copy p[b-bcu1zid5kd] {
        font-size: 1rem;
        line-height: 1.5rem;
        color: #333;
    }

        .county-copy p.long[b-bcu1zid5kd] {
            font-size: 1.1rem;
            line-height: 1.6rem;
            font-weight: 400;
            color: #333;
        }

.county-headline[b-bcu1zid5kd] {
}

    .county-headline h1.heading-xl[b-bcu1zid5kd] {
        font-size: 2.500rem;
        line-height: 1.25;
        font-weight: 700;
        color: #333;
        margin-bottom: 1.25rem;
    }

    .county-headline h2.heading-l[b-bcu1zid5kd] {
        font-size: 2.000rem;
        line-height: 1.25;
        font-weight: 700;
        color: #333;
        margin-bottom: 1rem;
    }

    .county-headline h3.heading-m[b-bcu1zid5kd] {
        font-size: 1.75rem;
        line-height: 1.25;
        font-weight: 400;
        color: #333;
        margin-bottom: 1rem;
    }

    .county-headline h4.heading-s[b-bcu1zid5kd] {
        font-size: 1.500rem;
        line-height: 1.25;
        font-weight: 400;
        color: #676767;
        margin-bottom: 1rem;
    }

.county-messaging[b-bcu1zid5kd] {
}

    .county-messaging .alert[b-bcu1zid5kd] {
        padding: 1.5rem;
    }

    .county-messaging h4[b-bcu1zid5kd] {
        font-weight: 700;
        margin-bottom: 0;
        padding-bottom: 0;
    }


    .county-messaging .alert-info[b-bcu1zid5kd]::before {
        float: left;
        content: "\f129";
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        font-size: 2em;
        padding-right: 1rem;
    }

    .county-messaging .alert-info a[b-bcu1zid5kd] {
        color: #31708f;
    }

    .county-messaging .alert-primary[b-bcu1zid5kd]::before {
        float: left;
        content: "\f129";
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        font-size: 2em;
        padding-right: 1rem;
    }

    .county-messaging .alert-primary a[b-bcu1zid5kd] {
        color: #31708f;
    }

    .county-messaging .alert-success[b-bcu1zid5kd]::before {
        float: left;
        content: "\f00c";
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        font-size: 2em;
        padding-right: 1rem;
    }

    .county-messaging .alert-success a[b-bcu1zid5kd] {
        color: #3c763d;
    }

    .county-messaging .alert-warning[b-bcu1zid5kd]::before {
        float: left;
        content: "\f071";
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        font-size: 2em;
        padding-right: 1rem;
        color: #f27d00;
    }

    .county-messaging .alert-warning a[b-bcu1zid5kd] {
        color: #8a6d3b;
    }

    .county-messaging .alert-danger[b-bcu1zid5kd]::before {
        float: left;
        content: "\f06a";
        font-family: "Font Awesome 5 Free";
        font-weight: 600;
        font-size: 2em;
        padding-right: 1rem;
    }

    .county-messaging .alert-danger a[b-bcu1zid5kd] {
        color: #a94442;
    }

.county-image[b-bcu1zid5kd] {
}

    .county-image img[b-bcu1zid5kd] {
        border: 0.0625rem solid;
        border-color: #676767;
        border-radius: 0.500rem;
        margin-bottom: 1.250rem;
        max-width: 100%;
    }


/* use "*" instead of "$" because of sf querystrings. ie [href*='.pdf'] instead of [href$='.pdf']*/
a.xico[target=_blank][b-bcu1zid5kd]::after {
    padding-left: 10px;
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

a.xico[href*='.pdf'][b-bcu1zid5kd]::after {
    padding-left: 10px;
    content: "\f1c1";
    font-family: "Font Awesome 5 Free";
}

a.xico[href*='.xls'][b-bcu1zid5kd]::after {
    padding-left: 10px;
    content: "\f1c3";
    font-family: "Font Awesome 5 Free";
}

a.xico[href*='.doc'][b-bcu1zid5kd]::after {
    padding-left: 10px;
    content: "\f1c2";
    font-family: "Font Awesome 5 Free";
}


a.bcanchor[b-bcu1zid5kd] {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}

.clearitem[b-bcu1zid5kd] {
    display: block;
    width: 100%;
    clear: both;
}


/* ================================================================================================================================================================================================
                                                                                             PROVATO CSS - end
================================================================================================================================================================================================= */

/******************SiteAlert style************************************/

.siteAlertContainer[b-bcu1zid5kd] {
    max-height: 180px;
    height: auto;
    font-size: calc(10px + 0.5vw);
    line-height: 1;
    padding: 10px 10px 5px 35px;
    margin-top: -2px;
    font-family: Oswald;
    font-weight: 300;
    overflow-y: auto;
}

.site-alert-1[b-bcu1zid5kd] {
    color: #fff !important;
    background-color: #9b3d0f
}

    .site-alert-1 .btn[b-bcu1zid5kd] {
        color: #f4f4f4 !important;
        font-weight: 400 !important;
        cursor: pointer;
        text-decoration: underline;
        font-family: 'Oswald';
    }

    .site-alert-1 a:link[b-bcu1zid5kd] {
        text-decoration: underline;
        color: #f4f4f4 !important;
    }

    .site-alert-1 a:hover[b-bcu1zid5kd] {
        color: #ffffff;
        text-decoration: none;
    }

    .site-alert-1 a:visited[b-bcu1zid5kd] {
        color: #f4f4f4 !important;
    }


.site-alert-2[b-bcu1zid5kd] {
    color: #fff !important;
    background-color: #f57e1e;
}

    .site-alert-2 .btn[b-bcu1zid5kd] {
        color: #f4f4f4 !important;
        font-weight: 400 !important;
        cursor: pointer;
        text-decoration: underline;
        font-family: 'Oswald';
    }

    .site-alert-2 a:link[b-bcu1zid5kd] {
        text-decoration: underline;
        color: #f4f4f4 !important;
    }

    .site-alert-2 a:hover[b-bcu1zid5kd] {
        color: #ffffff;
        text-decoration: none;
    }

    .site-alert-2 a:visited[b-bcu1zid5kd] {
        color: #f4f4f4 !important;
    }




.site-alert-3[b-bcu1zid5kd] {
    color: #fff !important;
    background-color: green;
}

    .site-alert-3 .btn[b-bcu1zid5kd] {
        color: #f4f4f4 !important;
        font-weight: 400 !important;
        cursor: pointer;
        text-decoration: underline;
        font-family: 'Oswald';
    }

    .site-alert-3 a:link[b-bcu1zid5kd] {
        text-decoration: underline;
        color: #f4f4f4 !important;
    }

    .site-alert-3 a:hover[b-bcu1zid5kd] {
        color: #ffffff;
        text-decoration: none;
    }

    .site-alert-3 a:visited[b-bcu1zid5kd] {
        color: #f4f4f4 !important;
    }


.site-alert-4[b-bcu1zid5kd] {
    color: #444444 !important;
    background-color: #eff0f2;
}

    .site-alert-4 .btn[b-bcu1zid5kd] {
        color: #333 !important;
        font-weight: 400 !important;
        cursor: pointer;
        text-decoration: underline;
        font-family: 'Oswald';
    }

    .site-alert-4 a:link[b-bcu1zid5kd] {
        text-decoration: underline;
        color: #444444 !important;
    }

    .site-alert-4 a:hover[b-bcu1zid5kd] {
        color: #444444;
        text-decoration: none;
    }

    .site-alert-4 a:visited[b-bcu1zid5kd] {
        color: #444444 !important;
    }
/******************end of SiteAlert style************************************/


.fa-x-twitter[b-bcu1zid5kd]:before {
    content: "\e61b";
}