@import '_content/ArtikelAssembly/ArtikelAssembly.bundle.scp.css';
@import '_content/DataKehamilanAssembly/DataKehamilanAssembly.bundle.scp.css';
@import '_content/DiaryHamilkuAssembly/DiaryHamilkuAssembly.bundle.scp.css';
@import '_content/KelasBumilAssembly/KelasBumilAssembly.bundle.scp.css';
@import '_content/ServiceProxies/ServiceProxies.bundle.scp.css';
@import '_content/SharedComponent/SharedComponent.bundle.scp.css';

/* /Components/PengecekanIjinNotifikasi.razor.rz.scp.css */

.statusNotif[b-0iiker5qh8] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 30px;
    align-items: center;
    gap: .5rem;
    background-color: #fff;
    background: linear-gradient(to right, #f5fffd 0%, #fbfbfb 100%);
    border: 1px solid #f3f3f3;
    border-radius: 1rem;
    box-shadow: 4px 6px 10px 0 #e4e4e4b3;
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
    cursor: pointer;
}
.statusNotif.belum[b-0iiker5qh8] {
    background: linear-gradient(to right, #f9f9f9 0%, #fbfbfb 100%);
}
.statusNotif.blokir[b-0iiker5qh8] {
    background: linear-gradient(to right, #fff2f4 0%, #fbfbfb 100%);
}
.statusNotif p:first-child[b-0iiker5qh8] {
    color: var(--primer);
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .2rem;
}
.statusNotif.belum p:first-child[b-0iiker5qh8] {
    color: #555;
}
.statusNotif.blokir p:first-child[b-0iiker5qh8] {
    color: #dc3545;
}
.statusNotif p:last-child[b-0iiker5qh8] {
    color: grey;
    font-size: .9rem;
    line-height: 1;
    margin-bottom: 0;
}
.statusNotif img[b-0iiker5qh8] {
    width: 100%;
    height: auto;
}
/* /Pages/CalonHalamanChat.razor.rz.scp.css */

#chatOnline[b-oc4cv28zk2] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
}
#chatOnline .header[b-oc4cv28zk2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1rem;
    background-color: #fff;
}
#chatOnline .header div[b-oc4cv28zk2] {
    display: flex;
    align-items: center;
}
#chatOnline .header div i[b-oc4cv28zk2] {
    color: var(--ireng);
    margin-right: 1rem;
}
#chatOnline .header div p[b-oc4cv28zk2] {
    color: var(--ireng);
    font-size: 1.1rem;
    font-weight: 600;
    margin-right: .6rem;
    margin-bottom: 0;
}
#chatOnline .header div span[b-oc4cv28zk2] {
    background-color: #4CAF50;
    padding: .3rem;
    margin-top: .2rem;
    border-radius: 50%;
}
#chatOnline .header .tombol[b-oc4cv28zk2] {
    color: var(--primer);
    font-size: 1rem;
    margin-bottom: 0;
    cursor: pointer;
}

#chatOnline .isiChat[b-oc4cv28zk2] {
    flex: 1;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 1rem;
    background-image: url(https://image.freepik.com/free-vector/white-abstract-background-design_23-2148825582.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}
#chatOnline .isiChat[b-oc4cv28zk2]::-webkit-scrollbar {
    height: 18px;
}
#chatOnline .isiChat[b-oc4cv28zk2]::-webkit-scrollbar-track {
    background: #ebebeb;
    margin: 0 1.3rem;
}
#chatOnline .isiChat[b-oc4cv28zk2]::-webkit-scrollbar-thumb {
    background-color: #097d5c;
    background-image: linear-gradient(to top, #2ec096 0%, #097d5c 100%);
    border: 4px solid transparent;
    border-radius: 9px;
    background-clip: content-box;
}
#chatOnline .isiChat .pesan[b-oc4cv28zk2] {
    display: flex;
    width: 100%;
}
#chatOnline .isiChat .pesan:first-child[b-oc4cv28zk2] {
    margin-top: .6rem;
}
#chatOnline .isiChat .pesan:last-child[b-oc4cv28zk2] {
    margin-bottom: .6rem;
}
#chatOnline .isiChat .pesan.kanan[b-oc4cv28zk2] {
    justify-content: flex-end;
}
#chatOnline .isiChat .pesan .isi[b-oc4cv28zk2] {
    display: flex;
    flex-direction: row;
    align-items: end;
    width: fit-content;
    max-width: 50%;
    margin: .4rem 0;
}
#chatOnline .isiChat .pesan.kanan .isi[b-oc4cv28zk2] {
    flex-direction: row-reverse;
}
#chatOnline .isiChat .pesan .isi .teks[b-oc4cv28zk2] {
    padding: .6rem 1rem;
    background-color: #ffffff;
    border-radius: 20px;
    border-bottom-left-radius: 0;
    box-shadow: 0 0 8px #cfcfcf;
}
#chatOnline .pesan.kanan .isi .teks[b-oc4cv28zk2] {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 0;
    background-color: #b6d3ea;
}
#chatOnline .isiChat .pesan img[b-oc4cv28zk2] {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: .6rem;
}
#chatOnline .isiChat .pesan.kanan img[b-oc4cv28zk2] {
    margin-left: .6rem;
    margin-right: 0;
}
#chatOnline .isiChat .pesan p:nth-of-type(1)[b-oc4cv28zk2] {
    font-size: .9rem;
    margin-bottom: .4rem;
}
#chatOnline .isiChat .pesan .timeStamp[b-oc4cv28zk2] {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#chatOnline .isiChat .pesan.kanan .timeStamp[b-oc4cv28zk2] {
    flex-direction: row-reverse;
}
#chatOnline .isiChat .pesan .timeStamp i[b-oc4cv28zk2] {
    color: #606060;
    font-size: .7rem !important;
    margin-left: .5rem;
}
#chatOnline .isiChat .timeStamp p[b-oc4cv28zk2] {
    color: #606060;
    font-size: .7rem !important;
    margin-bottom: 0 !important;
}
#chatOnline .isiChat .pembatas[b-oc4cv28zk2] {
    display: flex;
    justify-content: center;
    margin: .7rem 0;
}
#chatOnline .isiChat .pembatas p[b-oc4cv28zk2] {
    position: relative;
    color: grey;
    font-size: .8rem;
    margin-bottom: 0;
}
#chatOnline .isiChat .pembatas p[b-oc4cv28zk2]:before,
#chatOnline .isiChat .pembatas p[b-oc4cv28zk2]:after {
    content: ' ';
    position: absolute;
    top: 10px;
    width: 140px;
    height: 1px;
    background-color: #cecece;
}
#chatOnline .isiChat .pembatas p[b-oc4cv28zk2]:before {
    right: 43px;
}
#chatOnline .isiChat .pembatas p[b-oc4cv28zk2]:after {
    left: 43px;
}

#chatOnline .inputChat[b-oc4cv28zk2] {
    position: relative;
    padding: .8rem;
    background-color: #fff;
}
#chatOnline .inputChat .btt[b-oc4cv28zk2] {
    position: absolute;
    top: -40px;
    right: 25px;
    outline: none;
    border: none;
    box-shadow: none;
    padding: .15rem .5rem;
    color: #fff;
    background-color: grey;
    border-radius: 4px;
    transition: .4s;
    opacity: .4;
    z-index: 5;
}
#chatOnline .inputChat .btt:hover[b-oc4cv28zk2] {
    opacity: 1;
}
#chatOnline .inputChat .item[b-oc4cv28zk2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#chatOnline .inputChat .textarea[b-oc4cv28zk2] {
    display: block;
    width: 100%;
    overflow: hidden;
    resize: both;
    outline: none;
    min-height: 35px;
    max-height: 125px;
    overflow-y: auto;
    font-size: .9rem;
    line-height: 20px;
    padding: .5rem;
    background-color: #f1f1f1;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    transition: .4s ease;
}
#chatOnline .inputChat .textarea[contenteditable]:focus[b-oc4cv28zk2] {
    background-color: #fff;
}
#chatOnline .inputChat .textarea[contenteditable]:empty[b-oc4cv28zk2]::before {
    content: "Tulis pesan...";
    color: #616161;
}
#chatOnline .inputChat .btn[b-oc4cv28zk2] {
    padding: .45rem .8rem;
    margin-left: .4rem;
    box-shadow: none;
    background-color: #169873;
    border-color: #169873;
}
#chatOnline .inputChat .btn:hover[b-oc4cv28zk2],
#chatOnline .inputChat .btn:focus[b-oc4cv28zk2] {
    background-color: #097d5c;
    border-color: #097d5c;
}
/* /Pages/ComingSoon.razor.rz.scp.css */

#comingSoon[b-bb8le2enlq] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 2
}
#comingSoon .wrapper[b-bb8le2enlq] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    overflow: hidden;
    z-index: 1;
}
#comingSoon .wrapper[b-bb8le2enlq]:before {
    content: '';
    position: absolute;
    top: -150px;
    width: 120%;
    height: 630px;
    background: var(--primer);
    background: linear-gradient(to top, #45c9a5 0%, rgb(17 147 111) 100%);
    border-radius: 50%;
    z-index: -1;
}
#comingSoon .teks[b-bb8le2enlq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 250px;
    user-select: none;
}
#comingSoon .teks p:nth-of-type(1)[b-bb8le2enlq] {
    color: #FFEB3B;
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 0;
}
#comingSoon .teks p:nth-of-type(2)[b-bb8le2enlq] {
    color: #fff;
    font-size: 1.1rem;
    padding: 0 3rem;
    margin-bottom: 2rem;
}

#comingSoon .gambar .animasi[b-bb8le2enlq] {
    position: relative;
    z-index: 1;
}
#comingSoon .gambar .animasi img:nth-of-type(1)[b-bb8le2enlq] {
    width: 380px;
}
#comingSoon .gambar .animasi span:nth-of-type(1)[b-bb8le2enlq] {
    position: absolute;
    top: 130px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background-image: url(https://nakesstorage.blob.core.windows.net/aset/Logo/logoNoText.png);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .7;
    z-index: 2;
}
#comingSoon .gambar .animasi span:nth-of-type(1)[b-bb8le2enlq]:before {
    content: 'Hamilku.ID';
    font-family: inherit;
    font-size: .7rem;
    color: grey;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#comingSoon .gambar .animasi span:nth-of-type(2)[b-bb8le2enlq] {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    height: 20px;
    width: 100px;
    margin: 0 auto;
    background-color: #ececec;
    border-radius: 2rem;
    overflow: hidden;
    z-index: 2;
}
#comingSoon .gambar .animasi span:nth-of-type(2)[b-bb8le2enlq]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://nakesstorage.blob.core.windows.net/aset/ComingSoon/comingSoon2.png);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .7;
    animation: geserBar-b-bb8le2enlq 8s linear infinite;
}
@keyframes geserBar-b-bb8le2enlq {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}
#comingSoon .gambar .animasi img:nth-of-type(2)[b-bb8le2enlq] {
    position: absolute;
    top: -12px;
    right: 60px;
    width: 130px;
    height: 130px;
    opacity: .7;
    animation: putarKanan-b-bb8le2enlq 4s linear infinite;
    z-index: -1;
}
@keyframes putarKanan-b-bb8le2enlq {
    from {
        transform:rotate(0);
    }
    to {
        transform:rotate(360deg);
    }
}
#comingSoon .gambar .animasi img:nth-of-type(3)[b-bb8le2enlq] {
    position: absolute;
    top: 70px;
    left: 70px;
    width: 70px;
    height: 70px;
    opacity: .8;
    animation: putarKiri-b-bb8le2enlq 3.5s linear infinite;
    z-index: -1;
}
#comingSoon .gambar .animasi img:nth-of-type(4)[b-bb8le2enlq] {
    position: absolute;
    top: 120px;
    right: 55px;
    width: 45px;
    height: 45px;
    animation: putarKiri-b-bb8le2enlq 2.5s linear infinite;
    z-index: -1;
}
@keyframes putarKiri-b-bb8le2enlq {
    from {
        transform:rotate(360deg);
    }
    to {
        transform:rotate(0);
    }
}
/* /Pages/HalamanIndexNotAuth.razor.rz.scp.css */

#indexUtama[b-ntato3fndr] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgb(249,249,249);
    background: linear-gradient(to bottom, rgb(249 249 249) 40%, rgb(215 212 215) 100%);
    overflow: hidden;
}

#indexUtama .warning[b-ntato3fndr] {
    position: absolute;
    bottom: 25px;
    left: 0;
    width: fit-content;
    padding: .7rem 1.1rem .7rem 2.6rem;
    background-color: #ffc10799;
    border-radius: 0 8px 8px 0;
    overflow: hidden;
    z-index: 1;
}
#indexUtama .warning[b-ntato3fndr]:before {
    content: '\f05a';
    font-family: fontawesome;
    position: absolute;
    bottom: -15px;
    left: -10px;
    color: #785d1b52;
    font-size: 2.7rem;
    z-index: -1
}
#indexUtama .warning p[b-ntato3fndr] {
    color: #4f3b0a;
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 0;
    user-select: none;
}

#indexUtama .kominfo[b-ntato3fndr] {
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: flex;
    align-items: center;
    padding: .4rem;
    background-color: #ffffffd9;
    border-radius: .3rem;
    z-index: 2;
}
#indexUtama .kominfo p[b-ntato3fndr] {
    width: 80px;
    color: #3b3b3b;
    font-size: .7rem;
    margin-bottom: 0;
    text-align: right;
    line-height: 1.3;
}
#indexUtama .kominfo img[b-ntato3fndr] {
    width: 40px;
    height: auto;
    padding-left: .3rem;
    margin-left: .5rem;
    border-left: 2px solid #a8a8a8;
}

#indexUtama .wrapperUtama[b-ntato3fndr] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
#indexUtama .wrapperUtama .bagianAtas[b-ntato3fndr] {
    position: relative;
    padding: 2rem;
    text-align: center;
}
#indexUtama .wrapperUtama .bagianAtas .logo[b-ntato3fndr] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem
}
#indexUtama .wrapperUtama .bagianAtas img[b-ntato3fndr] {
    width: 25px;
    margin-right: .5rem;
}
#indexUtama .wrapperUtama .bagianAtas .logo p[b-ntato3fndr] {
    color: var(--ireng);
    font-size: 1.2rem;
    margin-bottom: 0;
    user-select: none;
}
#indexUtama .wrapperUtama .bagianAtas .title[b-ntato3fndr] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .6rem;
}
#indexUtama .wrapperUtama .bagianAtas .sub[b-ntato3fndr] {
    font-size: 1.1rem;
    margin-bottom: 0;
}
#indexUtama .wrapperUtama .bagianAtas button[b-ntato3fndr] {
    position: relative;
    color: #fff;
    background-color: var(--primer);
    padding: .5rem 3.3rem .5rem 1.8rem;
    margin-top: 2rem;
    border: none;
    border-radius: 30px;
    outline: none;
    text-transform: uppercase;
}
#indexUtama .wrapperUtama .bagianAtas button i[b-ntato3fndr] {
    position: absolute;
    top: 0;
    right: 26px;
    line-height: 2.5;
    animation: panahGeser-b-ntato3fndr 2s ease-in-out infinite;
}
@keyframes panahGeser-b-ntato3fndr {
    0% {
        transform: translateX(-50%)
    }
    50% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-50%)
    }
}

#indexUtama .wrapperUtama .bagianBawah[b-ntato3fndr] {
    position: relative;
    z-index: 1;
}
#indexUtama .wrapperUtama .bagianBawah[b-ntato3fndr]:before {
    content: '';
    position: absolute;
    bottom: -200px;
    left: -45px;
    width: 115%;
    height: 350px;
    background: var(--primer);
    background: radial-gradient(circle, rgb(7 110 82) 10%, rgba(20,159,120,1) 75%);
    border-radius: 50%;
    z-index: -1
}
#indexUtama .wrapperUtama .bagianBawah .gambar[b-ntato3fndr] {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 400px;
    background-image: url(https://nakesstorage.blob.core.windows.net/aset/Index/bgIndexPasien.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}
#indexUtama .bagianBawah .gambar .grupIkon[b-ntato3fndr] {
    position: relative;
}
#indexUtama .bagianBawah .gambar .info[b-ntato3fndr] {
    content: '';
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    padding: .6rem;
    background-color: #f4e98e;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 #c5c5c5;
    transition: all .4s;
    cursor: pointer;
    overflow: hidden;
}
#indexUtama .bagianBawah .gambar .info span[b-ntato3fndr] {
    font-size: 0;
    line-height: 0;
    transition: .3s;
    transition-delay: .2s;
    overflow: hidden;
    user-select: none;
    opacity: 0;
}
#indexUtama .bagianBawah .gambar .info i[b-ntato3fndr] {
    color: #4caa90;
    transition: .4s;
    z-index: 2;
}
#indexUtama .bagianBawah .gambar .info:hover[b-ntato3fndr] {
    justify-content: space-between;
    gap: .6rem;
}
#indexUtama .bagianBawah .gambar .info:hover i[b-ntato3fndr] {
    font-size: 1.5rem !important;
}

#indexUtama .bagianBawah .gambar .info:nth-of-type(1)[b-ntato3fndr] {
    top: 220px;
    right: -20px;
    width: 35px;
    height: 35px;
    transform: translateY(0) rotate(4deg);
    animation: bounce1-b-ntato3fndr 2s ease-in-out infinite;
}
@keyframes bounce1-b-ntato3fndr {
    0% {
        transform: translateY(0) rotate(4deg);
    }
    50% {
        transform: translateY(-12%) rotate(4deg);
    }
}
#indexUtama .bagianBawah .gambar .info:nth-of-type(1) span[b-ntato3fndr],
#indexUtama .bagianBawah .gambar .info:nth-of-type(3) span[b-ntato3fndr] {
    text-align: right;
    transform: translateX(100%);
}
#indexUtama .bagianBawah .gambar .info:nth-of-type(1):hover span[b-ntato3fndr],
#indexUtama .bagianBawah .gambar .info:nth-of-type(2):hover span[b-ntato3fndr],
#indexUtama .bagianBawah .gambar .info:nth-of-type(3):hover span[b-ntato3fndr] {
    font-size: .75rem;
    line-height: 1.2;
    transform: translateX(0);
    opacity: 1;
}
#indexUtama .bagianBawah .gambar .info:nth-of-type(1) i[b-ntato3fndr] {
    font-size: 1.3rem;
}

#indexUtama .bagianBawah .gambar .info:nth-of-type(2)[b-ntato3fndr] {
    top: 110px;
    left: -200px;
    width: 45px;
    height: 45px;
    transform: translateY(0) rotate(-8deg);
    animation: bounce2-b-ntato3fndr 3s ease-in-out infinite;
}
@keyframes bounce2-b-ntato3fndr {
    0% {
        transform: translateY(0) rotate(-8deg);
    }
    50% {
        transform: translateY(-16%) rotate(-8deg);
    }
}
#indexUtama .bagianBawah .gambar .info:nth-of-type(2) span[b-ntato3fndr] {
    text-align: left;
    transform: translateX(-100%);
}
#indexUtama .bagianBawah .gambar .info:nth-of-type(2) i[b-ntato3fndr] {
    font-size: 1.6rem;
}
#indexUtama .bagianBawah .gambar .info:nth-of-type(3)[b-ntato3fndr] {
    top: -10px;
    right: -20px;
    width: 55px;
    height: 55px;
    transform: translateY(0) rotate(6deg);
    animation: bounce3-b-ntato3fndr 4s ease-in-out infinite;
}
@keyframes bounce3-b-ntato3fndr {
    0% {
        transform: translateY(0) rotate(6deg);
    }
    50% {
        transform: translateY(-14%) rotate(6deg);
    }
}
#indexUtama .bagianBawah .gambar .info:nth-of-type(3) i[b-ntato3fndr] {
    font-size: 2.2rem;
}
#indexUtama .bagianBawah .gambar .info:nth-of-type(1):hover[b-ntato3fndr],
#indexUtama .bagianBawah .gambar .info:nth-of-type(2):hover[b-ntato3fndr],
#indexUtama .bagianBawah .gambar .info:nth-of-type(3):hover[b-ntato3fndr] {
    width: 250px;
    height: 60px;
    animation: unset;
    transform: unset;
}
/* /Pages/IndexDashboard.razor.rz.scp.css */

#indexDashboard[b-9z59la1u57] {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 3rem;
    background: linear-gradient( to bottom, #CDE3D8 0%, #F4F9F8 40%, #fff 100%);
    overflow: hidden;
}
#indexDashboard .abstract[b-9z59la1u57] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#indexDashboard .abstract[b-9z59la1u57]::before {
    content: '';
    position: absolute;
    top: -3rem;
    right: -3rem;
    width: 280px;
    height: 280px;
    background-color: #16987329;
    border-radius: 50%;
}
#indexDashboard .abstract[b-9z59la1u57]::after {
    content: '';
    position: absolute;
    top: -10rem;
    right: 8rem;
    width: 220px;
    height: 220px;
    background-color: #1698731c;
    border-radius: 50%;
}

#indexDashboard .header[b-9z59la1u57] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 1.5rem;
    margin-bottom: 3rem;
}
#indexDashboard .header .nama[b-9z59la1u57] {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: .8rem;
}
#indexDashboard .header .nama img[b-9z59la1u57] {
    width: 2.8rem;
    height: 2.8rem;
    object-fit: cover;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #f3f3f3;
}
#indexDashboard .header .nama p:nth-of-type(1)[b-9z59la1u57] {
    color: grey;
    font-size: .7rem;
    margin-bottom: 0;
}
#indexDashboard .header .nama p:nth-of-type(2)[b-9z59la1u57] {
    color: #555;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 0;
}
#indexDashboard .header .ikon[b-9z59la1u57] {
    position: relative;
    cursor: pointer;
}
#indexDashboard .header i[b-9z59la1u57] {
    color: var(--primer);
    font-size: 1.5rem;
}
#indexDashboard .header span[b-9z59la1u57] {
    position: absolute;
    top: .1rem;
    right: -.4rem;
    display: block;
    font-size: .6rem;
    font-weight: 600;
    line-height: 1;
    padding: .1rem .25rem;
    color: #fff;
    background-color: #FF5E5B;
    border-radius: 1rem;
}

#indexDashboard .menu[b-9z59la1u57] {
    position: relative;
    padding: 0 1.5rem;
    margin-top: 2.5rem;
}
#indexDashboard .menu .judul[b-9z59la1u57] {
    color: var(--ireng);
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .8rem;
}
#indexDashboard .menu .boxBtn[b-9z59la1u57] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: .5rem;
}
#indexDashboard .menu .item[b-9z59la1u57] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#indexDashboard .menu .item .wrapImg[b-9z59la1u57] {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin-bottom: .8rem;
    background-color: #fff;
    box-shadow: 4px 7px 12px 0 #e4e4e4b3;
    border-radius: .5rem;
    text-align: center;
    cursor: pointer;
}
#indexDashboard .menu .item img[b-9z59la1u57] {
    width: 45px;
    height: auto;
}
#indexDashboard .menu .item span[b-9z59la1u57] {
    display: block;
    font-size: .7rem;
    text-align: center;
}

#indexDashboard .artikel .judul[b-9z59la1u57] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.5rem;
    margin-top: 2.5rem;
}
#indexDashboard .artikel .judul p:first-child[b-9z59la1u57] {
    color: var(--ireng);
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0;
}
#indexDashboard .artikel .judul p:last-child[b-9z59la1u57] {
    color: grey;
    font-size: .9rem;
    font-weight: 400;
    padding: 0;
    margin-bottom: 0;
    cursor: pointer;
}
#indexDashboard .artikel .sliderArea[b-9z59la1u57] {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    padding: 1rem 0;
    overflow-x: auto;
}
#indexDashboard .artikel .itemArtikel[b-9z59la1u57] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 320px;
    height: 200px;
    padding: 1rem;
    margin-right: 1.5rem;
    background-image: var(--gambar);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
    box-shadow: 5px 8px 12px 0 #e4e4e4b3;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}
#indexDashboard .artikel .itemArtikel:first-child[b-9z59la1u57] {
    margin-left: 1.5rem;
}
#indexDashboard .artikel .itemArtikel[b-9z59la1u57]::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    z-index: -1;
}
#indexDashboard .artikel .itemArtikel:nth-of-type(1)[b-9z59la1u57]::before {
    background: linear-gradient(to top, #607D8B 0%, #607d8bde 50%, transparent 100%);
}
#indexDashboard .artikel .itemArtikel:nth-of-type(2)[b-9z59la1u57]::before {
    background: linear-gradient(to top, #795548 0%, #795548d6 50%, transparent 100%);
}
#indexDashboard .artikel .itemArtikel:nth-of-type(3)[b-9z59la1u57]::before {
    background: linear-gradient(to top, #009688 0%, #009688e3 50%, transparent 100%);
}
#indexDashboard .artikel .itemArtikel .sub[b-9z59la1u57] {
    display: flex;
    align-items: center;
}
#indexDashboard .artikel .itemArtikel .sub p[b-9z59la1u57] {
    color: #fff;
    font-size: .85rem;
    line-height: 1;
    margin-bottom: .5rem;
}
#indexDashboard .artikel .itemArtikel .sub i[b-9z59la1u57] {
    color: #fff;
    font-size: .3rem;
    padding: 0 .5rem;
    margin-bottom: .4rem;
}
#indexDashboard .artikel .itemArtikel .title[b-9z59la1u57] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0;
    overflow: hidden;
}

#indexDashboard .artikel .noArtikel[b-9z59la1u57] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 100%;
    height: 200px;
    padding: 1rem;
    margin-right: 1.5rem;
    color: grey;
    background-color: #f5f5f5;
    border: 2px dashed #cfcfcf;
    border-radius: 1rem;
}
#indexDashboard .artikel .noArtikel i[b-9z59la1u57] {
    font-size: 2rem;
}
#indexDashboard .artikel .noArtikel p:nth-of-type(1)[b-9z59la1u57] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}
#indexDashboard .artikel .noArtikel p:nth-of-type(2)[b-9z59la1u57] {
    font-size: .9rem;
    margin-bottom: 0;
}

#indexDashboard .artikel .lazy[b-9z59la1u57] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 320px;
    height: 200px;
    padding: 1rem;
    margin-right: 1.5rem;
    border-radius: 1rem;
    box-shadow: 5px 8px 12px 0 #e4e4e4b3;
}
#indexDashboard .artikel .lazy div[b-9z59la1u57] {
    background-color: #c6c6c6;
    border-radius: 1rem;
}
#indexDashboard .artikel .lazy div:nth-of-type(1)[b-9z59la1u57] {
    width: 50%;
    height: 10px;
    margin-bottom: 1rem;
}
#indexDashboard .artikel .lazy div:nth-of-type(2)[b-9z59la1u57] {
    width: 100%;
    height: 16px;
    margin-bottom: .5rem;
}
#indexDashboard .artikel .lazy div:nth-of-type(3)[b-9z59la1u57] {
    width: 90%;
    height: 16px;
}
/* /Pages/IndexNotifikasi.razor.rz.scp.css */

#areaNotifikasi .isi[b-qmk5do1ufm] {
    flex: 1;
    overflow-y: auto;
}
#areaNotifikasi .item[b-qmk5do1ufm] {
    padding: 1.5rem;
    padding-left: 3.8rem;
    border-bottom: 1px solid #e1e1e1;
}
#areaNotifikasi .item:last-child[b-qmk5do1ufm] {
    border-bottom: none;
}
#areaNotifikasi .item .stamp[b-qmk5do1ufm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#areaNotifikasi .item .stamp p[b-qmk5do1ufm] {
    color: grey;
    font-size: .85rem;
    margin-bottom: 0;
}
#areaNotifikasi .item .konten[b-qmk5do1ufm] {
    position: relative;
}
#areaNotifikasi .item .konten[b-qmk5do1ufm]::before {
    font-family: fontawesome;
    font-size: 1.2rem;
    position: absolute;
    top: -7px;
    left: -2.5rem;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #929292;
    border-radius: 50%;
}
#areaNotifikasi .item.info .konten[b-qmk5do1ufm]::before {
    content: '\f0a1';
}
#areaNotifikasi .item.aksi .konten[b-qmk5do1ufm]::before {
    content: '\f0f3';
}
#areaNotifikasi .item .konten p:nth-of-type(1)[b-qmk5do1ufm] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: .4rem;
}
#areaNotifikasi .item .konten p:nth-of-type(2)[b-qmk5do1ufm] {
    color: #555;
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: 0;
}

#areaNotifikasi .item.new[b-qmk5do1ufm] {
    position: relative;
    background-color: #16987317;
    overflow: hidden;
}
#areaNotifikasi .item.new[b-qmk5do1ufm]::before {
    content: '';
    position: absolute;
    right: -4rem;;
    bottom: -5rem;
    width: 150px;
    height: 150px;
    background-color: #16987312;
    border-radius: 50%;
}
#areaNotifikasi .item.new[b-qmk5do1ufm]::after {
    content: '';
    position: absolute;
    right: 3rem;
    bottom: -4rem;
    width: 90px;
    height: 90px;
    background-color: #16987317;
    border-radius: 50%;
}
#areaNotifikasi .item.new .konten[b-qmk5do1ufm]::before {
    color: var(--primer);
}
/* /Pages/IndexProfil.razor.rz.scp.css */

#indexProfil[b-yyqth8m1in] {
    position: relative;
    padding: 2rem 1.5rem;
    background: linear-gradient( to bottom, #CDE3D8 0%, #F4F9F8 40%, #fff 100%);
    overflow: hidden;
}
#indexProfil .abstract[b-yyqth8m1in] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#indexProfil .abstract[b-yyqth8m1in]::before {
    content: '';
    position: absolute;
    top: -3rem;
    right: -3rem;
    width: 280px;
    height: 280px;
    background-color: #16987329;
    border-radius: 50%;
}
#indexProfil .abstract[b-yyqth8m1in]::after {
    content: '';
    position: absolute;
    top: -10rem;
    right: 8rem;
    width: 220px;
    height: 220px;
    background-color: #1698731c;
    border-radius: 50%;
}

#indexProfil .nama[b-yyqth8m1in] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin: 1rem 0 2rem 0;
}
#indexProfil .nama .foto[b-yyqth8m1in] {
    position: relative;
}
#indexProfil .nama .foto img[b-yyqth8m1in] {
    height: 100px;
    width: 100px;
    object-fit: cover;
    border: 3px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}
#indexProfil .nama .foto[b-yyqth8m1in]  input {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fbfbfb;
    border: none;
    box-shadow: 0 0 10px 0 #cfcfcf;
    overflow: hidden;
    cursor: pointer;
}
#indexProfil .nama .foto[b-yyqth8m1in]  input:focus {
    box-shadow: none !important;
}
#indexProfil .nama .foto[b-yyqth8m1in]  input::-webkit-file-upload-button {
    visibility: hidden;
}
#indexProfil .nama .foto[b-yyqth8m1in]  input:before {
    content: '\f030';
    font-family: fontAwesome;
    position: absolute;
    top: 0;
    left: 0;
    color: grey;
    font-size: .85rem;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 30px;
}
#indexProfil .nama .teks[b-yyqth8m1in] {
    position: relative;
}
#indexProfil .nama .teks p[b-yyqth8m1in] {
    color: var(--ireng);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: .5rem;
}
#indexProfil .nama .teks div[b-yyqth8m1in] {
    display: flex;
    align-items: center;
    gap: .6rem;
}
#indexProfil .nama .teks span[b-yyqth8m1in] {
    display: block;
    font-size: .75rem;
    font-weight: 600;
    padding: .15rem .6rem;
    margin-bottom: 0;
    color: var(--primer);
    background-color: #fff;
    border-radius: 1rem;
}

#indexProfil .bio[b-yyqth8m1in] {
    position: relative;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 1rem;
    box-shadow: 4px 6px 10px 0 #e4e4e4b3;
    margin-bottom: 1.5rem;
}
#indexProfil .bio .sub[b-yyqth8m1in] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem 0 1.5rem;
}
#indexProfil .bio .sub p[b-yyqth8m1in] {
    color: var(--ireng);
    font-weight: 600;
    margin-bottom: 0;
}
#indexProfil .bio .sub i[b-yyqth8m1in] {
    color: grey;
}
#indexProfil .bio .wrap[b-yyqth8m1in] {
    padding: 1.5rem;
}
#indexProfil .bio .item[b-yyqth8m1in] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}
#indexProfil .bio .item:last-child[b-yyqth8m1in] {
    margin-bottom: 0;
}
#indexProfil .bio .item .ikon i[b-yyqth8m1in] {
    color: var(--primer);
    font-size: 1.2rem;
    width: 25px;
    text-align: center;
}
#indexProfil .bio .item .teks[b-yyqth8m1in] {
    position: relative;
    width: 100%;
}
#indexProfil .bio .item p:nth-of-type(1)[b-yyqth8m1in] {
    color: grey;
    font-size: .8rem;
    font-weight: 400;
    margin-bottom: 0;
}
#indexProfil .bio .item p:nth-of-type(2)[b-yyqth8m1in] {
    color: var(--ireng);
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}
#indexProfil .bio .item .teks div[b-yyqth8m1in] {
    display: block;
    position: absolute;
    top: 26%;
    right: 0;
    font-size: .75rem;
    color: #fff;
    padding: .1rem .6rem .1rem .6rem;
    outline: none;
    border: none;
    border-radius: 1rem;
    cursor: pointer;
}
#indexProfil .bio .item .belumVerif[b-yyqth8m1in],
#indexProfil .bio .item .gagalVerif[b-yyqth8m1in] {
    background-color: var(--abang);
}
#indexProfil .bio .item .tungguVerif[b-yyqth8m1in] {
    background-color: #FF9800;
}
#indexProfil .bio .item .suksesVerif[b-yyqth8m1in] {
    background-color: #4CAF50;
}

#indexProfil .anak[b-yyqth8m1in] {
    position: relative;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 1rem;
    box-shadow: 4px 6px 10px 0 #e4e4e4b3;
    margin-bottom: 1.5rem;
}
#indexProfil .anak .sub[b-yyqth8m1in] {
    display: flex;
    padding: 1rem 1.5rem 0 1.5rem;
}
#indexProfil .anak .sub p[b-yyqth8m1in] {
    color: var(--ireng);
    font-weight: 600;
    margin-bottom: 0;
}
#indexProfil .anak .wrap[b-yyqth8m1in] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
}
#indexProfil .anak .wrap img[b-yyqth8m1in] {
    width: 80px;
    height: 80px;
    padding: .5rem;
    margin-bottom: .5rem;
    background-color: #e0e0e040;
    border: 3px solid #e0e0e0;
    border-radius: 50%;
}
#indexProfil .anak .wrap .tambah span[b-yyqth8m1in] {
    display: block;
    width: 80px;
    height: 80px;
    line-height: 76px;
    margin-bottom: .5rem;
    background-color: #e0e0e040;
    border: 4px dashed #e0e0e0;
    border-radius: 50%;
    text-align: center;
}
#indexProfil .anak .wrap .tambah span i[b-yyqth8m1in] {
    color: #d6d6d6;
    font-size: 1.5rem;
}
#indexProfil .anak .wrap p[b-yyqth8m1in] {
    font-size: .85rem;
    font-weight: 400;
    margin-bottom: 0;
    text-align: center;
}

#indexProfil .other[b-yyqth8m1in] {
    position: relative;
    padding: 1.5rem;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-radius: 1rem;
    box-shadow: 4px 6px 10px 0 #e4e4e4b3;
    margin-bottom: 2rem;
}
#indexProfil .other .item[b-yyqth8m1in] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}
#indexProfil .other .item:last-child[b-yyqth8m1in] {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
#indexProfil .other .item .fa-angle-right[b-yyqth8m1in] {
    color: grey;
    font-size: 1.2rem;
}
#indexProfil .other .item div[b-yyqth8m1in] {
    display: flex;
    align-items: center;
    gap: 1rem;
}
#indexProfil .other .item div i[b-yyqth8m1in] {
    color: var(--primer);
    font-size: 1.2rem;
    width: 25px;
    text-align: center;
}
#indexProfil .other .item div span[b-yyqth8m1in] {
    color: var(--ireng);
    font-size: 1rem;
    font-weight: 600;
}
#indexProfil .other .item:last-child div i[b-yyqth8m1in],
#indexProfil .other .item:last-child div span[b-yyqth8m1in] {
    color: var(--abang);
}

#indexProfil .versi[b-yyqth8m1in] {
    color: grey;
    font-size: .9rem;
    margin-bottom: 0;
    text-align: center;
}
/* /Pages/PageNotFound.razor.rz.scp.css */

#pageNotFound[b-v2qcovrhzu] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fffbd7;
}
#pageNotFound .isi[b-v2qcovrhzu] {
    position: relative;
    padding: 1.5rem;
    text-align: center;
    z-index: 1;
}
#pageNotFound .isi[b-v2qcovrhzu]:before {
    content: '404';
    font-family: arial;
    font-size: 10rem;
    font-weight: 800;
    color: #e9e2ae;
    position: absolute;
    top: -1.5rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}
#pageNotFound img[b-v2qcovrhzu] {
    width: 140px;
    margin: 2rem 0;
    opacity: .9;
    z-index: 2;
}
#pageNotFound h3[b-v2qcovrhzu] {
    color: #8d6600;
    font-weight: 700;
}
#pageNotFound p[b-v2qcovrhzu] {
    color: #ad7d00;
    margin-bottom: 2.5rem;
}
#pageNotFound a[b-v2qcovrhzu] {
    color: #ad7d00;
    text-decoration: none;
    padding: .5rem 1.6rem .6rem 1.6rem;
    border: 1px solid #ad7d00;
    border-radius: 2rem
}
/* /Pages/PopupFiturComingSoon.razor.rz.scp.css */

#fiturComingSoon img[b-zgqs5moj4o] {
    width: 70%;
    margin-bottom: 1.5rem;
    opacity: .85;
}
#fiturComingSoon h3[b-zgqs5moj4o] {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
}
#fiturComingSoon p[b-zgqs5moj4o] {
    text-align: center;
    margin-bottom: 0;
}
#fiturComingSoon button[b-zgqs5moj4o] {
    margin-top: 1.8rem;
}
/* /Pages/PopupVerifikasiKtp.razor.rz.scp.css */

#verifikasiKtp .isi[b-xtxjwpnq1i] {
    position: relative;
}
#verifikasiKtp .warning .wrapKtp[b-xtxjwpnq1i] {
    position: relative;
    margin-bottom: 2.5rem;
    text-align: center;
}
#verifikasiKtp .warning .wrapKtp .imgKtp[b-xtxjwpnq1i] {
    width: 60%;
    height: auto;
    animation: animKtp-b-xtxjwpnq1i .5s ease;
    transform-origin: bottom;
}
@keyframes animKtp-b-xtxjwpnq1i {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
#verifikasiKtp .warning .wrapKtp .imgCheck[b-xtxjwpnq1i] {
    position: absolute;
    bottom: -6%;
    right: 10%;
    width: 50px;
    height: auto;
    animation: animCheck-b-xtxjwpnq1i 1.2s ease;
}
@keyframes animCheck-b-xtxjwpnq1i {
    0% {
        transform: translateX(130%);
        opacity: 0;
    }
    40% {
        transform: translateX(130%);
        opacity: 0;
    }
    100% {
        transform: rotateX(0);
        opacity: 1;
    }
}
#verifikasiKtp .warning p:nth-of-type(1)[b-xtxjwpnq1i] {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: .5rem;
}
#verifikasiKtp .warning p:last-child[b-xtxjwpnq1i] {
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 2rem;
}

#verifikasiKtp .tombol[b-xtxjwpnq1i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .8rem;
}
#verifikasiKtp input[type=checkbox][b-xtxjwpnq1i] {
    display: none;
}
#verifikasiKtp .mengerti:checked ~ .inputan[b-xtxjwpnq1i]  {
    transform: scale(1);
}
#verifikasiKtp .labelMengerti[b-xtxjwpnq1i] {
    width: 100%;
    margin: 0;
    text-align: center;
}

#verifikasiKtp .inputan[b-xtxjwpnq1i] {
    position: absolute;
    top: -1%;
    left: -1%;
    width: 102%;
    height: 102%;
    background-color: #fff;
    transform: scale(0);
    transition: .2s ease-out;
}
#verifikasiKtp .inputan[b-xtxjwpnq1i]  input[type=file] {
    display: none
}
#verifikasiKtp .inputan .labelKtp[b-xtxjwpnq1i] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .3rem;
    width: 100%;
    height: 250px;
    margin: 0;
    color: var(--primer);
    background-color: #1698730a;
    border: 2px dashed #16987342;
    border-radius: .3rem;
    cursor: pointer;
}
#verifikasiKtp .inputan .labelKtp i[b-xtxjwpnq1i] {
    font-size: 2rem;
}
#verifikasiKtp .inputan .labelKtp span[b-xtxjwpnq1i] {
    font-weight: 400;
}
#verifikasiKtp .inputan .tombol[b-xtxjwpnq1i] {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
#verifikasiKtp .inputan button[b-xtxjwpnq1i] {
    width: 100%;
}
/* /Pages/Users/BuatPasswordBaru.razor.rz.scp.css */

.wrapperReset[b-gzw6uwn920] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    background-color: #fff;
    overflow: hidden;
}
.kontenReset[b-gzw6uwn920] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1rem 1.8rem;
    z-index: 5;
}

.wrapperReset .bunder div:nth-of-type(1)[b-gzw6uwn920] {
    position: absolute;
    top: -90px;
    left: -30px;
    width: 160px;
    height: 160px;
    background-color: #5fe2921f;
    border-radius: 50%;
}
.wrapperReset .bunder  div:nth-of-type(2)[b-gzw6uwn920] {
    position: absolute;
    top: -300px;
    right: -150px;
    width: 460px;
    height: 460px;
    background-color: #5fe2921f;
    border-radius: 50%;
}
.wrapperReset .bunder  div:nth-of-type(3)[b-gzw6uwn920] {
    position: absolute;
    bottom: -350px;
    left: -60px;
    width: 500px;
    height: 500px;
    background-color: #5fe2921f;
    border-radius: 50%;
}

.kontenReset .isi[b-gzw6uwn920] {
    text-align: center;
}
.kontenReset .isi p:nth-of-type(1)[b-gzw6uwn920] {
    color: var(--primer);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
.kontenReset .isi p:nth-of-type(2)[b-gzw6uwn920] {
    color: grey;
    font-size: .9rem;
    margin-bottom: 2rem;
}
.kontenReset .isi .form-control[b-gzw6uwn920] {
    font-size: .9rem;
    padding: 1.2rem;
    border: 1px solid var(--abu);
    border-radius: 15rem;
}
.kontenReset .isi .form-control:focus[b-gzw6uwn920] {
    border: 1px solid #2aca68;
    box-shadow: none;
}
.kontenReset .isi .btn[b-gzw6uwn920] {
    border-radius: 15rem;
    margin-top: 2.5rem;
}
/* /Pages/Users/InputOtp.razor.rz.scp.css */

#inputOtp[b-b6321wl3sa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    background-color: #fff;
}
#inputOtp .wrapperOtp[b-b6321wl3sa] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1rem 1.8rem;
}
#inputOtp .wrapperOtp .judul p:nth-of-type(1)[b-b6321wl3sa] {
    color: var(--primer);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0;
}
#inputOtp .wrapperOtp .judul p:nth-of-type(2)[b-b6321wl3sa] {
    color: grey;
    font-size: .9rem;
    margin-bottom: 0;
}

#inputOtp .wrapperOtp .isi[b-b6321wl3sa] {
    margin: 3rem 0;
}
#inputOtp .wrapperOtp .isi .kode[b-b6321wl3sa] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#inputOtp .wrapperOtp .isi .kode input[b-b6321wl3sa] {
    text-align: center;
    width: 2.7rem;
    height: 2.7rem;
    margin-bottom: 1.8rem;
}
#inputOtp .wrapperOtp .isi .timer[b-b6321wl3sa] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#inputOtp .wrapperOtp .isi .timer p:nth-of-type(1)[b-b6321wl3sa] {
    color: #db484e;
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: 0;
}
#inputOtp .wrapperOtp .isi .timer p:nth-of-type(1) span[b-b6321wl3sa] {
    font-weight: 600;
}
#inputOtp .wrapperOtp .isi .timer p:nth-of-type(2)[b-b6321wl3sa] {
    color: var(--primer);
    border: 1px solid var(--primer);
    font-size: .8rem;
    font-weight: 600;
    padding: .3rem 1rem;
    margin-top: .6rem;
    cursor: pointer;
    border-radius: 2rem;
}
#inputOtp .wrapperOtp .isi .timer button[b-b6321wl3sa] {
    color: var(--primer);
    font-weight: 600;
    background-color: transparent;
    border: none;
    padding: 0;
    margin-top: .6rem;
}
#inputOtp .wrapperOtp .isi .timer button:disabled[b-b6321wl3sa] {
    color: #bababa;
    border: 1px solid #bababa;
    font-size: .8rem;
    font-weight: 600;
    padding: .3rem 1rem;
    margin-top: .6rem;
    cursor: not-allowed;
    border-radius: 2rem;
}
/* /Pages/Users/KebijakanPrivasi.razor.rz.scp.css */

#areaSyaratKetentuan .judul p:nth-of-type(1)[b-yfgsdh1xrm] {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    margin-bottom: .3rem;
}
#areaSyaratKetentuan .judul p:nth-of-type(2)[b-yfgsdh1xrm] {
    font-size: .8rem;
    font-weight: 400;
    text-align: center;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 2px dashed #bababa;
}
#areaSyaratKetentuan .judul p:nth-of-type(3)[b-yfgsdh1xrm] {
    font-size: .85rem;
    text-align: justify;
}
#areaSyaratKetentuan .judul p:nth-of-type(4)[b-yfgsdh1xrm],
#areaSyaratKetentuan .judul p:nth-of-type(5)[b-yfgsdh1xrm],
#areaSyaratKetentuan .judul p:nth-of-type(6)[b-yfgsdh1xrm] {
    font-size: .85rem;
    text-align: justify;
    text-indent: 15px;
}

#areaSyaratKetentuan .pasal[b-yfgsdh1xrm] {
    margin-top: 1.5rem;
}
#areaSyaratKetentuan .pasal p:nth-of-type(1)[b-yfgsdh1xrm] {
    font-weight: 600;
    margin-bottom: .4rem;
}
#areaSyaratKetentuan .pasal p:nth-of-type(2)[b-yfgsdh1xrm] {
    padding-left: 1.5rem;
    margin-bottom: 0;
}
#areaSyaratKetentuan .pasal ol .sub p:nth-of-type(2)[b-yfgsdh1xrm] {
    padding-left: 0;
}
#areaSyaratKetentuan .pasal ol[b-yfgsdh1xrm] {
    list-style-type: upper-alpha;
}
#areaSyaratKetentuan .pasal ol li[b-yfgsdh1xrm] {
    font-size: .85rem;
    text-align: justify;
    margin-bottom: .8rem;
}
#areaSyaratKetentuan .pasal ol li[b-yfgsdh1xrm]::marker {
    font-weight: 600;
}
#areaSyaratKetentuan .pasal ol .sub ol[b-yfgsdh1xrm] {
    list-style-type: lower-roman;
}
#areaSyaratKetentuan .pasal ol .sub ol li[b-yfgsdh1xrm] {
    margin-bottom: .4rem;
}

#areaSyaratKetentuan .tombol[b-yfgsdh1xrm] {
    margin-top: 2rem;
}
/* /Pages/Users/Login.razor.rz.scp.css */

.wrapperLogin[b-ixy1j67bfe] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    background-color: #fff;
    overflow: hidden;
}

.wrapperLogin .bunder div:nth-of-type(1)[b-ixy1j67bfe] {
    position: absolute;
    top: -90px;
    right: -50px;
    width: 190px;
    height: 190px;
    background-color: #5fe2921f;
    border-radius: 50%;
}
.wrapperLogin .bunder  div:nth-of-type(2)[b-ixy1j67bfe] {
    position: absolute;
    bottom: -180px;
    left: -150px;
    width: 460px;
    height: 460px;
    background-color: #5fe2921f;
    border-radius: 50%;
}
.wrapperLogin .bunder  div:nth-of-type(3)[b-ixy1j67bfe] {
    position: absolute;
    bottom: -450px;
    left: 140px;
    width: 500px;
    height: 500px;
    background-color: #5fe2921f;
    border-radius: 50%;
}
.wrapperLogin .bunder div:nth-of-type(4)[b-ixy1j67bfe] {
    position: absolute;
    top: -50px;
    right: 100px;
    width: 80px;
    height: 80px;
    background-color: #5fe2921f;
    border-radius: 50%;
}

.kontenLogin[b-ixy1j67bfe] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1rem 1.8rem;
    z-index: 5;
}
.kontenLogin .atas[b-ixy1j67bfe] {
    text-align: center;
    margin-bottom: 1.5rem;
}
.kontenLogin .atas img[b-ixy1j67bfe] {
    width: 5rem;
    margin-bottom: .5rem;
}
.kontenLogin .atas p[b-ixy1j67bfe] {
    color: #2aca68;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: .5rem;
    user-select: none;
}

.kontenLogin .tengah .form-control[b-ixy1j67bfe] {
    font-size: .9rem;
    padding: 1.2rem;
    border: 1px solid var(--abu);
    border-radius: 15rem;
}
.kontenLogin .tengah .form-control:focus[b-ixy1j67bfe] {
    border: 1px solid #2aca68;
    box-shadow: none;
}
.kontenLogin .tengah .form-group:nth-of-type(2)[b-ixy1j67bfe] {
    position: relative;
}
.kontenLogin .tengah .form-group:nth-of-type(2) span[b-ixy1j67bfe] {
    position: absolute;
    right: 18px;
    top: 9px;
    cursor: pointer;
}
.kontenLogin .tengah .form-group:nth-of-type(2) i[b-ixy1j67bfe] {
    color: #b5b5b5;
}

.kontenLogin .tengah button[b-ixy1j67bfe] {
    margin-top: 2.5rem;
}
.kontenLogin .tengah .validation-message[b-ixy1j67bfe] {
    color: #ff6a6a;
    font-size: .7rem;
    padding-left: 1.2rem;
    margin-top: .2rem;
}
.kontenLogin .tengah .reset[b-ixy1j67bfe] {
    color: grey;
    font-size: .8rem;
    text-align: right;
    margin-right: 1rem;
    margin-bottom: 0;
    cursor: pointer;
}

.wrapperLogin .bawah[b-ixy1j67bfe] {
    display: flex;
    align-items: flex-end;
    font-size: .9rem;
    z-index: 5;
}
.wrapperLogin .bawah span[b-ixy1j67bfe] {
    color: var(--primer);
    font-weight: 600;
    cursor: pointer;
}
/* /Pages/Users/RegisterAkun.razor.rz.scp.css */

#register[b-xyh3ho2q71] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    background-color: #fff;
    overflow: hidden;
}
    
#register .bunder div:nth-of-type(1)[b-xyh3ho2q71] {
    position: absolute;
    top: -80px;
    right: -80px;
    width: 190px;
    height: 190px;
    background-color: #5fe2921f;
    border-radius: 50%;
}
#register .bunder  div:nth-of-type(2)[b-xyh3ho2q71] {
    position: absolute;
    bottom: 40px;
    left: -200px;
    width: 460px;
    height: 460px;
    background-color: #5fe2921f;
    border-radius: 50%;
}
#register .bunder div:nth-of-type(3)[b-xyh3ho2q71] {
    position: absolute;
    bottom: -120px;
    left: 100px;
    width: 270px;
    height: 270px;
    background-color: #5fe2921f;
    border-radius: 50%;
}

#register .wrapperRegister[b-xyh3ho2q71] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1rem 1.8rem;
    z-index: 5;
}
#register .wrapperRegister .judul[b-xyh3ho2q71] {
    text-align: center;
}
#register .wrapperRegister .judul lord-icon[b-xyh3ho2q71] {
    width: 100px;
    height: 100px;
}
#register .wrapperRegister .judul p[b-xyh3ho2q71] {
    color: var(--primer);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
    user-select: none;
}

#register .wrapperRegister .form-control[b-xyh3ho2q71] {
    font-size: .9rem;
    padding: 1.2rem;
    border: 1px solid var(--abu);
    border-radius: 15rem;
}
#register .wrapperRegister .form-control:focus[b-xyh3ho2q71] {
    border: 1px solid #2aca68;
    box-shadow: none;
}
#register .wrapperRegister .isi .col-12.pass[b-xyh3ho2q71] {
    position: relative;
}
#register .wrapperRegister .isi .col-12.pass span[b-xyh3ho2q71] {
    position: absolute;
    right: 18px;
    top: 9px;
    cursor: pointer;
}
#register .wrapperRegister .isi .col-12.pass span i[b-xyh3ho2q71] {
    color: #b5b5b5;
}

#register .wrapperRegister .isi .centangan[b-xyh3ho2q71] {
    display: flex;
    justify-content: center;
    align-items: center;
}
#register .wrapperRegister .isi .centangan input[b-xyh3ho2q71] {
    margin-right: .4rem;
}
#register .wrapperRegister .isi .centangan p[b-xyh3ho2q71] {
    color: grey;
    font-size: .8rem;
    margin-bottom: 0;
}
#register .wrapperRegister .isi .centangan span[b-xyh3ho2q71] {
    color: var(--primer);
    font-weight: 600;
    cursor: pointer;
}
#register .wrapperRegister .isi .validasiCentang[b-xyh3ho2q71] {
    text-align: center;
}

#register .wrapperRegister button[b-xyh3ho2q71] {
    margin-top: 2.5rem;
}
#register .wrapperRegister .validation-message[b-xyh3ho2q71] {
    color: #ff6a6a;
    font-size: .7rem;
    padding-left: 1.2rem;
    margin-top: .2rem;
}

#register .bawah[b-xyh3ho2q71] {
    display: flex;
    align-items: flex-end;
    font-size: .9rem;
    z-index: 5;
}
#register .bawah span[b-xyh3ho2q71] {
    color: var(--primer);
    font-weight: 600;
    cursor: pointer;
}
/* /Pages/Users/ResetPassword.razor.rz.scp.css */

.wrapperReset[b-3hclt68oos] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    background-color: #fff;
    overflow: hidden;
}
.kontenReset[b-3hclt68oos] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1rem 1.8rem;
    z-index: 5;
}

.wrapperReset .bunder div:nth-of-type(1)[b-3hclt68oos] {
    position: absolute;
    top: -90px;
    left: -30px;
    width: 160px;
    height: 160px;
    background-color: #5fe2921f;
    border-radius: 50%;
}
.wrapperReset .bunder  div:nth-of-type(2)[b-3hclt68oos] {
    position: absolute;
    top: -300px;
    right: -150px;
    width: 460px;
    height: 460px;
    background-color: #5fe2921f;
    border-radius: 50%;
}
.wrapperReset .bunder  div:nth-of-type(3)[b-3hclt68oos] {
    position: absolute;
    bottom: -350px;
    left: -60px;
    width: 500px;
    height: 500px;
    background-color: #5fe2921f;
    border-radius: 50%;
}

.kontenReset .isi[b-3hclt68oos] {
    text-align: center;
}
.kontenReset .isi p:nth-of-type(1)[b-3hclt68oos] {
    color: var(--primer);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
.kontenReset .isi p:nth-of-type(2)[b-3hclt68oos] {
    color: grey;
    font-size: .9rem;
    margin-bottom: 2rem;
}
.kontenReset .isi .form-control[b-3hclt68oos] {
    font-size: .9rem;
    padding: 1.2rem;
    border: 1px solid var(--abu);
    border-radius: 15rem;
}
.kontenReset .isi .form-control:focus[b-3hclt68oos] {
    border: 1px solid #2aca68;
    box-shadow: none;
}
.kontenReset .isi .btn[b-3hclt68oos] {
    border-radius: 15rem;
    margin-top: 2.5rem;
}
/* /Pages/Users/SyaratKetentuan.razor.rz.scp.css */

#areaSyaratKetentuan .judul p:nth-of-type(1)[b-r1qp2phg9u] {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    margin-bottom: .3rem;
}
#areaSyaratKetentuan .judul p:nth-of-type(2)[b-r1qp2phg9u] {
    font-size: .8rem;
    font-weight: 400;
    text-align: center;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 2px dashed #bababa;
}
#areaSyaratKetentuan .judul p:nth-of-type(3)[b-r1qp2phg9u] {
    font-size: .85rem;
    text-align: justify;
}
#areaSyaratKetentuan .judul p:nth-of-type(4)[b-r1qp2phg9u],
#areaSyaratKetentuan .judul p:nth-of-type(5)[b-r1qp2phg9u],
#areaSyaratKetentuan .judul p:nth-of-type(6)[b-r1qp2phg9u] {
    font-size: .85rem;
    text-align: justify;
    text-indent: 15px;
}

#areaSyaratKetentuan .pasal[b-r1qp2phg9u] {
    margin-top: 1.5rem;
}
#areaSyaratKetentuan .pasal p:nth-of-type(1)[b-r1qp2phg9u] {
    font-weight: 600;
    margin-bottom: .4rem;
}
#areaSyaratKetentuan .pasal p:nth-of-type(2)[b-r1qp2phg9u] {
    padding-left: 1.5rem;
    margin-bottom: 0;
}
#areaSyaratKetentuan .pasal ol .sub p:nth-of-type(2)[b-r1qp2phg9u] {
    padding-left: 0;
}
#areaSyaratKetentuan .pasal ol[b-r1qp2phg9u] {
    list-style-type: upper-alpha;
}
#areaSyaratKetentuan .pasal ol li[b-r1qp2phg9u] {
    font-size: .85rem;
    text-align: justify;
    margin-bottom: .8rem;
}
#areaSyaratKetentuan .pasal ol li[b-r1qp2phg9u]::marker {
    font-weight: 600;
}
#areaSyaratKetentuan .pasal ol .sub ol[b-r1qp2phg9u] {
    list-style-type: lower-roman;
}
#areaSyaratKetentuan .pasal ol .sub ol li[b-r1qp2phg9u] {
    margin-bottom: .4rem;
}

#areaSyaratKetentuan .tombol[b-r1qp2phg9u] {
    margin-top: 2rem;
}
/* /Pages/Users/WarningOtp.razor.rz.scp.css */

#warningOtp .gambar[b-u0sqsa4t4a] {
    padding: 1.3rem 1rem 0 1rem;
}
#warningOtp .gambar img[b-u0sqsa4t4a] {
    width: 100%;
    height: 100%;
}
#warningOtp .teks[b-u0sqsa4t4a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    text-align: center;
}
#warningOtp .teks p:nth-of-type(1)[b-u0sqsa4t4a] {
    color: #3c3c3c;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: .4rem;
}
#warningOtp .teks p:nth-of-type(2)[b-u0sqsa4t4a] {
    color: #3c3c3c;
    font-size: 1.1rem;
    margin-bottom: 1.4rem;
}
#warningOtp .teks .info1[b-u0sqsa4t4a],
#warningOtp .teks .info2[b-u0sqsa4t4a] {
    color: #db484e;
}
#warningOtp .teks .info2 span[b-u0sqsa4t4a] {
    font-weight: 600;
}
#warningOtp .teks .btn1[b-u0sqsa4t4a] {
    font-size: .9rem;
    color: #fff;
    background-color: var(--primer);
    border-radius: 2rem;
    padding: .5rem 1rem;
    width: fit-content;
    cursor: pointer;
    user-select: none;
}
#warningOtp .teks button:disabled[b-u0sqsa4t4a] {
    font-size: .9rem;
    color: #8a8a8a;
    background-color: #dbdbdb;
    border-radius: 2rem;
    border: none;
    padding: .5rem 1rem;
    width: fit-content;
    cursor: not-allowed;
}
/* /Shared/LoadingSpinner.razor.rz.scp.css */

.spinnerOnly[b-zbyegmtmpl] {
    width: 1.3rem;
    height: 1.3rem;
    margin-left: .4rem;
    display: inline-block;
    border: 3px solid #ebebeb;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: spinnerTok-b-zbyegmtmpl 1.2s linear infinite;
}
@keyframes spinnerTok-b-zbyegmtmpl {
    0% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(180deg);
        border-top-color: #FFEB3B;
        border-bottom-color: #FFEB3B;
        border-right-color: transparent;
        border-left-color: transparent;
    }
    100% {
        transform: rotate(360deg);
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-jfjnz05tno] {
    height: 100vh;
    background-color: #c7c7c7;
}
main[b-jfjnz05tno] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden !important;
}
.page main .content[b-jfjnz05tno] {
    flex: 1;
    width: 100%;
    background-color: #fff;
    overflow-y: auto;
}
.page main .content[b-jfjnz05tno]::-webkit-scrollbar {
    display: none;
}

.sidebar[b-jfjnz05tno] {
    display: none;
    background-color: #1B756B !important;
}
.page .sidebar .top-row[b-jfjnz05tno] {
    height: 6% !important;
}

.navbar[b-jfjnz05tno] {
    flex-wrap: nowrap;
}
.navbar img[b-jfjnz05tno] {
    width: 2.3rem;
    margin-right: .4rem;
}
.nav .nav-item .nav-link[b-jfjnz05tno] {
    color: #fff;
}

.top-row[b-jfjnz05tno] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}
.top-row[b-jfjnz05tno]  a, .top-row[b-jfjnz05tno]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}
.top-row[b-jfjnz05tno]  a:hover, .top-row[b-jfjnz05tno]  .btn-link:hover {
    text-decoration: underline;
}
.top-row[b-jfjnz05tno]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-jfjnz05tno] {
        display: none;
    }
    .top-row.auth[b-jfjnz05tno] {
        justify-content: space-between;
    }
    .top-row[b-jfjnz05tno]  a, .top-row[b-jfjnz05tno]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-jfjnz05tno] {
        flex-direction: column;
    }
    .sidebar[b-jfjnz05tno] {
        display: none;
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
    .top-row[b-jfjnz05tno] {
        position: sticky;
        top: 0;
        z-index: 1;
    }
    .top-row.auth[b-jfjnz05tno]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }
    .top-row[b-jfjnz05tno], article[b-jfjnz05tno] {
        /*padding-left: 2rem !important;
        padding-right: 1.5rem !important;*/
    }
}


/*TAMPILAN PC DAN TABLET*/
@media screen and (min-width: 1024px) {
    .page main .content[b-jfjnz05tno] {
        width: 45%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .page main .content[b-jfjnz05tno] {
        width: 70%;
    }
}
/* /Shared/NavbarMobile.razor.rz.scp.css */

#navbarBawah[b-l2g88eyj33] {
    position: relative;
    display: flex;
    height: 3.8rem;
    z-index: 1;
}
#navbarBawah[b-l2g88eyj33]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
    box-shadow: 0 -5px 20px 0 #cfcfcf61;
    z-index: -1;
}
#navbarBawah .wrapper[b-l2g88eyj33] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
#navbarBawah .wrapper[b-l2g88eyj33]  a {
    position: relative;
    color: #d6d6d6;
    padding: 0;
    text-decoration: none;
    text-align: center;
    transition: .3s ease;
    overflow: hidden;
}
#navbarBawah .wrapper[b-l2g88eyj33]   a.active {
    color: var(--primer);
}
#navbarBawah .wrapper .nav-link .wrap[b-l2g88eyj33] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#navbarBawah .wrapper .nav-link i[b-l2g88eyj33] {
    font-size: 1.5rem;
    margin-bottom: .1rem;
}
#navbarBawah .wrapper .nav-link span[b-l2g88eyj33] {
    display: block;
    font-size: .7rem;
    overflow: hidden;
}
#navbarBawah .wrapper .nav-link.active span[b-l2g88eyj33] {
    font-weight: 700;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ypogdec4ya] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-ypogdec4ya] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

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

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

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

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

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

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

.nav-item[b-ypogdec4ya]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

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

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

    .collapse[b-ypogdec4ya] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* /Shared/PopupIzinNotifikasi.razor.rz.scp.css */

#izinNotifikasi .konten[b-38l0n3rigs] {
    padding: 1rem;
    border-bottom: 1px dashed #cfcfcf;
    text-align: center;
}
#izinNotifikasi img[b-38l0n3rigs] {
    width: 90%;
}
#izinNotifikasi p:nth-of-type(1)[b-38l0n3rigs] {
    color: var(--ireng);
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: .4rem;
}
#izinNotifikasi p:nth-of-type(2)[b-38l0n3rigs] {
    color: grey;
    font-size: .95rem;
    margin-bottom: 1.2rem;
}
#izinNotifikasi .tombol[b-38l0n3rigs] {
    display: flex;
    justify-content: space-between;
    margin: 1rem 0;
}
#izinNotifikasi .tombol span[b-38l0n3rigs] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    cursor: pointer;
}
#izinNotifikasi .tombol span:nth-of-type(1)[b-38l0n3rigs] {
    color: grey;
}
#izinNotifikasi .tombol span:nth-of-type(2)[b-38l0n3rigs] {
    color: var(--primer);
    font-weight: 600;
    border-left: 1px dashed #cfcfcf;
}
/* /Shared/PopupUnblockNotifikasi.razor.rz.scp.css */

#unblockNotifikasi .konten[b-3475qj9yzy] {
    flex: 1;
    padding: 1.5rem;
    border-bottom: 1px dashed #cfcfcf;
    overflow-y: auto;
    overflow-x: hidden;
}
#unblockNotifikasi .konten[b-3475qj9yzy]::-webkit-scrollbar {
    display: none;
}
#unblockNotifikasi .konten .isi div[b-3475qj9yzy] {
    text-align: center;
}
#unblockNotifikasi .konten .isi p:first-child[b-3475qj9yzy] {
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1.5rem;
}
#unblockNotifikasi .konten .isi p[b-3475qj9yzy] {
    font-weight: 400;
}
#unblockNotifikasi .konten span[b-3475qj9yzy] {
    color: var(--primer);
    font-weight: 600;
}
#unblockNotifikasi .konten img[b-3475qj9yzy] {
    width: 90%;
    height: auto;
    margin-bottom: 1.8rem;
}
#unblockNotifikasi .tombol[b-3475qj9yzy] {
    color: var(--primer);
    font-weight: 600;
    padding: 1rem;
    margin-bottom: 0;
    text-align: center;
    cursor: pointer;
}


/*TAMPILAN DEKSTOP*/
@media screen and (min-width: 1024px) {
    #unblockNotifikasi .konten .tutorWeb[b-3475qj9yzy] {
        display: block;
    }
    #unblockNotifikasi .konten .tutorHp[b-3475qj9yzy] {
        display: none;
    }
    #unblockNotifikasi .konten[b-3475qj9yzy] {
        max-height: 650px;
    }
    #unblockNotifikasi .konten img[b-3475qj9yzy] {
        width: 100%;
    }
}

/*TAMPILAN TABLET*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #unblockNotifikasi .konten .tutorWeb[b-3475qj9yzy] {
        display: block;
    }
    #unblockNotifikasi .konten .tutorHp[b-3475qj9yzy] {
        display: none;
    }
    #unblockNotifikasi .konten img[b-3475qj9yzy] {
        width: 100%;
    }
}

/*TAMPILAN HP*/
@media screen and (max-width: 767px) {
    #unblockNotifikasi .konten .tutorWeb[b-3475qj9yzy] {
        display: none;
    }
    #unblockNotifikasi .konten .tutorHp[b-3475qj9yzy] {
        display: block;
    }
}
/* /Shared/UpdateAvailableDetector.razor.rz.scp.css */

.btnUpdateVersi[b-0wuyb67bp3] {
    position: fixed;
    right: 0;
    bottom: 4rem;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .8rem 1.5rem .8rem .8rem;
    background-color: #fff38b;
    border-radius: .8rem 0 0 .8rem;
    box-shadow: 0 0 18px 0 #b4b4b4;
    animation: muncul-b-0wuyb67bp3 1.5s ease-out;
    cursor: pointer;
    z-index: 999;
}
@keyframes muncul-b-0wuyb67bp3 {
    from {
        right: -100%;
    }
    to {
        right: 0;
    }
}
.btnUpdateVersi img[b-0wuyb67bp3] {
    width: 38px;
}
.btnUpdateVersi p:nth-of-type(1)[b-0wuyb67bp3] {
    color: #349638;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0;
}
.btnUpdateVersi p:nth-of-type(2)[b-0wuyb67bp3] {
    color: #555;
    font-size: .9rem;
    margin-bottom: 0;
}