@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/DatingInUA.SharedComponents/DatingInUA.SharedComponents.bundle.scp.css';

/* _content/DatingInUA.WebClient/Pages/Account/Profile.razor.rz.scp.css */
.member_wrapper[b-qv9uo0ob4y]{
    display: grid;
    grid-gap: .8rem;
    grid-template-areas: 'UserInfo' 'Pictures';
    grid-template-columns: 1fr ;
    
}

@media (min-width: 1024px) {
    .member_wrapper[b-qv9uo0ob4y] {
        grid-template-areas: 'UserInfo Pictures';
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 1920px) {
    .member_wrapper[b-qv9uo0ob4y] {
        grid-template-areas: 'UserInfo Pictures';
        grid-template-columns: 1fr 1.5fr;
    }
}

.member_detail_info[b-qv9uo0ob4y] {
    grid-area: UserInfo;
}

.member_detail_pictures[b-qv9uo0ob4y] {
    grid-area: Pictures;
}
/* _content/DatingInUA.WebClient/Pages/Admin/MemberrManager.razor.rz.scp.css */
.table-striped > tbody > tr:nth-of-type(2n+1) > *[b-rrhacib8v5] {
    --bs-table-accent-bg: unset;
    color: unset;
}

.table-striped > tbody > tr:hover[b-rrhacib8v5] {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color);
}
/* _content/DatingInUA.WebClient/Pages/Admin/RoleManager.razor.rz.scp.css */
[data-hasdiscount] td[b-dchyevvz2v] {
    background-color: #ff000036;
    color: #000;
}

[data-discountprice][b-dchyevvz2v]{
    font-weight: bold;
}

[data-discountprice='true'][b-dchyevvz2v] {
    text-decoration: line-through;
    font-style: italic;
}

[data-disabled="true"][b-dchyevvz2v]{
    pointer-events: none;
}
/* _content/DatingInUA.WebClient/Pages/Admin/Translation.razor.rz.scp.css */
.wrapper[b-igym1q0myw] {
    position: relative;
    height: 90vh;
    display: grid;
    grid-template-areas: "header content" "aside content" "aside content";
    grid-row-gap: .5rem;
    grid-column-gap: 3rem;
    grid-template-columns: 350px 1fr;
    grid-template-rows: 5rem auto 30px;
    transition: all .5s ease-in-out;
}


.resource-header[b-igym1q0myw] {
    display: grid;
    grid-area: header;
    grid-template-columns: 350px 1fr;
    overflow: hidden;
}

.resourceid-list[b-igym1q0myw] {
    grid-area: aside;
    background-color: #f6e4cf;
}

.resource-edit[b-igym1q0myw] {
    height: auto;
    grid-area: content;
}

.footer[b-igym1q0myw] {
    position: relative;
    width: 100%;
    grid-area: footer;
    overflow: hidden;
}

.resourceid-list select[b-igym1q0myw] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    overflow: auto;
    border-radius: 0;
    border: none;
    padding: 4px 0 0;
    background-color: transparent !important;
}

    .resourceid-list select option[b-igym1q0myw] {
        padding: 5px 0 5px 5px !important;
        color: #000;
    }

    table[b-igym1q0myw]{
        width: 100%;
    }

    table tr[b-igym1q0myw]{
        height: 2rem;
        width:100%;
        
    }

        table tr td:hover[b-igym1q0myw] {
            cursor: pointer;
            background-color: #864103 !important;
            color: #fff;
        }
/* _content/DatingInUA.WebClient/Pages/Member/Chat.razor.rz.scp.css */

.chatwrapper[b-dd6tsjcukq] {
    width: 100%;
    padding: 0 1em 0 1em;
}

.chatbox[b-dd6tsjcukq] {
    display: inline-flex;
    min-height: 50px;
    width: 65%;
    margin-bottom: .2em;
}

.me[b-dd6tsjcukq] {
    background-color: blueviolet;
    float: right;
    border: 1px solid #580707;
}

.other[b-dd6tsjcukq] {
    background-color: bisque;
    border: 1px solid #580707;
}
/* _content/DatingInUA.WebClient/Pages/Member/Members.razor.rz.scp.css */
.btn-warning[b-7yhk0pph60] {
    position: absolute;
    bottom: 1rem;
    border: 0;
    background-color: #ffffff94;
    transition: background .5s ease-in;
}

    .btn-warning:hover[b-7yhk0pph60] {
        background-color: #e9be47;
        border-color: #ffc720;
    }

.profile-container[b-7yhk0pph60] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill, 16em);
    /*grid-gap: .1em;*/
    justify-content: space-evenly;
}

.profile-card[b-7yhk0pph60] {
    position: relative;
    padding: 0;
    margin-top: .5rem;
    border-radius: 1rem;
    overflow: hidden;
    background-color: blanchedalmond;
    width: 15em;
    max-height: 23em;
    border: none;
    box-shadow: 3px 3px 10px rgb(117, 108, 108);
}

    .profile-card .card-header[b-7yhk0pph60] {
        background-color: #ffffff51;
        font-size: .9em;
        font-weight: 500;
        text-align: center;
        padding-bottom: .5em;
    }

    .profile-card .card-image[b-7yhk0pph60] {
        background-position: center center;
        width: auto;
        height: 18em;
        background-size: cover;
    }

    .profile-card .card-content[b-7yhk0pph60] {
        position: absolute;
        bottom: -18em;
        background-image: linear-gradient(180deg, #ffffffdc 5%, #e8a56d18 100%);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        height: 18em;
        width: 100%;
        transition: bottom .3s ease-in;
    }

    .profile-card:hover .card-content[b-7yhk0pph60] {
        transition-delay: .2s;
        bottom: 0px;
    }

    .profile-card .card-content h4[b-7yhk0pph60],
    .profile-card .card-content h5[b-7yhk0pph60] {
       
        text-align: justify-all;
        transition: 0.8s;
        font-weight: 300;
        opacity: 0;
        transform: translateY(-40px);
        transition-delay: 0.1s;
    }

    .profile-card:hover .card-content h4[b-7yhk0pph60],
    .profile-card:hover .card-content h5[b-7yhk0pph60] {
        transition-delay: .3s;
        transform: translateY(20px);
        opacity: 1;
    }

.memberfilteroptions[b-7yhk0pph60] {
   background-color: var(--bs-background-input-color);
}


@media(min-width: 1900px) {
    .profile-card .card-content h4[b-7yhk0pph60], .profile-card .card-content h5[b-7yhk0pph60] {
        font-size: 1rem;
    }

    .profile-container[b-7yhk0pph60] {
        margin-top: 20px;
    }

    .container .row .col-lg-12[b-7yhk0pph60] {
        margin: 20px 0px;
    }

    .profile-card .card-content .btn[b-7yhk0pph60]{
        font-size: 1em;
    }
}

@media(min-width: 2560px) {
    .profile-card .card-content h4[b-7yhk0pph60],
    .profile-card .card-content h5[b-7yhk0pph60] {
        font-size: .9em;
    }

    .profile-card .card-content .btn[b-7yhk0pph60] {
        display: block;
        font-size: .9em;
    }
}

/* _content/DatingInUA.WebClient/Pages/VerifyEmailAddress.razor.rz.scp.css */
@media screen {
    @font-face {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 400;
        src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
    }

    @font-face {
        font-family: 'Lato';
        font-style: normal;
        font-weight: 700;
        src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
    }

    @font-face {
        font-family: 'Lato';
        font-style: italic;
        font-weight: 400;
        src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
    }

    @font-face {
        font-family: 'Lato';
        font-style: italic;
        font-weight: 700;
        src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
    }
}

/* CLIENT-SPECIFIC STYLES */
table[b-ontljshhx0],
td[b-ontljshhx0],
a[b-ontljshhx0] {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

table[b-ontljshhx0],
td[b-ontljshhx0] {
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
}

img[b-ontljshhx0] {
    -ms-interpolation-mode: bicubic;
}

/* RESET STYLES */
img[b-ontljshhx0] {
    border: 0;
    height: auto;
    line-height: 100%;
    outline: none;
    text-decoration: none;
}

table[b-ontljshhx0] {
    border-collapse: collapse !important;
}

/*body {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    background-color: #f4f4f4;
}*/

/* iOS BLUE LINKS */
a[x-apple-data-detectors][b-ontljshhx0] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* MOBILE STYLES */
@media screen and (max-width:600px) {
    h1[b-ontljshhx0] {
        font-size: 32px !important;
        line-height: 32px !important;
    }
}

/* ANDROID CENTER FIX */
div[style*="margin: 16px 0;"][b-ontljshhx0] {
    margin: 0 !important;
}
/* _content/DatingInUA.WebClient/RazorComponents/AdminMemberDetail.razor.rz.scp.css */
.modal-content[b-puz19bzffc] {
    background-color: rgb(255, 235, 207);
    /*border: solid 1px #000;*/
    border-radius: 2rem;
    box-shadow: 5px 10px 18px #888888;
}

    .modal-content .modal-header[b-puz19bzffc] {
        border: 0;
        color: #fff;
        text-shadow: 2px 2px 4px #000000c6;
        background-color: #d7a45d;
    }

    .modal-content .modal-body[b-puz19bzffc] {
        border: 0;
        padding: .8rem;
    }

    .modal-content img[b-puz19bzffc] {
        margin-bottom: 1rem;
        margin-left: .5rem;
        border-radius: 1rem;
    }

    .modal-content .modal-footer[b-puz19bzffc] {
        padding-right: 1.5rem !important;
        background-color: #d7a45d;
    }

.meberdetail-wrapper[b-puz19bzffc] {
    display: grid;
    grid-column-gap: 1em;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media only screen and (max-width: 1024px) {
    .meberdetail-wrapper[b-puz19bzffc] {
        grid-template-columns: 1fr;
        grid-gap: 1rem;
    }
}



.detailpicturelist[b-puz19bzffc] {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, 250px);
    grid-gap: .8rem;
    font-size: .7rem;
}

    .detailpicturelist .picture[b-puz19bzffc] {
        display: grid;
        border: solid 1px black;
        border-radius: .9rem;
        background-color: moccasin;
        padding: .8rem;
        align-items: center;
        
        grid-template-columns: 1fr 1fr;
        text-align: left;
    }

        .detailpicturelist .picture div[b-puz19bzffc] {
            text-align: left;
            font-weight: 600;
            font-size: 1rem;
        }

        .detailpicturelist .picture label[b-puz19bzffc] {
            padding-left: .5rem;
        }

        .detailpicturelist .picture img[b-puz19bzffc] {
            padding: 0;
            margin: 0;
            grid-column: 1/-1;
            border: solid .4em #fff;
        }

            .detailpicturelist .picture img:hover[b-puz19bzffc] {
                cursor: pointer;
            }



.bigpicture[b-puz19bzffc] {
    display: block;
    width: auto;
    height: 380px;
    position: relative;
    border: solid;
    border-width: .2rem;
    border-color: blanchedalmond;
    padding: 0;
}

.modal-content .modal-header span[b-puz19bzffc] {
    position: relative;
    font-size: x-small;
    top: -2em;
}

.UserInfo[b-puz19bzffc] {
    clear: both;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-auto-rows: max-content;
    gap: .8em;
    padding-left: .5em;
}
/* _content/DatingInUA.WebClient/RazorComponents/ErrorLog.razor.rz.scp.css */
select[b-j3qlgqw01m] {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.3rem;
    top: .1rem;
    right: .2rem;
}


.loglevel[b-j3qlgqw01m] {
    width: 3px;
    background-color: #6bbea2;
}

    .loglevel.debug[b-j3qlgqw01m] {
        background-color: #0c3371;
    }

    .loglevel.information[b-j3qlgqw01m] {
        background-color: #5a86cb;
    }

    .loglevel.warning[b-j3qlgqw01m] {
        background-color: #ff6a00;
    }

    .loglevel.error[b-j3qlgqw01m] {
        background-color: #ff0000;
    }
/* _content/DatingInUA.WebClient/RazorComponents/MemberDetail.razor.rz.scp.css */

.card[b-c1hk4qrxcn] {
    background-color: #ffffff51;
    font-size: .6em;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}

.card[b-c1hk4qrxcn] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body[b-c1hk4qrxcn] {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
}

.gutters-sm[b-c1hk4qrxcn] {
    margin-right: -8px;
    margin-left: -8px;
}

    .gutters-sm > .col[b-c1hk4qrxcn], .gutters-sm > [class*=col-][b-c1hk4qrxcn] {
        padding-right: 8px;
        padding-left: 8px;
    }

.mb-3[b-c1hk4qrxcn], .my-3[b-c1hk4qrxcn] {
    margin-bottom: 1rem !important;
}

.bg-gray-300[b-c1hk4qrxcn] {
    background-color: #e2e8f0;
}

.h-100[b-c1hk4qrxcn] {
    height: 100% !important;
}

.shadow-none[b-c1hk4qrxcn] {
    box-shadow: none !important;
}

.modal-content[b-c1hk4qrxcn] {
    background-color: #ffdaa6;
    /*border: solid 1px #000;*/
    border-radius: 2rem;
    box-shadow: 5px 10px 18px #888888;
}

    .modal-content .modal-header[b-c1hk4qrxcn] {
        border: 0;
        color: #fff;
        text-shadow: 2px 2px 4px #000000c6;
        background-color: #d7a45d;
    }

    .modal-content .modal-body[b-c1hk4qrxcn] {
        border: 0;
        padding-left: 6rem;
    }

    .modal-content img[b-c1hk4qrxcn] {
        margin-bottom: 1rem;
        margin-left: .5rem;
        border-radius: 1rem;
    }

    .modal-content .modal-footer[b-c1hk4qrxcn] {
        background-color: #d7a45d;
    }

.detailpicturelist[b-c1hk4qrxcn] {
    margin-top: 1.5rem;
    display: grid;
    max-height: 400px;
    grid-template-columns: repeat(auto-fill, 150px);
    grid-gap: .2rem;
    overflow: auto;
}

    .detailpicturelist div[b-c1hk4qrxcn] {
        border: solid 5px blanchedalmond;
        border-radius: 1rem;
        height: 200px;
        width: 150px;
        background-position: center center;
        background-size: cover;
    }

        .detailpicturelist div:hover[b-c1hk4qrxcn] {
            cursor: pointer;
        }


/*.modal-content .modal-header span {
    position: relative;
    font-size: x-small;
    top: -2em;
}*/
/* _content/DatingInUA.WebClient/RazorComponents/PictureList.razor.rz.scp.css */
.picturelist[b-h5d0xhli6c] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, 210px);
    justify-content: space-between;
}


    .picturelist .profile-card .card-header .btn-group[b-h5d0xhli6c] {
        width: 100%;
        background-color: #da8e57;
        border-radius: 0;
        justify-content: center;
    }

    .picturelist .card-body[b-h5d0xhli6c] {
        padding: 0;
        margin: 0;
    }

    .card[b-h5d0xhli6c]{
        background-color: transparent;
    }

.profile-card[b-h5d0xhli6c] {
    border-radius: 1em 1em 0 0;
    overflow: visible;
    width: 200px;
    border: none;
}

    .profile-card .card-header[b-h5d0xhli6c] {
        font-size: .8em;
        text-align: center;
        background-color: #f6ddbf;
    }


    .profile-card .card-image[b-h5d0xhli6c] {
        background-position: center center;
        width: auto;
        height: 250px;
        background-size: cover;
    }

.card-footer[b-h5d0xhli6c] {
    margin: 0;
    padding: 0;
}

    .card-footer .bg-info[b-h5d0xhli6c], .bg-warning[b-h5d0xhli6c] {
        position: absolute;
        padding: .3rem;
        bottom: 35px;
        width: 100%;
    }

.picturestatus[b-h5d0xhli6c] {
    font-size: small;
    text-align: center;
    width: 100%;
}

[data-ismain='true'][b-h5d0xhli6c] {
    border-top: solid 3px green;
}

.btn-sm[b-h5d0xhli6c] {
    font-size: .7em !important;
}

[data-isapproved='true'][b-h5d0xhli6c] {
    display: none;
}

[data-isapproved='false'][b-h5d0xhli6c] {
    display: normal;
}

[data-isdisapproved='false'][b-h5d0xhli6c] {
    display: none;
}

[data-isdisapproved='true'][b-h5d0xhli6c] {
    display: normal;
}

[data-visible='false'][b-h5d0xhli6c] {
    filter: blur(4px);
    -webkit-filter: blur(4px);
}

[data-visible-msg='true'][b-h5d0xhli6c] {
    display: none;
}

[data-visible-msg='false'][b-h5d0xhli6c] {
    display: normal;
}

@media(max-width: 991.5px) {
    .profile-container[b-h5d0xhli6c] {
        margin-top: 20px
    }

    .container .row .col-lg-12[b-h5d0xhli6c] {
        margin: 20px 0px
    }
}
/* _content/DatingInUA.WebClient/RazorComponents/UploadFiles.razor.rz.scp.css */
.uploadresults[b-5826yupcyn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 13rem);
    grid-gap: .5rem;
    justify-content: space-around;
}

    .uploadresults .card[b-5826yupcyn] {
        background-color: #eab66d;
    }

        .uploadresults .card .card-

        .uploadresults .card .card-body .btn-group[b-5826yupcyn] {
            width: 100%;
            background-color: #000;
        }

    .uploadresults .card-body[b-5826yupcyn] {
        margin-top: 0.3rem;
        padding: 0;
    }

.picturelist .card[b-5826yupcyn] {
    background-color: none !important;
}

.profile-card[b-5826yupcyn] {
    position: relative;
    padding: 0;
    margin-top: .5rem;
    border-radius: 1rem;
    overflow: hidden;
    background-color: blanchedalmond;
    width: 195px;
    max-height: 280px;
    border: none;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.8)
}

    .profile-card .card-header[b-5826yupcyn] {
        background-color: #ffffff51;
        font-weight: 600;
        text-align: center;
    }

    .profile-card .card-image[b-5826yupcyn] {
        width: 100%;
        max-height: 240px;
    }

        .profile-card .card-image img[b-5826yupcyn] {
            width: 100%;
            height: 200px;
            object-fit: fill
        }

    .profile-card .card-content[b-5826yupcyn] {
        position: absolute;
        bottom: -210px;
        background-image: linear-gradient(180deg, #ffffffdc 5%, #e8a56d18 100%);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        min-height: 202px;
        width: 100%;
        transition: bottom .3s ease-in;
        box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1);
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

        /* .profile-card:hover .card-content {
        transition-delay: .2s;
        bottom: 0px
    }

        .profile-card:hover .card-content h4,
        .profile-card:hover .card-content h5 {
            transition-delay: .3s;
            transform: translateY(20px);
            opacity: 1
        }*/

        .profile-card .card-content h4[b-5826yupcyn],
        .profile-card .card-content h5[b-5826yupcyn] {
            font-size: 1.2em;
            text-transform: uppercase;
            /*letter-spacing: 3px;*/
            text-align: justify-all;
            transition: 0.8s;
            font-weight: 500;
            opacity: 0;
            transform: translateY(-40px);
            transition-delay: 0.1s
        }

@media(max-width: 991.5px) {
    .profile-container[b-5826yupcyn] {
        margin-top: 20px
    }

    .container .row .col-lg-12[b-5826yupcyn] {
        margin: 20px 0px
    }
}
/* _content/DatingInUA.WebClient/Shared/MainLayout.razor.rz.scp.css */
.page[b-nthyxlkr8e] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-nthyxlkr8e] {
    flex: 1;
}

.navbar[b-nthyxlkr8e] {
    position: sticky;
    justify-content: flex-start;
}

.top-row[b-nthyxlkr8e] {
    position: relative;
    height: 4.5em;
    display: flex;
    align-content: flex-start;
    align-items: center;
    background-image: url('https://api.datinginua.com/PublicFiles/images/Virtual_Background-Afternoon.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.userinfo[b-nthyxlkr8e] {
    color: #ffffffd7;
    position: absolute;
    right: .8rem;
}

    .userinfo i[b-nthyxlkr8e] {
        margin-left: 1rem;
    }

.top-row[b-nthyxlkr8e]  a, .top-row .btn-link[b-nthyxlkr8e] {
    white-space: nowrap;
}

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

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

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

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

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

    .sidebar[b-nthyxlkr8e] {
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

    article[b-nthyxlkr8e] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/DatingInUA.WebClient/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-a6y4v6nosn] {
    background-color: rgba(255, 255, 255, 0.1);
}

.text-space-2[b-a6y4v6nosn]{
    letter-spacing: .08em;
}

.top-row[b-a6y4v6nosn] {
    height: 4.5rem;
    background-color: #a43f12;
}

.sidebar[b-a6y4v6nosn] {
    position: relative;
    background-color: #a43f12;
    /*background-color: #5E1718;*/
}

.oi[b-a6y4v6nosn] {
    width: 2em;
    vertical-align: text-top;
    top: -2px;
}

.fas[b-a6y4v6nosn] {
    margin-left: .5em;
    width: 2em;
    vertical-align: text-top;
    top: -2px;
}

.info[b-a6y4v6nosn]{
    position: absolute;
    bottom: .5em;
    left: .5em;
}

.nav-item[b-a6y4v6nosn] {
    font-size: 1em;
    font-weight: 600;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-a6y4v6nosn]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 2.5em;
        display: flex;
        align-items: center;
        line-height: 2.5em;
    }

        .nav-item[b-a6y4v6nosn]  a.active {
            background-color: rgba(0,0,0,.3);
            color: #fff;
        }

        .nav-item[b-a6y4v6nosn]  a:hover {
            cursor: pointer;
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

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

    .collapse[b-a6y4v6nosn] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .sidebar[b-a6y4v6nosn] {
        width: 20em;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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