/* /Components/ConductingInterviews/InterviewHeader.razor.rz.scp.css */
.interviewee-wrapper[b-oqh1c3rga3] {
    
}

.changeinterviewer-wrapper[b-oqh1c3rga3] {
    padding: 1rem;
}

.interviewee-wrapper[b-oqh1c3rga3]  .e-card .e-card-header .e-card-header-image {
    height: 65px;
    width: 65px;
    border-radius: 50%;
}

.interviewee-wrapper[b-oqh1c3rga3]  .e-card .e-card-header .e-card-header-title {
    font-size: 14pt !important;
}

.edit-icon-container[b-oqh1c3rga3] {
    padding-inline: 1.5em;
    padding-block: .75em;
    margin: 0;
}
.delete-icon-container[b-oqh1c3rga3] {
    padding-inline: 1.5em;
    padding-block: 0em;
    margin-left: auto;    
}
    .delete-icon-container[b-oqh1c3rga3] >  button {
        color: white;
        margin-block: auto;
        flex-wrap: wrap;
        min-width: 15ch;
        white-space: normal;
        word-wrap: break-word;
        font-size: 1rem;
        border: 1px solid gray;
        background: var(--bs-gray-dark);
        border-radius: 5px;
    }

.teamMemberJob[b-oqh1c3rga3] {
    max-width: 30ch;
}


[b-oqh1c3rga3] .e-icons.e-edit-2 {
    cursor: pointer;
    width: 100%;
    height: 100%;
}

    [b-oqh1c3rga3] .e-icons.e-edit-2:hover {
        /* add a glow effect */
        font-size: larger;
        color: var(--primary-color-hover);
    }


[b-oqh1c3rga3] .interview-status-switch {
    width: 8rem;
    height: 1.5rem;
}

[b-oqh1c3rga3] .interview-status-switch span.e-switch-on, [b-oqh1c3rga3] .interview-status-switch span.e-switch-off {
    font-size: 1rem;
}

[b-oqh1c3rga3] .interview-status-switch span.e-switch-off {
    background-color: var(--info-color-hover);
    border-color: var(--info-color-hover);
    color: white;
}

[b-oqh1c3rga3] .interview-status-switch span.e-switch-handle {
    background-color: white;
}

[b-oqh1c3rga3] .interview-status-switch:not(.e-switch-disabled):hover .e-switch-handle:not(.e-switch-active) {
    background-color: white;
}

[b-oqh1c3rga3] .interview-question-header-info-row {
    margin-block: 1em;
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%),1fr));  
}

[b-oqh1c3rga3] .team-member-position-manager-dropdown {
    margin-top: -.4rem;
}
/* /Components/ConductingInterviews/NotesDialog.razor.rz.scp.css */
.interview-questions-notes-wrapper[b-4uykwikwje] {
    /*min-height: 100% !important;*/
}

[b-4uykwikwje] .notes-dialog > .e-card-header {
    min-height: 55px;
}

    [b-4uykwikwje] .notes-dialog > .e-card-header > .e-card-header-caption > .e-card-header-title {
        font-size: 1.2rem !important;
        min-width: 20rem;
    }
/*Added this rule because for some reason the 100% height didn't
    affect the dumb inner e-rt-content div height.  It kept defaulting to zero*/
[b-4uykwikwje] .e-rte-content {
    /*background-color:aliceblue;*/
    min-height: 50vh !important;
}
/* /Components/ConductingInterviews/ObservationCard.razor.rz.scp.css */

[b-ddkjas0p7u] .observation-card.e-success .e-card-header,
[b-ddkjas0p7u] .observation-card.e-success .e-card-header * {
    background-color: green;
    color: white;
}

[b-ddkjas0p7u] .observation-card.e-warning ::deep .e-card-header,
[b-ddkjas0p7u] .observation-card.e-warning .e-card-header * {
    background-color: yellow; /*var(--warning-color);*/
    color: black;
}

[b-ddkjas0p7u] .observation-card.e-danger .e-card-header,
[b-ddkjas0p7u] .observation-card.e-danger .e-card-header * {
    background-color: red; /*var(--danger-color);*/
    color: white;
}
/* /Components/ConductingInterviews/ObservationControls/Choice.razor.rz.scp.css */
.observation-control-choice-container[b-h6ifygyxk4] {
    display:flex;   
    min-width: 100%;
}

[b-h6ifygyxk4] .bg-red {
    background-color: red !important;
    color: white !important;
}

[b-h6ifygyxk4] .bg-yellow {
    background-color: yellow !important;
    color: black !important;
}

[b-h6ifygyxk4] .bg-orange {
    background-color: #ff9b00 !important;
    color: black !important;
}

[b-h6ifygyxk4] .bg-green {
    background-color: green !important;
    color: white !important;
}

[b-h6ifygyxk4] .bg-medium-green {
    background-color: #008000 !important;
    background-color: rgba(0, 128, 0, .60) !important;
    color: black !important;
}

[b-h6ifygyxk4] .bg-light-green {
    background-color: #008000 !important;
    background-color: rgba(0, 128, 0, .30) !important;
    color: black !important;
}

[b-h6ifygyxk4] .bg-blue {
    background-color: #0000ff !important;
    color: white !important;
}

[b-h6ifygyxk4] .bg-medium-blue {
    background-color: #0000ff !important;
    background-color: rgba(0, 0, 255, .60) !important;
    color: black !important;
}

[b-h6ifygyxk4] .bg-light-blue {
    background-color: #0000ff !important;
    background-color: rgba(0, 0, 255, .30) !important;
    color: black !important;
}


[b-h6ifygyxk4] .addborder {
    border-color: #d0d0d0 !important;
}

[b-h6ifygyxk4] .observation-card .e-chip-list.e-chip, [b-h6ifygyxk4] .e-chip-list .e-chip {
    align-items: center;
    display: grid;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    line-height: 1.5em;
    margin: auto;
    padding: 0 0px;
    margin-bottom: 10px;
}

[b-h6ifygyxk4] .observation-chips > .e-chip-set {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /*grid-template-rows: 1fr 1fr 1fr;*/
    grid-gap: 1em;
    width: 100%;
}
/* 1 Column Card Layout */


[b-h6ifygyxk4] .observation-chips .e-chip {
    height: 90px;
    width: 100%;
    border-radius: 0 0 0 0 !important;
    padding-inline: .25em;
    padding-block: .5em;
}


    [b-h6ifygyxk4] .observation-chips .e-chip.e-active {
        font-weight: 800 !important;
        width: 98%;
        height: 100px;
        border: 1px solid black !important;
        color: white !important;
        box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px !important;
        margin: 1px -1px 1px 1px;
    }


    [b-h6ifygyxk4] .observation-chips .e-chip .e-chip-text {
        white-space: unset;
        text-align: center;
        word-break: break-word;
        font-size: 0.7rem;
        font-weight: normal;
        justify-content: center;
    }

.observation-chips .e-chip .e-chip-icon[b-h6ifygyxk4] {
    background-color: transparent;
    color: inherit !important;
    margin: auto;
    width: 100%;
    height: 1rem;
    font-size: 0.7rem;
    font-weight: bold;
    justify-content: center;
}

[b-h6ifygyxk4] .observation-chips .e-chip-list.e-chip .e-chip-avatar,
[b-h6ifygyxk4] .e-chip-list .e-chip .e-chip-avatar {
    height: 24px;
    width: 100%;
    text-align: center;
    border-radius: 0%;
    margin: 0 0 0 0;
    background-color: transparent;
    color: inherit !important;
    font-weight: bolder;
    font-size: .825rem;

}

[b-h6ifygyxk4] .observation-chips .e-chip.e-active.bg-yellow > .e-chip-avatar {
    background-color: black;
    color: white !important;
}

[b-h6ifygyxk4] .observation-chips .e-chip-list.e-chip:hover .e-chip-avatar,
[b-h6ifygyxk4] .e-chip-list .e-chip:hover .e-chip-avatar,
[b-h6ifygyxk4] .observation-chips .e-chip-list.e-chip .e-chip-avatar:hover,
[b-h6ifygyxk4] .e-chip-list .e-chip .e-chip-avatar:hover {
    background-color: black;
    color: white !important;
}

[b-h6ifygyxk4] .observation-chips .e-chip.e-active.bg-yellow > .e-chip-text {
    color: black !important;
}


@@media screen and (max-width:580px) {
    [b-h6ifygyxk4] .observation-chips > .e-chip-set {
        grid-gap: 0px;
        width: 98%;
    }

    [b-h6ifygyxk4] .observation-chips .e-chip {
        height: 60px;
    }

        [b-h6ifygyxk4] .observation-chips .e-chip.e-active {
            height: 63px;
        }

        [b-h6ifygyxk4] .observation-chips .e-chip .e-chip-text {
            inline-size: 65px;
            font-size: .5rem !important;
        }

        [b-h6ifygyxk4] .observation-chips .e-chip .e-chip-icon {
            font-size: .825em;
            margin-right: 3px;
            margin-left: -3px;
        }
}

[b-h6ifygyxk4] .observation-card .e-card-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

[b-h6ifygyxk4] .observation-card.e-success .e-card-header,
[b-h6ifygyxk4] .observation-card.e-success .e-card-header * {
    background-color: green;
    color: white;
}

[b-h6ifygyxk4] .observation-card.e-warning ::deep .e-card-header,
[b-h6ifygyxk4] .observation-card.e-warning .e-card-header * {
    background-color: yellow; /*var(--warning-color);*/
    color: black;
}

[b-h6ifygyxk4] .observation-card.e-danger .e-card-header,
[b-h6ifygyxk4] .observation-card.e-danger .e-card-header * {
    background-color: red; /*var(--danger-color);*/
    color: white;
}
/* /Components/ConductingInterviews/ObservationControls/DynamicMulitselectListbox.razor.rz.scp.css */
.observation-control-dynamicmultilistbox-container[b-rxgnanomac] {
    /* each child is on a its own row and the container max-width: is 500px */
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    max-width: 500px;
}

[b-rxgnanomac] .e-listbox-container {
    border: 0 !important;
}

.e-textbox.e-textbox[b-rxgnanomac] {
    border: 3px solid red;
}
/* /Components/ConductingInterviews/ObservationControls/MultilineTextbox.razor.rz.scp.css */
.observation-control-multilinetextbox-container[b-amrwgzfddd] {
    display: flex;
    flex-wrap: wrap;    
    max-width: 600px;
}

.observation-control-multilinetextbox-container[b-amrwgzfddd]  .multiline-textbox.multiline-textbox textarea { 
    min-height: 11em !important;
    background-color: var(--bs-light);
    /*max-width: contain;*/
    padding: 0.5em;
}

/* /Components/ConductingInterviews/ObservationsDialog.razor.rz.scp.css */
[b-j943xmvs27] .addborder {
    border-color: #d0d0d0 !important;
    border-width: 1px;
}

[b-j943xmvs27] .observation-dialog > .e-card-header > .e-card-header-caption > .e-card-header-title {
    font-size: 1.2rem !important;
}

.observation-column[b-j943xmvs27] {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.observation-grid[b-j943xmvs27] {
    display: flex; 
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1em;    
}

/* Switching to Grid when less than 1080p screen size to make the 3 observations: Potential, Likelihood, Retain fit clean */
@media (max-width: 1850px)
{
    .observation-grid[b-j943xmvs27] {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto 1fr;
        gap: 2em;
    }


        .observation-grid > *:nth-child(1)[b-j943xmvs27] {
            grid-column: 1;
            grid-row: 1 / span 2;
        }

        .observation-grid > *:nth-child(2)[b-j943xmvs27] {
            grid-column: 2;
            grid-row: 1
        }

        .observation-grid > *:nth-child(3)[b-j943xmvs27] {
            grid-column: 2;
            grid-row: 2;
            align-self: end;
        }
}


@media (max-width: 1350px) {
    .observation-grid[b-j943xmvs27] {        
        grid-template-columns: 1fr;
    }
    .observation-grid > *:nth-child(1)[b-j943xmvs27],
    .observation-grid > *:nth-child(2)[b-j943xmvs27],
    .observation-grid > *:nth-child(3)[b-j943xmvs27] {
        grid-column: 1;
        grid-row: auto;
    }
}


[b-j943xmvs27] .observation-type-card {
    display: flex;
    align-items: start;
    max-width: 600px;
    max-height: fit-content;
    
}



[b-j943xmvs27] .observation-type-card > .e-card-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


.observation-type-card[b-j943xmvs27]  .e-card-content {
    width: 100%;
}

    [b-j943xmvs27] .observation-type-card.e-success .e-card-header,
    [b-j943xmvs27] .observation-type-card.e-success .e-card-header * {
        background-color: green;
        color: white;
    }

    [b-j943xmvs27] .observation-type-card.e-warning ::deep .e-card-header,
    [b-j943xmvs27] .observation-type-card.e-warning .e-card-header * {
        background-color: yellow; /*var(--warning-color);*/
        color: black;
    }

    [b-j943xmvs27] .observation-type-card.e-danger .e-card-header,
    [b-j943xmvs27] .observation-type-card.e-danger .e-card-header * {
        background-color: red; /*var(--danger-color);*/
        color: white;
    }
/* /Components/CreateInterviews/CreateInterviewDialog.razor.rz.scp.css */
[b-ms5aplott7] .e-dialog .e-dlg-header-content {
    padding: .75em 1.2em;
}

[b-ms5aplott7] .create-interview-container {
    max-width: fit-content;
}

[b-ms5aplott7] .create-interview-form {
    min-width: 350px;
}

.create-interview-form-content[b-ms5aplott7] {
    display: flex;
}

.existing-interviews-container[b-ms5aplott7] 
{
    min-width: 380px;
    min-height: fit-content;
    padding: 1em;
    overflow-y: auto;
    overflow-x: hidden;
}

existing-interview-wrapper[b-ms5aplott7] {
    
}

goto-existing-interview-button[b-ms5aplott7] {
    background-color: var(--info-color);
}

.form-row[b-ms5aplott7] {
    padding: .5em 0;
}

.input-result-detail[b-ms5aplott7] {
    display: flex;
    margin-top: .5em;
    padding: .5em;
    font-weight: bold;
    justify-content: space-between;
}

[b-ms5aplott7] .drop-down-list {
    max-width: 340px;
}

.validation-message[b-ms5aplott7] {
    color: white;
    font-weight: bold;
    padding: .5em;
    margin-top: .5em;
    background-color: var(--error-color);
}
/* /Components/MainContent/ManageInterviews.razor.rz.scp.css */
.drop-down-list[b-su4wlhvbct] {
    max-width: 340px;
}


/*to remove the delete button alone*/
[b-su4wlhvbct] .e-removeDeletecommand button.e-Deletebutton {
    display: none;
}

.dialog-content b[b-su4wlhvbct] {
    font-weight: 700;
    font-family: Arial;

}
/* /Components/MainContent/ManageTeamMembers.razor.rz.scp.css */

.teammember-filters-and-info-wrapper[b-r7g10444bo] {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.team-member-card-container[b-r7g10444bo] {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    /*grid-template-columns: repeat(auto-fit, minmax(15em, 30em));*/
}

.team-member-card[b-r7g10444bo] {
    flex: 0 1 30em;
    justify-content: start;
}

[b-r7g10444bo] .e-card .e-card-header .e-card-header-image {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}
/* Styling footer of card to match Microsoft Planner card footers*/
.team-member-card .e-card-actions[b-r7g10444bo] {
    border-top: 1px solid rgb(237, 235, 233);
    padding-top: 6px !important;
}

.cursor-pointer[b-r7g10444bo] {
    cursor: pointer;
}

.team-member-card-toggle-info-switch[b-r7g10444bo] {
    width: 7em;
    height: 1.5em;
}

    .team-member-card-toggle-info-switch span.e-switch-on[b-r7g10444bo],
    .team-member-card-toggle-info-switch span.e-switch-off[b-r7g10444bo] {
        font-size: 1rem;
    }

.help-accent-swatch[b-r7g10444bo] {
    display: inline-block;
    border: 1px solid var(--bs-gray);
    width: 25px;
    height: 25px;
}

.department-section[b-r7g10444bo] {
    margin-top: 1.5em;
   /* border-inline-start: 3px solid #006341;
    border-block-start: 3px solid #006341;
    border-top-left-radius: 5px;*/
    padding: .5em;
}

.department-header[b-r7g10444bo] {
    font-weight: 700;
    font-size: 1.25rem;
    font-family: 'EB Garamound Medium';
    text-transform: uppercase;
    background: #2C2A29;
    color: white;
    padding: 0.25em 0.375em;
    letter-spacing: 1px;
}

    
    
/* /Components/MainContent/ViewInterviews.razor.rz.scp.css */
*[b-9904p8d50o] {
    box-sizing: border-box;
}



.team-member-card-container[b-9904p8d50o] {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    /*grid-template-columns: repeat(auto-fit, minmax(15em, 30em));*/
}
.team-member-card-container[b-9904p8d50o] >  .skeleton {
    width: 380px;
}

.interview-selected[b-9904p8d50o] {
    color: white;
    font-size: 32px;
    padding: .5em .75em;
    background-color: var(--primary-color-hover);
    border: 1px solid var(--primary-color-hover);
    border-radius: 5px;
    font-size: 1.5em;
    text-align: center;
}

.bulk-assign-form[b-9904p8d50o] {
    font-size: .8rem;
    max-width: 370px;
    background-color: var(--info-color-focus);
}

.bulk-assign-label[b-9904p8d50o] {
    padding: .75em 0;
    font-weight: 800;
}

.bulk-assign-value[b-9904p8d50o] {
    background-color: var(--bs-yellow);
    width: 95%;
    border-radius: 5px;
    margin: 0 auto;
    padding: .25em;
    color: var(--base-color);
}


[b-9904p8d50o] .btn-clear-interviewer {
    font-size: smaller;
}

.interview-summary-card-container[b-9904p8d50o] {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(auto-fit, minmax(15em, 25em));
}

[b-9904p8d50o] .interview-summary-card {
    /*add dropshadow angled to the lower right*/
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.4);
}

[b-9904p8d50o] .e-card .e-card-header .e-card-header-image {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.status-label[b-9904p8d50o] {
    min-width: 100px;
    border: 1px solid var(--bs-gray);
    font-size: smaller;
    text-align: center;
    padding: 3px 2px;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);  
}

.pending-status[b-9904p8d50o] {
    background-color: var(--bs-light);
    color: var(--bs-gray);
}

.active-status[b-9904p8d50o] {
    background-color: var(--info-color);
    color: white;
}

.completed-status[b-9904p8d50o] {
    background-color: var(--primary-color);
    color: white;
}

.archived-status[b-9904p8d50o] {
    background-color: var(--bs-dark);
    color: var(--bs-light);
}

.deleted-status[b-9904p8d50o] {
    background-color: var(--bs-gray);
    color: var(--bs-light);
}

.filter-active[b-9904p8d50o] {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1rem;
    padding-inline: .5rem;
    border-radius: 2px;
    opacity: 1;
}

.filter-inactive[b-9904p8d50o] {
    opacity: .5;
}

.pending-status.filter-active[b-9904p8d50o] {
    border: 1px solid var(--bs-dark);
    background-color: var(--bs-gray);
    color: white;
}

.active-status.filter-active[b-9904p8d50o] {
    border: 1px solid var(--info-color-focus);
    background-color: var(--info-color-focus);
}

.completed-status.filter-active[b-9904p8d50o] {
    border: 1px solid var(--primary-color-focus);
    background-color: var(--primary-color-focus);
}

.archived-status.filter-active[b-9904p8d50o] {
    border: 1px solid var(--bs-dark);
    background-color: var(--bs-dark);
}

[b-9904p8d50o] .interview-type-dropdown {
    min-width: 300px;
}

.interviews-grid[b-9904p8d50o] {
   /* display: flex;
    flex-direction: row;
    flex-wrap:wrap;    
    gap:1em;*/   
}

.interviewtype-section[b-9904p8d50o] {
    margin-top: 1em;    
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
    background-color: #efefef;
    padding-bottom: 1em;
}

.interviewtype-header[b-9904p8d50o] {
    font-weight: 600;
    font-size: 1.15rem;
    /*font-family: 'EB Garamond';*/
    text-transform: uppercase;
    background: var(--danger-color);
    color: white;
    padding: 0.25em 0.375em;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.department-section[b-9904p8d50o] {
    /* border-inline-start: 3px solid #006341;
    border-block-start: 3px solid #006341;
    border-top-left-radius: 5px;*/
    padding: .5em 1em;
}

.department-header[b-9904p8d50o] {
    font-weight: 700;
    font-size: 1rem;
    /*font-family: 'EB Garamond';*/
    text-transform: uppercase;
    background: var(--danger-color-focus);
    color: white;
    padding: 0.25em .75em;
    letter-spacing: 1px;
    border-radius: 3px;
    display: inline-block;
    
}


.inteviewseries-status-label[b-9904p8d50o] {
    min-width: 6.25rem;
    border: 1px solid #fcf8ea;
    font-size: .75rem;
    text-align: center;
    border-radius: 3px;
    letter-spacing: .8px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fcf8ea;
}

.inteviewseries-status-label span[b-9904p8d50o] {
    text-align: center;
    min-width: 10ch;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: .25rem;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    font-weight: 700;
    line-height: 100%;
}

.inteviewseries-status-label b[b-9904p8d50o] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #fcf8ea;
    color: var(--primary-color);
    width: 3ch;
    text-align: center;
    border-left: 1px solid black;
    font-weight: 700;
    font-family: Arial;
    font-size: 1rem;
    float: right;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;   
}



.info-and-actions-container[b-9904p8d50o] {
    gap: 1em;
}


.action-buttons-container[b-9904p8d50o] >  * {
    border-radius: 2px;
    /*add dropshadow effect*/
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);
}

.bulk-assign-form-container[b-9904p8d50o] {

}

.filters-container[b-9904p8d50o] {
    background-color: #FCF8EA; /*#f4f4f4; */
    padding: .625em 1.25em !important;
    border-radius: 3px;
    margin-top: 2em;
    margin-bottom: -.325em;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);
    position: relative;
    gap: 3.225rem !important;
}

    .filters-container[b-9904p8d50o]:before {
        content: "Interview Filters";
        font-weight: 700;
        position: absolute;
        color: #2C2A29;
        /*position text on top left of parent*/
        z-index: 1;
        background-color: #FCF8EA;
        padding: .125em .625em;
        border-radius: 3px;
        /*horizontal configuration*/
        font-size: .825rem;
        top: -1.125em;
        left: 0em;
        /*vertical configuration
        font-size: .625rem;        
        transform: rotate(-90deg);
        bottom: 1.225rem;
        left: -1em;*/
    }

.other-filters-container[b-9904p8d50o] {
    
}

.status-filters-container[b-9904p8d50o] {    
    position: relative;
    flex-wrap: wrap;
    gap: 1rem !important;
}



    .status-filters-container[b-9904p8d50o]:before {
        content: "Status Filters";
        font-weight: 700;
        position: absolute;
        color: #2C2A29;
        /*position text on top left of parent*/
        z-index: 1;
        background-color: #FCF8EA;
        padding: .125em .625em;
        border-radius: 3px;
        /*horizontal configuration*/
        font-size: .825rem;
        top: -1.825em;
        left: 0;
        /*vertical configuration
        font-size: .625rem;        
        transform: rotate(-90deg);
        bottom: 1.225rem;
        left: -1em;*/
    }
/* /Components/ManageFollowUps/FollowUpSimpleCard.razor.rz.scp.css */
.fup-summary-card[b-4grcpbl4ek]  .e-card-header {
    font-size: 4px !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: .4em .75em;
}

.fup-summary-card[b-4grcpbl4ek]  .e-card-content {
    color: var(--base-color) !important;
}

.fup-summary-card[b-4grcpbl4ek]  .e-card-header,
.fup-summary-card[b-4grcpbl4ek]  .e-card-header *:not(.e-icons) {
    font-size: inherit;
}


/* Active and Completed Status Similar Rules*/
.fup-summary-card[b-4grcpbl4ek]  .fup-status-active .e-card-header,
.fup-summary-card[b-4grcpbl4ek]  .fup-status-completed .e-card-header,
.fup-summary-card[b-4grcpbl4ek]  .fup-status-active .e-card-header *,
.fup-summary-card[b-4grcpbl4ek]  .fup-status-completed .e-card-header * {
    color: white !important;
}
/*Active Status BG Color Rules*/
.fup-summary-card[b-4grcpbl4ek]  .fup-status-active .e-card-header {
    background-color: var(--info-color);
}

.fup-summary-card[b-4grcpbl4ek]  .fup-status-active:hover .e-card-header {
    background-color: var(--info-color-hover);
}

/*Completed Status BG Color Rules*/
.fup-summary-card[b-4grcpbl4ek]  .fup-status-completed .e-card-header {
    background-color: var(--primary-color);
}

.fup-summary-card[b-4grcpbl4ek]  .fup-status-completed:hover .e-card-header {
    background-color: var(--primary-color-hover);
}

/*Pending and Archive Status BG Color Rules*/
.fup-summary-card[b-4grcpbl4ek]  .fup-status-archived .e-card-header,
.fup-summary-card[b-4grcpbl4ek]  .fup-status-pending .e-card-header {
    background-color: var(--info-color);
}

/* Styling footer of card to match Microsoft Planner card footers*/
.fup-summary-card[b-4grcpbl4ek]  .e-card-actions {
    border-top: 1px solid rgb(237, 235, 233);
    padding-top: 6px !important;
}

/*Button overrides*/
[b-4grcpbl4ek] .progress-button,
[b-4grcpbl4ek] .fua-people-button,
[b-4grcpbl4ek] .fu-button {
    font-size: smaller;
    padding: .25em .5em;
    background-color: inherit;
    border: none;
}

.fup-summary-card[b-4grcpbl4ek]  .fup-description .e-textbox {
    min-height: 8em !important;
}

[b-4grcpbl4ek] .e-add-icon::before {
    content: '\e823';
}

[b-4grcpbl4ek] .e-delete-icon::before {
    content: '\e965';
}

[b-4grcpbl4ek] .e-check-icon::before {
    content: '\ea84';
}

[b-4grcpbl4ek] .e-edit-icon::before {
    content: '\e944';
}

[b-4grcpbl4ek] .e-save-icon::before {
    content: '\e954';
}

[b-4grcpbl4ek] .e-close-icon::before {
    content: "\e72b";
}

[b-4grcpbl4ek] .e-people-icon:before {
    content: '\e425';
}
/* /Components/ManageFollowUps/FollowUpSummaryCard.razor.rz.scp.css */
.fup-summary-card[b-659fyg07i7]  .e-card-header {
    font-size: 1rem !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: .4em .75em;
}

.fup-summary-card[b-659fyg07i7]  .e-card-content {
    color: var(--base-color) !important;
}

.fup-summary-card[b-659fyg07i7]  .e-card-header,
.fup-summary-card[b-659fyg07i7]  .e-card-header *:not(.e-icons) {
    font-size: inherit;
}


/* Active and Completed Status Similar Rules*/
.fup-summary-card[b-659fyg07i7]  .fup-status-active .e-card-header,
.fup-summary-card[b-659fyg07i7]  .fup-status-completed .e-card-header,
.fup-summary-card[b-659fyg07i7]  .fup-status-active .e-card-header *,
.fup-summary-card[b-659fyg07i7]  .fup-status-completed .e-card-header * {
    color: white !important;
}
/*Active Status BG Color Rules*/
.fup-summary-card[b-659fyg07i7]  .fup-status-active .e-card-header {
    background-color: var(--info-color);
}

.fup-summary-card[b-659fyg07i7]  .fup-status-active:hover .e-card-header {
    background-color: var(--info-color-hover);
}

/*Completed Status BG Color Rules*/
.fup-summary-card[b-659fyg07i7]  .fup-status-completed .e-card-header {
    background-color: var(--primary-color);
}

.fup-summary-card[b-659fyg07i7]  .fup-status-completed:hover .e-card-header {
    background-color: var(--primary-color-hover);
}

/*Pending and Archive Status BG Color Rules*/
.fup-summary-card[b-659fyg07i7]  .fup-status-archived .e-card-header,
.fup-summary-card[b-659fyg07i7]  .fup-status-pending .e-card-header {
    background-color: var(--info-color);
}

/* Styling footer of card to match Microsoft Planner card footers*/
.fup-summary-card[b-659fyg07i7]  .e-card-actions {
    border-top: 1px solid rgb(237, 235, 233);
    padding-top: 6px !important;
}

/*Button overrides*/
[b-659fyg07i7] .progress-button,
[b-659fyg07i7] .fua-people-button,
[b-659fyg07i7] .fu-button {
    font-size: smaller;
    padding: .25em .5em;
    background-color: inherit;
    border: none;
}

[b-659fyg07i7] .e-add-icon::before {
    content: '\e823';
}

[b-659fyg07i7] .e-delete-icon::before {
    content: '\e965';
}

[b-659fyg07i7] .e-check-icon::before {
    content: '\ea84';
}

[b-659fyg07i7] .e-edit-icon::before {
    content: '\e944';
}

[b-659fyg07i7] .e-save-icon::before {
    content: '\e954';
}

[b-659fyg07i7] .e-close-icon::before {
    content: "\e72b";
}

[b-659fyg07i7] .e-people-icon:before {
    content: '\e425';
}
/* /Components/ManageTeamMembers/TeamMemberInfoCard.razor.rz.scp.css */


.team-member-info-card[b-ef97f1g20n]  .team-member-info-card-headerbg .e-card-header {
    background-color: var(--danger-color);
    border-color: var(--danger-color);
    color: white;
}

.team-member-info-card[b-ef97f1g20n]  .team-member-info-card-activebg .e-card-header {
    background-color: var(--info-color);
    border-color: var(--info-color);
    color: white;
}

.team-member-info-card[b-ef97f1g20n]  .team-member-info-card-completebg .e-card-header {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
}
.team-member-info-card[b-ef97f1g20n]  .team-member-info-card-pendingbg .e-card-header {
    background-color: var(--bs-light);
    border-color: var(--bs-light);
    color: var(--bs-gray) !important;
}

.team-member-info-card[b-ef97f1g20n]  .team-member-info-card-archivedbg .e-card-header {
    background-color: var(--bs-dark);
    border-color: var(--bs-dark);
    color: var(--bs-light) !important;
}




.team-member-info-card-image[b-ef97f1g20n] {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}


.team-member-info-card-title[b-ef97f1g20n] {
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding-bottom: .25rem;
}

.team-member-info-card-subtitle[b-ef97f1g20n] {
    font-size: .8rem !important;
    font-weight: 400 !important;
}

.team-member-info-card[b-ef97f1g20n], .team-member-info-card:hover[b-ef97f1g20n] {
    min-height: 75px;
    border-width: 1px !important;
    border-radius: 4px !important;
    padding: 0;
    /*border-width: 1px;*/
    /*border-radius: 10px;*/
}


.team-member-info-card[b-ef97f1g20n]  .e-card-header {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    padding-bottom: .5em;
}

.team-member-info-card[b-ef97f1g20n]  .e-card-content {
    color: var(--base-color) !important;
}

.team-member-info-card .e-card .e-card-header .e-card-header-image[b-ef97f1g20n] {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.team-member-info-card-smallfont[b-ef97f1g20n] {
    font-size: .8rem;
    line-height: 1.5rem;
}

.status-label[b-ef97f1g20n] {
    position: relative;
    min-width : 6.25rem;
    border: 1px solid var(--bs-gray);
    font-size: .75rem;
    text-align: center;
    flex-grow: 1;
    border-radius: 5px;
    letter-spacing: .8px;
    font-weight: 500;
    line-height:1.5rem;
    padding-top:2px;
    padding-right:.5em;
    
}

.status-label b[b-ef97f1g20n] {
    border-radius: 50%;
    position: absolute;
    top: -.75em;
    left: 85%;
    background: #fcf8ea;
    color: var(--primary-color);
    width: 3ch;
    text-align: center;
    border: 1px solid #979797;
    z-index: 3;    
    font-weight: 700;
    font-family:Arial;
    font-size: 1rem;
}


.status-label2[b-ef97f1g20n] {
  
    min-width: 6.25rem;
    border: 1px solid var(--bs-gray);
    font-size: .75rem;
    text-align: center;
    border-radius: 3px;
    letter-spacing: .8px;
    font-weight: 500;

}
.status-label2 span[b-ef97f1g20n] {
    text-align:center;
}

    .status-label2 b[b-ef97f1g20n] {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        background: #fcf8ea;
        color: var(--primary-color);
        width: 3ch;
        text-align: center;
        border-left: 1px solid black;
        font-weight: 700;
        font-family: Arial;
        font-size: 1rem;
        float: right;
    }

.pending-status[b-ef97f1g20n] {
    background-color: var(--bs-light);
}

.active-status[b-ef97f1g20n] {
    background-color: var(--info-color);
    color: white;
}

.completed-status[b-ef97f1g20n] {
    background-color: var(--primary-color);
    color: white;
}

.archived-status[b-ef97f1g20n] {
    background-color: var(--bs-dark);
    color: white;
}

.interviews-section[b-ef97f1g20n] {
    margin-top: 1em;
    padding: 1em 0;
    border: 2px solid #ccc;
    border-radius: 5px;
    background-color: #fcf8ea;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

    .interviews-section header[b-ef97f1g20n] {
        font-weight: bold;
        font-size: 1rem;        
        position: relative;
        text-align:center;
    }
        .interviews-section header[b-ef97f1g20n]::before {
            content: '';
            display: block;
            position: absolute;
            left: .8em;
            top: 50%;
            width: 90%;
            height: 3px;
            background-color: black;
            border-radius: 50%;
        }
        .interviews-section header[b-ef97f1g20n]::after {
            content: '';
            display: block;
            position: absolute;
            right: .8em;
            top: 50%;
            width: 90%;
            height: 3px;
            background-color: black;
            border-radius: 50%;
        }
    .interviews-section header span[b-ef97f1g20n] {
            position: relative;
            z-index: 2;
            background-color: #fcf8ea;
            padding: 0 1em;
        }

/* /Components/Utilities/CardSkeleton.razor.rz.scp.css */
*[b-1n230w3j0d] {
    box-sizing: border-box;
}

body[b-1n230w3j0d] {
    margin: 0;
    background: #f0f0f0;
}

.container[b-1n230w3j0d] {
    height: 100vh;
    display: flex;
    flex-flow: wrap row;
   
}

.box[b-1n230w3j0d] {
    max-width: 300px;
    width: 100%;
}

.skeleton[b-1n230w3j0d] {
    padding: .5em;
    max-width: 300px;
    width: 100%;
    background: #f0f0f0;
    margin: 1em;
    min-height: 75px;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /*box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);*/
}

    .skeleton .square[b-1n230w3j0d] {
        height: 80px;
        border-radius: 5px;
        background: rgba(130, 130, 130, 0.2);
        background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
        background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
        background-size: 800px 100px;
        animation: wave-squares-b-1n230w3j0d 2s infinite ease-out;
    }

    .skeleton .line[b-1n230w3j0d] {
        height: 12px;
        margin-bottom: 6px;
        border-radius: 2px;
        background: rgba(130, 130, 130, 0.2);
        background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
        background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
        background-size: 800px 100px;
        animation: wave-lines-b-1n230w3j0d 2s infinite ease-out;
    }

.skeleton-right[b-1n230w3j0d] {
    flex: 1;
}

.skeleton-left[b-1n230w3j0d] {
    flex: 2;
    padding-right: 1em;
}

.flex0[b-1n230w3j0d] {
    flex: 0;
}
.flex1[b-1n230w3j0d] {
    flex: 1;
}

.flex2[b-1n230w3j0d] {
    flex: 2;
}

.skeleton .line:last-child[b-1n230w3j0d] {
    margin-bottom: 0;
}

.h8[b-1n230w3j0d] {
    height: 8px !important;
}

.h10[b-1n230w3j0d] {
    height: 10px !important;
}

.h12[b-1n230w3j0d] {
    height: 12px !important;
}

.h15[b-1n230w3j0d] {
    height: 15px !important;
}

.h17[b-1n230w3j0d] {
    height: 17px !important;
}

.h20[b-1n230w3j0d] {
    height: 20px !important;
}

.h25[b-1n230w3j0d] {
    height: 25px !important;
}

.w25[b-1n230w3j0d] {
    width: 25% !important
}

.w40[b-1n230w3j0d] {
    width: 40% !important;
}

.w50[b-1n230w3j0d] {
    width: 50% !important
}

.w75[b-1n230w3j0d] {
    width: 75% !important
}

.m10[b-1n230w3j0d] {
    margin-bottom: 10px !important;
}

.circle[b-1n230w3j0d] {
    border-radius: 50% !important;
    height: 50px !important;
    width: 50px;
}

@keyframes wave-lines-b-1n230w3j0d {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes wave-squares-b-1n230w3j0d {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}
/* /Components/Utilities/DeleteInterviewDialog.razor.rz.scp.css */
.required-tag[b-9d5ffguuy0] {
    color: white;
    background-color: red;
    padding-inline: 0.5em;
    padding-block: 0.125em;
    border-radius: 3px;
    margin-left: .5em;

}

label[b-9d5ffguuy0] {
    padding-block: .5em !important;
    padding-inline: 0;
    font-weight: 600;
}

[b-9d5ffguuy0] .ReasonCommentTextBox {
    min-height: 5em;
    padding-inline:0;
}

[b-9d5ffguuy0] .e-ddl {
    padding-inline: 0;
}
/* /Components/Utilities/Icons/BaseIcon.razor.rz.scp.css */
/*.bg-complete {
    background-color: var(--success-color) !important;
    color: white !important;
}

.bg-incomplete {
    background-color: var(--warning-color) !important;
    color: white !important;
}

.text-not-required {
    color: var(--info-color) !important;
}

.text-incomplete {
    color: var(--warning-color) !important;
}

.badge-color-not-required {
    background-color: var(--info-color) !important;
    color: white !important;
}

.badge-hidden {
    background-color: transparent !important;
    color: transparent !important;
}

.text-complete {
    color: var(--primary-color) !important;
}
*/
/* /Components/Utilities/InterviewRequirementsSummary.razor.rz.scp.css */
.cursor-pointer[b-hcp5sbfh87] {
    cursor: pointer;
}

.questions-container[b-hcp5sbfh87] {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    min-width: 100%;
}

.question[b-hcp5sbfh87] {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    min-width: 100%;
    padding-block: 1em;
    font-weight: 600;
    color: white;
    background-color: var(--bs-light);
    margin-block: 1em;
    justify-content: space-between;
    padding-inline: 1em;
    align-items: center;
}
/* /Components/Utilities/TeamMemberCard.razor.rz.scp.css */
.teammember-card[b-eo8irsw1xi] >  .hide-card-effect, .teammember-card > .hide-card-effect:hover[b-eo8irsw1xi] {
    padding: initial;
    border-color: initial;
    border-width: initial;
}

.teammember-card[b-eo8irsw1xi] >  .e-card .e-card-header-title {
    font-size: 1.25rem !important;
}

.teammember-card[b-eo8irsw1xi] >  .e-card .e-card-sub-title {
    font-size: 1rem !important;

}


.teammember-card[b-eo8irsw1xi]  .e-card .e-card-header .e-card-header-image {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    margin-right: .625em;
}

.teammember-card[b-eo8irsw1xi]  .e-card .e-card-header {
    padding: 0;
}

.teammember-card[b-eo8irsw1xi]  .e-card .e-card-content {
    padding: 0;
    padding-left: 87.5px;
    margin-top: -.5em;
    font-size: .75rem;
}
/* /Components/ViewInterviews/InterviewSummaryCard.razor.rz.scp.css */
.interview-summary-card-image[b-ot1qyq3wru] {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}


.interview-summary-card-title[b-ot1qyq3wru] {
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding-bottom: .25rem;
}

.interview-summary-card-subtitle[b-ot1qyq3wru] {
    font-size: .8rem !important;
    font-weight: 400 !important;
}

.interview-summary-card-scheduled-for[b-ot1qyq3wru] {
    font-size: .8rem !important;
    font-weight: 700 !important;    
    white-space: nowrap;   
    padding-left:1em;

}

.interview-summary-card-overdue-warning[b-ot1qyq3wru] {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: black !important;
    padding: .25rem;
    margin-top: -12px;
    display: flex;
    min-width: calc(100% + 24px);
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    background-color: #dc3545;
    justify-content: center;
    margin-bottom: .25em;
    font-family: Arial;
}

.interview-summary-card[b-ot1qyq3wru], .interview-summary-card:hover[b-ot1qyq3wru] {
    min-height: 75px;
    border-width: 1px !important;
    border-radius: 4px !important;
    padding: 0;
    /*border-width: 1px;*/
    /*border-radius: 10px;*/
}

/*.interview-summary-card .e-card {
    border-radius: 0 !important;
}*/

.interview-summary-card[b-ot1qyq3wru]  .e-card-header {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    padding-bottom: .5em;
}



.interview-summary-card[b-ot1qyq3wru]  .e-card-content {
    color: var(--base-color) !important;
}

/* Active and Completed Status Similar Rules*/
.interview-summary-card[b-ot1qyq3wru]  .interview-status-active .e-card-header,
.interview-summary-card[b-ot1qyq3wru]  .interview-status-completed .e-card-header,
.interview-summary-card[b-ot1qyq3wru]  .interview-status-warning .e-card-header,
.interview-summary-card[b-ot1qyq3wru]  .interview-status-active .e-card-header *,
.interview-summary-card[b-ot1qyq3wru]  .interview-status-completed .e-card-header *,
.interview-summary-card[b-ot1qyq3wru]  .interview-status-warning .e-card-header * {
    color: white !important;
}
/*Active Status BG Color Rules*/
.interview-summary-card[b-ot1qyq3wru]  .interview-status-active .e-card-header {
    background-color: var(--info-color);
    border-color: var(--info-color);
}

.interview-summary-card[b-ot1qyq3wru]  .interview-status-active:hover .e-card-header {
    background-color: var(--info-color-hover) !important;
    border-color: var(--info-color-hover) !important;
}

/*Completed Status BG Color Rules*/
.interview-summary-card[b-ot1qyq3wru]  .interview-status-completed .e-card-header {
    background-color: var(--primary-color);
}

.interview-summary-card[b-ot1qyq3wru]  .interview-status-completed:hover .e-card-header {
    background-color: var(--primary-color-hover);
}

/*Pending Status BG Color Rules*/
.interview-summary-card[b-ot1qyq3wru]  .interview-status-pending .e-card-header {
    background-color: var(--bs-light);
    color: var(--bs-gray) !important;
}

/*Archive and other Status BG Color Rules*/
.interview-summary-card[b-ot1qyq3wru]  .interview-status-archived .e-card-header {
    background-color: var(--bs-dark);
    color: var(--bs-light) !important;
}

/*Archive and other Status BG Color Rules*/
.interview-summary-card[b-ot1qyq3wru]  .interview-status-deleted .e-card-header {
    background-color: var(--bs-gray);
    color: var(--bs-light) !important;
}

/* Styling footer of card to match Microsoft Planner card footers*/
.interview-summary-card[b-ot1qyq3wru]  .e-card-actions {
    border-top: 1px solid rgb(237, 235, 233);
    padding-top: 6px !important;
}

.interview-summary-card[b-ot1qyq3wru]  .e-card .e-card-header .e-card-header-image {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}
/* /Shared/MainLayout.razor.rz.scp.css */


.mainmenunav[b-1lrxxdvmwi]  .e-menu-container * {
    background-color: var(--primary-color);
    color:white;
    font-size:1rem;
    font-weight:500;
}

.mainmenunav[b-1lrxxdvmwi]  .e-menu-wrapper ul .e-menu-item, .mainmenunav[b-1lrxxdvmwi]  .e-menu-container ul .e-menu-item {
    background: inherit !important;
    color: white !important;
    margin-right: .5em;
    padding-top:3px;
}

/*Control hover over the Menu Item with Submenu*/
.mainmenunav[b-1lrxxdvmwi]  .e-menu-wrapper .e-menu .e-menu-item.e-selected, .mainmenunav[b-1lrxxdvmwi]  .e-menu-container .e-menu .e-menu-item.e-selected {
    background: inherit !important;
    color: white !important;
}


/*.mainmenunav ::deep .e-menu-parent * {
    background-color: white !important;
    color: var(--bs-gray);
}
*/
.mainmenunav[b-1lrxxdvmwi]  .e-icons.e-caret {
    color: white !important;
}
/* /Shared/UpdateAvailableDetector.razor.rz.scp.css */
.floating-update-button[b-lhqz4kcw2j] {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    padding: 1rem 1.5rem;
    animation: fadein-b-lhqz4kcw2j 2s ease-out;
}

@keyframes fadein-b-lhqz4kcw2j {
    from {
        right: -100%;
    }

    to {
        right: 2rem;
    }
}