/* /Components/Agenda.razor.rz.scp.css */
.Agenda[b-wesgarac16] {
    /*height: calc(100% - 50px);*/
    background-color: #FFFFFF;
}

.time-panel-cell-date[b-wesgarac16] {
    vertical-align: top;
    padding: 10px 0px 10px 10px;
    width: 65px;
}

.time-panel[b-wesgarac16] {
    margin-top: 0px;
    width: 100%;
}

.time-panel-cell-blank[b-wesgarac16] {
    padding-bottom: 20px;
    padding-top: 10px;
}

.time-panel-row[b-wesgarac16] {
    box-shadow: inset 0 -1px 0 0 hsl(0deg 0% 87% / 60%);
}

/* /Components/AgendaItem.razor.rz.scp.css */
.appointment-details[b-ccktglazdl] {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px;
}

.agenda-appointment[b-ccktglazdl] {
    padding: 5px 5px 5px 10px;
    /*background-color: #337ab7;*/
    color: white;
    margin: 0px 10px 10px 10px;
}

.appointment-title[b-ccktglazdl] {
    margin-bottom: 4px;
}

.agenda-appointment-selected[b-ccktglazdl] {
    filter: brightness(0.7);
}
/* /Components/Assets.razor.rz.scp.css */
h3[b-mccwvv1xhi] {
    margin-top: 25px;
    margin-bottom: 15px;
}

.grid-container[b-mccwvv1xhi] {
    min-height: 200px;
    height: -webkit-calc(100% - 100px);
}

.k-button-overlay[b-mccwvv1xhi], .k-button[b-mccwvv1xhi]::before, [b-mccwvv1xhi] .k-button::before, [b-mccwvv1xhi] .k-button-overlay {
    background: unset !important; /*keep button background from changing in grid row which looks weird*/
}

button:hover[b-mccwvv1xhi], [b-mccwvv1xhi] button:hover {
    color: var(--mud-palette-secondary);
}


.k-button[b-mccwvv1xhi], .k-button-secondary[b-mccwvv1xhi], [b-mccwvv1xhi] .k-button, [b-mccwvv1xhi] .k-button-secondary {
    background-color: transparent;
    background-image: unset; /* keep download button on grid from having grey background, was background-image: linear-gradient(#f6f6f6, #f1f1f1); */
    color: var(--mud-palette-primary);
    border-color: transparent;
}
/* /Components/Documents.razor.rz.scp.css */
h3[b-49k1hchtld] {
    margin-top: 25px;
    margin-bottom: 15px;
}

.grid-container[b-49k1hchtld] {
    min-height: 200px;
    height: -webkit-calc(100% - 100px);
}

.k-button-overlay[b-49k1hchtld], .k-button[b-49k1hchtld]::before, [b-49k1hchtld] .k-button::before, [b-49k1hchtld] .k-button-overlay {
    background: unset !important; /*keep button background from changing in grid row which looks weird*/
}

button:hover[b-49k1hchtld], [b-49k1hchtld] button:hover {
    color: var(--mud-palette-secondary);
}


.k-button[b-49k1hchtld], .k-button-secondary[b-49k1hchtld], [b-49k1hchtld] .k-button, [b-49k1hchtld] .k-button-secondary {
    background-color: transparent;
    background-image: unset; /* keep download button on grid from having grey background, was background-image: linear-gradient(#f6f6f6, #f1f1f1); */
    color: var(--mud-palette-primary);
    border-color: transparent;
}

/* /Components/EventDetail.razor.rz.scp.css */
h3[b-886qkfs9ji] {
    margin-top: 25px;
    margin-bottom: 15px;
}

.eventField[b-886qkfs9ji], [b-886qkfs9ji] .eventField 
{
    max-width: 100%;  /*don't overlap columns*/
    width: 100%;
}

/*.checkboxField, ::deep .checkboxField*/
.mat-checkbox[b-886qkfs9ji], [b-886qkfs9ji] .mat-checkbox
{
    height: 100%; /* ensure checkboxes center vertically*/
}

.mat-select[b-886qkfs9ji], [b-886qkfs9ji] .mat-select {
    margin-bottom: 0.5rem; /* Make margin the same as what bootstrap sets for label on mat text editor */
}

/* /Components/EventEditor.razor.rz.scp.css */
.tab-detail[b-d80u3deb8q] {
    width: 90%;
    margin: 0 auto;  /*Center div*/
}

.tab-container[b-d80u3deb8q] {
    height: 100%
}
.mud-tabs[b-d80u3deb8q], [b-d80u3deb8q] .mud-tabs {
    height: 100%
}

.mud-tabs-panels[b-d80u3deb8q], [b-d80u3deb8q] .mud-tabs-panels {
    height: 100%
}


.tab-grid-detail[b-d80u3deb8q] {
    width: 90%;
    height:95%; /* TODO: Figure out why 100% makes it too tall*/
    margin: 0 auto; /*Center div*/
}
/* /Components/Materials.razor.rz.scp.css */
h3[b-o5ww4x76g2] {
    margin-top: 25px;
    margin-bottom: 15px;
}

.grid-container[b-o5ww4x76g2] {
    min-height: 200px;
    height: -webkit-calc(100% - 100px);
}

.k-button-overlay[b-o5ww4x76g2], .k-button[b-o5ww4x76g2]::before, [b-o5ww4x76g2] .k-button::before, [b-o5ww4x76g2] .k-button-overlay {
    background: unset !important; /*keep button background from changing in grid row which looks weird*/
}

button:hover[b-o5ww4x76g2], [b-o5ww4x76g2] button:hover {
    color: var(--mud-palette-secondary);
}


.k-button[b-o5ww4x76g2], .k-button-secondary[b-o5ww4x76g2], [b-o5ww4x76g2] .k-button, [b-o5ww4x76g2] .k-button-secondary {
    background-color: transparent;
    background-image: unset; /* keep download button on grid from having grey background, was background-image: linear-gradient(#f6f6f6, #f1f1f1); */
    color: var(--mud-palette-primary);
    border-color: transparent;
}
/* /Components/RequiredDocuments.razor.rz.scp.css */
h3[b-0ebbm9kosl] {
    margin-top: 25px;
    margin-bottom: 15px;
}

.grid-container[b-0ebbm9kosl] {
    min-height: 200px;
    height: -webkit-calc(100% - 100px);
}

.k-button-overlay[b-0ebbm9kosl], .k-button[b-0ebbm9kosl]::before, [b-0ebbm9kosl] .k-button::before, [b-0ebbm9kosl] .k-button-overlay {
    background: unset !important; /*keep button background from changing in grid row which looks weird*/
}

button:hover[b-0ebbm9kosl], [b-0ebbm9kosl] button:hover {
    color: var(--mud-palette-secondary);
}


.k-button[b-0ebbm9kosl], .k-button-secondary[b-0ebbm9kosl], [b-0ebbm9kosl] .k-button, [b-0ebbm9kosl] .k-button-secondary {
    background-color: transparent;
    background-image: unset; /* keep download button on grid from having grey background, was background-image: linear-gradient(#f6f6f6, #f1f1f1); */
    color: var(--mud-palette-primary);
    border-color: transparent;
}
/* /Components/Safety.razor.rz.scp.css */
h3[b-zm0deg733u] {
    margin-top: 25px;
    margin-bottom: 15px;
}

.grid-container[b-zm0deg733u] {
    min-height: 200px;
    height: -webkit-calc(100% - 100px);
}

.k-button-overlay[b-zm0deg733u], .k-button[b-zm0deg733u]::before, [b-zm0deg733u] .k-button::before, [b-zm0deg733u] .k-button-overlay {
    background: unset !important; /*keep button background from changing in grid row which looks weird*/
}

button:hover[b-zm0deg733u], [b-zm0deg733u] button:hover {
    color: var(--mud-palette-secondary);
}


.k-button[b-zm0deg733u], .k-button-secondary[b-zm0deg733u], [b-zm0deg733u] .k-button, [b-zm0deg733u] .k-button-secondary {
    background-color: transparent;
    background-image: unset; /* keep download button on grid from having grey background, was background-image: linear-gradient(#f6f6f6, #f1f1f1); */
    color: var(--mud-palette-primary);
    border-color: transparent;
}
/* /Components/ScheduleFilter.razor.rz.scp.css */
/* Telerik controls need a div around them and the ::deep attribute before CSS isolation works
    https://docs.telerik.com/blazor-ui/knowledge-base/common-css-isolation
*/

/*.scheduleFilterMultiSelect, ::deep .scheduleFilterMultiSelect {
    width: 40% !important
}
*/
.filter-label[b-3tswbd7hwf], [b-3tswbd7hwf] .filter-label {
    font-size: small;
}

.filter-footer[b-3tswbd7hwf], [b-3tswbd7hwf] .filter-footer  {
    display: flex;
    padding: 8px;
    align-items: center;
    justify-content: flex-end;
}

.mdc-radio[b-3tswbd7hwf], [b-3tswbd7hwf] .mdc-radio {
    padding: 0px 10px 10px 0px;
}

.mdc-form-field > label[b-3tswbd7hwf], [b-3tswbd7hwf] .mdc-form-field > label {
    margin-right: 15px;
}

.mat-expansion-panel__header[b-3tswbd7hwf], [b-3tswbd7hwf] .mat-expansion-panel__header {
    display: unset !important;
}

@media (max-width: 700px) {
    .mat-expansion-panel__header[b-3tswbd7hwf], [b-3tswbd7hwf] .mat-expansion-panel__header {
        display: none !important;
    }
}

.k-scheduler-views[b-3tswbd7hwf], [b-3tswbd7hwf] .k-scheduler-views {
    display: none;
}

.expandicon[b-3tswbd7hwf], [b-3tswbd7hwf] .expandicon {
    margin-left: auto;
    margin-right: 0;
}

.expandbutton[b-3tswbd7hwf], [b-3tswbd7hwf] .expandbutton {
    margin-left: auto;
    margin-right: 0;
    outline: none !important;
}

.FilterCaption[b-3tswbd7hwf] {
    margin-left: 8px;
    white-space: nowrap;
}

.FirstFilterCaption[b-3tswbd7hwf] {
    white-space: nowrap;
}
/* /Components/ScheduleViewSelector.razor.rz.scp.css */
.viewSelector[b-tld0s3blt5], [b-tld0s3blt5] .viewSelector {    
    position: absolute;
    right: 7px;
    z-index: 10;
    height: 38px;
    top: 9px;
    box-shadow: unset !important;
}




@media (max-width: 700px) {
    .viewSelectorButtons[b-tld0s3blt5], [b-tld0s3blt5] .viewSelectorButtons {
        visibility: hidden;
    }
}

@media (min-width: 700px) {
    .viewSelectorDropDown[b-tld0s3blt5], [b-tld0s3blt5] .viewSelectorDropDown {
        visibility: hidden;
    }
}
.viewSelectorDropDown[b-tld0s3blt5], [b-tld0s3blt5] .viewSelectorDropDown {
    width: 90px !important;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
}

.viewSelectorButtons[b-tld0s3blt5], [b-tld0s3blt5] .viewSelectorButtons {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}

.k-button[b-tld0s3blt5], [b-tld0s3blt5] .k-button {
    background-color: #ebebeb;
}


span.k-dropdown-wrap.k-state-default[b-tld0s3blt5], [b-tld0s3blt5] span.k-dropdown-wrap.k-state-default {
    background-color: whitesmoke !important;
}
/* /Components/ShowAppStatus.razor.rz.scp.css */
.demo-notification[b-w632atlht2] {
    position: absolute;
    width: 90%;
}

    .demo-notification .k-notification[b-w632atlht2] {
        width: 90%;
    }

#demo-runner[b-w632atlht2] {
    height: 400px;
    width: 90%;
}

.notification-parent[b-w632atlht2] {
    position: absolute;
    align-content: center;
    width: 100%;
    z-index: 20000;
}

.k-badge[b-w632atlht2] {
    margin-left: 5px;
}

.k-notification-container[b-w632atlht2] {
    margin: 6px 0;
    width: 90%;
}
/* /Components/Tools.razor.rz.scp.css */
h3[b-ai61j2j4w5] {
    margin-top: 25px;
    margin-bottom: 15px;
}

.grid-container[b-ai61j2j4w5] {
    min-height: 200px;
    height: -webkit-calc(100% - 100px);
}

.k-button-overlay[b-ai61j2j4w5], .k-button[b-ai61j2j4w5]::before, [b-ai61j2j4w5] .k-button::before, [b-ai61j2j4w5] .k-button-overlay {
    background: unset !important; /*keep button background from changing in grid row which looks weird*/
}

button:hover[b-ai61j2j4w5], [b-ai61j2j4w5] button:hover {
    color: var(--mud-palette-secondary);
}


.k-button[b-ai61j2j4w5], .k-button-secondary[b-ai61j2j4w5], [b-ai61j2j4w5] .k-button, [b-ai61j2j4w5] .k-button-secondary {
    background-color: transparent;
    background-image: unset; /* keep download button on grid from having grey background, was background-image: linear-gradient(#f6f6f6, #f1f1f1); */
    color: var(--mud-palette-primary);
    border-color: transparent;
}
/* /Pages/Event.razor.rz.scp.css */
.event-contents[b-ismxpujiis] {
    width: 100vw;
    height: 100%;
    overflow-x: hidden;
}
/* /Pages/Login.razor.rz.scp.css */
.loginmessage[b-1orooavud6] {
    /*position: relative;
    display: flex;
    width: 75%;
    flex-direction: column;*/
    width: 75vw
}

.craftgrid[b-1orooavud6] {
/*    position: relative;
    display: flex;
    flex-direction: column;
    width: 75%;*/
}

.demo-notification[b-1orooavud6] {
    position: absolute;
    width: 90%;
}

.demo-notification .k-notification[b-1orooavud6] {
    width: 90%;
}

#demo-runner[b-1orooavud6] {
    height: 400px;
    width: 90%;
}

.notification-parent[b-1orooavud6] {
    position: absolute;
    align-content: center;
    /*height: 250px;*/
    width: 100%;
    z-index: 20000;
}

.k-badge[b-1orooavud6] {
    margin-left: 5px;
}

.k-notification-container[b-1orooavud6] {
    margin: 6px 0;
    width: 90%;
}

.login-footer[b-1orooavud6] {
    position: absolute;
    color: var(--mud-palette-primary);
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    text-align: center;
    font-size: small;
}
/* /Pages/Schedule.razor.rz.scp.css */


/* hide built in view selector*/
span.k-scheduler-views-wrapper[b-0p6hgn197g] {
    display: none;
}   
.agenda-scroll[b-0p6hgn197g]  {
    height: 100%;
}

#agenda-content[b-0p6hgn197g] {
    /*display: table-row;
    height: 100%;*/
    height: calc(100% - 50px);
}


/*.k-drawer-container, .k-drawer-content,*/
#agenda-content-scroll-wrap[b-0p6hgn197g] {
    position: relative;
    height: 100%;
}

#agenda-content-scroll[b-0p6hgn197g] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}
/* /Pages/TestApi.razor.rz.scp.css */


/* hide built in view selector*/
span.k-scheduler-views-wrapper[b-b8loqrstac] {
    display: none;
}   
.agenda-scroll[b-b8loqrstac]  {
    height: 100%;
}

#agenda-content[b-b8loqrstac] {
    /*display: table-row;
    height: 100%;*/
    height: calc(100% - 50px);
}


/*.k-drawer-container, .k-drawer-content,*/
#agenda-content-scroll-wrap[b-b8loqrstac] {
    position: relative;
    height: 100%;
}

#agenda-content-scroll[b-b8loqrstac] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-bhrg1zzo8t] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-bhrg1zzo8t] {
    flex: 1;
}

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

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

    .top-row[b-bhrg1zzo8t]  a, .top-row .btn-link[b-bhrg1zzo8t] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-bhrg1zzo8t] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 767.98px) {
    .top-row:not(.auth)[b-bhrg1zzo8t] {
        display: none;
    }

    .top-row.auth[b-bhrg1zzo8t] {
        justify-content: space-between;
    }

    .top-row a[b-bhrg1zzo8t], .top-row .btn-link[b-bhrg1zzo8t] {
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .page[b-bhrg1zzo8t] {
        flex-direction: row;
    }

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

    .top-row[b-bhrg1zzo8t] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-bhrg1zzo8t] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}