@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* _content/Webtime/Components/TooltipComponent.razor.rz.scp.css */

/* pa-tooltip*/
.pa-tooltip[b-ou8xbv4f9s]
{
    position: relative;
    display: inline-block;
    width: 100%;
}

    .pa-tooltip > div:first-child[b-ou8xbv4f9s]
    {
        visibility: hidden;
        position: absolute;
        display: inline-block;
        top: 120%;
        background-color: #fff;
        padding: 5px;
        border-style: solid;
        border-color: rgba(34,34,34,.125);
        border-width: 1px;
        border-radius: 3px;
        z-index: 1;
    }

        .pa-tooltip > div:first-child:empty[b-ou8xbv4f9s]
        {
            display: none;
        }

        .pa-tooltip > div:first-child[b-ou8xbv4f9s]::before
        {
            Content: "";
            position: absolute;
            bottom: 100%;
            left: 10px;
            margin-left: -5px;
            margin-bottom: 1px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent rgba(34,34,34,.125) transparent;
        }

        .pa-tooltip > div:first-child[b-ou8xbv4f9s]::after
        {
            content: "";
            position: absolute;
            bottom: 100%;
            Left: 10px;
            margin-left: -4px;
            border-width: 4px;
            border-style: solid;
            border-color: transparent transparent #fff transparent;
        }

    .pa-tooltip:hover div:first-child[b-ou8xbv4f9s]
    {
        visibility: visible;
    }

.pa-tooltip-hide[b-ou8xbv4f9s]
{
    position: relative;
    display: inline-block;
    width: 100%;
}

    .pa-tooltip-hide > div:first-child[b-ou8xbv4f9s]
    {
        visibility: hidden;
        position: absolute;
    }

/*#end pa-tooltip*/


.tooltip-wrapper[b-ou8xbv4f9s]
{
    position: relative;
    cursor: help;
}
    .tooltip-wrapper:hover #spanText[b-ou8xbv4f9s]
    {
        visibility: visible;
    }
#spanText[b-ou8xbv4f9s]
{
    visibility: hidden;
    position: absolute;
    width: 100%;
    bottom: 100%;
    left: 10px;
    margin-left: -20px;
    background-color: #51215c;
    color: #ffffff;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 13px;
    border-radius: 6px;
    z-index: 1;
}

    #spanText[b-ou8xbv4f9s]::after
    {
        content: "";
        position: absolute;
        top: 100%;
        left: 5%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }
.SettingsTab[b-ou8xbv4f9s]
{
    font-size: 12px;
    font-weight: 500;
}

.SettingsLabel[b-ou8xbv4f9s]
{
    font-size: 11px;
}
/* _content/Webtime/Components/UI/B2C/B2CSignOut.razor.rz.scp.css */
@media (min-width: 576px)
{
    .fixed-bottom[b-zzk3ctfozr]
    {
        position: relative;
    }
}
/* _content/Webtime/Components/UI/ButtonIcon.razor.rz.scp.css */
.webtime-buttonicon[b-4emoh8sl11]
{
    margin-left: 5px;
    margin-right: 5px;
    width:152px;
    height:48px;
}

@media (min-width: 50px)
{
    .webtime-buttonicon[b-4emoh8sl11]
    {
        margin-left: 2px;
        margin-right: 2px;
        width: 90px !important;
    }
    .btn[b-4emoh8sl11]
    {
        font-size: 10pt !important;
    }
}

@media (min-width: 360px)
{
    .webtime-buttonicon[b-4emoh8sl11]
    {
        margin-left: 2px;
        margin-right: 2px;
        width: 100px !important;
    }
    .btn[b-4emoh8sl11]
    {
        font-size: 11pt !important;
    }
}

@media (min-width: 375px)
{
    .webtime-buttonicon[b-4emoh8sl11]
    {
        width: 100px !important;
    }
    .btn[b-4emoh8sl11]
    {
        font-size: 11pt !important;
    }
}

@media (min-width: 425px)
{
    .webtime-buttonicon[b-4emoh8sl11]
    {
        margin-left: 5px !important;
        margin-right: 5px !important;
        width: 111px !important;
    }
    .btn[b-4emoh8sl11]
    {
        font-size: 13pt !important;
    }
}

@media (min-width: 550px)
{
    .webtime-buttonicon[b-4emoh8sl11]
    {
        margin-left: 5px !important;
        margin-right: 5px !important;
        width: 152px !important;
    }

    .btn[b-4emoh8sl11]
    {
        font-size: 13pt !important;
    }
}

/* _content/Webtime/Components/UI/CaptionOverlay.razor.rz.scp.css */
/* _content/Webtime/Components/UI/ScreenHeader.razor.rz.scp.css */
.screen-header-backbutton-caption[b-69rf276pzm]
{
    cursor:pointer;
}
    .screen-header-backbutton-caption:hover[b-69rf276pzm]
    {
        color: white;
        text-decoration: underline;
        font-size: 1.00em;
    }
/* _content/Webtime/Components/UI/Timesheets/ApprovalOptions.razor.rz.scp.css */
.approval-options-accordion[b-igahn6xner]
{
}

.accordion[b-igahn6xner]
{
    width: 244px !important;
    top: 141px;
}
.accordion-item[b-igahn6xner]
{
    margin-bottom: 0px !important;
}
.accordion-button[b-igahn6xner]
{
    background-color: white;
    color: #804d99;
    font-size: 16px;
    font-weight: bold;
    padding: 21px;
}
    .accordion-button[b-igahn6xner]::after
    {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    }

    li[b-igahn6xner]
    {
        padding: 10px;
    }
.accordion-body[b-igahn6xner]
{
    width: 244px;
    height: 148px;
    padding: 10px !important;
}

.approval-option[b-igahn6xner]
{
    font-size: 16px;
    font-weight: bold;
    text-wrap: nowrap;
    margin-bottom: 25px;
    cursor: pointer;
}
.approval-option-icon[b-igahn6xner]
{
    height: 23px;
}
.approval-option-icon-span[b-igahn6xner]
{
    margin-right: .25rem !important;
}
/* _content/Webtime/Components/UI/Timesheets/TimesheetDetailEntry.razor.rz.scp.css */

.timesheet-detail-entry[b-vgpcqhctc5]
{
    cursor: pointer;
    font-size: 14px;
    background-color: #ffeac2;
    margin-bottom: 5px;
}

    .timesheet-detail-entry :hover[b-vgpcqhctc5]
    {
        background-color: #fff9ef;
    }

.timesheet-detail-entry-modified[b-vgpcqhctc5] {
    font-style: italic;
    text-decoration: underline;
    background-color: #fffbdd;
}
.timesheet-detail-entry-line-item[b-vgpcqhctc5]
{
    padding:2px;
}
/* _content/Webtime/Components/UI/Timesheets/TimesheetEdit.razor.rz.scp.css */
.timesheetedit-form-item[b-1worupw2ii]
{
    padding-left:0px;
}
.timesheet-edit-footer[b-1worupw2ii] {
    max-width: var(--application-max-width);
    margin:auto;
}
.timesheet-edit-totalhours-alert[b-1worupw2ii]
{
    background-color: #f2f2f2;
}
.timesheet-edit-position-alert[b-1worupw2ii] {
    background-color: #f2f2f2;
}
/* _content/Webtime/Components/UI/Timesheets/TimesheetHeaderEntry.razor.rz.scp.css */

.timesheet-header-entry-card[b-oaf5kv1yhx]
{
    font-size: 14px;
    cursor: pointer;
    background-color: #580c6917;
    margin-bottom: 10px;
}

.timesheet-header-entry-card :hover[b-oaf5kv1yhx]
{
    background-color: #ececec;
}

.timesheet-header-entry[b-oaf5kv1yhx]
{
    background-color: #52225d17;
    font-size: 14px;
    cursor: default;
}

.timesheet-header-entry-details-table[b-oaf5kv1yhx]
{
    background-color: #ffebc5;
    color: black;
}
    .timesheet-header-entry-details-table td[b-oaf5kv1yhx] {
        padding:5px;
    }

.timesheet-header-entry-summary-line[b-oaf5kv1yhx]
{
    border-top: 1px solid #bebebe;
    color: black;
}

.accordion-button[b-oaf5kv1yhx]::after
{
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox=' 0 0 19 19' fill='darkpurple'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.timesheet-header-entry-item-description[b-oaf5kv1yhx]
{
    font-weight:normal !important;
    width: 95%;
}
.accordion-button:not(.collapsed)[b-oaf5kv1yhx]
{
}
.accordion-item[b-oaf5kv1yhx]
{
    margin-bottom: 5px !important;
}

/* _content/Webtime/Components/UI/Timesheets/TimesheetsListing.razor.rz.scp.css */
.timesheetinquiry-accordionitem-totaltimesheets[b-byvh1pw056]
{
    margin-left: 5px;
}

[b-byvh1pw056] 
.full-width-quickgrid
{
    width: 100%;
}

[b-byvh1pw056]
.summary
{
    display: none;
}

[b-byvh1pw056]
.paginator
{
    display: grid;
    justify-content: center;
    background-color: #51215c;
    color: var(--bs-white);
    border-top: 0px solid #ced4da;
    border-bottom: 0px solid #ced4da;
    padding: 20px;
    margin: 0px;
    margin-right: 0px;
    font-size: 12px;
    font-weight: normal;
    text-wrap: pretty;
}
[b-byvh1pw056]
.paginator-fixed-temp
{
    position: fixed;
    right: 0;
    bottom: 80px;
    left: 0;
    z-index: 1030;
}

[b-byvh1pw056]
.paginator-fixed-approver
{
    position: fixed;
    right: 0;
    bottom: 0px;
    left: 0;
    z-index: 1030;
}

[b-byvh1pw056] .go-first, [b-byvh1pw056] .go-next, [b-byvh1pw056] .go-previous, [b-byvh1pw056] .go-last
{
    width: 32px;
    border: 1px solid #fefefe;
    background-color: #f7a711 !important;
    border-radius: var(--bs-border-radius) !important;
}
[b-byvh1pw056] .pagination-text
{
    font-size: inherit;
    text-align: center;
}

[b-byvh1pw056]
.quickgrid[theme=default]
{
    --col-gap: 1px;
}


@media (min-width: 300px)
{
    [b-byvh1pw056]
    .pagination-text
    {
        width: 85px;
    }
}
@media (min-width: 325px)
{
    [b-byvh1pw056]
    .pagination-text
    {
        width: 140px;
        font-size: 15px;
    }
}
@media (min-width: 425px)
{
    [b-byvh1pw056]
    .pagination-text
    {
        width: 200px;
    }
}

@media (min-width: 768px)
{
    [b-byvh1pw056] .go-first, [b-byvh1pw056] .go-next, [b-byvh1pw056] .go-previous, [b-byvh1pw056] .go-last
    {
        width: 75px;
        height: 40px;
    }

    [b-byvh1pw056]
    .pagination-text
    {
        width: 350px;
        font-size: 18px;
    }
}

/* _content/Webtime/Components/UI/Timesheets/TimesheetStatusList.razor.rz.scp.css */
[b-v70e7k7jgx] .timesheet-status-list-dropdown 
{
    color: red;
}
/* _content/Webtime/Components/UI/Timesheets/TimesheetTimeEdit.razor.rz.scp.css */
.timesheet-edittime-invalid[b-2b3e0qxj4o] {
    color:red;
    background-color:#f6b9b9;
}
.timesheet-edittime-timepicker-combobox[b-2b3e0qxj4o]
{
/*    position: relative;
    top: -45px;
*/    
}
/* _content/Webtime/Components/UI/Timesheets/TimesheetUDF.razor.rz.scp.css */
.timesheet-udf-dropdownlist[b-0c4wytf0tp]
{
    /*border: 1px solid #ced4da;*/
}
/* _content/Webtime/Pages/AdminPermissions.razor.rz.scp.css */


/* Div For Admin Users
------------------------------------------------------*/


/* Div For Action Buttons
------------------------------------------------------*/
.pushButton[b-cocdoydhd9] {
    color: white !important;
    background: #663e7a !important;
    border-radius: 1rem;
    width: 28%;
    -moz-border-radius: 1rem;
    -o-border-radius: 1rem;
    -khtml-border-radius: 1rem;
    font: 0.9rem Verdana,Geneva,sans-serif;
    font-weight: normal !important;
    -webkit-transition-property: box-shadow, background-color;
    -moz-transition-property: box-shadow, background-color;
    -o-transition-property: box-shadow, background-color;
    transition-property: box-shadow, background-color;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-tap-highlight-color: transparent;
    border: 1px solid #663e7a !important;
    -webkit-border-radius: 1rem;
    padding: 0.5rem 1rem !important;
}

    .pushButton:disabled[b-cocdoydhd9] {
        background: #B8B8B8 !important;
        border: 1px solid #B8B8B8 !important;
    }
    .pushButton > span[b-cocdoydhd9] {
        line-height: initial !important;
        display: initial !important;
    }


/* Div For Admin Permissions
------------------------------------------------------*/





/* _content/Webtime/Pages/HomePendingApprovals.razor.rz.scp.css */
.home-approvals-container[b-4nn5nnsoyi]
{
    margin-top: 142px;
    margin-bottom: 200px;
}
[b-4nn5nnsoyi] .approval-options-dropdown
{
    width: 200px !important;
    font-size: 18px;
    border: none !important;
    /*margin-bottom: -10px !important;*/
}
.pending-approvals-toolbar-item[b-4nn5nnsoyi]
{
    padding: 10px !important;
}
/* _content/Webtime/Pages/Index.razor.rz.scp.css */
.flex-container[b-iylj7aiw6m]
{
    /* We first create a flex layout context */
    display: flex;
    /* Then we define the flow direction 
     and if we allow the items to wrap 
   * Remember this is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   */
    flex-flow: row wrap;
    /* Then we define how is distributed the remaining space */
    justify-content: space-around;
}

.flex-item[b-iylj7aiw6m]
{
    padding: 0px !important;
    width: 150px;
    height: 200px;
    margin: 0px !important;
    text-align: center;
    border: 0px;
}

.nav-link svg[b-iylj7aiw6m] {
    height: 35px;
    width: 75px;
    color: rgba(128, 77, 153, 1);
    margin-bottom:15px;
}

.flex-item[b-iylj7aiw6m]
{
    height: 110px !important;
}
.home-page-container[b-iylj7aiw6m]
{
    margin-top: 280px;
}
[b-iylj7aiw6m] a
{
    color: #76488d !important;
    font-weight: bold !important;
}
/* _content/Webtime/Pages/LocalizationsSettings.razor.rz.scp.css */


@media (max-width:576px)
{
    .localizations-languages-dropdown-container[b-ay142sdcju]
    {
        position: fixed;
        bottom: 37px;
        left: 0;
        z-index: 1;
    }
    .localizations-settings-dropdown-container[b-ay142sdcju]
    {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1;
    }
    .localizations-settings-container[b-ay142sdcju]
    {
        margin-bottom: 75px;
    }
}
/* _content/Webtime/Pages/NotificationsSetup.razor.rz.scp.css */
.NotificationEditor div[b-f4acqadgoz] {
    margin-top: 6px;
}

#NotificationSetupEditor table.Detail[b-f4acqadgoz] {
    margin-left: 40px;
}

.NotificationEditor #NotificationSetupEditor .field-head[b-f4acqadgoz] {
    color: Black;
    font-weight: normal;
}

.NotificationEditor #NotificationSetupEditor .Main[b-f4acqadgoz] {
    display: none;
}

.indent1[b-f4acqadgoz] {
    padding-left: .25in;
}

.textBox[b-f4acqadgoz] {
    font-family: Tahoma, Arial;
    font-size: 8pt;
}

.DDL[b-f4acqadgoz] {
    font-family: Tahoma, Arial;
    font-size: 8pt;
}

.checkBox[b-f4acqadgoz] {
}
/* _content/Webtime/Pages/Password.razor.rz.scp.css */
.update-password-container[b-x8rfiebzon]
{
    margin-top: 250px;
    margin-bottom: 70px;
}
.row[b-x8rfiebzon]
{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    justify-content: center !important;
}
/* _content/Webtime/Pages/Preferences.razor.rz.scp.css */
.preferences-container[b-jmh7cuu3ei]
{
    margin-top: 223px;
}

.preferences-row[b-jmh7cuu3ei]
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.preferences-linkitem[b-jmh7cuu3ei]
{
    margin: 25px;
    padding: 10px;
    max-width: 226px;
}
/* _content/Webtime/Pages/SendPasswordReset.razor.rz.scp.css */
.reset-password-container[b-dy3db6tr7q]
{
    margin-top: 192px;
}
/* _content/Webtime/Pages/Settings.razor.rz.scp.css */
.pa-invalid[b-7j31511w50]
{
    border-left: 3px solid #b3000c !important;
    border-radius: .3rem;
}
/* _content/Webtime/Pages/TimesheetDetail.razor.rz.scp.css */
.timesheet-detail-container[b-ff8nbdo6de]
{
    margin-top: 218px;
    margin-bottom: 175px;
    max-width: var(--timesheets-max-width);
    padding: 0px;
}

[b-ff8nbdo6de] .dxbl-row
{
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
}

/* _content/Webtime/Pages/TimesheetInquiry.razor.rz.scp.css */
.timesheet-inquiry-container[b-1rnw0tt6b5]
{
    margin-top: 135px;
    margin-bottom: 200px;
    padding: 5px;
    max-width: var(--timesheets-max-width);
}

.timesheet-inquiry-footer[b-1rnw0tt6b5] {
    max-width: var(--application-max-width);
    margin: auto;
}

/* _content/Webtime/Pages/WebtimeError.razor.rz.scp.css */
@media (min-width: 576px)
{
    .fixed-bottom[b-7uvr48dv9k]
    {
        position: relative;
    }
}
/* _content/Webtime/Shared/MainLayout.razor.rz.scp.css */
.page[b-6cclzfd4qx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-6cclzfd4qx] {
    flex: 1;
}

.sidebar[b-6cclzfd4qx] {
    background-color: #ffffff;
}

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

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

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

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

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

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

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

    .sidebar[b-6cclzfd4qx] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

    .top-row[b-6cclzfd4qx], article[b-6cclzfd4qx] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Webtime/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-y2kiqnp4nk] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-y2kiqnp4nk] {
    height: 3.5rem;
    background-color: rgba(255, 255, 255, 0.1);
}

.navbar[b-y2kiqnp4nk] {
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-shadow: none;
    border-bottom: 1px solid #d6d5d5;
}

    .navbar .container-fluid[b-y2kiqnp4nk] {
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-brand[b-y2kiqnp4nk] {
        font-size: 1.1rem;
    }

.nav-logo[b-y2kiqnp4nk] {
    width: 120px;
    cursor:pointer;
}

.oi[b-y2kiqnp4nk] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-y2kiqnp4nk] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-y2kiqnp4nk] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-y2kiqnp4nk] {
    padding-bottom: 1rem;
}

.nav-item[b-y2kiqnp4nk]  a {
    color: rgba(128, 77, 153, 1);
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item[b-y2kiqnp4nk]  a.active {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(128, 77, 153, 1);
}

.nav-item[b-y2kiqnp4nk]  a:hover {
    background-color: rgba(128, 77, 153, 1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-y2kiqnp4nk] {
        display: none;
    }

    .collapse[b-y2kiqnp4nk] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* _content/Webtime/Shared/NavMenuOffCanvas.razor.rz.scp.css */
.webtime-menu-toggler[b-bdo6jvhtfg]
{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='white' d='M0 1v1h8V1zm0 2.97v1h8v-1zm0 3v1h8v-1z'/%3E%3C/svg%3E");
}
.navmenu-nav-item[b-bdo6jvhtfg]
{
    padding-top: 2.5px;
    padding-bottom: 2.5px;
}
[b-bdo6jvhtfg] .nav-link
{
    color:black !important;
    font-size: 1.2rem;
}
.oi[b-bdo6jvhtfg], .bi[b-bdo6jvhtfg]
{
    color: black;
    margin-right:0.5rem;
}
.btn-close[b-bdo6jvhtfg]
{
    margin-right:25px;
}

@media (max-width: 768px)
{

    .navmenu-nav-item[b-bdo6jvhtfg]
    {
        font-size: 1.35em !important;
    }

}
@media (max-width: 991px)
{

    .main-navbar[b-bdo6jvhtfg]
    {
        margin-left: 80%;
    }

    .offcanvas[b-bdo6jvhtfg]
    {
        transform: translateX(400px);
        transition: transform 0.2s ease-in-out;
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
    }

        .offcanvas.show[b-bdo6jvhtfg]
        {
            transform: translateX(0);
            max-width: 360px;
            width: 85%;
        }

    .navmenu-logout-link[b-bdo6jvhtfg]
    {
        position: fixed;
        bottom: 0;
        z-index: 1030;
        background-color: #804d99;
        padding: 10px;
        width: 100%;
        border-bottom-left-radius: .25rem !important;
        border-bottom-right-radius: .25rem !important;
    }

    .navmenu-logout-link-caption[b-bdo6jvhtfg]
    {
        color: white !important;
        font-size: 1.35em !important;
    }

    .navmenu-logout-link-right[b-bdo6jvhtfg]
    {
        display:none;
    }
    .nav-logo[b-bdo6jvhtfg]
    {
        display: none;
    }
}
@media (min-width: 992px)
{
    [b-bdo6jvhtfg] .nav-link, .oi[b-bdo6jvhtfg], .bi[b-bdo6jvhtfg]
    {
        color: white !important;
        font-size: 1.1em;
    }

    .navmenu-logout-link-right[b-bdo6jvhtfg]
    {
        font-size:1.2rem;
    }
    
    /*hide the menu logout link*/
    .navmenu-logout-link[b-bdo6jvhtfg]
    {
        display:none;
    }
    .nav-item[b-bdo6jvhtfg]
    {
        font-size:1.em;
        text-wrap:nowrap;
    }

}

@media (min-width: 1200px)
{

    .nav-item[b-bdo6jvhtfg]
    {
        font-size: 1.3em;
        text-wrap: nowrap;
    }
    .navmenu-logout-link-right[b-bdo6jvhtfg]
    {
        font-size: 1.4rem;
    }
}