@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/ServiceProxies/ServiceProxies.hss3tp84ae.bundle.scp.css';
@import '_content/SharedComponent/SharedComponent.hqvyg4s1th.bundle.scp.css';

/* /ModalGeneral/LoadingFullPage.razor.rz.scp.css */


#loadingFullPage .wrapper[b-ihild6p56l] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    background-color: #94949469;
}
#loadingFullPage #loading[b-ihild6p56l] {
    position: relative;
    width: 90px;
    height: 90px;
}
#loadingFullPage #loading[b-ihild6p56l]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin-inline: auto;
    width: 100%;
    height: 100%;
    background-image: url(https://hamilkuid.blob.core.windows.net/aset/icon-loading.png);
    background-position: center;
    background-size: 35px;
    background-repeat: no-repeat;
}
#loadingFullPage #muter[b-ihild6p56l] {
    fill: transparent;
    stroke: #fff;
    stroke-width: 7px;
    stroke-linecap: round;
    transform-origin: center;
    animation-name: animation-b-ihild6p56l;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier;
    animation-iteration-count: infinite;
}
@keyframes animation-b-ihild6p56l {
    0% {
        stroke-dasharray: 1 98;
        stroke-dashoffset: -105;
    }
    50% {
        stroke-dasharray: 80 10;
        stroke-dashoffset: -160;
    }
    100% {
        stroke-dasharray: 1 98;
        stroke-dashoffset: -300;
    }
}
/* /Pages/3dPrinting/AddItemAddon.razor.rz.scp.css */

.isi[b-xlhbhrtf71] {
    flex: 1;
    padding: 1rem;
    overflow: hidden auto;
}
.tombol[b-xlhbhrtf71] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: 1rem;
    padding-top: 0;
}

/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .tombol .btn-success[b-xlhbhrtf71] {
        flex: 1;
    }
}
/* /Pages/3dPrinting/DetailMasterItem3d.razor.rz.scp.css */

.isi[b-srv7eaev9m] {
    flex: 1;
    padding: 1rem;
    overflow: hidden auto;
}
.header[b-srv7eaev9m] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: .5rem;
}
.header > div:first-child div[b-srv7eaev9m] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
}
.header > div:first-child div span[b-srv7eaev9m] {
    width: fit-content;
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    text-transform: capitalize;
    padding: .25rem .75rem;
    border-radius: 2rem;
}
.header > div:first-child div span i[b-srv7eaev9m] {
    margin-right: .25rem;
}
.header > div:first-child div span:first-child[b-srv7eaev9m] {
    background-color: var(--ungu);
}
.header > div:first-child div span:last-child[b-srv7eaev9m] {
    background-color: #ff9800;
}
.header > div:first-child div span:last-child.published[b-srv7eaev9m] {
    background-color: var(--ijo);
}
.header p:first-of-type[b-srv7eaev9m] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0;
}
.header p:last-child[b-srv7eaev9m] {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
}
.header .aksi[b-srv7eaev9m] {
    display: flex;
    align-items: center;
    gap: .5rem;
    white-space: nowrap;
}
.header .aksi .btn-sm i[b-srv7eaev9m] {
    margin-right: .35rem;
}
.header .aksi .dropdown-toggle[b-srv7eaev9m] {
    width: 33px;
    height: 33px;
    color: var(--ungu);
    background-color: #fff;
    border: none;
    border-radius: .5rem;
}
.header .aksi .dropdown-toggle.show[b-srv7eaev9m] {
    color: #fff;
    background-color: var(--ungu);
}
.header .aksi .dropdown-toggle[b-srv7eaev9m]::after {
    display: none;
}
.header .aksi .dropdown-menu[b-srv7eaev9m] {
    min-width: 8rem;
}
.header .aksi .dropdown-item[b-srv7eaev9m] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem .5rem;
    cursor: pointer;
}
.header .aksi .dropdown-item i[b-srv7eaev9m] {
    width: 22px;
    text-align: center;
}
.header .aksi .dropdown-item:last-child[b-srv7eaev9m] {
    color: var(--abang);
}

.desc[b-srv7eaev9m] {
    font-weight: 400;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #e1e1e1;
}

.wrap-item:not(:last-of-type)[b-srv7eaev9m] {
    margin-bottom: 1.5rem;
}
.sub[b-srv7eaev9m] {
    font-size: .9rem;
    font-weight: 600;
}
.sub i[b-srv7eaev9m] {
    margin-right: .5rem;
}

.warna[b-srv7eaev9m] {
    display: flex;
    align-items: center;
    gap: .75rem;
}
.warna span[b-srv7eaev9m] {
    font-weight: 400;
    padding: .25rem 1rem;
    background-color: var(--clr-code);
    border: 1px solid #e1e1e1;
    border-radius: 2rem;
}

.ukuran[b-srv7eaev9m] {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.ukuran > div[b-srv7eaev9m] {
    display: flex;
    align-items: center;
    gap: .75rem;
    height: 58px;
    padding: .4rem 1rem;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
}
.ukuran > div img[b-srv7eaev9m] {
    width: auto;
    height: 20px;
}
.ukuran > div.Sedang img[b-srv7eaev9m] {
    height: 30px;
}
.ukuran > div.Besar img[b-srv7eaev9m] {
    height: 40px;
}
.ukuran span[b-srv7eaev9m] {
    display: block;
    font-weight: 400;
}
.ukuran span:first-child[b-srv7eaev9m] {
    font-size: .9rem;
    font-weight: 600;
}
.ukuran span:last-child[b-srv7eaev9m] {
    color: grey;
    font-size: .8rem;
    font-weight: 400;
}

.wrapFoto[b-srv7eaev9m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(185px, calc(100% / 4 - .75rem)));
    align-items: center;
    gap: 1rem;
}
.each[b-srv7eaev9m] {
    position: relative;
    display: flex;
    justify-content: center;
    background-color: #f1f1f1;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
    overflow: hidden;
}
.each:nth-of-type(1)[b-srv7eaev9m] {
    background-color: transparent;
    border: none;
}
.each p[b-srv7eaev9m] {
    position: absolute;
    top: 1rem;
    left: 0;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 1px;
    padding: .25rem .75rem;
    margin-bottom: 0;
    color: #fff;
    background-color: var(--ungu);
    border-radius: 0 2rem 2rem 0;
}
img[b-srv7eaev9m] {
    width: 100%;
    height: 185px;
    object-fit: cover;
}
.aksi-foto[b-srv7eaev9m] {
    position: absolute;
    right: .8rem;
    bottom: .8rem;
    transition: all .3s ease;
    transform: translateX(120%);
    opacity: 0;
    z-index: 5;
}
.each:hover .aksi-foto[b-srv7eaev9m] {
    transform: translateX(0);
    opacity: 1;
}
.aksi-foto span[b-srv7eaev9m] {
    display: inline-block;
    line-height: 27px;
    font-size: .8rem;
    text-align: center;
    margin-left: .35rem;
    color: #555;
    background-color: #fff;
    box-shadow: 2px 2px 8px #00000050;
    transition: .2s ease;
    cursor: pointer;
}
.aksi-foto .utama[b-srv7eaev9m] {
    width: fit-content;
    height: 27px;
    font-weight: 400;
    padding: 0 .75rem;
    border-radius: 2rem;
}
.aksi-foto .utama:hover[b-srv7eaev9m] {
    color: #fff;
    background-color: var(--ungu);
}
.aksi-foto .remove[b-srv7eaev9m] {
    width: 27px;
    height: 27px;
    border-radius: 50%;
}
.aksi-foto .remove:hover[b-srv7eaev9m] {
    color: #fff;
    background-color: #F44336;
}

.loading-aksi[b-srv7eaev9m] {
    position: absolute;
    inset: 0;
    display: flex;
    color: var(--putih);
    justify-content: center;
    align-items: center;
    background-color: hsl(from var(--ungu) h s l / .5);
    user-select: none;
    z-index: 2;
}

.add[b-srv7eaev9m] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 185px;
    margin: 0;
    color: #a8a8a8;
    background-color: #f1f1f1;
    border: 3px dashed #cfcfcf;
    border-radius: .5rem;
    transition: all .3s ease;
    cursor: pointer;
}
.add[b-srv7eaev9m]  input {
    display: none;
}
.add:hover[b-srv7eaev9m] {
    transform: scale(.96);
}
.add i[b-srv7eaev9m] {
    font-size: 1.5rem;
    transition: all .3s ease;
}
.add:hover i[b-srv7eaev9m] {
    transform: rotate(90deg);
}


/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .header[b-srv7eaev9m] {
        flex-direction: column;
        gap: .5rem;
        margin-bottom: .75rem;
    }
    .header .aksi .tombolStart[b-srv7eaev9m] {
        flex: 1;
    }
    .header .aksi[b-srv7eaev9m],
    .header .aksi .tombolStart .btn[b-srv7eaev9m] {
        width: 100%;
    }
    .wrapFoto[b-srv7eaev9m] {
        grid-template-columns: repeat(auto-fit, minmax(160px, calc(100% / 2 - .5rem)));
    }
    img[b-srv7eaev9m], .add[b-srv7eaev9m] {
        height: 170px;
    }
}
/* /Pages/3dPrinting/DetailMasterItem3d_ListAddon.razor.rz.scp.css */

.wrap-addon[b-npw1rehif7] {
    display: flex;
    align-items: center;
    gap: .75rem;
}
.wrap-addon .items[b-npw1rehif7] {
    display: flex;
    align-items: center;
    height: 58px;
    padding-left: 1rem;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
    overflow: hidden;
}
.wrap-addon .items div:first-child[b-npw1rehif7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    height: 100%;
}
.wrap-addon .items div:first-child div[b-npw1rehif7] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-right: 1rem;
    background-color: #fff;
    border-radius: 0 .5rem .5rem 0;
    z-index: 1;
}
.wrap-addon .items img[b-npw1rehif7] {
    width: auto;
    height: 25px;
}
.wrap-addon span[b-npw1rehif7] {
    display: block;
    font-weight: 400;
}
.wrap-addon span:first-child[b-npw1rehif7] {
    font-size: .9rem;
    font-weight: 600;
}
.wrap-addon span:last-child[b-npw1rehif7] {
    color: grey;
    font-size: .8rem;
    font-weight: 400;
}
.wrap-addon .items > div:last-child[b-npw1rehif7] {
    position: relative;
    display: grid;
    place-items: center;
    width: 0;
    height: 100%;
    color: #fff;
    transition: .2s ease;
    isolation: isolate;
    cursor: pointer;
}
.wrap-addon .items:hover > div:last-child[b-npw1rehif7] {
    width: 30px;
    background-color: #f44336;
}
.wrap-addon .items > div:last-child[b-npw1rehif7]::before {
    content: '';
    position: absolute;
    inset: 0;
    left: -.5rem;
    transition: .2s ease;
    z-index: -1;
}
.wrap-addon .items:hover > div:last-child[b-npw1rehif7]::before {
    background-color: #f44336;
}
.wrap-addon .add[b-npw1rehif7] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    color: #a8a8a8;
    background-color: #f1f1f1;
    border: 1.5px dashed #cfcfcf;
    border-radius: .5rem;
    transition: all .3s ease;
    cursor: pointer;
}
.wrap-addon .add:hover[b-npw1rehif7] {
    transform: scale(.96);
}
.wrap-addon .add i[b-npw1rehif7] {
    font-size: 1.1rem;
    transition: all .3s ease;
}
.wrap-addon .add:hover i[b-npw1rehif7] {
    transform: rotate(90deg);
}


/*##################### HP #####################*/
@media screen and (max-width: 767px) {

}
/* /Pages/3dPrinting/IndexMasterItem3d.razor.rz.scp.css */

.indexItem3d[b-fb3n4h8118] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.indexItem3d .head[b-fb3n4h8118] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
.indexItem3d .head .judul[b-fb3n4h8118] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.indexItem3d .head .buatBaru span[b-fb3n4h8118] {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 38px;
    font-size: .9rem;
    color: var(--ungu);
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
    cursor: pointer;
}
.indexItem3d .head .buatBaru span:hover[b-fb3n4h8118] {
    color: #fff;
    background-color: var(--ungu);
}

.indexItem3d .list[b-fb3n4h8118] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow: hidden auto;
}
.indexItem3d .list .item[b-fb3n4h8118] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem;
    margin-bottom: .5rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .75rem;
    box-shadow: 2px 4px 15px #00000010;
    cursor: pointer;
}
.indexItem3d .list .item img[b-fb3n4h8118] {
    width: 55px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: .25rem;
}
.indexItem3d .list .item .teks[b-fb3n4h8118] {
    flex: 1;
}
.indexItem3d .list .item p:first-child[b-fb3n4h8118] {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: .25rem;
}
.indexItem3d .list .item p:last-of-type[b-fb3n4h8118] {
    color: #5a5a5a;
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: 0;
}
.indexItem3d .list .item .teks div[b-fb3n4h8118] {
    position: absolute;
    top: .75rem;
    right: 1rem;
}
.indexItem3d .list .item span[b-fb3n4h8118] {
    display: inline-block;
    width: fit-content;
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    text-transform: capitalize;
    padding: .25rem .75rem;
    border-radius: 2rem;
}
.indexItem3d .list .item span i[b-fb3n4h8118] {
    margin-right: .25rem;
}
.indexItem3d .list .item span:first-child[b-fb3n4h8118] {
    background-color: var(--ungu);
}
.indexItem3d .list .item span:last-child[b-fb3n4h8118] {
    margin-left: .5rem;
    background-color: #ff9800;
}
.indexItem3d .list .item span:last-child.published[b-fb3n4h8118] {
    background-color: var(--ijo);
}


/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .indexItem3d .head[b-fb3n4h8118] {
        padding: 0 1rem;
    }
    .indexItem3d .head .judul[b-fb3n4h8118] {
        font-size: 1.25rem;
    }
    .indexItem3d .head .wrap[b-fb3n4h8118] {
        width: 60%;
    }
    .indexItem3d .list[b-fb3n4h8118] {
        padding: 1rem;
    }
    .indexItem3d .list .item[b-fb3n4h8118] {
        align-items: flex-end;
    }
    .indexItem3d .list .item img[b-fb3n4h8118] {
        width: 80px;
    }
    .indexItem3d .list .item p:first-child[b-fb3n4h8118] {
        margin-bottom: 0;
    }
    .indexItem3d .list .item .teks div[b-fb3n4h8118] {
        top: .75rem;
        left: calc(80px + 1.5rem);
        right: auto;
    }
    .indexItem3d .list .item span[b-fb3n4h8118] {
        font-size: .65rem;
        padding: .15rem .75rem;
    }
    .indexItem3d .list .item span:first-child[b-fb3n4h8118] {
        margin-right: .5rem;
    }
    .indexItem3d .list .item span:last-child[b-fb3n4h8118] {
        margin-left: 0;
    }
}
/* /Pages/3dPrinting/MasterItem3dEditForm.razor.rz.scp.css */

.form-item[b-90yc8jdcoe] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
}
.form-item .row[b-90yc8jdcoe] {
    padding: 0 .25rem;
}

.toggle-best-seller[b-90yc8jdcoe] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
    padding: .5rem .75rem;
    background: linear-gradient(to right, #f1f1f1 50%, #a7a7a7);
    border: 1px solid #e1e1e1;
    border-radius: .75rem;
    transition: .3s ease;
    user-select: none;
    overflow: hidden;
    cursor: pointer;
}
.toggle-best-seller:has(input:checked)[b-90yc8jdcoe] {
    background: linear-gradient(to right, #d8feda 50%, #58be5c);
}
.toggle-best-seller input[b-90yc8jdcoe] {
    display: none;
}
.toggle-best-seller span[b-90yc8jdcoe] {
    display: block;
    position: relative;
}
.toggle-best-seller span[b-90yc8jdcoe]::before {
    content: '';
    display: block;
    width: 38px;
    height: 23px;
    background-color: #cfcfcf;
    border-radius: 2rem;
    box-shadow: inset 0 0 8px #00000025;
    transition: .3s ease;
}
.toggle-best-seller:has(input:checked) span[b-90yc8jdcoe]::before {
    background-color: var(--ijo);
}
.toggle-best-seller span[b-90yc8jdcoe]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 2rem;
    transition: .3s ease;
    cursor: pointer;
}
.toggle-best-seller:has(input:checked) span[b-90yc8jdcoe]::after {
    left: 18px;
}
.toggle-best-seller p[b-90yc8jdcoe] {
    flex: 1;
    margin-bottom: 0;
}
.toggle-best-seller img[b-90yc8jdcoe] {
    width: 35px;
    height: auto;
    filter: grayscale(1);
}
.toggle-best-seller:has(input:checked) img[b-90yc8jdcoe] {
    filter: grayscale(0);
}

.tombol[b-90yc8jdcoe] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .tombol .btn-success[b-90yc8jdcoe] {
        flex: 1;
    }
}
/* /Pages/AllUser/DetailAllNakes.razor.rz.scp.css */

.isi[b-bg2rxcnhob] {
    flex: 1;
    color: #555555;
    padding: 1rem;
    overflow: hidden auto;
}
.header[b-bg2rxcnhob] {
    position: relative;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px dashed #e1e1e1;
}
.header p:first-of-type[b-bg2rxcnhob] {
    width: fit-content;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    padding: .25rem .7rem;
    margin-bottom: .5rem;
    color: #fff;
    background-color: var(--oren);
    border-radius: 2rem;
    transition: .3s ease;
}
.header p:first-of-type.Sukses[b-bg2rxcnhob] {
    color: #fff;
    background-color: var(--ijo);
}
.header p:first-of-type.Gagal[b-bg2rxcnhob] {
    color: #fff;
    background-color: var(--abang);
}
.header p:last-of-type[b-bg2rxcnhob] {
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: .25rem;
}
.header div[b-bg2rxcnhob] {
    display: flex;
    align-items: center;
    gap: 3rem;
}
.header div span[b-bg2rxcnhob] {
    font-size: 1rem;
    font-weight: 400;
}
.header div i[b-bg2rxcnhob] {
    vertical-align: -2px;
    margin-right: .5rem;
}

.data-diri .sub[b-bg2rxcnhob] {
    font-size: 1rem;
    font-weight: 600;
}
.data-diri .sub i[b-bg2rxcnhob] {
    margin-right: .5rem;
}

.kolom[b-bg2rxcnhob] {
    display: grid;
    grid-template-columns: 60% auto;
    gap: 1.5rem;
}
.ktp[b-bg2rxcnhob] {
    width: 100%;
    max-height: 350px;
    background-color: #cfcfcf;
    border-radius: .75rem;
    overflow: hidden auto;
}
.ktp img[b-bg2rxcnhob] {
    width: 100%;
    height: auto;
}

.info-ktp[b-bg2rxcnhob] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.info-ktp span:first-child[b-bg2rxcnhob] {
    display: block;
    color: grey;
    font-size: .75rem;
    font-weight: 400;
}
.info-ktp span:last-child[b-bg2rxcnhob] {
    display: block;
    font-size: 1rem;
    font-weight: 600;
}
.info-ktp .edit-btn[b-bg2rxcnhob] {
    width: 100%;
}
.info-ktp .btn[b-bg2rxcnhob] {
    margin-top: .75rem;
}

/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .header div[b-bg2rxcnhob] {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }
    .header div i[b-bg2rxcnhob] {
        width: 18px;
        text-align: center;
    }
    .kolom[b-bg2rxcnhob] {
        grid-template-columns: 1fr;
    }
    .info-ktp .edit-btn[b-bg2rxcnhob] {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 1rem;
        background-color: #fff;
    }
    .info-ktp .btn[b-bg2rxcnhob] {
        margin-top: 0;
    }
}
/* /Pages/AllUser/DetailAllPasien.razor.rz.scp.css */

.isi[b-fzpown70q6] {
    flex: 1;
    color: #555555;
    padding: 1rem;
    overflow: hidden auto;
}
.header[b-fzpown70q6] {
    position: relative;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px dashed #e1e1e1;
}
.header p:first-of-type[b-fzpown70q6] {
    width: fit-content;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    padding: .25rem .7rem;
    margin-bottom: .5rem;
    color: #fff;
    background-color: var(--oren);
    border-radius: 2rem;
    transition: .3s ease;
}
.header p:first-of-type.Sukses[b-fzpown70q6] {
    color: #fff;
    background-color: var(--ijo);
}
.header p:first-of-type.Gagal[b-fzpown70q6] {
    color: #fff;
    background-color: var(--abang);
}
.header p:last-of-type[b-fzpown70q6] {
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: .25rem;
}
.header div[b-fzpown70q6] {
    display: flex;
    align-items: center;
    gap: 3rem;
}
.header div span[b-fzpown70q6] {
    font-size: 1rem;
    font-weight: 400;
}
.header div i[b-fzpown70q6] {
    vertical-align: -2px;
    margin-right: .5rem;
}

.data-diri .sub[b-fzpown70q6] {
    font-size: 1rem;
    font-weight: 600;
}
.data-diri .sub i[b-fzpown70q6] {
    margin-right: .5rem;
}

.kolom[b-fzpown70q6] {
    display: grid;
    grid-template-columns: 60% auto;
    gap: 1.5rem;
}
.ktp[b-fzpown70q6] {
    width: 100%;
    max-height: 350px;
    background-color: #cfcfcf;
    border-radius: .75rem;
    overflow: hidden auto;
}
.ktp img[b-fzpown70q6] {
    width: 100%;
    height: auto;
}

.info-ktp[b-fzpown70q6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.info-ktp span:first-child[b-fzpown70q6] {
    display: block;
    color: grey;
    font-size: .75rem;
    font-weight: 400;
}
.info-ktp span:last-child[b-fzpown70q6] {
    display: block;
    font-size: 1rem;
    font-weight: 600;
}
.info-ktp .edit-btn[b-fzpown70q6] {
    width: 100%;
}
.info-ktp .btn[b-fzpown70q6] {
    margin-top: .75rem;
}

/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .header div[b-fzpown70q6] {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }
    .header div i[b-fzpown70q6] {
        width: 18px;
        text-align: center;
    }
    .kolom[b-fzpown70q6] {
        grid-template-columns: 1fr;
    }
    .info-ktp .edit-btn[b-fzpown70q6] {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 1rem;
        background-color: #fff;
    }
    .info-ktp .btn[b-fzpown70q6] {
        margin-top: 0;
    }
}
/* /Pages/AllUser/EditAllNakes.razor.rz.scp.css */
/* EditAllNakes Modal Styling */
#editAllNakes.e-dialog[b-su38zgta2z] {
    width: 100%;
    max-width: 750px;
}

#editAllNakes.e-dialog .e-dlg-content[b-su38zgta2z] {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
}

/* Modal Content Layout */
.isi[b-su38zgta2z] {
    padding: 1.5rem;
    background-color: #fff;
    max-height: 70vh;
    overflow-y: auto;
}

/* Form Styling */
.form-group[b-su38zgta2z] {
    margin-bottom: 1rem;
}

.form-group label[b-su38zgta2z] {
    display: block;
    font-weight: 600;
    color: var(--ungu);
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.form-control[b-su38zgta2z] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    font-size: 0.95rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    background-color: #fff;
}

.form-control:focus[b-su38zgta2z] {
    outline: none;
    border-color: var(--ungu);
    box-shadow: 0 0 0 0.2rem hsla(from var(--ungu) h s l / .25);
}

.form-control:disabled[b-su38zgta2z],
.form-control[readonly][b-su38zgta2z] {
    background-color: #e9ecef;
    opacity: 1;
}

/* Select Styling */
select.form-control[b-su38zgta2z] {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    padding-right: 2.5rem;
}

/* Textarea Styling */
textarea.form-control[b-su38zgta2z] {
    resize: vertical;
    min-height: 3rem;
}

/* Button Styling */
.btn[b-su38zgta2z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0.375rem;
    border: 1px solid transparent;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    min-height: 38px;
}

.btn-primary[b-su38zgta2z] {
    color: #fff;
    background-color: var(--ungu);
    border-color: var(--ungu);
}

.btn-primary:hover:not(:disabled)[b-su38zgta2z] {
    background-color: hsl(from var(--ungu) h s calc(l - 10%));
    border-color: hsl(from var(--ungu) h s calc(l - 10%));
}

.btn-primary:disabled[b-su38zgta2z] {
    opacity: 0.65;
    cursor: not-allowed;
}

.btn-secondary[b-su38zgta2z] {
    color: #6c757d;
    background-color: #fff;
    border-color: #6c757d;
}

.btn-secondary:hover:not(:disabled)[b-su38zgta2z] {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/* Button Section Styling (consistent with EditAllPasien) */
.tombol[b-su38zgta2z] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e9ecef;
    background-color: #f8f9fa;
}

.btn[b-su38zgta2z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0.375rem;
    border: 1px solid transparent;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    min-height: 38px;
    min-width: 120px;
}

.btn-outline-danger[b-su38zgta2z] {
    color: var(--abang);
    background-color: transparent;
    border-color: var(--abang);
}

.btn-outline-danger:hover:not(:disabled)[b-su38zgta2z] {
    color: #fff;
    background-color: var(--abang);
    border-color: var(--abang);
}

.btn-success[b-su38zgta2z] {
    color: #fff;
    background-color: var(--ijo);
    border-color: var(--ijo);
}

.btn-success:hover:not(:disabled)[b-su38zgta2z] {
    background-color: hsl(from var(--ijo) h s calc(l - 10%));
    border-color: hsl(from var(--ijo) h s calc(l - 10%));
}

.btn:disabled[b-su38zgta2z] {
    opacity: 0.65;
    cursor: not-allowed;
}

/* Loading Spinner */
.spinner-border-sm[b-su38zgta2z] {
    width: 1rem;
    height: 1rem;
    border-width: 0.125em;
}

.spinner-border[b-su38zgta2z] {
    display: inline-block;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-su38zgta2z 0.75s linear infinite;
}

@keyframes spinner-border-b-su38zgta2z {
    to {
        transform: rotate(360deg);
    }
}

/* Validation Messages */
.validation-message[b-su38zgta2z] {
    color: var(--abang);
    font-size: 0.8rem;
    margin-top: 0.25rem;
    display: block;
}

/* Professional jabatan select highlighting */
select.form-control[name="Jabatan"][b-su38zgta2z] {
    border-color: var(--ungu);
    background-color: hsl(from var(--ungu) h s l / .05);
}

select.form-control[name="Jabatan"]:focus[b-su38zgta2z] {
    box-shadow: 0 0 0 0.2rem hsla(from var(--ungu) h s l / .25);
    border-color: var(--ungu);
}

/* Special styling for KTP and important fields */
input[type="text"][bind-value*="NoKTP"][b-su38zgta2z],
input[type="email"][b-su38zgta2z] {
    border-left: 3px solid var(--ijo);
}

input[type="date"][b-su38zgta2z] {
    border-left: 3px solid var(--oren);
}

/* Error state */
.form-control.is-invalid[b-su38zgta2z] {
    border-color: var(--abang);
}

.form-control.is-invalid:focus[b-su38zgta2z] {
    border-color: var(--abang);
    box-shadow: 0 0 0 0.2rem hsla(from var(--abang) h s l / .25);
}

/* Row spacing */
.row[b-su38zgta2z] {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.row > *[b-su38zgta2z] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    #editAllNakes.e-dialog[b-su38zgta2z] {
        margin: 0.5rem;
        width: calc(100% - 1rem);
    }
    
    .isi[b-su38zgta2z] {
        padding: 1rem;
        max-height: 60vh;
    }
    
    .form-group[b-su38zgta2z] {
        margin-bottom: 0.75rem;
    }
    
    .btn[b-su38zgta2z] {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .btn:last-child[b-su38zgta2z] {
        margin-bottom: 0;
    }
}

/* Focus ring for accessibility */
.form-control:focus[b-su38zgta2z],
.btn:focus[b-su38zgta2z] {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    #editAllNakes.e-dialog[b-su38zgta2z] {
        box-shadow: none;
        border: 1px solid #000;
    }
}
/* /Pages/AllUser/EditAllPasien.razor.rz.scp.css */

.isi[b-rvcrzy4ldc] {
    flex: 1;
    color: #555555;
    padding: 1rem;
    overflow: hidden auto;
}

.tombol[b-rvcrzy4ldc] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .tombol .btn-success[b-rvcrzy4ldc] {
        flex: 1;
    }
}
/* /Pages/AllUser/IndexAllNakes.razor.rz.scp.css */

.indexAllNakes[b-8edvcpl7ga] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.indexAllNakes .head[b-8edvcpl7ga] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
.indexAllNakes .head .judul[b-8edvcpl7ga] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.indexAllNakes .head .cari[b-8edvcpl7ga] {
    flex: 1;
    max-width: 35%;
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .9rem .35rem .7rem;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
}
.indexAllNakes .head .cari .fa-search[b-8edvcpl7ga] {
    color: #c3c3c3;
    margin-right: .4rem;
}
.indexAllNakes .head .cari input[type=text][b-8edvcpl7ga] {
    width: 100%;
    color: #60666d;
    border: none;
    outline: none;
}
.indexAllNakes .head .cari input[type=text][b-8edvcpl7ga]::placeholder {
    color: #c3c3c3;
    font-size: .9rem;
}

.wrap-aksi[b-8edvcpl7ga] {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
}
.status[b-8edvcpl7ga] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    width: 100%;
}
.status label[b-8edvcpl7ga] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
    color: grey;
    font-size: .85rem;
    font-weight: 400;
    padding: .4rem .75rem;
    margin: 0;
    border: 1px solid #cfcfcf;
    border-radius: 3rem;
    transition: .3s;
    user-select: none;
    cursor: pointer;
}
.status label input[b-8edvcpl7ga] {
    display: none;
}
.status label:hover[b-8edvcpl7ga],
.status label:has(input:checked)[b-8edvcpl7ga] {
    color: #fff;
    padding-left: 1.5rem;
    background-color: #8d73af;
    border-color: #8d73af;
}
.status label[b-8edvcpl7ga]::before {
    content: '';
    position: absolute;
    left: 9px;
    top: 13px;
    width: 8px;
    height: 8px;
    background-color: #FFEB3B;
    border-radius: 50%;
    transition: .3s;
    transform: translateX(-85%);
    opacity: 0;
}
.status label:hover[b-8edvcpl7ga]::before,
.status label:has(input:checked)[b-8edvcpl7ga]::before {
    opacity: 1;
    transform: translateX(0);
}
.status label span:last-child[b-8edvcpl7ga] {
    display: none;
    font-weight: 600;
}
.status label:has(input:checked) span:last-child[b-8edvcpl7ga] {
    display: block;
}

.indexAllNakes .list[b-8edvcpl7ga] {
    flex: 1;
    padding: .5rem 1.5rem 1rem 1.5rem;
    overflow: hidden auto;
}
.indexAllNakes .list .item[b-8edvcpl7ga] {
    position: relative;
    padding: .75rem 1rem;
    margin-bottom: .5rem;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: .75rem;
    transition: .3s ease;
    cursor: pointer;
}
.indexAllNakes .list .item:hover[b-8edvcpl7ga] {
    border-color: var(--ungu);
    box-shadow: 2px 4px 10px #00000015;
    transform: scale(1.007);    
}
.indexAllNakes .list .item p:first-child[b-8edvcpl7ga] {
    color: var(--ungu);
    font-size: 1rem;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
}
.indexAllNakes .list .item p:nth-child(2)[b-8edvcpl7ga] {
    position: absolute;
    top: .75rem;
    right: .75rem;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    padding: .2rem .7rem;
    margin-bottom: 0;
    color: var(--oren);
    background-color: hsl(from var(--oren) h s l / .15);
    border-radius: 2rem;
    transition: .3s ease;
}
.indexAllNakes .list .item p:nth-child(2).Sukses[b-8edvcpl7ga] {
    color: var(--ijo);
    background-color: hsl(from var(--ijo) h s l / .15);
}
.indexAllNakes .list .item p:nth-child(2).Gagal[b-8edvcpl7ga] {
    color: var(--abang);
    background-color: hsl(from var(--abang) h s l / .15);
}
.indexAllNakes .list .item:hover p:nth-child(2)[b-8edvcpl7ga] {
    color: #fff;
    background-color: var(--oren);
}
.indexAllNakes .list .item:hover p:nth-child(2).Sukses[b-8edvcpl7ga] {
    color: #fff;
    background-color: var(--ijo);
}
.indexAllNakes .list .item:hover p:nth-child(2).Gagal[b-8edvcpl7ga] {
    color: #fff;
    background-color: var(--abang);
}
.indexAllNakes .list .item span[b-8edvcpl7ga] {
    display: inline-block;
    color: #555;
    font-size: .9rem;
    margin-right: 2rem;
}
.indexAllNakes .list .item span i[b-8edvcpl7ga] {
    margin-right: .25rem;
}

/* Enhanced status color scheme with proper classes */
.indexAllNakes .list .item p:nth-child(2).status-gagal[b-8edvcpl7ga],
.indexAllNakes .list .item p:nth-child(2).verifikasi-ktp-gagal[b-8edvcpl7ga] {
    color: var(--abang);
    background-color: hsl(from var(--abang) h s l / .15);
}

.indexAllNakes .list .item p:nth-child(2).status-belum[b-8edvcpl7ga],
.indexAllNakes .list .item p:nth-child(2).belum-validasi-email[b-8edvcpl7ga],
.indexAllNakes .list .item p:nth-child(2).belum-verifikasi-ktp[b-8edvcpl7ga],
.indexAllNakes .list .item p:nth-child(2).pending-verifikasi-ktp[b-8edvcpl7ga] {
    color: var(--oren);
    background-color: hsl(from var(--oren) h s l / .15);
}

.indexAllNakes .list .item p:nth-child(2).status-berhasil[b-8edvcpl7ga],
.indexAllNakes .list .item p:nth-child(2).email-tervalidasi[b-8edvcpl7ga],
.indexAllNakes .list .item p:nth-child(2).verifikasi-ktp-sukses[b-8edvcpl7ga] {
    color: var(--ijo);
    background-color: hsl(from var(--ijo) h s l / .15);
}

/* Hover states for status badges */
.indexAllNakes .list .item:hover p:nth-child(2).status-gagal[b-8edvcpl7ga],
.indexAllNakes .list .item:hover p:nth-child(2).verifikasi-ktp-gagal[b-8edvcpl7ga] {
    color: #fff;
    background-color: var(--abang);
}

.indexAllNakes .list .item:hover p:nth-child(2).status-belum[b-8edvcpl7ga],
.indexAllNakes .list .item:hover p:nth-child(2).belum-validasi-email[b-8edvcpl7ga],
.indexAllNakes .list .item:hover p:nth-child(2).belum-verifikasi-ktp[b-8edvcpl7ga],
.indexAllNakes .list .item:hover p:nth-child(2).pending-verifikasi-ktp[b-8edvcpl7ga] {
    color: #fff;
    background-color: var(--oren);
}

.indexAllNakes .list .item:hover p:nth-child(2).status-berhasil[b-8edvcpl7ga],
.indexAllNakes .list .item:hover p:nth-child(2).email-tervalidasi[b-8edvcpl7ga],
.indexAllNakes .list .item:hover p:nth-child(2).verifikasi-ktp-sukses[b-8edvcpl7ga] {
    color: #fff;
    background-color: var(--ijo);
}

/* Jabatan styling with icon colors */
.indexAllNakes .list .item span i.fas.fa-stethoscope[b-8edvcpl7ga] {
    color: var(--ijo);
    width: 18px;
    text-align: center;
}

.indexAllNakes .list .item span i.far.fa-envelope[b-8edvcpl7ga] {
    color: var(--ungu);
    width: 18px;
    text-align: center;
}

.indexAllNakes .list .item span i.fas.fa-mobile-alt[b-8edvcpl7ga] {
    color: var(--oren);
    width: 18px;
    text-align: center;
}

/* Professional jabatan display */
.indexAllNakes .list .item span:first-child[b-8edvcpl7ga] {
    font-weight: 600;
    color: var(--ungu);
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .indexAllNakes .head[b-8edvcpl7ga] {
        padding: 0 1rem;
    }
    .indexAllNakes .head .judul[b-8edvcpl7ga] {
        font-size: 1.25rem;
    }
    .indexAllNakes .head .cari[b-8edvcpl7ga] {
        max-width: 60%;
    }

    .wrap-aksi[b-8edvcpl7ga] {
        padding: 1.5rem 1rem .75rem 1rem;
    }
    .status label[b-8edvcpl7ga] {
        font-size: .75rem;
        padding: .35rem .5rem;
    }
    .status label[b-8edvcpl7ga]::before {
        top: 11px;
    }

    .indexAllNakes .list .item[b-8edvcpl7ga] {
        padding-top: 2.75rem;
    }
    .indexAllNakes .list .item p:nth-child(2)[b-8edvcpl7ga] {
        left: .75rem;
        right: auto;
    }
    .indexAllNakes .list .item span i[b-8edvcpl7ga] {
        text-align: center;
        width: 18px;
    }

    .indexAllNakes .list[b-8edvcpl7ga] {
        padding: 1rem;
    }
}
/* /Pages/AllUser/IndexAllPasien.razor.rz.scp.css */

.indexAllPasien[b-v3u9ageiaz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.indexAllPasien .head[b-v3u9ageiaz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
.indexAllPasien .head .judul[b-v3u9ageiaz] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.indexAllPasien .head .cari[b-v3u9ageiaz] {
    flex: 1;
    max-width: 35%;
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .9rem .35rem .7rem;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
}
.indexAllPasien .head .cari .fa-search[b-v3u9ageiaz] {
    color: #c3c3c3;
    margin-right: .4rem;
}
.indexAllPasien .head .cari input[type=text][b-v3u9ageiaz] {
    width: 100%;
    color: #60666d;
    border: none;
    outline: none;
}
.indexAllPasien .head .cari input[type=text][b-v3u9ageiaz]::placeholder {
    color: #c3c3c3;
    font-size: .9rem;
}

.wrap-aksi[b-v3u9ageiaz] {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
}
.status[b-v3u9ageiaz] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem;
    align-items: center;
    width: 100%;
}
.status label[b-v3u9ageiaz] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
    color: grey;
    font-size: .85rem;
    font-weight: 400;
    padding: .4rem .75rem;
    margin: 0;
    border: 1px solid #cfcfcf;
    border-radius: 3rem;
    transition: .3s;
    user-select: none;
    cursor: pointer;
}
.status label input[b-v3u9ageiaz] {
    display: none;
}
.status label:hover[b-v3u9ageiaz],
.status label:has(input:checked)[b-v3u9ageiaz] {
    color: #fff;
    padding-left: 1.5rem;
    background-color: #8d73af;
    border-color: #8d73af;
}
.status label[b-v3u9ageiaz]::before {
    content: '';
    position: absolute;
    left: 9px;
    top: 13px;
    width: 8px;
    height: 8px;
    background-color: #FFEB3B;
    border-radius: 50%;
    transition: .3s;
    transform: translateX(-85%);
    opacity: 0;
}
.status label:hover[b-v3u9ageiaz]::before,
.status label:has(input:checked)[b-v3u9ageiaz]::before {
    opacity: 1;
    transform: translateX(0);
}
.status label span:last-child[b-v3u9ageiaz] {
    display: none;
    font-weight: 600;
}
.status label:has(input:checked) span:last-child[b-v3u9ageiaz] {
    display: block;
}

.indexAllPasien .list[b-v3u9ageiaz] {
    flex: 1;
    padding: .5rem 1.5rem 1rem 1.5rem;
    overflow: hidden auto;
}
.indexAllPasien .list .item[b-v3u9ageiaz] {
    position: relative;
    padding: .75rem 1rem;
    margin-bottom: .5rem;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: .75rem;
    transition: .3s ease;
    cursor: pointer;
}
.indexAllPasien .list .item:hover[b-v3u9ageiaz] {
    border-color: var(--ungu);
    box-shadow: 2px 4px 10px #00000015;
    transform: scale(1.007);    
}
.indexAllPasien .list .item p:first-child[b-v3u9ageiaz] {
    color: var(--ungu);
    font-size: 1rem;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
}
.indexAllPasien .list .item p:nth-child(2)[b-v3u9ageiaz] {
    position: absolute;
    top: .75rem;
    right: .75rem;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    padding: .2rem .7rem;
    margin-bottom: 0;
    color: var(--oren);
    background-color: hsl(from var(--oren) h s l / .15);
    border-radius: 2rem;
    transition: .3s ease;
}
.indexAllPasien .list .item p:nth-child(2).Sukses[b-v3u9ageiaz] {
    color: var(--ijo);
    background-color: hsl(from var(--ijo) h s l / .15);
}
.indexAllPasien .list .item p:nth-child(2).Gagal[b-v3u9ageiaz] {
    color: var(--abang);
    background-color: hsl(from var(--abang) h s l / .15);
}
.indexAllPasien .list .item:hover p:nth-child(2)[b-v3u9ageiaz] {
    color: #fff;
    background-color: var(--oren);
}
.indexAllPasien .list .item:hover p:nth-child(2).Sukses[b-v3u9ageiaz] {
    color: #fff;
    background-color: var(--ijo);
}
.indexAllPasien .list .item:hover p:nth-child(2).Gagal[b-v3u9ageiaz] {
    color: #fff;
    background-color: var(--abang);
}
.indexAllPasien .list .item span[b-v3u9ageiaz] {
    display: inline-block;
    color: #555;
    font-size: .9rem;
    margin-right: 2rem;
}
.indexAllPasien .list .item span i[b-v3u9ageiaz] {
    margin-right: .25rem;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .indexAllPasien .head[b-v3u9ageiaz] {
        padding: 0 1rem;
    }
    .indexAllPasien .head .judul[b-v3u9ageiaz] {
        font-size: 1.25rem;
    }
    .indexAllPasien .head .cari[b-v3u9ageiaz] {
        max-width: 60%;
    }

    .wrap-aksi[b-v3u9ageiaz] {
        padding: 1.5rem 1rem .75rem 1rem;
    }
    .status label[b-v3u9ageiaz] {
        font-size: .75rem;
        padding: .35rem .5rem;
    }
    .status label[b-v3u9ageiaz]::before {
        top: 11px;
    }

    .indexAllPasien .list .item[b-v3u9ageiaz] {
        padding-top: 2.75rem;
    }
    .indexAllPasien .list .item p:nth-child(2)[b-v3u9ageiaz] {
        left: .75rem;
        right: auto;
    }
    .indexAllPasien .list .item span i[b-v3u9ageiaz] {
        text-align: center;
        width: 18px;
    }

    .indexAllPasien .list[b-v3u9ageiaz] {
        padding: 1rem;
    }
}
/* /Pages/AllUser/IndexAllUser.razor.rz.scp.css */

#areaMenuUser[b-uild9cn9ls] {
    display: flex;
    flex-direction: column;
    height: 100vh;
}
#areaMenuUser .head[b-uild9cn9ls] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
#areaMenuUser .head .judul[b-uild9cn9ls] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}

#areaMenuUser .kategoriUser[b-uild9cn9ls] {
    display: grid;
    grid-template-columns: max-content max-content;
    gap: .5rem;
    padding: 1.5rem 3rem 0 3rem;
}
#areaMenuUser .kategoriUser label[b-uild9cn9ls] {
    margin: 0;
}
#areaMenuUser .kategoriUser label span[b-uild9cn9ls] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    color: #a7a7a7;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    padding: .6rem 3rem;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    border-radius: .3rem .3rem 0 0;
    transition: .3s ease;
    transform: skewX(-8deg);
    user-select: none;
    cursor: pointer;
}
#areaMenuUser .kategoriUser input[type="radio"][b-uild9cn9ls] {
    display: none;
}
#areaMenuUser .kategoriUser input[type="radio"]:checked + span[b-uild9cn9ls] {
    color: #fff;
    background-color: #a28bc0;
    border-color: #a28bc0;
}

#areaMenuUser .isi[b-uild9cn9ls] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    margin: 0 1.5rem;
    background-color: #f8f8f8;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    overflow: hidden;
}
#areaMenuUser .isi .sort[b-uild9cn9ls] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    width: 100%;
    max-width: 250px;
    height: 100%;
    padding: 1rem;
    border-right: 1px dashed #e1e1e1;
}
#areaMenuUser .isi .sort label[b-uild9cn9ls] {
    margin: 0;
}
#areaMenuUser .isi .sort span[b-uild9cn9ls] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: grey;
    padding: .5rem 1rem;
    border-radius: .3rem;
    transition: .3s ease;
    user-select: none;
    cursor: pointer;
}
#areaMenuUser .isi .sort input[type="radio"][b-uild9cn9ls] {
    display: none;
}
#areaMenuUser .isi .sort span:hover[b-uild9cn9ls] {
    padding-left: 1.5rem;
}
#areaMenuUser .isi .sort input[type="radio"]:checked + span:hover[b-uild9cn9ls] {
    padding-left: 1rem;
}
#areaMenuUser .isi .sort input[type="radio"]:checked + span[b-uild9cn9ls] {
    background-color: #e2e2e2;
    font-weight: 600;
}

#areaMenuUser .isi .result[b-uild9cn9ls] {
    flex: 1;
    overflow-y: auto;
}
#areaMenuUser .totalHasil[b-uild9cn9ls] {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem 1rem;
    margin-bottom: 1rem;
    background-color: #f1f1f1;
    z-index: 3;
}
#areaMenuUser .totalHasil .jumlah p:nth-of-type(1)[b-uild9cn9ls] {
    display: none;
}
#areaMenuUser .totalHasil .jumlah p:nth-of-type(2)[b-uild9cn9ls] {
    color: grey;
    font-size: 1rem;
    margin-bottom: 0;
}
#areaMenuUser .totalHasil .jumlah i[b-uild9cn9ls] {
    font-size: .9rem;
    margin-right: .5rem;
}
#areaMenuUser .totalHasil .jumlah span[b-uild9cn9ls] {
    display: none;
}
#areaMenuUser .totalHasil .cari[b-uild9cn9ls] {
    width: 50%;
}
#areaMenuUser .totalHasil .cari .dropdown[b-uild9cn9ls] {
    display: none;
}
#areaMenuUser .totalHasil .cari .pencarian[b-uild9cn9ls] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .9rem .35rem .7rem;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3rem;
}
#areaMenuUser .totalHasil .cari .pencarian form[b-uild9cn9ls] {
    display: flex;
    align-items: center;
}
#areaMenuUser .totalHasil .cari .pencarian .fa-search[b-uild9cn9ls] {
    color: #c3c3c3;
    margin-right: .4rem;
}
#areaMenuUser .totalHasil .cari .pencarian div[b-uild9cn9ls] {
    width: 100%;
}
#areaMenuUser .totalHasil .cari .pencarian input[type=text][b-uild9cn9ls] {
    width: 100%;
    color: #60666d;
    border: none;
    outline: none;
}
#areaMenuUser .totalHasil .cari .pencariani input[type=text][b-uild9cn9ls]::placeholder {
    color: #c3c3c3;
    font-size: .9rem;
}
#areaMenuUser .totalHasil .cari .pencarian input[type=reset][b-uild9cn9ls] {
    display: none;
}
#areaMenuUser .totalHasil .cari .pencarian label[b-uild9cn9ls] {
    display: none;
    font-size: .9rem;
    color: tomato;
    margin-left: .2rem;
    margin-bottom: 0;
    cursor: pointer;
}
#areaMenuUser .totalHasil .cari .pencarian input[type=text]:not(:placeholder-shown) + label[b-uild9cn9ls] {
    display: block;
}

#areaMenuUser .isi .grupItem[b-uild9cn9ls] {
    padding: .5rem 1rem 1rem 1rem;
}
#areaMenuUser .isi .item[b-uild9cn9ls] {
    color: #555;
    padding: .6rem .8rem;
    margin-bottom: .8rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #e4e4e4;
    cursor: pointer;
}
#areaMenuUser .isi .item .atas[b-uild9cn9ls] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
}
#areaMenuUser .isi .item .kiri p:nth-of-type(1)[b-uild9cn9ls] {
    color: var(--ungu);
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: .5rem;
}
#areaMenuUser .isi .item.Bidan .kiri p:nth-of-type(1)[b-uild9cn9ls] {
    color: #38c257;
}
#areaMenuUser .isi .item.Doctor .kiri p:nth-of-type(1)[b-uild9cn9ls] {
    color: #009688;
}
#areaMenuUser .isi .item.Obgyn .kiri p:nth-of-type(1)[b-uild9cn9ls] {
    color: #1e91ec;
}
#areaMenuUser .isi .item  .kiri p:nth-of-type(2)[b-uild9cn9ls] {
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: .4rem;
}
#areaMenuUser .isi .item .kanan p[b-uild9cn9ls] {
    font-size: .8rem;
    padding: .2rem 1rem;
    margin-bottom: 0;
    color: #fff;
    border-radius: 2rem;
}
#areaMenuUser .isi .item.Bidan .kanan p[b-uild9cn9ls] {
    background-color: #38c257;
}
#areaMenuUser .isi .item.Doctor .kanan p[b-uild9cn9ls] {
    background-color: #009688;
}
#areaMenuUser .isi .item.Obgyn .kanan p[b-uild9cn9ls] {
    background-color: #1e91ec;
}
#areaMenuUser .isi .item i[b-uild9cn9ls] {
    width: 16px;
    font-size: .8rem;
}

#areaMenuUser .isi .item .bawah[b-uild9cn9ls] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
#areaMenuUser .isi .item .bawah span[b-uild9cn9ls] {
    display: block;
    font-size: .9rem;
    font-weight: 400;
}



/*HP*/
@media screen and (max-width: 767px) {
    #areaMenuUser .head[b-uild9cn9ls] {
        padding: 0 1rem;
    }
    #areaMenuUser .head .judul[b-uild9cn9ls] {
        font-size: 1.25rem;
    }
    #areaMenuUser .kategoriUser[b-uild9cn9ls] {
        padding: 1rem 1.5rem 0 1.5rem;
    }
    #areaMenuUser .isi[b-uild9cn9ls] {
        margin: 0 1rem;
    }
    #areaMenuUser .isi .sort[b-uild9cn9ls] {
        display: none;
    }

    #areaMenuUser .totalHasil[b-uild9cn9ls] {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: .5rem;
        padding: .6rem .8rem;
        margin-bottom: .8rem;
    }
    #areaMenuUser .totalHasil .jumlah[b-uild9cn9ls] {
        display: flex;
        align-items: center;
        gap: .8rem;
    }
    #areaMenuUser .totalHasil .jumlah p:nth-of-type(1)[b-uild9cn9ls] {
        display: block;
        color: #555;
        font-size: 1rem;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 0;
    }
    #areaMenuUser .totalHasil .jumlah p:nth-of-type(2)[b-uild9cn9ls] {
        font-size: .9rem;
    }
    #areaMenuUser .totalHasil .jumlah i[b-uild9cn9ls] {
        display: none;
    }
    #areaMenuUser .totalHasil .jumlah span[b-uild9cn9ls] {
        display: inline-block;
    }
    #areaMenuUser .totalHasil .cari[b-uild9cn9ls] {
        display: flex;
        align-items: center;
        gap: .6rem;
        width: 100%;
    }
    #areaMenuUser .totalHasil .cari .dropdown[b-uild9cn9ls] {
        display: block;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 38px;
        width: 38px;
        font-size: .9rem;
        color: #c3c3c3;
        background-color: #fff;
        border: 1px solid #eaeaea;
        border-radius: 3rem;
    }
    #areaMenuUser .totalHasil .cari .dropdown.show[b-uild9cn9ls] {
        color: grey;
    }
    #areaMenuUser .totalHasil .cari .dropdown-toggle[b-uild9cn9ls]::after {
        display: none;
    }
    #areaMenuUser .totalHasil .cari .dropdown-menu.show[b-uild9cn9ls] {
        display: flex;
        flex-direction: column;
        gap: .6rem;
        padding: .5rem;
    }
    #areaMenuUser .totalHasil .cari .dropdown-menu p[b-uild9cn9ls] {
        margin: 0;
    }
    #areaMenuUser .isi .grupItem[b-uild9cn9ls] {
        padding: .5rem .8rem .8rem .8rem;
    }
    #areaMenuUser .isi .item .atas[b-uild9cn9ls] {
        align-items: flex-start;
    }
    #areaMenuUser .isi .item .kiri p:nth-of-type(1)[b-uild9cn9ls] {
        font-size: 1rem;
    }
    #areaMenuUser .isi .item .bawah[b-uild9cn9ls] {
        flex-direction: column;
        align-items: flex-start;
        gap: .3rem;
    }
}
/* /Pages/Artikel/DetailArtikel.razor.rz.scp.css */

#areaDetailArtikel .konten[b-p5tdokb4w1] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow-y: auto;
}
#areaDetailArtikel .edit[b-p5tdokb4w1] {
    text-align: right;
    margin-bottom: 1rem;
}

#areaDetailArtikel .judul[b-p5tdokb4w1] {
    position: relative;
}
#areaDetailArtikel .judul .tgl[b-p5tdokb4w1] {
    position: absolute;
    top: 3px;
    right: 0;
    color: grey;
    font-size: .7rem;
    font-weight: 600;
}
#areaDetailArtikel .judul p:nth-of-type(1)[b-p5tdokb4w1] {
    font-size: .8rem;
    font-weight: 600;
    color: #fff;
    background-color: var(--biruTua);
    width: fit-content;
    padding: 0 .6rem .1rem .6rem;
    border-radius: 4px;
    margin-bottom: .4rem;
}
#areaDetailArtikel .judul p:nth-of-type(2)[b-p5tdokb4w1] {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: .6rem;
}
#areaDetailArtikel .judul p:nth-of-type(3)[b-p5tdokb4w1] {
    color: grey;
    font-size: .7rem;
    margin-bottom: .2rem;
}
#areaDetailArtikel .judul p:nth-of-type(4)[b-p5tdokb4w1]{
    margin-bottom: 0;
    line-height: 1.2;
}
#areaDetailArtikel .judul p:nth-of-type(4) span:nth-of-type(1)[b-p5tdokb4w1] {
    color: var(--ireng);
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
}
#areaDetailArtikel .judul p:nth-of-type(4) i[b-p5tdokb4w1] {
    color: #2196F3;
    font-size: .7rem;
}
#areaDetailArtikel .judul p:nth-of-type(5)[b-p5tdokb4w1] {
    color: var(--ireng);
    font-size: .8rem;
    margin-bottom: 0;
}
#areaDetailArtikel .judul p:nth-of-type(5) span[b-p5tdokb4w1] {
    font-size: .8rem;
    padding-left: .4rem;
    margin-left: .4rem;
    border-left: 1px solid #cfcfcf;
}
#areaDetailArtikel .judul .wrapperImg[b-p5tdokb4w1] {
    margin: 1.2rem 0;
    text-align: center;
}
#areaDetailArtikel .judul img[b-p5tdokb4w1] {
    width: 100%;
}

#areaDetailArtikel .teks span p[b-p5tdokb4w1] {
    margin-bottom: 0;
}
#areaDetailArtikel .teks img[b-p5tdokb4w1] {
    max-width: 100% !important;
}

#areaDetailArtikel .tags[b-p5tdokb4w1] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1.8rem;
}
#areaDetailArtikel .tags p[b-p5tdokb4w1] {
    padding: 0 .6rem;
    margin-bottom: .4rem;
    margin-right: .4rem;
    color: grey;
    font-size: .8rem;
    border: 1px solid grey;
    border-radius: 4px;
    cursor: pointer;
}
#areaDetailArtikel .tags p:hover[b-p5tdokb4w1] {
    color: #fff;
    background-color: grey;
}
#areaDetailArtikel .tags p:nth-of-type(1)[b-p5tdokb4w1] {
    border: none;
    padding: 0 .4rem;
    cursor: default;
}
#areaDetailArtikel .tags p:nth-of-type(1):hover[b-p5tdokb4w1] {
    color: grey;
    background-color: transparent;
}


/*HP*/
@media screen and (max-width: 767px) {
    #areaDetailArtikel .konten[b-p5tdokb4w1] {
        padding: 1rem;
    }
}
/* /Pages/Artikel/DetailKategoriArtikel.razor.rz.scp.css */

.isi[b-p852dueu4p] {
    padding: 1rem;
}
.header[b-p852dueu4p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}
.header p[b-p852dueu4p] {
    flex: 1;
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 0;
}
.header div[b-p852dueu4p] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
/* /Pages/Artikel/IndexArtikel.razor.rz.scp.css */

.areaArtikel[b-futmrz9488] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.areaArtikel .head[b-futmrz9488] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
.areaArtikel .head .judul[b-futmrz9488] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.areaArtikel .head .buatBaru span[b-futmrz9488] {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 38px;
    font-size: .9rem;
    color: var(--ungu);
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
    cursor: pointer;
}
.areaArtikel .head .buatBaru span:hover[b-futmrz9488] {
    color: #fff;
    background-color: var(--ungu);
}

.areaArtikel .sort[b-futmrz9488] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .6rem .5rem;
    align-items: center;
    padding: .8rem 1.5rem;
}
.areaArtikel .sort span[b-futmrz9488] {
    position: relative;
}
.areaArtikel .sort label[b-futmrz9488] {
    position: relative;
    color: grey;
    font-size: .75rem;
    padding: .1rem .8rem .2rem .8rem;
    margin: 0;
    border: 1px solid #cfcfcf;
    border-radius: 1rem;
    transition: .3s;
    user-select: none;
    cursor: pointer;
}
.areaArtikel .sort input[type="radio"][b-futmrz9488] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}
.areaArtikel .sort span label:hover[b-futmrz9488],
.areaArtikel .sort input[type="radio"]:checked+label[b-futmrz9488] {
    color: #fff;
    padding-left: 1.3rem;
    background-color: #8d73af;
    border-color: #8d73af;
}
.areaArtikel .sort span label[b-futmrz9488]:before {
    content: '';
    position: absolute;
    left: 7px;
    top: 7.5px;
    width: 8px;
    height: 8px;
    background-color: #FFEB3B;
    border-radius: 50%;
    transition: .4s;
    transition-delay: .1s;
    transform: translateX(-85%);
    opacity: 0;
}
.areaArtikel .sort span label:hover[b-futmrz9488]:before,
.areaArtikel .sort input[type="radio"]:checked+label[b-futmrz9488]:before {
    opacity: 1;
    transform: translateX(0);
}
    
.areaArtikel .isi[b-futmrz9488] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow-y: auto;
}
.areaArtikel .totalHasil[b-futmrz9488] {
    color: #a1a1a1;
}
.areaArtikel .totalHasil i[b-futmrz9488] {
    margin-right: .5rem;
}
.areaArtikel .isi .item[b-futmrz9488] {
    position: relative;
    margin-bottom: .75rem;
    color: #555;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #e4e4e4;
    cursor: pointer;
}
.areaArtikel .isi .item .wrapper[b-futmrz9488] {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
    padding: .6rem .75rem;
}
    
.areaArtikel .isi .item .dropdown[b-futmrz9488] {
    display: flex;
    align-items: center;
    position: absolute;
    right: 5px;
    top: 4px;
}
.areaArtikel .isi .item .dropdown .viewer[b-futmrz9488] {
    color: grey;
    font-size: .75rem;
    padding-right: .5rem;
    transition: .3s;
    margin-bottom: 0;
}
.areaArtikel .isi .item .dropdown .viewer:hover[b-futmrz9488] {
    color: #2196F3;
}
.areaArtikel .isi .item .dropdown-toggle[b-futmrz9488] {
    color: #afafaf;
    font-size: .85rem;
    padding: .1rem .55rem;
    border-radius: 50%;
    transition: .3s;
}
.areaArtikel .isi .item .dropdown-toggle:hover[b-futmrz9488],
.areaArtikel .isi .item .dropdown-toggle:focus[b-futmrz9488] {
    color: grey;
    background-color: #c6c6c654;
    box-shadow: none;
}
.areaArtikel .isi .item .dropdown-toggle[b-futmrz9488]:after {
    display: none;
}
.areaArtikel .isi .item .dropdown-menu[b-futmrz9488] {
    top: 4px !important;
    left: -18px !important;
    padding: .3rem;
    min-width: 6rem;
}
.areaArtikel .isi .item .dropdown-menu span[b-futmrz9488] {
    font-size: .8rem;
    padding: .2rem .6rem;
    transition: .3s;
}
.areaArtikel .isi .item .dropdown-menu span i[b-futmrz9488] {
    width: 1.2rem
}
.areaArtikel .isi .item .dropdown-menu span:nth-of-type(1):hover[b-futmrz9488] {
    color: #fff;
    background-color: #2196f3;
    border-radius: 4px;
}
.areaArtikel .isi .item .dropdown-menu span:nth-of-type(2):hover[b-futmrz9488] {
    color: #fff;
    background-color: #f43636;
    border-radius: 4px;
}

.areaArtikel .isi .wrapper img[b-futmrz9488] {
    object-fit: cover;
    width: 92px;
    height: 92px;
    border-radius: .3rem;
}
.areaArtikel .isi .wrapper .status[b-futmrz9488] {
    display: flex;
    align-items: center;
    margin-bottom: .4rem;
}
.areaArtikel .isi .wrapper .status span:nth-of-type(1)[b-futmrz9488],
.areaArtikel .isi .wrapper .status span:nth-of-type(2)[b-futmrz9488] {
    font-size: .6rem;
    color: #fff;
    background-color: #8d73af;
    width: fit-content;
    padding: .1rem .35rem .15rem .35rem;
    margin-right: .3rem;
    margin-bottom: 0;
}
.areaArtikel .isi .wrapper .status.terbit span:nth-of-type(2)[b-futmrz9488] {
    background-color: #4CAF50;
}
.areaArtikel .isi .wrapper .status.draft span:nth-of-type(2)[b-futmrz9488] {
    background-color: #F44336;
}

.areaArtikel .isi .item .penulis p:nth-of-type(1)[b-futmrz9488] {
    font-size: .85rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
    margin-bottom: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.areaArtikel .isi .item .penulis p:nth-of-type(2)[b-futmrz9488],
.areaArtikel .isi .item .penulis p:nth-of-type(3)[b-futmrz9488],
.areaArtikel .isi .item .penulis p:nth-of-type(4)[b-futmrz9488] {
    color: grey;
    font-size: .7rem;
    margin-bottom: 0;
    line-height: 1.3;
}


/*HP*/
@media screen and (max-width: 767px) {
    .areaArtikel .head[b-futmrz9488] {
        padding: 0 1rem;
    }
    .areaArtikel .head .judul[b-futmrz9488] {
        font-size: 1.25rem;
    }
    .areaArtikel .sort[b-futmrz9488] {
        padding: .5rem 1rem;
    }
    .areaArtikel .isi[b-futmrz9488] {
        padding: 1rem;
    }
    .areaArtikel .isi .item .penulis p:nth-of-type(1)[b-futmrz9488],
    .areaArtikel .isi .item .penulis p[b-futmrz9488] {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
}
/* /Pages/Artikel/IndexArtikel_Kategori.razor.rz.scp.css */

.indexKategoriArtikel[b-26wnj93wig] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.indexKategoriArtikel .head[b-26wnj93wig] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
.indexKategoriArtikel .head .judul[b-26wnj93wig] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.indexKategoriArtikel .head .buatBaru span[b-26wnj93wig] {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 38px;
    font-size: .9rem;
    color: var(--ungu);
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
    cursor: pointer;
}
.indexKategoriArtikel .head .buatBaru span:hover[b-26wnj93wig] {
    color: #fff;
    background-color: var(--ungu);
}

.indexKategoriArtikel .list[b-26wnj93wig] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow: hidden auto;
}
.indexKategoriArtikel .list .item[b-26wnj93wig] {
    position: relative;
    padding: .75rem 1rem;
    margin-bottom: .5rem;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
    box-shadow: 2px 4px 10px #00000015;
    cursor: pointer;
}
.indexKategoriArtikel .list .item p[b-26wnj93wig] {
    font-size: 1rem;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .indexKategoriArtikel .head[b-26wnj93wig] {
        padding: 0 1rem;
    }
    .indexKategoriArtikel .head .judul[b-26wnj93wig] {
        font-size: 1.25rem;
    }
    .indexKategoriArtikel .list[b-26wnj93wig] {
        padding: 1rem;
    }
}
/* /Pages/Artikel/KategoriArtikelEditForm.razor.rz.scp.css */

.formKategori[b-urfhx2c049] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
}
.formKategori .row[b-urfhx2c049] {
    padding: 0 .25rem;
}

.formKategori .upload[b-urfhx2c049] {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: .5rem;
    overflow: hidden;
}
.formKategori .upload[b-urfhx2c049]  input[type="file"] {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}
.formKategori .upload .belum[b-urfhx2c049] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    height: 350px;
    color: #a3a3a3;
    background-color: #f8f8f8;
    border: 2px dashed #e1e1e1;
    border-radius: .5rem;
}
.formKategori .upload .belum i[b-urfhx2c049] {
    font-size: 3rem;
}
.formKategori .upload .belum span[b-urfhx2c049] {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 400;
}
.formKategori .upload .sudah[b-urfhx2c049] {
    position: relative;
    height: 350px;
    background-color: #f8f8f8;
    border-radius: .5rem;
    overflow: hidden;
}
.formKategori .upload .sudah[b-urfhx2c049]::before {
    content: 'Klik untuk mengganti gambar';
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 600;
    background-color: #0000009e;
    pointer-events: none;
    transition: .25s ease;
    opacity: 0;
}
.formKategori .upload:hover .sudah[b-urfhx2c049]::before {
    opacity: 1;
}
.formKategori .upload .sudah img[b-urfhx2c049] {
    width: 100%;
    height: auto;
}

.tombol[b-urfhx2c049] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .tombol .btn-success[b-urfhx2c049] {
        flex: 1;
    }
}
/* /Pages/Components/ContentCardArtikelDashboard.razor.rz.scp.css */

.cardArtikelDB[b-zt800ybeub] {
    height: 205px;
}
.cardArtikelDB .populer[b-zt800ybeub] {
    position: relative;
    padding: .5rem .75rem;
    margin-bottom: .5rem;
    background-color: #261F43;
    border-radius: .75rem;
    overflow: hidden;
    z-index: 0;
}
.cardArtikelDB .populer[b-zt800ybeub]::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: var(--bg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    opacity: .7 ;
    z-index: -1;
}
.cardArtikelDB .populer[b-zt800ybeub]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #261F43 60%, transparent 80%);
    z-index: -1;
}
.cardArtikelDB .populer p:nth-of-type(1)[b-zt800ybeub] {
    color: #FFEB3B;
    font-size: .8rem;
    margin-bottom: .25rem;
}
.cardArtikelDB .populer p:nth-of-type(2)[b-zt800ybeub] {
    color: #fff;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 0;
    text-shadow: 1px 0 3px #413768;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cardArtikelDB .populer .kolom[b-zt800ybeub] {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    color: #f1f1f1;
    font-size: .7rem;
    text-shadow: 1px 0 3px #413768;
}
.cardArtikelDB .populer .kolom div[b-zt800ybeub] {
    display: flex;
    align-items: center;
    gap: .25rem;
}
.cardArtikelDB .populer .kolom span[b-zt800ybeub] {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cardArtikelDB .kategori[b-zt800ybeub] {
    display: grid;
    grid-template-columns: 60px 1fr 1fr;
    gap: .5rem;
}
.cardArtikelDB .kategori .kiri[b-zt800ybeub] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    padding: .4rem .25rem;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
}
.cardArtikelDB .kategori .kiri i[b-zt800ybeub] {
    position: absolute;
    top: -2px;
    left: 6px;
    color: var(--ungu);
    font-size: 1.25rem;
}
.cardArtikelDB .kategori .kiri span:first-child[b-zt800ybeub] {
    display: block;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
}
.cardArtikelDB .kategori .kiri span:last-child[b-zt800ybeub] {
    display: block;
    font-size: .85rem;
    font-weight: 500;
}
.cardArtikelDB .kategori ul[b-zt800ybeub] {
    padding: 0;
    margin: 0;
}
.cardArtikelDB .kategori ul li[b-zt800ybeub] {
    display: flex;
    justify-content: space-between;
    font-size: .7rem;
    padding: 0 .25rem;
    cursor: pointer;
}
.cardArtikelDB .kategori ul li span:last-child[b-zt800ybeub] {
    font-weight: 600;
}
.cardArtikelDB .kategori ul li:hover[b-zt800ybeub] {
    color: #fff;
    background-color: var(--ungu);
}


/*HP*/
@media screen and (max-width: 767px) {
    .cardArtikelDB[b-zt800ybeub] {
        height: fit-content;
    }
    .cardArtikelDB .populer[b-zt800ybeub] {
        padding: .75rem;
    }
    .cardArtikelDB .populer p:nth-of-type(1)[b-zt800ybeub] {
        font-size: .9rem;
    }
    .cardArtikelDB .populer p:nth-of-type(2)[b-zt800ybeub] {
        font-size: 1rem;
    }
    .cardArtikelDB .populer .kolom[b-zt800ybeub] {
        gap: .5rem;
    }
}
/* /Pages/Components/ContentCardFaskesDashboard.razor.rz.scp.css */

.cardFaskesDB[b-hksan87aki] {
    height: 205px;
}
.cardFaskesDB .total[b-hksan87aki] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.cardFaskesDB .total p:first-child[b-hksan87aki] {
    color: grey;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1;
    margin-top: .15rem;
    margin-bottom: 0;
}
.cardFaskesDB .total p:last-child[b-hksan87aki] {
    font-size: 2.15rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0;
}

.cardFaskesDB .total .bar[b-hksan87aki] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    align-items: flex-end;
    gap: .4rem;
    width: 115px;
    height: 50px;
    margin-right: .5rem;
    border-top: 1px dashed #e1e1e1;
    border-bottom: 1px solid #cdcdcd;
}
.cardFaskesDB .total .bar[b-hksan87aki]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #e1e1e1;
    transform: translateY(-50%);
}
.cardFaskesDB .total .bar span[b-hksan87aki] {
    display: inline-block;
    width: 100%;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    z-index: 2;
}
.cardFaskesDB .total .bar span:nth-of-type(1)[b-hksan87aki] {
    height: var(--satu);
    background-color: #00A0E9;
}
.cardFaskesDB .total .bar span:nth-of-type(2)[b-hksan87aki] {
    height: var(--dua);
    background-color: #9ED8F6;
}
.cardFaskesDB .total .bar span:nth-of-type(3)[b-hksan87aki] {
    height: var(--tiga);
    background-color: var(--ungu);
}
.cardFaskesDB .total .bar span:nth-of-type(4)[b-hksan87aki] {
    height: var(--empat);
    background-color: #BDAED2;
}
.cardFaskesDB .total .bar span:nth-of-type(5)[b-hksan87aki] {
    height: var(--lima)%;
    background-color: #009944;
}
.cardFaskesDB .total .bar span:nth-of-type(6)[b-hksan87aki] {
    height: var(--enam);
    background-color: #AACD06;
}
.cardFaskesDB .total .bar span:nth-of-type(7)[b-hksan87aki] {
    height: var(--tuju);
    background-color: #FAAF00;
}
.cardFaskesDB .total .bar span:nth-of-type(8)[b-hksan87aki] {
    height: var(--delapan);
    background-color: #FFEB3B;
}

.cardFaskesDB .persen[b-hksan87aki] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
}
.cardFaskesDB .each[b-hksan87aki] {
    padding-left: .5rem;
    border-left: 6px solid;
}
.cardFaskesDB .each:nth-of-type(1)[b-hksan87aki] {
    border-color: #00A0E9;
}
.cardFaskesDB .each:nth-of-type(2)[b-hksan87aki] {
    border-color: #9ED8F6;
}
.cardFaskesDB .each:nth-of-type(3)[b-hksan87aki] {
    border-color: var(--ungu);
}
.cardFaskesDB .each:nth-of-type(4)[b-hksan87aki] {
    border-color: #BDAED2;
}
.cardFaskesDB .each:nth-of-type(5)[b-hksan87aki] {
    border-color: #009944;
}
.cardFaskesDB .each:nth-of-type(6)[b-hksan87aki] {
    border-color: #AACD06;
}
.cardFaskesDB .each:nth-of-type(7)[b-hksan87aki] {
    border-color: #FAAF00;
}
.cardFaskesDB .each:nth-of-type(8)[b-hksan87aki] {
    border-color: #FFEB3B;
}
.cardFaskesDB .each p:nth-of-type(1)[b-hksan87aki] {
    font-size: .8rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: .2rem;
}
.cardFaskesDB .each p:nth-of-type(1) span[b-hksan87aki] {
    display: inline-block;
    font-size: .65rem;
    font-weight: 400;
    margin-left: .25rem;
}
.cardFaskesDB .each p:nth-of-type(2)[b-hksan87aki] {
    color: grey;
    font-size: .7rem;
    line-height: 1;
    margin-bottom: 0;
}


/*HP*/
@media screen and (max-width: 767px) {
    .cardFaskesDB[b-hksan87aki] {
        height: fit-content;
    }
}
/* /Pages/Components/ContentCardNakesDashboard.razor.rz.scp.css */

.cardNakesDB[b-8fwlws7e7k] {
    height: 205px;
}
.cardNakesDB .total[b-8fwlws7e7k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: .75rem;
}
.cardNakesDB .total p:first-child[b-8fwlws7e7k] {
    color: grey;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
}
.cardNakesDB .total p:last-child[b-8fwlws7e7k] {
    font-size: 2.15rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0;
}
.cardNakesDB .total div:last-child[b-8fwlws7e7k] {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: var(--ungu);
    background-color: #8d73af24;
    border-radius: 50%;
}
.cardNakesDB .persen[b-8fwlws7e7k] {
    margin-bottom: 1rem;
}
.cardNakesDB .sub[b-8fwlws7e7k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .35rem;
}
.cardNakesDB .sub span[b-8fwlws7e7k] {
    font-size: .95rem;
    font-weight: 700;
    text-transform: uppercase;
}
.cardNakesDB .each[b-8fwlws7e7k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}
.cardNakesDB .each p[b-8fwlws7e7k] {
    font-size: .85rem;
    line-height: 1.1;
    margin-bottom: 0;
}
.cardNakesDB .each p:nth-of-type(1)[b-8fwlws7e7k] {
    padding-left: .5rem;
    border-left: 6px solid var(--ungu);
}
.cardNakesDB .each:nth-of-type(2) p:nth-of-type(1)[b-8fwlws7e7k] {
    border-color: #BDAED2;
}
.cardNakesDB .each:nth-of-type(3) p:nth-of-type(1)[b-8fwlws7e7k] {
    border-color: #FAAF00;
}
.cardNakesDB .each:nth-of-type(4) p:nth-of-type(1)[b-8fwlws7e7k] {
    border-color: #FFEB3B;
}
.cardNakesDB .each p:nth-of-type(2)[b-8fwlws7e7k] {
    font-weight: 700;
}
.cardNakesDB .each p:nth-of-type(2) span[b-8fwlws7e7k] {
    display: inline-block;
    color: grey;
    font-size: .8rem;
    font-weight: 400;
    margin-right: .25rem;
}
.cardNakesDB .bar[b-8fwlws7e7k] {
    display: grid;
    grid-template-columns: calc(var(--step1) - 3px) calc(var(--step2) - 3px) calc(var(--step3) - 3px) calc(var(--step4) - 3px);
    gap: .2rem;
}
.cardNakesDB .bar div[b-8fwlws7e7k] {
    height: .75rem;
    width: 100%;
    border-radius: 2rem;
}
.cardNakesDB .bar div:nth-of-type(1)[b-8fwlws7e7k] {
    background-color: var(--ungu);
}
.cardNakesDB .bar div:nth-of-type(2)[b-8fwlws7e7k] {
    background-color: #BDAED2;
}
.cardNakesDB .bar div:nth-of-type(3)[b-8fwlws7e7k] {
    background-color: #FAAF00;
}
.cardNakesDB .bar div:nth-of-type(4)[b-8fwlws7e7k] {
    background-color: #FFEB3B;
}

.cardNakesDB .carousel-indicators[b-8fwlws7e7k] {
    bottom: -1.5rem;
    margin-bottom: 0;
}
.cardNakesDB .carousel-indicators [data-bs-target][b-8fwlws7e7k] {
    width: 7px;
    height: 7px;
    background-color: var(--ungu);
    border-radius: 50%;
}
.cardNakesDB .navigasi[b-8fwlws7e7k] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    transition: opacity .2s ease;
    opacity: 0;
}
.cardNakesDB:hover .navigasi[b-8fwlws7e7k] {
    opacity: 1;
}
.cardNakesDB .carousel-control-next[b-8fwlws7e7k],
.cardNakesDB .carousel-control-prev[b-8fwlws7e7k] {
    font-size: 1rem;
    color: #3b3b3b;
    background: #ddd7e3a8;
    width: 12px;
    height: 18px;
    text-align: center;
    border-radius: .25rem;
    opacity: 1;
}
.cardNakesDB .carousel-control-next:is(:hover, :focus)[b-8fwlws7e7k],
.cardNakesDB .carousel-control-prev:is(:hover, :focus)[b-8fwlws7e7k] {
    color: #3b3b3b;
}
.cardNakesDB .carousel-control-prev[b-8fwlws7e7k] {
    left: -1.1rem;
}
.cardNakesDB .carousel-control-next[b-8fwlws7e7k] {
    right: -1.1rem;
}
/* /Pages/Components/ContentCardPasienDashboard.razor.rz.scp.css */

.cardPasienDB[b-vt87ukhj3b] {
    height: 205px;
}
.cardPasienDB .total[b-vt87ukhj3b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 1.5rem;
}
.cardPasienDB .total p:first-child[b-vt87ukhj3b] {
    color: grey;
    font-size: .9rem;
    font-weight: 500;
    margin-top: .5rem;
    margin-bottom: 0;
}
.cardPasienDB .total p:last-child[b-vt87ukhj3b] {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0;
}
.cardPasienDB .total div:last-child[b-vt87ukhj3b] {
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: var(--ungu);
    background-color: #8d73af24;
    border-radius: 50%;
}
.cardPasienDB .persen[b-vt87ukhj3b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.cardPasienDB .persen .nonValid[b-vt87ukhj3b] {
    text-align: right;
}
.cardPasienDB .persen p:nth-of-type(1)[b-vt87ukhj3b] {
    font-size: .85rem;
    margin-bottom: .25rem;
}
.cardPasienDB .persen .valid p:nth-of-type(1)[b-vt87ukhj3b] {
    padding-left: .5rem;
    border-left: 6px solid var(--ungu);
}
.cardPasienDB .persen .nonValid p:nth-of-type(1)[b-vt87ukhj3b] {
    padding-right: .5rem;
    border-right: 6px solid #FFEB3B;
}
.cardPasienDB .persen p:nth-of-type(2)[b-vt87ukhj3b] {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .25rem;
}
.cardPasienDB .persen p:nth-of-type(2) span[b-vt87ukhj3b] {
    font-size: 1.1rem;
}
.cardPasienDB .persen p:nth-of-type(3)[b-vt87ukhj3b] {
    color: grey;
    font-size: .9rem;
    margin-bottom: 0;
}
.cardPasienDB .bar[b-vt87ukhj3b] {
    display: grid;
    grid-template-columns: calc(var(--valid) - .125rem) calc(var(--nonValid) - .125rem);
    gap: .25rem;
}
.cardPasienDB .bar div[b-vt87ukhj3b] {
    height: 1rem;
    width: 100%;
    border-radius: 2rem;
}
.cardPasienDB .bar div:first-child[b-vt87ukhj3b] {
    background-color: var(--ungu);
}
.cardPasienDB .bar div:last-child[b-vt87ukhj3b] {
    background-color: #FFEB3B;
}


/*HP*/
@media screen and (max-width: 767px) {
    .cardPasienDB[b-vt87ukhj3b] {
        height: fit-content;
    }
}
/* /Pages/Components/ContentCardUpgdareClassDashboard.razor.rz.scp.css */

.upgradeClassDB[b-yucg1hemi6] {
    height: 100%;
}
.upgradeClassDB .carousel[b-yucg1hemi6],
.upgradeClassDB .carousel-inner[b-yucg1hemi6],
.upgradeClassDB .carousel-item[b-yucg1hemi6] {
    height: 100%;
}
.upgradeClassDB .carousel-indicators[b-yucg1hemi6] {
    bottom: -1.25rem;
    margin-bottom: 0;
}
.upgradeClassDB .carousel-indicators [data-bs-target][b-yucg1hemi6] {
    width: 7px;
    height: 7px;
    background-color: var(--ungu);
    border-radius: 50%;
}

.upgradeClassDB .carousel-item .wrapperContent[b-yucg1hemi6] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: .5rem;
    overflow: hidden;
}
.upgradeClassDB .atas[b-yucg1hemi6] {
    padding: 1rem;
    background-image: url(bg-upgrade-db.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.upgradeClassDB .atas p:nth-of-type(1)[b-yucg1hemi6] {
    font-size: .7rem;
    font-weight: 500;
    width: fit-content;
    padding: .1rem .5rem;
    background-color: #FFEB3B;
    margin-bottom: .5rem;
}
.upgradeClassDB .atas p:nth-of-type(2)[b-yucg1hemi6] {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: .35rem;
}
.upgradeClassDB .atas .waktu[b-yucg1hemi6] {
    display: flex;
    align-items: center;
    gap: 1.5rem
}
.upgradeClassDB .atas .waktu i[b-yucg1hemi6] {
    margin-right: .35rem;
}
.upgradeClassDB .atas .waktu span[b-yucg1hemi6] {
    display: inline-block;
    color: #f2f2f2;
    font-size: .8rem;
}

.upgradeClassDB .bawah[b-yucg1hemi6] {
    flex: 1;
    padding: 1rem .75rem .5rem .75rem;
    border: 1px solid #e1e1e1;
    border-top: none;
    border-radius: 0 0 .5rem .5rem;
}
.upgradeClassDB .total[b-yucg1hemi6] {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1rem;
}
.upgradeClassDB .total .item[b-yucg1hemi6] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.upgradeClassDB .total .item div:nth-of-type(1)[b-yucg1hemi6] {
    width: 35px;
    min-width: 35px;
    height: 35px;
    font-size: .9rem;
    line-height: 35px;
    text-align: center;
    color: var(--ungu);
    background-color: #8d73af29;
    border-radius: 50%;
}
.upgradeClassDB .total .item span:nth-of-type(1)[b-yucg1hemi6] {
    display: block;
    font-size: .85rem;
}
.upgradeClassDB .total .item span:nth-of-type(2)[b-yucg1hemi6] {
    display: block;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1;
}
.upgradeClassDB .bawah .wrap[b-yucg1hemi6] {
    display: grid;
    grid-template-columns: auto 16% 20% 16% 20%;
    align-items: center;
    gap: .25rem;
    padding: .15rem .25rem;
}
.upgradeClassDB .bawah .wrap :is(div:nth-of-type(2), div:nth-of-type(4))[b-yucg1hemi6] {
    text-align: center;
    cursor: pointer;
}
.upgradeClassDB .bawah .wrap :is(div:nth-of-type(3), div:nth-of-type(5))[b-yucg1hemi6] {
    text-align: right;
}
.upgradeClassDB .bawah .sub[b-yucg1hemi6] {
    color: #fff;
    background-color: #261f43;
}
.upgradeClassDB .bawah .sub .wrap[b-yucg1hemi6] {
    font-size: .7rem;
}
.upgradeClassDB .bawah .sub .wrap i[b-yucg1hemi6] {
    color: #FFEB3B;
    font-size: .55rem;
}
.upgradeClassDB .bawah .list .wrap[b-yucg1hemi6] {
    font-size: .85rem;
    cursor: pointer;
}
.upgradeClassDB .bawah .list .wrap:hover[b-yucg1hemi6] {
    background: #e5deee;
}
.upgradeClassDB .bawah .totalAll[b-yucg1hemi6] {
    margin-top: .1rem;
}
.upgradeClassDB .bawah .totalAll .wrap[b-yucg1hemi6] {
    font-size: .85rem;
    font-weight: 500;
}

.upgradeClassDB .bawah .sub .wrap :is(div:nth-of-type(2), div:nth-of-type(4)):hover span[b-yucg1hemi6] {
    display: block;
}
.upgradeClassDB .bawah .sub span[b-yucg1hemi6] {
    display: none;
    position: absolute;
    width: 100px;
    padding: .25rem;
    margin-top: .25rem;
    color: #272727;
    font-weight: 400;
    background-color: #FFEB3B;
    border-radius: .25rem;
}
.upgradeClassDB .navigasi[b-yucg1hemi6] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    transition: opacity .2s ease;
    opacity: 0;
}
.upgradeClassDB:hover .navigasi[b-yucg1hemi6] {
    opacity: 1;
}
.upgradeClassDB .carousel-control-next[b-yucg1hemi6],
.upgradeClassDB .carousel-control-prev[b-yucg1hemi6] {
    font-size: 1.1rem;
    color: #3b3b3b;
    background: #ddd7e3;
    width: 15px;
    height: 25px;
    text-align: center;
    border-radius: .25rem;
    opacity: 1;
}
.upgradeClassDB .carousel-control-next:is(:hover, :focus)[b-yucg1hemi6],
.upgradeClassDB .carousel-control-prev:is(:hover, :focus)[b-yucg1hemi6] {
    color: #3b3b3b;
}
.upgradeClassDB .carousel-control-prev[b-yucg1hemi6] {
    left: -.5rem;
}
.upgradeClassDB .carousel-control-next[b-yucg1hemi6] {
    right: -.5rem;
}

.upgradeClassDB .noContent[b-yucg1hemi6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 1rem;
    border: 2px dashed #e1e1e1;
    border-radius: .5rem;
    user-select: none;
}
.upgradeClassDB .noContent img[b-yucg1hemi6] {
    width: 100px;
    height: auto;
    margin-bottom: .75rem;
}
.upgradeClassDB .noContent p[b-yucg1hemi6] {
    color: #8f8f8f;
    font-size: 1.1rem;
    font-weight: 400;
    text-align: center;
}


/*HP*/
@media screen and (max-width: 767px) {
    .upgradeClassDB .total[b-yucg1hemi6] {
        grid-template-columns: 1fr;
        gap: .5rem;
        margin-bottom: 1.25rem;
    }
}
/* /Pages/Components/KelasBumilEditForm.razor.rz.scp.css */

.formKelasBumil[b-48uvjmuzk0] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
}
.formKelasBumil .row[b-48uvjmuzk0] {
    padding: 0 .25rem;
}

.formKelasBumil .upload[b-48uvjmuzk0] {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: .5rem;
    overflow: hidden;
}
.formKelasBumil .upload[b-48uvjmuzk0]  input[type="file"] {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.formKelasBumil .upload .belum[b-48uvjmuzk0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    height: 350px;
    color: #a3a3a3;
    background-color: #f8f8f8;
    border: 2px dashed #e1e1e1;
    border-radius: .5rem;
}
.formKelasBumil .upload .belum i[b-48uvjmuzk0] {
    font-size: 3rem;
}
.formKelasBumil .upload .belum span[b-48uvjmuzk0] {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 400;
}
.formKelasBumil .upload .sudah[b-48uvjmuzk0] {
    height: 350px;
    background-color: #f8f8f8;
    border-radius: .5rem;
}
.formKelasBumil .upload .sudah img[b-48uvjmuzk0] {
    width: 100%;
    height: auto;
}

.tombol[b-48uvjmuzk0] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
}
/* /Pages/Components/KelasBumil_DaftarPeserta.razor.rz.scp.css */

.tabs[b-o5a2mtfzob] {
    --tabsBg: #f9f9f9;

    position: sticky;
    top: -1rem;
    padding-top: .5rem;
    background-color: #fff;
    z-index: 10;
}
.slideArea[b-o5a2mtfzob] {
    margin-top: .75rem;
}
.wrapTabs[b-o5a2mtfzob] {
    display: grid;
    grid-template-columns: repeat(4, auto);
    align-items: center;
    background-color: var(--tabsBg);
    border: 1px solid #e1e1e1;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    overflow: hidden;
}
.wrapTabs input[type="radio"][b-o5a2mtfzob] {
    display: none;
}
.wrapTabs label[b-o5a2mtfzob] {
    position: relative;
    color: #5a5a5a;
    padding: .75rem 1rem;
    margin: 0;
    transition: .2s ease;
    user-select: none;
    cursor: pointer;
}
.wrapTabs label[b-o5a2mtfzob]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -23px;
    width: 23px;
    height: 45px;
    background-color: var(--tabsBg);
    transition: .2s ease;
}
.wrapTabs label:hover[b-o5a2mtfzob],
.wrapTabs label:hover[b-o5a2mtfzob]::before,
.wrapTabs label:hover span:last-child[b-o5a2mtfzob]::after {
    background-color: #f1f1f1;
}
.wrapTabs input[id="tabs1"]:checked ~ label[for="tabs1"][b-o5a2mtfzob],
.wrapTabs input[id="tabs1"]:checked ~ label[for="tabs1"][b-o5a2mtfzob]::before,
.wrapTabs input[id="tabs1"]:checked ~ label[for="tabs1"] span:last-child[b-o5a2mtfzob]::after {
    color: #fff;
    background-color: var(--ungu);
}
.wrapTabs input[id="tabs2"]:checked ~ label[for="tabs2"][b-o5a2mtfzob],
.wrapTabs input[id="tabs2"]:checked ~ label[for="tabs2"][b-o5a2mtfzob]::before,
.wrapTabs input[id="tabs2"]:checked ~ label[for="tabs2"] span:last-child[b-o5a2mtfzob]::after {
    color: #fff;
    background-color: var(--oren);
}
.wrapTabs input[id="tabs3"]:checked ~ label[for="tabs3"][b-o5a2mtfzob],
.wrapTabs input[id="tabs3"]:checked ~ label[for="tabs3"][b-o5a2mtfzob]::before,
.wrapTabs input[id="tabs3"]:checked ~ label[for="tabs3"] span:last-child[b-o5a2mtfzob]::after {
    color: #fff;
    background-color: var(--ijo);
}
.wrapTabs input[id="tabs4"]:checked ~ label[for="tabs4"][b-o5a2mtfzob],
.wrapTabs input[id="tabs4"]:checked ~ label[for="tabs4"][b-o5a2mtfzob]::before,
.wrapTabs input[id="tabs4"]:checked ~ label[for="tabs4"] span:last-child[b-o5a2mtfzob]::after {
    color: #fff;
    background-color: var(--abang);
}

.wrapTabs span:first-child[b-o5a2mtfzob] {
    position: relative;
    display: inline-block;
    font-weight: 600;
    z-index: 5;
}
.wrapTabs span:first-child i[b-o5a2mtfzob] {
    margin-right: .5rem;
}
.wrapTabs span:last-child[b-o5a2mtfzob] {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    z-index: 2;
}
.wrapTabs span:last-child[b-o5a2mtfzob]::after {
    content: '';
    position: absolute;
    top: .4rem;
    right: .4rem;
    width: 32px;
    height: 32px;
    background-color: var(--tabsBg);
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    transform: rotate(45deg);
    pointer-events: none;
    transition: .2s ease;
    z-index: 3;
}
.wrapTabs label:last-child span:last-child[b-o5a2mtfzob]::after {
    display: none;
}

.pencarian[b-o5a2mtfzob] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding: .75rem 1rem .5rem 1rem;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.pencarian div:first-child[b-o5a2mtfzob] {
    color: var(--ungu);
}
.pencarian span[b-o5a2mtfzob] {
    font-weight: 600;
    margin-left: .25rem;
}
.pencarian div:last-child[b-o5a2mtfzob] {
    position: relative;
    width: 100%;
    max-width: 65%;
}
.pencarian div:last-child i[b-o5a2mtfzob] {
    position: absolute;
    top: 50%;
    left: .5rem;
    transform: translateY(-50%);
    color: grey;
}
.pencarian .form-control[b-o5a2mtfzob] {
    width: 100%;
    padding-left: 1.75rem;
    border-radius: .5rem;
}

.wrapPeserta[b-o5a2mtfzob] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    min-height: 500px;
    padding: 1rem;
    border: 1px solid #e1e1e1;
    border-top: none;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.each[b-o5a2mtfzob] {
    position: relative;
    padding: .75rem;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
    box-shadow: 0 2px 15px #00000015;
}
.each p[b-o5a2mtfzob] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
.tglDaftar[b-o5a2mtfzob] {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.tglDaftar span[b-o5a2mtfzob] {
    display: block;
    font-weight: 400;
}
.tglDaftar span i[b-o5a2mtfzob] {
    color: grey;
    margin-right: .35rem;
}
.statusDaftar[b-o5a2mtfzob] {
    position: absolute;
    top: .75rem;
    right: -.15rem;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    padding: .25rem .75rem .25rem 1rem;
    background-color: #4caf50;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    user-select: none;
}
.tombol[b-o5a2mtfzob] {
    text-align: right;
    padding-top: .75rem;
    margin-top: .5rem;
    border-top: 1px dashed #e1e1e1;
}
.tombol button[b-o5a2mtfzob] {
    font-size: .75rem;
    font-weight: 400;
    color: var(--ungu);
    padding: .25rem .5rem;
    background-color: transparent;
    border: 1px solid var(--ungu);
    border-radius: .25rem;
    user-select: none;
}
.tombol button:hover[b-o5a2mtfzob] {
    color: #fff;
    background-color: var(--ungu);
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .wrapTabs[b-o5a2mtfzob] {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        white-space: nowrap;
        grid-template-columns: unset;
        overflow-x: auto;
    }
    .tabs label[b-o5a2mtfzob]::before {
        height: 46px;
    }
    .tabs span:first-child[b-o5a2mtfzob] {
        padding-right: 1rem;
    }
    .tabs span:last-child[b-o5a2mtfzob]::after {
        width: 34px;
        height: 33px;
    }
    .pencarian div:last-child[b-o5a2mtfzob] {
        flex: 1;
        max-width: 100%;
    }

    .each p[b-o5a2mtfzob] {
        font-size: 1rem;
        margin-top: 1.75rem;
    }
    .tglDaftar[b-o5a2mtfzob] {
        flex-wrap: wrap;
        gap: .3rem 2rem;
    }
    .tglDaftar span[b-o5a2mtfzob] {
        font-size: .85rem;
    }
    .tglDaftar span i[b-o5a2mtfzob] {
        margin-right: .25rem;
    }
    .statusDaftar[b-o5a2mtfzob] {
        left: .75rem;
        right: auto;
        font-size: .7rem;
        padding: .2rem .75rem;
        border-radius: 2rem;
    }
    .tombol button[b-o5a2mtfzob] {
        width: 100%;
    }
}
/* /Pages/Components/Media_ListItem.razor.rz.scp.css */

.list-item-media[b-0xfb1cjvp8] {
    margin-bottom: .5rem;
}
.list-item-media p[b-0xfb1cjvp8] {
    color: grey;
    font-size: .8rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
.list-item-media .wrap[b-0xfb1cjvp8] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.list-item-media .wrap div[b-0xfb1cjvp8] {
    display: flex;
    align-items: center;
    padding-left: .5rem;
}
.list-item-media .wrap i[b-0xfb1cjvp8] {
    width: 14px;
}
.list-item-media .wrap span[b-0xfb1cjvp8] {
    display: inline-block;
    font-size: .85rem;
    font-weight: 400;
    line-height: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* /Pages/Components/PilihAllNakes.razor.rz.scp.css */

input[type="text"][b-asummvr5mq] {
    margin-bottom: 1rem;
}
.listNakes[b-asummvr5mq] {
    max-height: 377px;
    padding: .75rem;
    background-color: #f7f7f7;
    border-radius: .5rem;
    overflow: hidden auto;
}
.itemNakes[b-asummvr5mq] {
    display: flex;
    gap: .75rem;
    padding: .5rem;
    margin-bottom: .75rem;
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 2px 5px 10px #00000015;
    cursor: pointer;
}
.itemNakes.terpilih[b-asummvr5mq] {
    position: relative;
    background-color: #e3fbe4;
}
.itemNakes.terpilih[b-asummvr5mq]::after {
    content: '\f058';
    font-family: fontawesome;
    position: absolute;
    right: .75rem;
    color: #4CAF50;
    font-size: 1.25rem;
}
.itemNakes img[b-asummvr5mq] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: .25rem;
}
.itemNakes p:nth-of-type(1)[b-asummvr5mq] {
    color: var(--ungu);
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: 0;
}
.itemNakes p:nth-of-type(2)[b-asummvr5mq] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .25rem;
}
.itemNakes :is(p:nth-of-type(3), p:nth-of-type(4))[b-asummvr5mq] {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
}
.itemNakes p i[b-asummvr5mq] {
    width: 15px;
    font-size: .65rem;
    text-align: center;
    margin-right: .25rem;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .listNakes[b-asummvr5mq] {
        max-height: 100%;
    }
}
/* /Pages/Components/VoucherEditForm.razor.rz.scp.css */

.formAddEditVoucher[b-z5bzimy79i] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
}
.formAddEditVoucher .row[b-z5bzimy79i] {
    padding: 0 .25rem;
}

.formAddEditVoucher .addNakes[b-z5bzimy79i] {
    color: #a3a3a3;
    text-align: center;
    padding: .7rem;
    border: 2px dashed #e1e1e1;
    border-radius: .5rem;
    transition: .25s ease;
    cursor: pointer;
}
.formAddEditVoucher .addNakes:hover[b-z5bzimy79i] {
    color: var(--ungu);
    background-color: #8D73AF15;
    border-color: #8D73AF20;
}
.formAddEditVoucher .addNakes i[b-z5bzimy79i] {
    transition: .25s ease;
}
.formAddEditVoucher .addNakes:hover i[b-z5bzimy79i] {
    transform: rotate(90deg);
}

.formAddEditVoucher .tipe[b-z5bzimy79i] {
    position: relative;
    width: fit-content;
    color: #fff;
    font-size: .85rem;
    font-weight: 400;
    padding: .25rem 1rem;
    margin-top: .25rem;
    margin-bottom: 0;
    background-color: var(--ungu);
    border-radius: .15rem;
}
.formAddEditVoucher .tipe[b-z5bzimy79i]::before,
.formAddEditVoucher .tipe[b-z5bzimy79i]::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
}
.formAddEditVoucher .tipe[b-z5bzimy79i]::before {
    left: -4px;
}
.formAddEditVoucher .tipe[b-z5bzimy79i]::after {
    right: -4px;
}

.formAddEditVoucher .nakesTerpilih[b-z5bzimy79i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .5rem .75rem;
    margin-top: .75rem;
    margin-bottom: .75rem;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
}
.formAddEditVoucher .nakesTerpilih p:nth-of-type(1)[b-z5bzimy79i] {
    color: var(--ungu);
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: 0;
}
.formAddEditVoucher .nakesTerpilih p:nth-of-type(2)[b-z5bzimy79i] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}
.formAddEditVoucher .nakesTerpilih .hapus[b-z5bzimy79i] {
    width: 30px;
    height: 30px;
    color: grey;
    text-align: center;
    line-height: 30px;
    background-color: #f8f8f8;
    border-radius: .5rem;
    cursor: pointer;
}
.formAddEditVoucher .nakesTerpilih .hapus:hover[b-z5bzimy79i] {
    color: #fff;
    background-color: var(--abang);
}

.formAddEditVoucher .upload[b-z5bzimy79i] {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: .5rem;
    overflow: hidden;
}
.formAddEditVoucher .upload[b-z5bzimy79i]  input[type="file"] {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.formAddEditVoucher .upload .belum[b-z5bzimy79i] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    min-height: 250px;
    color: #a3a3a3;
    background-color: #f8f8f8;
    border: 2px dashed #e1e1e1;
    border-radius: .5rem;
}
.formAddEditVoucher .upload .belum i[b-z5bzimy79i] {
    font-size: 3rem;
}
.formAddEditVoucher .upload .belum span[b-z5bzimy79i] {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 400;
}
.formAddEditVoucher .upload .sudah[b-z5bzimy79i] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 250px;
    background-color: #f8f8f8;
    border-radius: .5rem;
}
.formAddEditVoucher .upload .sudah img[b-z5bzimy79i] {
    width: 100%;
    height: auto;
}

.btnAddEditVoucher[b-z5bzimy79i] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .btnAddEditVoucher .btn-success[b-z5bzimy79i] {
        width: 100%;
    }
}
/* /Pages/Forum/DetailForum.razor.rz.scp.css */

.isi[b-ok8yeag4pr] {
    flex: 1;
    display: grid;
    grid-template-columns: auto 32%;
    gap: 1rem;
    position: relative;
    padding: 1.25rem 1rem;
    overflow: hidden;
}

.kiri[b-ok8yeag4pr] {
    height: 100%;
    overflow: hidden auto;
}
.kiri[b-ok8yeag4pr]::-webkit-scrollbar {
    display: none;
}
.header[b-ok8yeag4pr] {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 325px;
    padding: 1.5rem 1.25rem;
    margin-bottom: 1.5rem;
    border-radius: .5rem;
    overflow: hidden;
    z-index: 0;
}
.header[b-ok8yeag4pr]::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 65%;
    background: linear-gradient(to top, #2b2b2b 10%, #2b2b2bc2, #2b2b2b42, transparent);
    z-index: 0;
}
.header img[b-ok8yeag4pr] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    user-select: none;
    z-index: -1;
}
.header .wrap[b-ok8yeag4pr] {
    width: 100%;
    padding-top: 35%;
    z-index: 5;
}
.header .wrap .judulForum[b-ok8yeag4pr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1.5rem;
    width: 100%;
    margin-bottom: .75rem;
}
.header .teks p:nth-of-type(1)[b-ok8yeag4pr] {
    width: fit-content;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    text-transform: capitalize;
    padding: .15rem .75rem;
    margin-bottom: .5rem;
    background-color: #ff9800;
    border-radius: 2rem;
    user-select: none;
}
.header .teks p:nth-of-type(1).publish[b-ok8yeag4pr] {
    background-color: var(--ijo);
}
.header .teks p:nth-of-type(2)[b-ok8yeag4pr] {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    text-shadow: 0 1px 10px #00000070;
    margin-bottom: 0;
}
.header .aksi[b-ok8yeag4pr] {
    display: flex;
    align-items: center;
    gap: .5rem;
    white-space: nowrap;
}
.header .aksi .btn-sm i[b-ok8yeag4pr] {
    margin-right: .35rem;
}
.header .aksi .dropdown-toggle[b-ok8yeag4pr] {
    width: 33px;
    height: 33px;
    color: var(--ungu);
    background-color: #fff;
    border: none;
    border-radius: .5rem;
}
.header .aksi .dropdown-toggle.show[b-ok8yeag4pr] {
    color: #fff;
    background-color: var(--ungu);
}
.header .aksi .dropdown-toggle[b-ok8yeag4pr]::after {
    display: none;
}
.header .aksi .dropdown-menu[b-ok8yeag4pr] {
    min-width: 8rem;
}
.header .aksi .dropdown-item[b-ok8yeag4pr] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem .5rem;
    cursor: pointer;
}
.header .aksi .dropdown-item i[b-ok8yeag4pr] {
    width: 22px;
    text-align: center;
}
.header .aksi .dropdown-item:last-child[b-ok8yeag4pr] {
    color: var(--abang);
}
.header .deskripsi[b-ok8yeag4pr] {
    color: #fff;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.3;
    text-shadow: 0 1px 10px #00000070;
    margin-bottom: 0;
}
.judulMobile[b-ok8yeag4pr] {
    display: none;
}

.kanan[b-ok8yeag4pr] {
    height: 100%;
    overflow: hidden auto;
}
.kanan #toggleMemberForum[b-ok8yeag4pr] {
    display: none;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .isi[b-ok8yeag4pr] {
        grid-template-columns: 1fr 0;
        gap: 0;
        padding: 1rem;
    }
    .header[b-ok8yeag4pr] {
        min-height: 300px;
        padding: 1rem;
    }
    .header[b-ok8yeag4pr]::before {
        height: 75%;
        background: linear-gradient(to top, #2b2b2b 40%, #2b2b2bcf, #2b2b2b26, transparent);
    }
    .header img[b-ok8yeag4pr] {
        object-fit: contain;
    }
    .header .wrap[b-ok8yeag4pr] {
        padding-top: 40%;
        padding-bottom: 3rem;
    }
    .header .wrap .judulForum[b-ok8yeag4pr] {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0;
        margin-bottom: .25rem;
    }
    .header .wrap .aksi[b-ok8yeag4pr] {
        position: absolute;
        left: 1rem;
        right: 1rem;
        bottom: 1.25rem;
    }
    .header .wrap .judulForum .aksi .tombolStart[b-ok8yeag4pr] {
        flex: 1;
    }
    .header .wrap .judulForum .aksi .tombolStart button[b-ok8yeag4pr] {
        width: 100%;
    }

    .judulMobile[b-ok8yeag4pr] {
        display: block;
        margin-bottom: 1.5rem;
    }
    .judulMobile p[b-ok8yeag4pr] {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: .35rem;
    }
    .judulMobile p i[b-ok8yeag4pr] {
        color: var(--ungu);
        margin-right: .5rem;
    }
    .judulMobile label[b-ok8yeag4pr] {
        font-size: 1rem;
        font-weight: 400;
        padding-left: 2rem;
    }
    .judulMobile label i[b-ok8yeag4pr] {
        font-size: .8rem;
        margin-left: .75rem;
    }

    .kanan[b-ok8yeag4pr] {
        overflow: unset;
    }
    .kanan[b-ok8yeag4pr]  .memberForum {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 0;
        padding: 0;
        background-color: #fff;
        transition: .25s ease;
        overflow: hidden auto;
        z-index: 15;
    }
    .kanan #toggleMemberForum:checked[b-ok8yeag4pr] +  .memberForum {
        width: 100%;
        padding: 1rem;
        box-shadow: 0 0 0 999px #000000a3;
    }
}
/* /Pages/Forum/DetailForum_Komentar.razor.rz.scp.css */

#detailKomentar .wrapIsi[b-nduxq3vvz7] {
    flex: 1;
    padding: 1.25rem;
    overflow: hidden auto;
}
#detailKomentar .pertanyaan[b-nduxq3vvz7] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
#detailKomentar :is(.penanya, .penjawab)[b-nduxq3vvz7] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
#detailKomentar :is(.penanya, .penjawab) img[b-nduxq3vvz7] {
    width: 45px;
    aspect-ratio: 1;
    object-fit: cover;
    margin-top: .1rem;
    border: 4px solid #fff;
    border-radius: 50%;
    z-index: 3;
}
#detailKomentar .penjawab img[b-nduxq3vvz7] {
    width: 35px;
}
#detailKomentar :is(.penanya, .penjawab) p:first-child[b-nduxq3vvz7] {
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0;
}
#detailKomentar .penjawab p:first-child[b-nduxq3vvz7] {
    font-size: .8rem;
}
#detailKomentar :is(.penanya, .penjawab) p:last-child[b-nduxq3vvz7] {
    color: grey;
    font-size: .8rem;
    font-weight: 400;
    margin-bottom: 0;
}
#detailKomentar .penjawab p:last-child[b-nduxq3vvz7] {
    font-size: .7rem;
}
#detailKomentar :is(.pertanyaan, .respon) .isi[b-nduxq3vvz7] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
}
#detailKomentar .respon[b-nduxq3vvz7] {
    margin-top: 1.5rem;
}
#detailKomentar .respon .isi[b-nduxq3vvz7] {
    font-size: .9rem;
}

#detailKomentar .reaksi[b-nduxq3vvz7] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-top: .5rem;
}
#detailKomentar .reaksi div[b-nduxq3vvz7] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: grey;
    height: 20px;
    font-size: .9rem;
    font-weight: 400;
}
#detailKomentar .reaksi div i[b-nduxq3vvz7] {
    font-size: .9rem !important;
    margin-top: .1rem;
}
#detailKomentar .item .reaksi div[b-nduxq3vvz7],
#detailKomentar .item .reaksi div i[b-nduxq3vvz7] {
    font-size: .8rem !important;
}
#detailKomentar .reaksi span[b-nduxq3vvz7] {
    font-weight: 600;
}

#detailKomentar .item[b-nduxq3vvz7] {
    position: relative;
    margin-bottom: 1rem;
}
#detailKomentar .balasan .item[b-nduxq3vvz7] {
    padding-left: 1.25rem;
}
#detailKomentar .item[b-nduxq3vvz7]::before {
    content: '';
    position: absolute;
    bottom: -.75rem;
    left: .25rem;
    width: 2.5px;
    height: 100%;
    background-color: lightgrey;
}
#detailKomentar .balasan .item[b-nduxq3vvz7]::before {
    top: 0;
    bottom: auto;
    height: calc(100% + 1rem);
}
#detailKomentar .balasan .item:last-of-type[b-nduxq3vvz7]::before {
    height: 12px;
}
#detailKomentar .balasan .item[b-nduxq3vvz7]::after {
    content: '';
    position: absolute;
    top: 0;
    left: .25rem;
    width: 14px;
    height: 18px;
    color: lightgrey;
    border-left: 3px solid;
    border-bottom: 3px solid;
    border-bottom-left-radius: .5rem;
}

#detailKomentar .dropdown-toggle[b-nduxq3vvz7] {
    width: fit-content;
    height: fit-content;
    color: grey;
    font-size: .8rem;
    width: 23px;
    height: 23px;
    padding: 0;
    background-color: transparent;
    border-radius: .25rem;
    border: none;
    transition: .2s ease;
}
#detailKomentar :is(.item, .pertanyaan):hover .dropdown-toggle[b-nduxq3vvz7],
#detailKomentar .dropdown-toggle.show[b-nduxq3vvz7] {
    color: var(--ungu);
    background-color: #8d73af24;
}
#detailKomentar .dropdown-toggle[b-nduxq3vvz7]::after {
    display: none;
}
#detailKomentar .dropdown-menu[b-nduxq3vvz7] {
    min-width: 8rem;
    padding: .25rem 0;
}
#detailKomentar .dropdown-item[b-nduxq3vvz7] {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .8rem;
    padding: .25rem .5rem;
    cursor: pointer;
}
#detailKomentar .dropdown-item i[b-nduxq3vvz7] {
    width: 18px;
    text-align: center;
}
#detailKomentar .dropdown-item:last-child[b-nduxq3vvz7] {
    color: var(--abang);
}


/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    #detailKomentar .wrapIsi[b-nduxq3vvz7] {
        padding: 1rem;
    }
}
/* /Pages/Forum/DetailForum_ListMember.razor.rz.scp.css */

.memberForum[b-9ayrff5hlw] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.memberForum .judul[b-9ayrff5hlw] {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .5rem;
    background-color: #fff;
    z-index: 5;
}
.memberForum .judul p[b-9ayrff5hlw] {
    font-weight: 600;
    margin-bottom: 0;
}
.memberForum .judul p i[b-9ayrff5hlw] {
    color: var(--ungu);
    margin-right: .5rem;
}
.memberForum .judul label[b-9ayrff5hlw] {
    display: none;
}

.memberForum .list[b-9ayrff5hlw] {
    flex: 1;
    padding: .5rem;
    background-color: #f7f7f7;
    overflow: hidden auto;
}
.memberForum .each[b-9ayrff5hlw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding: .5rem;
    margin-bottom: .5rem;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
    box-shadow: 1px 3px 8px #00000010;
}
.memberForum .each:hover[b-9ayrff5hlw] {
    background-color: var(--ungu);
    box-shadow: 1px 3px 8px #00000020;
}
.memberForum .bio[b-9ayrff5hlw] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .5rem;
}
.memberForum .bio img[b-9ayrff5hlw] {
    width: 35px;
    aspect-ratio: 1;
    object-fit: cover;
    background-color: #f4f4f4;
    border-radius: 50%;
}
.memberForum .bio p[b-9ayrff5hlw] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.memberForum .bio p:first-child[b-9ayrff5hlw] {
    font-size: .85rem;
    font-weight: 600;
    margin-bottom: 0;
}
.memberForum .bio p:last-child[b-9ayrff5hlw] {
    color: grey;
    font-size: .7rem;
    font-weight: 400;
    margin-bottom: 0;
}
.memberForum .each:hover .bio p[b-9ayrff5hlw] {
    color: #fff;
}
.memberForum .dropdown-toggle[b-9ayrff5hlw] {
    width: 20px;
    height: 20px;
    color: grey;
    font-size: .8rem;
    padding: 0;
    background-color: transparent;
    border: none;
}
.memberForum .each:hover .dropdown-toggle[b-9ayrff5hlw] {
    color: #fff;
}
.memberForum .dropdown-toggle.show[b-9ayrff5hlw] {
    color: var(--ungu);
}
.memberForum .dropdown-toggle[b-9ayrff5hlw]::after {
    display: none;
}
.memberForum .dropdown-menu[b-9ayrff5hlw] {
    min-width: 8rem;
    padding: .25rem 0;
}
.memberForum .dropdown-item[b-9ayrff5hlw] {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .8rem;
    padding: .25rem .5rem;
    cursor: pointer;
}
.memberForum .dropdown-item i[b-9ayrff5hlw] {
    width: 18px;
    text-align: center;
}
.memberForum .dropdown-item:last-child[b-9ayrff5hlw] {
    color: var(--abang);
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .memberForum .judul label[b-9ayrff5hlw] {
        display: block;
        width: 30px;
        height: 30px;
        line-height: 28px;
        color: var(--abang);
        text-align: center;
        font-size: 1rem;
        background-color: #f443361f;
        border-radius: .5rem;
    }
}
/* /Pages/Forum/DetailForum_Pertanyaan.razor.rz.scp.css */

.komentarForum .judul[b-wcunp2pzi9] {
    font-weight: 600;
}
.komentarForum .judul i[b-wcunp2pzi9] {
    color: var(--ungu);
    margin-right: .5rem;
}

.komentarForum .wrapper[b-wcunp2pzi9] {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid #e1e1e1;
    border-radius: 1rem;
}
.komentarForum .pertanyaan[b-wcunp2pzi9] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
.komentarForum .penanya[b-wcunp2pzi9] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.komentarForum .penanya img[b-wcunp2pzi9] {
    width: 45px;
    aspect-ratio: 1;
    object-fit: cover;
    margin-top: .1rem;
    border: 4px solid #fff;
    border-radius: 50%;
    z-index: 3;
}
.komentarForum .penanya p:first-child[b-wcunp2pzi9] {
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0;
}
.komentarForum .penanya p:last-child[b-wcunp2pzi9] {
    color: grey;
    font-size: .8rem;
    font-weight: 400;
    margin-bottom: 0;
}
.komentarForum .pertanyaan .isi[b-wcunp2pzi9] {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
    cursor: pointer;
}

.komentarForum .reaksi[b-wcunp2pzi9] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-top: .5rem;
}
.komentarForum .reaksi div[b-wcunp2pzi9] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: grey;
    height: 20px;
    font-size: .9rem;
    font-weight: 400;
}
.komentarForum .reaksi div i[b-wcunp2pzi9] {
    font-size: .9rem !important;
    margin-top: .1rem;
}
.komentarForum .reaksi span[b-wcunp2pzi9] {
    font-weight: 600;
}

.komentarForum .dropdown-toggle[b-wcunp2pzi9] {
    width: fit-content;
    height: fit-content;
    color: grey;
    font-size: .8rem;
    width: 23px;
    height: 23px;
    padding: 0;
    background-color: transparent;
    border-radius: .25rem;
    border: none;
    transition: .2s ease;
}
.komentarForum .pertanyaan:hover .dropdown-toggle[b-wcunp2pzi9],
.komentarForum .dropdown-toggle.show[b-wcunp2pzi9] {
    color: var(--ungu);
    background-color: #8d73af24;
}
.komentarForum .dropdown-toggle[b-wcunp2pzi9]::after {
    display: none;
}
.komentarForum .dropdown-menu[b-wcunp2pzi9] {
    min-width: 8rem;
    padding: .25rem 0;
}
.komentarForum .dropdown-item[b-wcunp2pzi9] {
    display: flex;
    align-items: center;
    gap: .25rem;
    font-size: .8rem;
    padding: .25rem .5rem;
    cursor: pointer;
}
.komentarForum .dropdown-item i[b-wcunp2pzi9] {
    width: 18px;
    text-align: center;
}
.komentarForum .dropdown-item:last-child[b-wcunp2pzi9] {
    color: var(--abang);
}
/* /Pages/Forum/DetailVerifikasiPertanyaan.razor.rz.scp.css */

.isi[b-cwptbkwhle] {
    flex: 1;
    padding: 1.25rem 1rem 1rem 1rem;
    overflow: hidden auto;
}
.info[b-cwptbkwhle] {
    padding-bottom: 1rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px dashed #e1e1e1;
}
.info .status[b-cwptbkwhle] {
    display: block;
    font-size: .65rem;
    font-weight: 600;
    text-transform: uppercase;
    width: fit-content;
    padding: .25rem .5rem;
    margin-bottom: .5rem;
    color: #ffffff;
    background-color: var(--ijo);
    border-radius: 2rem;
}
.info .status i[b-cwptbkwhle] {
    margin-right: .15rem;
}
.info p:first-of-type[b-cwptbkwhle] {
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: .1rem;
}
.info p:last-child[b-cwptbkwhle] {
    color: grey;
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: 0;
}
.info p span[b-cwptbkwhle] {
    display: inline-block;
    position: relative;
    padding-left: .75rem;
    margin-left: .75rem;
}
.info p span[b-cwptbkwhle]::before {
    content: '';
    position: absolute;
    top: 7px;
    left: -4px;
    width: 6px;
    height: 6px;
    background-color: grey;
    border-radius: 50%;
}
.info button[b-cwptbkwhle] {
    margin-bottom: .25rem;
}

.verifikasi[b-cwptbkwhle] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1rem;
    transition: .3s ease;
    overflow: hidden;
}
#switchVerif[b-cwptbkwhle] {
    display: none;
}
.verifikasi label[b-cwptbkwhle] {
    position: relative;
    height: 100%;
}
.verifikasi label[b-cwptbkwhle]::before {
    content: '';
    display: block;
    width: 45px;
    height: 28px;
    background-color: #4caf5015;
    border: 1px solid #4caf5035;
    border-radius: 2rem;
    transition: .3s ease;
    cursor: pointer;
}
#switchVerif:checked + .verifikasi label[b-cwptbkwhle]::before {
    background-color: #f4433615;
    border-color: #f4433635;
}
.verifikasi label[b-cwptbkwhle]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: var(--ijo);
    border-radius: 2rem;
    transition: .3s ease;
    cursor: pointer;
}
#switchVerif:checked + .verifikasi label[b-cwptbkwhle]::after {
    left: 20px;
    background-color: var(--abang);
}
.verifikasi div[b-cwptbkwhle] {
    flex: 1;
    color: var(--ijo);
    border-radius: .5rem;
    transition: .3s ease;
    user-select: none;
}
#switchVerif:checked ~ .verifikasi div[b-cwptbkwhle] {
    color: var(--abang);
}
.verifikasi div span[b-cwptbkwhle] {
    display: flex;
    align-items: center;
    gap: .5rem;
    height: 100%;
    font-size: 1rem;
    font-weight: 600;
    text-transform: capitalize;
}
#switchVerif:checked ~ .verifikasi div span:first-child[b-cwptbkwhle],
.verifikasi div span:last-child[b-cwptbkwhle] {
    display: none;
}
#switchVerif:checked ~ .verifikasi div span:last-child[b-cwptbkwhle] {
    display: flex;
}

.teks[b-cwptbkwhle] {
    position: relative;
    border: 1px solid #e1e1e1;
    border-radius: .75rem;
    overflow: hidden;
}
#switchVerif:checked ~ .teks[b-cwptbkwhle]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--abang);
    opacity: .15;
    pointer-events: none;
    z-index: 5;
}
.teks.jawaban div:first-child[b-cwptbkwhle] {
    position: relative;
    padding: .75rem;
    color: #fff;
    background-color: var(--ungu);
}
.teks.jawaban div:first-child[b-cwptbkwhle]::before {
    content: '';
    position: absolute;
    bottom: -1.75rem;
    left: 1rem;
    width: 15px;
    height: 1.25rem;
    border-left: 3px solid var(--ungu);
    border-bottom: 3px solid var(--ungu);
    border-bottom-left-radius: .25rem;
}
.teks span:first-child[b-cwptbkwhle] {
    display: none;
    font-size: .85rem;
    font-weight: 600;
    margin-bottom: .25rem;
}
.teks span:last-child[b-cwptbkwhle] {
    display: none;
    font-size: .8rem;
    font-weight: 400;
    padding-left: 1.25rem;
}
.teks.jawaban span[b-cwptbkwhle] {
    display: block;
}

.teks.jawaban div:last-child[b-cwptbkwhle] {
    padding-left: 1.75rem;
}
.teks p:first-child[b-cwptbkwhle] {
    position: relative;
    color: #fff;
    font-size: .85rem;
    font-weight: 500;
    padding: .5rem .75rem;
    margin-bottom: 0;
    background-color: var(--ungu);
}
.teks.jawaban p:first-child[b-cwptbkwhle] {
    color: #333;
    padding: 1rem .75rem 0 .75rem;
    background-color: transparent;
}
.teks p:first-child[b-cwptbkwhle]::before {
    content: 'Pertanyaan';
    position: absolute;
    left: 2rem;
}
.teks.jawaban p:first-child[b-cwptbkwhle]::before {
    content: 'Jawaban';
}
.teks p:last-child[b-cwptbkwhle] {
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    padding: .75rem;
    margin-bottom: 0;
}
.teks p:last-child[b-cwptbkwhle]::before,
.teks p:last-child[b-cwptbkwhle]::after {
    content: '"';
}
.teks.jawaban p:last-child[b-cwptbkwhle] {
    padding: 0 .75rem 1rem .75rem;
}

.tombol[b-cwptbkwhle] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .tombol .btn-success[b-cwptbkwhle] {
        flex: 1;
    }
}
/* /Pages/Forum/ForumEditForm.razor.rz.scp.css */

.formForum[b-z6o5qacu2q] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
}
.formForum .row[b-z6o5qacu2q] {
    padding: 0 .25rem;
}

.formForum .upload[b-z6o5qacu2q] {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: .5rem;
    overflow: hidden;
}
.formForum .upload[b-z6o5qacu2q]  input[type="file"] {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}
.formForum .upload .belum[b-z6o5qacu2q] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    height: 350px;
    color: #a3a3a3;
    background-color: #f8f8f8;
    border: 2px dashed #e1e1e1;
    border-radius: .5rem;
}
.formForum .upload .belum i[b-z6o5qacu2q] {
    font-size: 3rem;
}
.formForum .upload .belum span[b-z6o5qacu2q] {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 400;
}
.formForum .upload .sudah[b-z6o5qacu2q] {
    position: relative;
    height: 350px;
    background-color: #f8f8f8;
    border-radius: .5rem;
    overflow: hidden;
}
.formForum .upload .sudah[b-z6o5qacu2q]::before {
    content: 'Klik untuk mengganti gambar';
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 600;
    background-color: #0000009e;
    pointer-events: none;
    transition: .25s ease;
    opacity: 0;
}
.formForum .upload:hover .sudah[b-z6o5qacu2q]::before {
    opacity: 1;
}
.formForum .upload .sudah img[b-z6o5qacu2q] {
    width: 100%;
    height: auto;
}

.tombol[b-z6o5qacu2q] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .tombol .btn-success[b-z6o5qacu2q] {
        flex: 1;
    }
}
/* /Pages/Forum/IndexForum.razor.rz.scp.css */

#IndexForum[b-v9fcrez09l] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#IndexForum .head[b-v9fcrez09l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
#IndexForum .head .judul[b-v9fcrez09l] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
#IndexForum .head .wrap[b-v9fcrez09l] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 40%;
}
#IndexForum .head .pencarian[b-v9fcrez09l] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .9rem .35rem .7rem;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
}
#IndexForum .head .cari[b-v9fcrez09l] {
    flex: 1;
}
#IndexForum .head .cari form[b-v9fcrez09l] {
    display: flex;
    align-items: center;
}
#IndexForum .head .cari .fa-search[b-v9fcrez09l] {
    color: #c3c3c3;
    margin-right: .4rem;
}
#IndexForum .head .cari div[b-v9fcrez09l] {
    width: 100%;
}
#IndexForum .head .cari input[type=text][b-v9fcrez09l] {
    width: 100%;
    color: #60666d;
    border: none;
    outline: none;
}
#IndexForum .head .cari input[type=text][b-v9fcrez09l]::placeholder {
    color: #c3c3c3;
    font-size: .9rem;
}
#IndexForum .head .cari input[type=reset][b-v9fcrez09l] {
    display: none;
}
#IndexForum .head .cari label[b-v9fcrez09l] {
    display: none;
    font-size: .9rem;
    color: tomato;
    margin-left: .2rem;
    margin-bottom: 0;
    cursor: pointer;
}
#IndexForum .head .cari input[type=text]:not(:placeholder-shown) + label[b-v9fcrez09l] {
    display: block;
}
#IndexForum .head .buatBaru span[b-v9fcrez09l] {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 38px;
    font-size: .9rem;
    color: var(--ungu);
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
    cursor: pointer;
}
#IndexForum .head .buatBaru span:hover[b-v9fcrez09l] {
    color: #fff;
    background-color: var(--ungu);
}

#IndexForum .list[b-v9fcrez09l] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow: hidden auto;
}
#IndexForum .list .item[b-v9fcrez09l] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .75rem 1rem;
    margin-bottom: .75rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #e4e4e4;
    cursor: pointer;
}
#IndexForum .item img[b-v9fcrez09l] {
    width: 85px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: .5rem;
    transition: .3s ease;
}
#IndexForum .teks[b-v9fcrez09l] {
    flex: 1
}
#IndexForum .item p:nth-of-type(1)[b-v9fcrez09l] {
    position: absolute;
    top: .75rem;
    right: 1rem;
    width: fit-content;
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    text-transform: capitalize;
    padding: .15rem .75rem;
    margin-bottom: .5rem;
    background-color: #ff9800;
    border-radius: 2rem;
}
#IndexForum .item p:nth-of-type(1).publish[b-v9fcrez09l] {
    background-color: var(--ijo);
}
#IndexForum .item p:nth-of-type(2)[b-v9fcrez09l] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    margin-bottom: .25rem;
}
#IndexForum .teks > div[b-v9fcrez09l] {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #5a5a5a;
}
#IndexForum .teks span[b-v9fcrez09l] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: .5rem;
}
#IndexForum .teks span i[b-v9fcrez09l] {
    font-size: .95rem;
    margin-right: .35rem;
}
#IndexForum .item p:last-of-type[b-v9fcrez09l] {
    color: grey;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    #IndexForum .head[b-v9fcrez09l] {
        padding: 0 1rem;
    }
    #IndexForum .head .judul[b-v9fcrez09l] {
        font-size: 1.25rem;
    }
    #IndexForum .head .wrap[b-v9fcrez09l] {
        width: 60%;
    }
    #IndexForum .list[b-v9fcrez09l] {
        padding: 1rem;
    }
    #IndexForum .list .item[b-v9fcrez09l] {
        flex-direction: column;
        align-items: flex-start;
        gap: .75rem;
        padding: .75rem;
    }

    #IndexForum .item img[b-v9fcrez09l] {
        width: 100%;
        height: 130px;
        border-radius: .25rem;
    }
    #IndexForum .teks[b-v9fcrez09l] {
        width: 100%;
    }
    #IndexForum .item p:nth-of-type(1)[b-v9fcrez09l] {
        top: 1.25rem;
        right: 1.25rem;
    }
    #IndexForum .item p:nth-of-type(2)[b-v9fcrez09l] {
        font-size: 1rem;
    }
    #IndexForum .teks > div[b-v9fcrez09l] {
        gap: .75rem;
    }
    #IndexForum .teks span[b-v9fcrez09l] {
        font-size: .85rem;
    }
    #IndexForum .teks span i[b-v9fcrez09l] {
        font-size: .8rem;
        margin-right: .25rem;
    }
    #IndexForum .item p:last-of-type[b-v9fcrez09l] {
        font-size: .9rem;
        -webkit-line-clamp: 2;
    }
}
/* /Pages/Forum/IndexVerifikasiPertanyaan.razor.rz.scp.css */

#indexVerifikasiPertanyaan[b-5nvw74r8fv] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.head[b-5nvw74r8fv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
.head .judul[b-5nvw74r8fv] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}

.list[b-5nvw74r8fv] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow: hidden auto;
}
.list .item[b-5nvw74r8fv] {
    position: relative;
    padding: .75rem 1rem;
    margin-bottom: .75rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .75rem;
    box-shadow: 2px 4px 15px #e4e4e4;
    cursor: pointer;
}

.item .info[b-5nvw74r8fv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    border-bottom: 1px dashed #e1e1e1;
}
.item .title[b-5nvw74r8fv] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .75rem;
}
.item .info svg[b-5nvw74r8fv] {
    display: none;
    width: 36px;
    height: 36px;
}
.item.pertanyaan .info svg:first-of-type[b-5nvw74r8fv],
.item.jawaban .info svg:nth-of-type(2)[b-5nvw74r8fv] {
    display: block;
}
.item .info svg path[b-5nvw74r8fv] {
    fill: grey;
}
.item.pertanyaan .info svg path[b-5nvw74r8fv] {
    fill: var(--ungu);
}
.item.jawaban .info svg path[b-5nvw74r8fv] {
    fill: grey;
}

.item .info p:first-child[b-5nvw74r8fv] {
    font-size: .95rem;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0;
}
.item .info p:last-child[b-5nvw74r8fv] {
    color: grey;
    font-size: .85rem;
    font-weight: 400;
    margin-bottom: 0;
}
.item .info p span[b-5nvw74r8fv] {
    display: inline-block;
    position: relative;
    padding-left: .75rem;
    margin-left: .75rem;
}
.item .info p span[b-5nvw74r8fv]::before {
    content: '';
    position: absolute;
    top: 7px;
    left: -4px;
    width: 6px;
    height: 6px;
    background-color: grey;
    border-radius: 50%;
}
.item .info .status[b-5nvw74r8fv] {
    display: block;
    font-size: .65rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: .25rem .65rem;
    color: #ffffff;
    background-color: var(--ijo);
    border-radius: 2rem;
}
.item .info .status i[b-5nvw74r8fv] {
    margin-right: .15rem;
}

.item .teks[b-5nvw74r8fv] {
    position: relative;
    font-size: 1rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.item .teks[b-5nvw74r8fv]::before,
.item .teks[b-5nvw74r8fv]::after {
    content: '"';
}




/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .head[b-5nvw74r8fv] {
        padding: 0 1rem;
    }
    .head .judul[b-5nvw74r8fv] {
        font-size: 1.25rem;
    }
    .list[b-5nvw74r8fv] {
        padding: 1rem;
    }
    .list .item .title[b-5nvw74r8fv] {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }
    .item .info svg[b-5nvw74r8fv] {
        width: 25px;
        height: 25px;
    }
    .item .info p:first-child[b-5nvw74r8fv] {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .item .info p span[b-5nvw74r8fv] {
        padding-left: .5rem;
        margin-left: .5rem;
    }
    .list .status[b-5nvw74r8fv] {
        position: absolute;
        top: .85rem;
        right: .75rem;
    }
    .item .teks[b-5nvw74r8fv] {
        font-size: .9rem;
    }
}
/* /Pages/Index.razor.rz.scp.css */

.IndexUtama[b-uvyyzqgt31] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: rgb(249,249,249);
    background: linear-gradient(90deg, rgb(244 243 245) 0%, rgb(215 212 215) 100%);
}
.IndexUtama .isi[b-uvyyzqgt31] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    height: 100%;
    width: 80%;
}

.IndexUtama .atas[b-uvyyzqgt31] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    padding-top: 5rem;
}
.IndexUtama .atas img[b-uvyyzqgt31] {
    width: 100px;
    height: auto;
    margin-bottom: 1rem;
}
.IndexUtama .atas p:nth-of-type(1)[b-uvyyzqgt31] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: .3rem;
}
.IndexUtama .atas p:nth-of-type(2)[b-uvyyzqgt31] {
    color: grey;
}
.IndexUtama .atas a[b-uvyyzqgt31] {
    margin-top: 2rem;
    padding: .3rem 2rem !important;
}

.IndexUtama .bawah[b-uvyyzqgt31] {
    width: 100%;
    height: 100%;
    background-image: url(https://hamilkuid.blob.core.windows.net/aset/Index/bgIndexPasien.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}


/*HP*/
@media screen and (max-width: 767px) {
    .IndexUtama .isi[b-uvyyzqgt31] {
        grid-template-columns: 100%;
        width: 85%;
    }
    .IndexUtama .atas[b-uvyyzqgt31] {
        padding-top: 3rem;
    }
    .IndexUtama .bawah[b-uvyyzqgt31] {
        min-height: 260px;
        background-position: center bottom;
    }
}
/* /Pages/IndexDashboard.razor.rz.scp.css */

#indexDashboard[b-lywix5ufro] {
    position: relative;
    height: 100%;
    padding: 1.5rem;
    background-color: #f2f2f2;
    overflow: hidden auto;
}
#indexDashboard .wrapper[b-lywix5ufro] {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: max-content auto;
    gap: 1rem;
    height: 100%;
}
#indexDashboard .cardDB[b-lywix5ufro] {
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 2px 2px 10px #00000015;
    overflow: hidden auto;
}
#indexDashboard .cardDB:nth-of-type(1)[b-lywix5ufro] {
    grid-area: 1 / 1 / 1 / 3;
}
#indexDashboard .cardDB:nth-of-type(2)[b-lywix5ufro] {
    grid-area: 1 / 3 / 1 / 5;
}
#indexDashboard .cardDB:nth-of-type(3)[b-lywix5ufro] {
    grid-area: 1 / 5 / 1 / 7;
}
#indexDashboard .cardDB:nth-of-type(4)[b-lywix5ufro] {
    grid-area: 2 / 1 / 2 / 4;
}
#indexDashboard .cardDB:nth-of-type(5)[b-lywix5ufro] {
    grid-area: 2 / 4 / 2 / 7;
}
#indexDashboard .cardDB:nth-of-type(6)[b-lywix5ufro] {
    grid-area: 1 / 7 / 1 / 10;
}
#indexDashboard .cardDB:nth-of-type(7)[b-lywix5ufro] {
    grid-area: 2 / 7 / 2 / 10;
}
#indexDashboard .judul[b-lywix5ufro] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-bottom: .5rem;
}
#indexDashboard .judul span:first-child[b-lywix5ufro] {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}
#indexDashboard .judul span:last-child[b-lywix5ufro] {
    color: #cfcfcf;
    cursor: pointer;
}
#indexDashboard .judul span:last-child:hover[b-lywix5ufro] {
    color: var(--ungu);
    animation: bounceRight-b-lywix5ufro 1.1s ease infinite;
}
@keyframes bounceRight-b-lywix5ufro {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-25%);
    }
}
#indexDashboard .konten[b-lywix5ufro] {
    flex: 1;
    position: relative;
}


/*TABLET*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #indexDashboard[b-lywix5ufro] {
        padding: 1rem;
    }
    #indexDashboard .wrapper[b-lywix5ufro] {
        grid-template-columns: repeat(2, calc(50% - .5rem));
        grid-template-rows: unset;
        grid-auto-rows: max-content;
    }
    #indexDashboard .cardDB[b-lywix5ufro] {
        grid-area: unset !important;
    }
    #indexDashboard .cardDB:nth-of-type(6)[b-lywix5ufro] {
        order: -1;
    }
}


/*HP*/
@media screen and (max-width: 767px) {
    #indexDashboard[b-lywix5ufro] {
        padding: 1rem;
    }
    #indexDashboard .wrapper[b-lywix5ufro] {
        grid-template-columns: 1fr;
        grid-template-rows: unset;
        grid-auto-rows: max-content;
    }
    #indexDashboard .cardDB[b-lywix5ufro] {
        padding: 1.25rem 1rem;
        grid-area: unset !important;
    }
}
/* /Pages/IndexDataFaskes.razor.rz.scp.css */

#indexDataFaskes[b-rg41pr761z] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#indexDataFaskes .head[b-rg41pr761z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
#indexDataFaskes .head .judul[b-rg41pr761z] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
#indexDataFaskes .head .wrap[b-rg41pr761z] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 40%;
}
#indexDataFaskes .head .pencarian[b-rg41pr761z] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .9rem .35rem .7rem;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
}
#indexDataFaskes .head .cari[b-rg41pr761z] {
    flex: 1;
}
#indexDataFaskes .head .cari form[b-rg41pr761z] {
    display: flex;
    align-items: center;
}
#indexDataFaskes .head .cari .fa-search[b-rg41pr761z] {
    color: #c3c3c3;
    margin-right: .4rem;
}
#indexDataFaskes .head .cari div[b-rg41pr761z] {
    width: 100%;
}
#indexDataFaskes .head .cari input[type=text][b-rg41pr761z] {
    width: 100%;
    color: #60666d;
    border: none;
    outline: none;
}
#indexDataFaskes .head .cari input[type=text][b-rg41pr761z]::placeholder {
    color: #c3c3c3;
    font-size: .9rem;
}
#indexDataFaskes .head .cari input[type=reset][b-rg41pr761z] {
    display: none;
}
#indexDataFaskes .head .cari label[b-rg41pr761z] {
    display: none;
    font-size: .9rem;
    color: tomato;
    margin-left: .2rem;
    margin-bottom: 0;
    cursor: pointer;
}
#indexDataFaskes .head .cari input[type=text]:not(:placeholder-shown) + label[b-rg41pr761z] {
    display: block;
}

#indexDataFaskes .head .addFilter span[b-rg41pr761z] {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 38px;
    font-size: .9rem;
    color: var(--ungu);
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
    cursor: pointer;
}
#indexDataFaskes .head .addFilter span:hover[b-rg41pr761z] {
    color: #fff;
    background-color: var(--ungu);
}

#indexDataFaskes .filter[b-rg41pr761z] {
    padding: 1rem 1.5rem;
}
#indexDataFaskes .filter p[b-rg41pr761z] {
    color: grey;
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: .5rem;
}
#indexDataFaskes .filter .list[b-rg41pr761z] {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    width: 100%;
}
#indexDataFaskes .filter .item[b-rg41pr761z] {
    position: relative;
    font-size: .75rem;
    text-transform: capitalize;
    width: fit-content;
    padding: .25rem 1.6rem .25rem .7rem;
    color: #fff;
    background-color: #9c84bc;
    border-radius: 3rem;
    user-select: none;
    cursor: pointer;
}
#indexDataFaskes .filter .item:hover[b-rg41pr761z] {
    background-color: var(--ungu);
}
#indexDataFaskes .filter .item i[b-rg41pr761z] {
    padding-left: .3rem;
    cursor: pointer;
}
#indexDataFaskes .filter .item:hover i[b-rg41pr761z] {
    color: #FFEB3B;
}
#indexDataFaskes .filter .item .remove[b-rg41pr761z] {
    position: absolute;
    right: .7rem;
    text-align: right;
}

#indexDataFaskes .isi[b-rg41pr761z] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow-y: auto;
}
#indexDataFaskes .isi .item[b-rg41pr761z] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .6rem .8rem;
    margin-bottom: .8rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #e4e4e4;
    cursor: pointer;
}
#indexDataFaskes .isi .item .teks[b-rg41pr761z] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
#indexDataFaskes .isi .item img[b-rg41pr761z] {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: .5rem;
}
#indexDataFaskes .isi .item p:nth-of-type(1)[b-rg41pr761z] {
    font-size: .7rem;
    font-weight: 400;
    width: fit-content;
    padding: 0 .4rem;
    margin-bottom: .1rem;
    color: #fff;
    background-color: var(--ungu);
}
#indexDataFaskes .isi .item p:nth-of-type(2)[b-rg41pr761z] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0;
}
#indexDataFaskes .isi .item p:nth-of-type(3)[b-rg41pr761z] {
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: .4rem;
}
#indexDataFaskes .isi .item .info[b-rg41pr761z] {
    display: flex;
    align-items: center;
    gap: 2rem;
}
#indexDataFaskes .isi .item .info div[b-rg41pr761z] {
    display: flex;
    align-items: center;
    gap: .6rem;
}
#indexDataFaskes .isi .item .info i[b-rg41pr761z] {
    color: #555;
    font-size: .85rem;
}
#indexDataFaskes .isi .item .info span[b-rg41pr761z] {
    font-size: .9rem;
    font-weight: 400;
}
#indexDataFaskes .isi .item .info span .fa-times-circle[b-rg41pr761z] {
    color: #f44336;
    font-size: .8rem;
}
#indexDataFaskes .isi .item .info span .fa-check-circle[b-rg41pr761z] {
    color: #4caf50;
    font-size: .8rem;
}


/*HP*/
@media screen and (max-width: 767px) {
    #indexDataFaskes .head[b-rg41pr761z] {
        padding: 0 1rem;
    }
    #indexDataFaskes .head .judul[b-rg41pr761z] {
        font-size: 1.25rem;
    }
    #indexDataFaskes .head .wrap[b-rg41pr761z] {
        width: 60%;
    }
    #indexDataFaskes .filter[b-rg41pr761z] {
        padding: 1rem;
    }
    #indexDataFaskes .filter .item .remove[b-rg41pr761z] {
        width: 80%;
    }
    #indexDataFaskes .isi[b-rg41pr761z] {
        padding: 1rem;
    }
    #indexDataFaskes .isi .item p:nth-of-type(2)[b-rg41pr761z] {
        font-size: .9rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    #indexDataFaskes .isi .item p:nth-of-type(3)[b-rg41pr761z] {
        font-size: .8rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    #indexDataFaskes .isi .item .info[b-rg41pr761z] {
        gap: 1.25rem;
        flex-wrap: wrap;
    }
    #indexDataFaskes .isi .item .info div[b-rg41pr761z] {
        gap: .5rem;
    }
}
/* /Pages/IndexKelasBumil.razor.rz.scp.css */

#indexKelasBumil[b-yshn11hk5r] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#indexKelasBumil .head[b-yshn11hk5r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
#indexKelasBumil .head .judul[b-yshn11hk5r] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
#indexKelasBumil .head .wrap[b-yshn11hk5r] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 40%;
}
#indexKelasBumil .head .pencarian[b-yshn11hk5r] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .9rem .35rem .7rem;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
}
#indexKelasBumil .head .cari[b-yshn11hk5r] {
    flex: 1;
}
#indexKelasBumil .head .cari form[b-yshn11hk5r] {
    display: flex;
    align-items: center;
}
#indexKelasBumil .head .cari .fa-search[b-yshn11hk5r] {
    color: #c3c3c3;
    margin-right: .4rem;
}
#indexKelasBumil .head .cari div[b-yshn11hk5r] {
    width: 100%;
}
#indexKelasBumil .head .cari input[type=text][b-yshn11hk5r] {
    width: 100%;
    color: #60666d;
    border: none;
    outline: none;
}
#indexKelasBumil .head .cari input[type=text][b-yshn11hk5r]::placeholder {
    color: #c3c3c3;
    font-size: .9rem;
}
#indexKelasBumil .head .cari input[type=reset][b-yshn11hk5r] {
    display: none;
}
#indexKelasBumil .head .cari label[b-yshn11hk5r] {
    display: none;
    font-size: .9rem;
    color: tomato;
    margin-left: .2rem;
    margin-bottom: 0;
    cursor: pointer;
}
#indexKelasBumil .head .cari input[type=text]:not(:placeholder-shown) + label[b-yshn11hk5r] {
    display: block;
}
#indexKelasBumil .head .buatBaru span[b-yshn11hk5r] {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 38px;
    font-size: .9rem;
    color: var(--ungu);
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
    cursor: pointer;
}
#indexKelasBumil .head .buatBaru span:hover[b-yshn11hk5r] {
    color: #fff;
    background-color: var(--ungu);
}

#indexKelasBumil .list[b-yshn11hk5r] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow: hidden auto;
}
#indexKelasBumil .list .item[b-yshn11hk5r] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .75rem 1rem;
    margin-bottom: .75rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #e4e4e4;
    cursor: pointer;
}
#indexKelasBumil .item img[b-yshn11hk5r] {
    width: 180px;
    height: 100px;
    object-fit: cover;
    border-radius: .5rem;
    transition: .3s ease;
}
#indexKelasBumil .teks[b-yshn11hk5r] {
    flex: 1
}
#indexKelasBumil .item p:nth-of-type(1)[b-yshn11hk5r] {
    color: var(--ungu);
    font-size: .85rem;
    font-weight: 600;
    margin-bottom: 0;
}
#indexKelasBumil .item p:nth-of-type(2)[b-yshn11hk5r] {
    color: #5a5a5a;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    margin-bottom: .5rem;
}
#indexKelasBumil .info[b-yshn11hk5r] {
    color: #5a5a5a;
}
#indexKelasBumil .info i[b-yshn11hk5r] {
    width: 18px;
    font-size: .8rem;
    text-align: center;
    margin-right: .25rem;
}
#indexKelasBumil .info span[b-yshn11hk5r] {
    font-size: .85rem;
    font-weight: 400;
    margin-right: 2rem;
}

#indexKelasBumil .status[b-yshn11hk5r] {
    position: absolute;
    top: .5rem;
    right: .75rem;
}
#indexKelasBumil .status span[b-yshn11hk5r] {
    display: inline-block;
    color: #fff;
    font-size: .65rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: .25rem .65rem;
    border-radius: 2rem;
}
#indexKelasBumil .status span:first-child[b-yshn11hk5r] {
    margin-right: .25rem;
}
#indexKelasBumil .status .terbit[b-yshn11hk5r] {
    background-color: var(--ungu);
}
#indexKelasBumil .status .selesai[b-yshn11hk5r] {
    background-color: #f44336;
}
#indexKelasBumil .status .draft[b-yshn11hk5r] {
    background-color: #ff9800;
}
#indexKelasBumil .status .publish[b-yshn11hk5r] {
    background-color: #4caf50;
}
#indexKelasBumil .status i[b-yshn11hk5r] {
    font-size: .7rem;
    margin-right: .25rem;
}




/*##################### TABLET #####################*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #indexKelasBumil .list .item[b-yshn11hk5r] {
        align-items: flex-start;
    }
    #indexKelasBumil .item img[b-yshn11hk5r] {
        width: 100px;
        height: 75px;
    }
    #indexKelasBumil .item p:nth-of-type(2)[b-yshn11hk5r] {
        font-size: 1.1rem;
    }
    #indexKelasBumil .info span[b-yshn11hk5r] {
        margin-right: 1rem;
    }
}


/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    #indexKelasBumil .head[b-yshn11hk5r] {
        padding: 0 1rem;
    }
    #indexKelasBumil .head .judul[b-yshn11hk5r] {
        font-size: 1.25rem;
    }
    #indexKelasBumil .head .wrap[b-yshn11hk5r] {
        width: 60%;
    }
    #indexKelasBumil .list[b-yshn11hk5r] {
        padding: 1rem;
    }
    #indexKelasBumil .list .item[b-yshn11hk5r] {
        flex-direction: column;
        align-items: flex-start;
        gap: .75rem;
        padding: .75rem;
    }
    #indexKelasBumil .item img[b-yshn11hk5r] {
        width: 100%;
        height: 175px;
        border-radius: .25rem;
    }
    #indexKelasBumil .teks[b-yshn11hk5r] {
        width: 100%;
    }
    #indexKelasBumil .item p:nth-of-type(2)[b-yshn11hk5r] {
        font-size: 1rem;
    }
    #indexKelasBumil .info span[b-yshn11hk5r] {
        margin-right: 1rem;
    }
    #indexKelasBumil .info span:last-child[b-yshn11hk5r] {
        display: block;
    }
    #indexKelasBumil .status[b-yshn11hk5r] {
        position: absolute;
        top: 173px;
        right: 1.5rem;
    }
    #indexKelasBumil .status span[b-yshn11hk5r] {
        border: 3px solid #fff;
    }
    #indexKelasBumil .status span:first-child[b-yshn11hk5r] {
        margin-right: 0;
    }

    #indexKelasBumil .gambar[b-yshn11hk5r] {
        width: 100%;
    }
    #indexKelasBumil .gambar[b-yshn11hk5r]  #lazySkeleton {
        min-width: 100% !important;
        width: 100% !important;
        height: 175px !important;
        border-radius: .25rem !important;
    }
    #indexKelasBumil .atas[b-yshn11hk5r]  #lazySkeleton:first-child {
        min-width: 100px !important;
        width: 100px !important;
    }
    #indexKelasBumil .atas[b-yshn11hk5r]  #lazySkeleton:last-child {
        min-width: 50% !important;
        width: 50% !important;
    }
    #indexKelasBumil .info[b-yshn11hk5r]  #lazySkeleton:first-child {
        min-width: 90% !important;
        width: 90% !important;
    }
    #indexKelasBumil .info[b-yshn11hk5r]  #lazySkeleton:last-child {
        min-width: 70% !important;
        width: 70% !important;
    }
}
/* /Pages/IndexListJob.razor.rz.scp.css */

.areaListJob[b-yym5mnb9t3] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.areaListJob .head[b-yym5mnb9t3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
.areaListJob .head .judul[b-yym5mnb9t3] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.areaListJob .head .wrap[b-yym5mnb9t3] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 40%;
}
.areaListJob .head .pencarian[b-yym5mnb9t3] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .9rem .35rem .7rem;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
}
.areaListJob .head .cari[b-yym5mnb9t3] {
    flex: 1;
}
.areaListJob .head .cari form[b-yym5mnb9t3] {
    display: flex;
    align-items: center;
}
.areaListJob .head .cari .fa-search[b-yym5mnb9t3] {
    color: #c3c3c3;
    margin-right: .4rem;
}
.areaListJob .head .cari div[b-yym5mnb9t3] {
    width: 100%;
}
.areaListJob .head .cari input[type=text][b-yym5mnb9t3] {
    width: 100%;
    color: #60666d;
    border: none;
    outline: none;
}
.areaListJob .head .cari input[type=text][b-yym5mnb9t3]::placeholder {
    color: #c3c3c3;
    font-size: .9rem;
}
.areaListJob .head .cari input[type=reset][b-yym5mnb9t3] {
    display: none;
}
.areaListJob .head .cari label[b-yym5mnb9t3] {
    display: none;
    font-size: .9rem;
    color: tomato;
    margin-left: .2rem;
    margin-bottom: 0;
    cursor: pointer;
}
.areaListJob .head .cari input[type=text]:not(:placeholder-shown) + label[b-yym5mnb9t3] {
    display: block;
}

.areaListJob .isi[b-yym5mnb9t3] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
}
.areaListJob .isi .itemJob[b-yym5mnb9t3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .6rem .8rem;
    margin-bottom: .8rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #e4e4e4;
    cursor: pointer;
}
.areaListJob .isi .itemJob p:nth-of-type(1)[b-yym5mnb9t3] {
    color: #555;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .2rem;
}
.areaListJob .isi .itemJob p:nth-of-type(2)[b-yym5mnb9t3] {
    color: grey;
    font-size: .95rem;
    font-weight: 400;
    margin-bottom: 0;
}
.areaListJob .isi .itemJob .profesi[b-yym5mnb9t3] {
    display: block;
    font-size: .75rem;
    line-height: 1;
    padding: .4rem .7rem;
    color: #fff;
    border-radius: 2rem;
}
.areaListJob .isi .itemJob.Obgyn .profesi[b-yym5mnb9t3] {
    background-color: #1e91ec;
}
.areaListJob .isi .itemJob.Doctor .profesi[b-yym5mnb9t3] {
    background-color: #17aaa7;
}
.areaListJob .isi .itemJob.Bidan .profesi[b-yym5mnb9t3] {
    background-color: #38c257;
}


/*HP*/
@media screen and (max-width: 767px) {
    .areaListJob .head[b-yym5mnb9t3] {
        padding: 0 1rem;
    }
    .areaListJob .head .judul[b-yym5mnb9t3] {
        font-size: 1.1rem;
    }
    .areaListJob .head .wrap[b-yym5mnb9t3] {
        width: 60%;
    }
    .areaListJob .isi[b-yym5mnb9t3] {
        padding: 1rem;
    }
    .areaListJob .isi .itemJob .profesi[b-yym5mnb9t3] {
        font-size: .7rem;
    }
}
/* /Pages/IndexOrder.razor.rz.scp.css */

#indexOrder[b-papruzvm5q] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#indexOrder .head[b-papruzvm5q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
#indexOrder .head .judul[b-papruzvm5q] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
#indexOrder .filter[b-papruzvm5q] {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    gap: 1rem;
}
#indexOrder .filter p[b-papruzvm5q] {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 0;
}
#indexOrder .filter .radio[b-papruzvm5q] {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    overflow: auto hidden;
}

#indexOrder .list[b-papruzvm5q] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow: hidden auto;
}
#indexOrder .list .item[b-papruzvm5q] {
    position: relative;
    padding: .75rem 1rem;
    margin-bottom: .75rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #e4e4e4;
    cursor: pointer;
}
#indexOrder .list .atas[b-papruzvm5q] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    border-bottom: 1px dashed #e1e1e1;
}
#indexOrder .list .atas > div > span:nth-of-type(1)[b-papruzvm5q] {
    display: block;
    width: fit-content;
    font-size: .7rem;
    text-transform: capitalize;
    padding: .1rem .5rem;
    color: #fff;
    background-color: #4CAF50;
    border-radius: .25rem;
    margin-bottom: .25rem;
}
#indexOrder .list .atas > div > span:nth-of-type(1).cancel[b-papruzvm5q] {
    background-color: #f44336;
}
#indexOrder .list .atas > div > span:nth-of-type(1).pending[b-papruzvm5q] {
    color: #353535;
    background-color: #ffc107;
}
#indexOrder .list .atas > div > span:nth-of-type(1).expire[b-papruzvm5q] {
    background-color: #3f4548;
}
#indexOrder .list .atas > div > span:nth-of-type(2)[b-papruzvm5q] {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
}
#indexOrder .list .atas > div div[b-papruzvm5q] {
    display: flex;
    align-items: center;
    gap: 2rem;
}
#indexOrder .list .atas > div div span[b-papruzvm5q] {
    display: block;
    font-size: .9rem;
}
#indexOrder .list .atas p[b-papruzvm5q] {
    font-size: .85rem;
    margin-bottom: 0;
}

#indexOrder .list .bawah[b-papruzvm5q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}
#indexOrder .list .bawah span[b-papruzvm5q] {
    display: block;
    color: grey;
    font-size: .7rem;
    font-weight: 400;
}
#indexOrder .list .bawah p[b-papruzvm5q] {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 0;
}
#indexOrder .list .bawah div:last-child[b-papruzvm5q] {
    text-align: right;
}


/*HP*/
@media screen and (max-width: 767px) {
    #indexOrder .head[b-papruzvm5q] {
        padding: 0 1rem;
    }
    #indexOrder .filter[b-papruzvm5q] {
        padding: 1rem;
    }
    #indexOrder .filter p[b-papruzvm5q] {
        display: none;
    }
    #indexOrder .list[b-papruzvm5q] {
        padding: 1rem;
    }
    #indexOrder .list .atas[b-papruzvm5q] {
        gap: 0;
    }
    #indexOrder .list .atas > div > span:nth-of-type(2)[b-papruzvm5q] {
        font-size: 1rem;
    }
    #indexOrder .list .atas > div div[b-papruzvm5q] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    #indexOrder .list .atas p[b-papruzvm5q] {
        position: absolute;
        right: 1rem;
    }
}
/* /Pages/IndexPendaftaran.razor.rz.scp.css */

#areaPendaftaran[b-8xhzi3i53e] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#areaPendaftaran .head[b-8xhzi3i53e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
#areaPendaftaran .head .judul[b-8xhzi3i53e] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
#areaPendaftaran .head .wrap[b-8xhzi3i53e] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    width: 40%;
}

#areaPendaftaran .head .pilihAcara[b-8xhzi3i53e] {
    display: flex;
    align-items: center;
    gap: .5rem;
    height: 38px;
    padding: .2rem 1rem;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
}
#areaPendaftaran .head .pilihAcara p[b-8xhzi3i53e] {
    flex: 1;
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: 0;
}
#areaPendaftaran .head .pilihAcara select[b-8xhzi3i53e] {
    color: grey;
    font-size: .9rem;
    font-weight: 600;
    border: none;
    outline: none;
}
#areaPendaftaran .head .pilihAcara select:focus[b-8xhzi3i53e] {
    color: #555;
}

/*HP*/
@media screen and (max-width: 767px) {
    #areaPendaftaran .head[b-8xhzi3i53e] {
        padding: 0 1rem;
    }
    #areaPendaftaran .head .judul[b-8xhzi3i53e] {
        font-size: 1.25rem;
    }
    #areaPendaftaran .head .pilihAcara p[b-8xhzi3i53e] {
        display: none;
    }
}
/* /Pages/IndexTatapMuka.razor.rz.scp.css */

#indexTatapMuka[b-j0rilzk07j] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#indexTatapMuka .head[b-j0rilzk07j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
#indexTatapMuka .head .judul[b-j0rilzk07j] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
#indexTatapMuka .filter[b-j0rilzk07j] {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    gap: 1rem;
}
#indexTatapMuka .filter p[b-j0rilzk07j] {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 0;
}
#indexTatapMuka .filter .radio[b-j0rilzk07j] {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    overflow: auto hidden;
}

#indexTatapMuka .list[b-j0rilzk07j] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow: hidden auto;
}
#indexTatapMuka .list .item[b-j0rilzk07j] {
    position: relative;
    padding: .75rem 1rem;
    margin-bottom: .75rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #e4e4e4;
    cursor: pointer;
}
#indexTatapMuka .list .atas[b-j0rilzk07j] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    border-bottom: 1px dashed #e1e1e1;
}
#indexTatapMuka .list .atas .bio[b-j0rilzk07j]  {
    display: flex;
    align-items: center;
    gap: .75rem;
}
#indexTatapMuka .list .atas img[b-j0rilzk07j] {
    width: 75px;
    height: 75px;
    object-fit: cover;
    object-position: top;
    border-radius: .5rem;
}
#indexTatapMuka .list .bio > div > span:nth-of-type(1)[b-j0rilzk07j] {
    display: block;
    width: fit-content;
    font-size: .7rem;
    text-transform: capitalize;
    padding: .1rem .5rem;
    color: #fff;
    background-color: #4CAF50;
    border-radius: .25rem;
    margin-bottom: .25rem;
}
#indexTatapMuka .list .bio > div > span:nth-of-type(1).cancel[b-j0rilzk07j] {
    background-color: #f44336;
}
#indexTatapMuka .list .bio > div > span:nth-of-type(1).pending[b-j0rilzk07j] {
    color: #353535;
    background-color: #ffc107;
}
#indexTatapMuka .list .bio > div > span:nth-of-type(2)[b-j0rilzk07j] {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
}
#indexTatapMuka .list .bio > div div[b-j0rilzk07j] {
    display: flex;
    align-items: center;
    gap: 2rem;
}
#indexTatapMuka .list .bio > div div span[b-j0rilzk07j] {
    display: block;
    font-size: .9rem;
}
#indexTatapMuka .list .atas p[b-j0rilzk07j] {
    font-size: .85rem;
    margin-bottom: 0;
}

#indexTatapMuka .list .bawah[b-j0rilzk07j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}
#indexTatapMuka .list .bawah span[b-j0rilzk07j] {
    display: block;
    color: grey;
    font-size: .7rem;
    font-weight: 400;
}
#indexTatapMuka .list .bawah p[b-j0rilzk07j] {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 0;
}
#indexTatapMuka .list .bawah div:last-child[b-j0rilzk07j] {
    text-align: right;
}


/*HP*/
@media screen and (max-width: 767px) {
    #indexTatapMuka .head[b-j0rilzk07j] {
        padding: 0 1rem;
    }
    #indexTatapMuka .filter[b-j0rilzk07j] {
        padding: 1rem;
    }
    #indexTatapMuka .filter p[b-j0rilzk07j] {
        display: none;
    }
    #indexTatapMuka .list[b-j0rilzk07j] {
        padding: 1rem;
    }
    #indexTatapMuka .list .atas[b-j0rilzk07j] {
        gap: 0;
    }
    #indexTatapMuka .list .atas img[b-j0rilzk07j] {
        display: none;
    }
    #indexTatapMuka .list .bio > div > span:nth-of-type(2)[b-j0rilzk07j] {
        font-size: 1rem;
    }
    #indexTatapMuka .list .bio > div div[b-j0rilzk07j] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    #indexTatapMuka .list .atas p[b-j0rilzk07j] {
        position: absolute;
        right: 1rem;
    }
}
/* /Pages/IndexVerifikasi.razor.rz.scp.css */

#indexVerifikasi[b-fiedo3sdz7] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#indexVerifikasi .head[b-fiedo3sdz7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
#indexVerifikasi .head .judul[b-fiedo3sdz7] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}

#indexVerifikasi .filter[b-fiedo3sdz7] {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    gap: 1rem;
}
#indexVerifikasi .filter p[b-fiedo3sdz7] {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 0;
}
#indexVerifikasi .filter .radio[b-fiedo3sdz7] {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    overflow: auto hidden;
}

#indexVerifikasi .list[b-fiedo3sdz7] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
}
#indexVerifikasi .list .item[b-fiedo3sdz7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: .6rem .8rem;
    margin-bottom: .8rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #e4e4e4;
    cursor: pointer;
}
#indexVerifikasi .list .item .nama[b-fiedo3sdz7] {
    color: #555;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .2rem;
}
#indexVerifikasi .list .item .nomer[b-fiedo3sdz7] {
    color: grey;
    font-size: .95rem;
    font-weight: 400;
    margin-bottom: 0;
}
#indexVerifikasi .list .item .nomer i[b-fiedo3sdz7] {
    font-size: .85rem;
    margin-right: .3rem;
}
#indexVerifikasi .list .item .status[b-fiedo3sdz7] {
    display: block;
    font-size: .75rem;
    line-height: 1;
    min-width: fit-content;
    padding: .4rem .7rem;
    color: #fff;
    background-color: #8d73af;
    border-radius: 2rem;
}
#indexVerifikasi .list .item.sukses .status[b-fiedo3sdz7] {
    background-color: #4CAF50;
}
#indexVerifikasi .list .item.gagal .status[b-fiedo3sdz7] {
    background-color: #F44336;
}

#indexVerifikasi .list .noData[b-fiedo3sdz7] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    padding: 1.5rem;
    margin-bottom: 0;
    color: grey;
    background-color: #f8f8f8;
    border: 2px dashed #cfcfcf;
    border-radius: .5rem;
    user-select: none;
}


/*HP*/
@media screen and (max-width: 767px) {
    #indexVerifikasi .head[b-fiedo3sdz7] {
        padding: 0 1rem;
    }
    #indexVerifikasi .head .judul[b-fiedo3sdz7] {
        font-size: 1.25rem;
    }
    #indexVerifikasi .filter[b-fiedo3sdz7] {
        padding: 1rem;
    }
    #indexVerifikasi .filter p[b-fiedo3sdz7] {
        display: none;
    }
    #indexVerifikasi .list[b-fiedo3sdz7] {
        padding: 1rem;
    }
    #indexVerifikasi .list .item .status[b-fiedo3sdz7] {
        font-size: .7rem;
    }
}
/* /Pages/IndexVoucher.razor.rz.scp.css */

#indexVoucher[b-ssb8fpoo0a] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#indexVoucher .head[b-ssb8fpoo0a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
#indexVoucher .head .judul[b-ssb8fpoo0a] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
#indexVoucher .head .wrap[b-ssb8fpoo0a] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 40%;
}
#indexVoucher .head .pencarian[b-ssb8fpoo0a] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .9rem .35rem .7rem;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
}
#indexVoucher .head .cari[b-ssb8fpoo0a] {
    flex: 1;
}
#indexVoucher .head .cari form[b-ssb8fpoo0a] {
    display: flex;
    align-items: center;
}
#indexVoucher .head .cari .fa-search[b-ssb8fpoo0a] {
    color: #c3c3c3;
    margin-right: .4rem;
}
#indexVoucher .head .cari div[b-ssb8fpoo0a] {
    width: 100%;
}
#indexVoucher .head .cari input[type=text][b-ssb8fpoo0a] {
    width: 100%;
    color: #60666d;
    border: none;
    outline: none;
}
#indexVoucher .head .cari input[type=text][b-ssb8fpoo0a]::placeholder {
    color: #c3c3c3;
    font-size: .9rem;
}
#indexVoucher .head .cari input[type=reset][b-ssb8fpoo0a] {
    display: none;
}
#indexVoucher .head .cari label[b-ssb8fpoo0a] {
    display: none;
    font-size: .9rem;
    color: tomato;
    margin-left: .2rem;
    margin-bottom: 0;
    cursor: pointer;
}
#indexVoucher .head .cari input[type=text]:not(:placeholder-shown) + label[b-ssb8fpoo0a] {
    display: block;
}
#indexVoucher .head .buatBaru span[b-ssb8fpoo0a] {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 38px;
    font-size: .9rem;
    color: var(--ungu);
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
    cursor: pointer;
}
#indexVoucher .head .buatBaru span:hover[b-ssb8fpoo0a] {
    color: #fff;
    background-color: var(--ungu);
}

#indexVoucher .list[b-ssb8fpoo0a] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow: hidden auto;
}
#indexVoucher .list .item[b-ssb8fpoo0a] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .75rem 1rem;
    margin-bottom: .75rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #e4e4e4;
    cursor: pointer;
}
#indexVoucher .item img[b-ssb8fpoo0a] {
    width: 180px;
    height: 100px;
    object-fit: cover;
    border-radius: .5rem;
}
#indexVoucher .teks[b-ssb8fpoo0a] {
    flex: 1
}
#indexVoucher .item p:nth-of-type(1)[b-ssb8fpoo0a] {
    color: var(--ungu);
    font-size: .85rem;
    font-weight: 600;
    margin-bottom: 0;
}
#indexVoucher .item p:nth-of-type(2)[b-ssb8fpoo0a] {
    color: #5a5a5a;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
    margin-bottom: .5rem;
}
#indexVoucher .info[b-ssb8fpoo0a] {
    color: #5a5a5a;
}
#indexVoucher .info i[b-ssb8fpoo0a] {
    width: 18px;
    font-size: .8rem;
    text-align: center;
    margin-right: .25rem;
}
#indexVoucher .info span[b-ssb8fpoo0a] {
    font-size: .85rem;
    font-weight: 400;
    margin-right: 2rem;
}
#indexVoucher .info .nakes[b-ssb8fpoo0a] {
    display: block;
}

#indexVoucher .status[b-ssb8fpoo0a] {
    position: absolute;
    top: .5rem;
    right: .75rem;
}
#indexVoucher .status span[b-ssb8fpoo0a] {
    display: inline-block;
    font-size: .65rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: .25rem .65rem;
    border-radius: 2rem;
}
#indexVoucher .status .terbit[b-ssb8fpoo0a] {
    color: #4caf50;
    background-color: #4caf5020;
}
#indexVoucher .status .selesai[b-ssb8fpoo0a] {
    color: #f44336;
    background-color: #f4433620;
}
#indexVoucher .status .draft[b-ssb8fpoo0a] {
    color: #ff9800;
    background-color: #ff980020;
}
#indexVoucher .status i[b-ssb8fpoo0a] {
    font-size: .7rem;
    margin-right: .25rem;
}




/*##################### TABLET #####################*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #indexVoucher .list .item[b-ssb8fpoo0a] {
        align-items: flex-start;
    }
    #indexVoucher .item img[b-ssb8fpoo0a] {
        width: 100px;
        height: 75px;
    }
    #indexVoucher .info span[b-ssb8fpoo0a] {
        margin-right: 1rem;
    }
    #indexVoucher .info .exp[b-ssb8fpoo0a] {
        display: block;
    }
}


/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    #indexVoucher .head[b-ssb8fpoo0a] {
        padding: 0 1rem;
    }
    #indexVoucher .head .judul[b-ssb8fpoo0a] {
        font-size: 1.25rem;
    }
    #indexVoucher .head .wrap[b-ssb8fpoo0a] {
        width: 60%;
    }
    #indexVoucher .list .item[b-ssb8fpoo0a] {
        flex-direction: column;
        align-items: flex-start;
        padding: .75rem;
    }
    #indexVoucher .item img[b-ssb8fpoo0a] {
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }
    #indexVoucher .teks[b-ssb8fpoo0a] {
        width: 100%;
    }
    #indexVoucher .info span[b-ssb8fpoo0a] {
        margin-right: 1rem;
    }
    #indexVoucher .info .exp[b-ssb8fpoo0a] {
        display: block;
    }

    #indexVoucher .gambar[b-ssb8fpoo0a]  #lazySkeleton {
        min-width: 60px !important;
        width: 60px !important;
        height: 60px !important;
        border-radius: 50% !important;
    }
    #indexVoucher .atas[b-ssb8fpoo0a]  #lazySkeleton:first-child {
        min-width: 100px !important;
        width: 100px !important;
    }
    #indexVoucher .atas[b-ssb8fpoo0a]  #lazySkeleton:last-child {
        min-width: 50% !important;
        width: 50% !important;
    }
    #indexVoucher .info[b-ssb8fpoo0a]  #lazySkeleton:first-child {
        min-width: 90% !important;
        width: 90% !important;
    }
    #indexVoucher .info[b-ssb8fpoo0a]  #lazySkeleton:last-child {
        min-width: 70% !important;
        width: 70% !important;
    }
}
/* /Pages/Laporan/IndexAllLaporan.razor.rz.scp.css */

.indexAllLaporan[b-uv9rtvd9jv] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.indexAllLaporan .head[b-uv9rtvd9jv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
.indexAllLaporan .head .judul[b-uv9rtvd9jv] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}

.isi[b-uv9rtvd9jv] {
    flex: 1;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    overflow: hidden auto;
}
.wrap-laporan[b-uv9rtvd9jv] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
.item-laporan[b-uv9rtvd9jv] {
    display: grid;
    grid-template-columns: auto 125px;
    align-items: center;
    min-height: 150px;
    background: linear-gradient(to right, #f8f8f8, #f9f9f9);
    border: 1px solid #e1e1e1;
    border-radius: 1rem;
    box-shadow: 2px 6px 15px 0 #00000010;
    transition: all .3s ease;
    cursor: pointer;
}
.item-laporan:hover[b-uv9rtvd9jv] {
    color: #fff;
    background: linear-gradient(to right, var(--ungu), hsl(from var(--ungu) h s 80));
    box-shadow: 2px 6px 20px 0 #00000020;
}
.item-laporan div:first-child[b-uv9rtvd9jv] {
    padding: 1rem 0 1rem 1rem;
}
.item-laporan div:first-child > i[b-uv9rtvd9jv] {
    margin-bottom: .5rem;
}
.item-laporan p:nth-of-type(1)[b-uv9rtvd9jv] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0;
}
.item-laporan p:nth-of-type(2)[b-uv9rtvd9jv] {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: .75rem;
}
.item-laporan p:nth-of-type(3)[b-uv9rtvd9jv] {
    color: var(--ungu);
    font-size: .8rem;
    font-weight: 400;
    margin-bottom: 0;
}
.item-laporan:hover p:nth-of-type(3)[b-uv9rtvd9jv] {
    color: yellow;
}
.item-laporan p:nth-of-type(3) i[b-uv9rtvd9jv] {
    font-size: .7rem;
    margin-left: .25rem;
    transition: margin-left .3s ease;
}
.item-laporan:hover p:nth-of-type(3) i[b-uv9rtvd9jv] {
    margin-left: .5rem;
}
.item-laporan div:last-child[b-uv9rtvd9jv] {
    position: relative;
    height: 100%;
}
.item-laporan img[b-uv9rtvd9jv] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    transition: .3s ease;
}
.item-laporan:hover img[b-uv9rtvd9jv] {
    width: 115%;
}

/*##################### TABLET #####################*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .wrap-laporan[b-uv9rtvd9jv] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .indexAllLaporan .head[b-uv9rtvd9jv] {
        padding: 0 1rem;
    }
    .indexAllLaporan .head .judul[b-uv9rtvd9jv] {
        font-size: 1.25rem;
    }
    .isi[b-uv9rtvd9jv] {
        padding: 1.5rem 1rem;
    }
    .wrap-laporan[b-uv9rtvd9jv] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Laporan/IndexLaporanOrderByNakes.razor.rz.scp.css */

.indexLaporanOrderAll[b-o9zr7fm4cm] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.indexLaporanOrderAll .head[b-o9zr7fm4cm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
.indexLaporanOrderAll .head .judul[b-o9zr7fm4cm] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}

.wrap-aksi[b-o9zr7fm4cm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
}
.opsi-filter[b-o9zr7fm4cm] {
    display: grid;
    grid-template-columns: auto max-content;
    align-items: center;
    gap: .75rem;
    width: 50%;
    padding: .5rem;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
}
.atas[b-o9zr7fm4cm] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.cari[b-o9zr7fm4cm] {
    flex: 1;
    padding-right: .75rem;
    border-right: 1px solid #e1e1e1;
}
.cari .form-control[b-o9zr7fm4cm] {
    border: none;
}

.date-select[b-o9zr7fm4cm] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 140px;
    padding-right: .75rem;
    border-right: 1px solid #e1e1e1;
}
.date-select .form-select[b-o9zr7fm4cm] {
    border: none;
}

.bawah[b-o9zr7fm4cm] {
    height: 0;
    transition: .3s ease;
    overflow: hidden;
}
.bawah.open[b-o9zr7fm4cm] {
    height: 50px;
    padding-top: .75rem;
    margin-top: .5rem;
    border-top: 1px dashed #e1e1e1;
}
.date-range[b-o9zr7fm4cm] {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
}
.date-range > i[b-o9zr7fm4cm] {
    color: var(--ungu);
    font-size: 1.25rem;
}
.date-range div[b-o9zr7fm4cm] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .5rem;
}
.date-range div i[b-o9zr7fm4cm] {
    color: grey;
    font-size: .8rem;
}

.kanan .btn[b-o9zr7fm4cm] {
    background-color: var(--ungu);
    border-color: var(--ungu);
}
.kanan .btn:is(:hover, :focus, :active)[b-o9zr7fm4cm] {
    background-color: hsl(from var(--ungu) h s 45);
    border-color: hsl(from var(--ungu) h s 45);
}

.master-total[b-o9zr7fm4cm] {
    position: relative;
    text-align: right;
}
.master-total p:first-child[b-o9zr7fm4cm] {
    color: grey;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
}
.master-total p:last-child[b-o9zr7fm4cm] {
    color: var(--ungu);
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
}

.indexLaporanOrderAll .list[b-o9zr7fm4cm] {
    flex: 1;
    padding: .5rem 1.5rem 1rem 1.5rem;
    overflow: hidden auto;
}
.indexLaporanOrderAll .list .item[b-o9zr7fm4cm] {
    position: relative;
    padding: .75rem;
    margin-bottom: .5rem;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: .75rem;
    transition: .3s ease;
}
.item:has(input[type="checkbox"]:checked)[b-o9zr7fm4cm],
.indexLaporanOrderAll .list .item:hover[b-o9zr7fm4cm] {
    border-color: var(--ungu);
    box-shadow: 2px 4px 10px #00000015;
}

.header[b-o9zr7fm4cm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: .75rem;
}
.nakes[b-o9zr7fm4cm] {
    display: flex;
    align-items: center;
    gap: .75rem;
}
.nakes img[b-o9zr7fm4cm] {
    width: 40px;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center top;
    border-radius: .5rem;
}
.nakes p:first-child[b-o9zr7fm4cm] {
    color: var(--ungu);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0;
}
.nakes p:last-child[b-o9zr7fm4cm] {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
}
.total[b-o9zr7fm4cm] {
    position: relative;
    text-align: right;
}
.total p:first-child[b-o9zr7fm4cm] {
    color: grey;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
}
.total p:last-child[b-o9zr7fm4cm] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
}

.wrap-orders[b-o9zr7fm4cm] {
    height: 156px;
    padding: .5rem .75rem;
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
    overflow: hidden;
}
.wrap-orders.sedikit[b-o9zr7fm4cm] {
    height: auto;
}
.item:has(input[type="checkbox"]:checked) .wrap-orders[b-o9zr7fm4cm] {
    height: auto;
}
.divider[b-o9zr7fm4cm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}
.divider p[b-o9zr7fm4cm] {
    color: #555;
    font-size: .95rem;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: .5rem;
}
.divider p i[b-o9zr7fm4cm] {
    font-size: .9rem;
    margin-right: .5rem;
}

.wrap-items:not(:last-child)[b-o9zr7fm4cm] {
    margin-bottom: .75rem;
}
.wrap-items div[b-o9zr7fm4cm] {
    display: grid;
    grid-template-columns: 13% 22% 18% auto 13%;
    gap: .25rem;
}
.wrap-items div:first-child[b-o9zr7fm4cm] {
    padding: .25rem;
    background-color: #f4f4f4
}
.wrap-items div:first-child span[b-o9zr7fm4cm] {
    color: grey;
    font-size: .75rem;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.wrap-items div:not(:first-child)[b-o9zr7fm4cm] {
    padding: .25rem;
    border-bottom: 1px dashed #e1e1e1;
    transition: .2s ease;
}
.wrap-items div:not(:first-child):hover[b-o9zr7fm4cm] {
    color: var(--ungu)
}
.wrap-items div:not(:first-child) span[b-o9zr7fm4cm] {
    font-size: .9rem;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.wrap-items div span:last-child[b-o9zr7fm4cm] {
    text-align: right;
}
.wrap-items div:last-child[b-o9zr7fm4cm] {
    border-bottom: none;
}

.show-more[b-o9zr7fm4cm] {
    color: grey;
    width: 100%;
    padding-top: .5rem;
    text-align: center;
}
.show-more input[b-o9zr7fm4cm] {
    display: none;
}
.show-more span[b-o9zr7fm4cm] {
    color: var(--ungu);
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
}
.show-more:has(input:checked) span:last-child[b-o9zr7fm4cm] {
    color: var(--abang);
    display: block;
}
.show-more:has(input:checked) span:first-of-type[b-o9zr7fm4cm],
.show-more span:last-child[b-o9zr7fm4cm] {
    display: none;
}
.show-more span i[b-o9zr7fm4cm] {
    margin-right: .5rem;
}




/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .indexLaporanOrderAll .head[b-o9zr7fm4cm] {
        padding: 0 1rem;
    }
    .indexLaporanOrderAll .head .judul[b-o9zr7fm4cm] {
        font-size: 1.25rem;
    }
    .indexLaporanOrderAll .list[b-o9zr7fm4cm] {
        padding: 1rem;
    }

    .wrap-aksi[b-o9zr7fm4cm] {
        position: relative;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 1rem;
        padding: 1rem;
        padding-top: 1.5rem;
    }
    .opsi-filter[b-o9zr7fm4cm] {
        grid-template-columns: 1fr;
        align-items: flex-start;
        gap: .5rem;
        width: 100%;
    }
    .atas[b-o9zr7fm4cm] {
        padding-bottom: .5rem;
        border-bottom: 1px solid #e1e1e1;
    }
    .date-select[b-o9zr7fm4cm] {
        min-width: 130px;
        padding-right: 0;
        border-right: none;
    }
    .bawah.open[b-o9zr7fm4cm] {
        margin-top: 0;
        border-top: none;
    }
    .kanan[b-o9zr7fm4cm] {
        text-align: right;
    }
    .kanan .btn[b-o9zr7fm4cm] {
        width: 125px;
    }

    .master-total[b-o9zr7fm4cm] {
        position: absolute;
        left: 1.75rem;
        bottom: 1.8rem;
        text-align: left;
    }
    .master-total p:first-child[b-o9zr7fm4cm] {
        display: none;
    }

    .header[b-o9zr7fm4cm] {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: .75rem;
    }
    .nakes img[b-o9zr7fm4cm] {
        width: 50px;
    }
    .nakes p:first-child[b-o9zr7fm4cm] {
        margin-bottom: .25rem;
    }
    .nakes p:last-child[b-o9zr7fm4cm] {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .total[b-o9zr7fm4cm] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        width: 100%;
        text-align: left;
        padding: .25rem .5rem;
        background-color: var(--ungu);
    }
    .total p:first-child[b-o9zr7fm4cm],
    .total p:last-child[b-o9zr7fm4cm] {
        color: #fff;
        font-size: .9rem;
        font-weight: 600;
        line-height: 1.3;
        margin-bottom: 0;
    }

    .divider[b-o9zr7fm4cm] {
        border-bottom: 1px dashed #e1e1e1;
    }
    
    .wrap-items div:first-child[b-o9zr7fm4cm] {
        display: none;
    }
    .wrap-items div:not(:first-child)[b-o9zr7fm4cm] {
        position: relative;
        display: block;
        grid-template-columns: unset;
        padding: .75rem .25rem;
        border-bottom-style: solid;
    }
    .wrap-items div:not(:first-child):hover[b-o9zr7fm4cm] {
        color: #212529;
    }
    .wrap-items div:not(:first-child) span:first-child[b-o9zr7fm4cm] {
        color: grey;
        font-size: .85rem;
    }
    .wrap-items div:not(:first-child) span:nth-child(2)[b-o9zr7fm4cm] {
        font-size: 1.1rem;
        font-weight: 600;
        margin-top: .25rem;
    }
    .wrap-items div:not(:first-child) span:last-child[b-o9zr7fm4cm] {
        position: absolute;
        top: .75rem;
        right: 0;
        color: var(--ungu);
        font-size: .85rem;
        font-weight: 600;
    }
    .wrap-items div span:last-child[b-o9zr7fm4cm] {
        text-align: left;
    }
    .wrap-items div:last-child[b-o9zr7fm4cm] {
        border-bottom: none;
    }
}
/* /Pages/Media/Kategori/DetailKategoriMedia.razor.rz.scp.css */

.isi[b-rngpsz2rz7] {
    padding: 1rem;
}
.header[b-rngpsz2rz7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}
.header p:first-child[b-rngpsz2rz7] {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 0;
}
.header p:last-child[b-rngpsz2rz7] {
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: 0;
}
.header > div:last-child[b-rngpsz2rz7] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
/* /Pages/Media/Kategori/IndexKategoriMedia.razor.rz.scp.css */

.indexKategori[b-c14y694hdq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.indexKategori .head[b-c14y694hdq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
.indexKategori .head .judul[b-c14y694hdq] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.indexKategori .head .buatBaru span[b-c14y694hdq] {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 38px;
    font-size: .9rem;
    color: var(--ungu);
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
    cursor: pointer;
}
.indexKategori .head .buatBaru span:hover[b-c14y694hdq] {
    color: #fff;
    background-color: var(--ungu);
}

.indexKategori .list[b-c14y694hdq] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow: hidden auto;
}
.indexKategori .list .item[b-c14y694hdq] {
    position: relative;
    padding: .75rem 1rem;
    margin-bottom: .75rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #00000015;
    cursor: pointer;
}
.indexKategori .list .item p:first-child[b-c14y694hdq] {
    font-size: 1rem;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: .1rem;
}
.indexKategori .list .item p:last-child[b-c14y694hdq] {
    color: #5a5a5a;
    font-size: .85rem;
    font-weight: 400;
    padding-left: .25rem;
    margin-bottom: 0;
}
.indexKategori .list .item p i[b-c14y694hdq] {
    margin-right: .2rem;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .indexKategori .head[b-c14y694hdq] {
        padding: 0 1rem;
    }
    .indexKategori .head .judul[b-c14y694hdq] {
        font-size: 1.25rem;
    }
    .indexKategori .list[b-c14y694hdq] {
        padding: 1rem;
    }
}
/* /Pages/Media/Kategori/KategoriMediaEditForm.razor.rz.scp.css */

.formKategori[b-aai8a95xwk] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
}
.formKategori .row[b-aai8a95xwk] {
    padding: 0 .25rem;
}

.formKategori .upload[b-aai8a95xwk] {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: .5rem;
    overflow: hidden;
}
.formKategori .upload[b-aai8a95xwk]  input[type="file"] {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}
.formKategori .upload .belum[b-aai8a95xwk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    height: 350px;
    color: #a3a3a3;
    background-color: #f8f8f8;
    border: 2px dashed #e1e1e1;
    border-radius: .5rem;
}
.formKategori .upload .belum i[b-aai8a95xwk] {
    font-size: 3rem;
}
.formKategori .upload .belum span[b-aai8a95xwk] {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 400;
}
.formKategori .upload .sudah[b-aai8a95xwk] {
    position: relative;
    height: 350px;
    background-color: #f8f8f8;
    border-radius: .5rem;
    overflow: hidden;
}
.formKategori .upload .sudah[b-aai8a95xwk]::before {
    content: 'Klik untuk mengganti gambar';
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 600;
    background-color: #0000009e;
    pointer-events: none;
    transition: .25s ease;
    opacity: 0;
}
.formKategori .upload:hover .sudah[b-aai8a95xwk]::before {
    opacity: 1;
}
.formKategori .upload .sudah img[b-aai8a95xwk] {
    width: 100%;
    height: auto;
}

.tombol[b-aai8a95xwk] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .tombol .btn-success[b-aai8a95xwk] {
        flex: 1;
    }
}
/* /Pages/Media/Konten/DetailKontenMedia.razor.rz.scp.css */

.isi[b-1gef3cfphk] {
    padding: 1rem;
}

.player[b-1gef3cfphk] {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: .5rem;
    overflow: hidden;
    z-index: 0;
}
.contentVideo[b-1gef3cfphk] {
    position: absolute;
    inset: 0;
    animation: load-b-1gef3cfphk .5s ease forwards;
    animation-delay: 1s;
    opacity: 0;
    z-index: 2;
}
@keyframes load-b-1gef3cfphk {
    to {
        opacity: 1;
    }
}
.contentVideo #thumbnailMedia[b-1gef3cfphk] {
    display: none;
}

.thumbnail[b-1gef3cfphk] {
    position: absolute;
    inset: 0;
    transition: .2s ease;
    z-index: 3;
}
#thumbnailMedia:checked + .thumbnail[b-1gef3cfphk] {
    opacity: 0;
    pointer-events: none;
}
.thumbnail label[for="thumbnailMedia"][b-1gef3cfphk] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    color: var(--ungu);
    font-size: 2rem;
    padding-left: 1.55rem;
    background-color: rgba(255,255, 255, .4);
    border-radius: 50%;
    transition: .2s ease;
    cursor: pointer;
}
.thumbnail label[for="thumbnailMedia"]:hover[b-1gef3cfphk] {
    background-color: rgba(255,255, 255, .85);
    box-shadow: 0 0 0 9999px #00000080;
}
.thumbnail label[for="thumbnailMedia"][b-1gef3cfphk]::before {
    content: '';
    position: absolute;
    inset: 0;
    isolation: isolate;
    border-radius: 50%;
    box-shadow: 0 0 0 -1px #fff;
    animation: btnPlay-b-1gef3cfphk 1.25s linear infinite;
    opacity: .9;
    visibility: hidden;
}
@keyframes btnPlay-b-1gef3cfphk {
    to {
        box-shadow: 0 0 0 35px #fff;
        opacity: 0;
    }
}
.thumbnail label[for="thumbnailMedia"]:hover[b-1gef3cfphk]::before {
    visibility: visible;
}
.thumbnail img[b-1gef3cfphk] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

iframe[b-1gef3cfphk] {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .2s ease;
    z-index: 2;
}
#thumbnailMedia:checked ~ iframe[b-1gef3cfphk] {
    opacity: 1;
}

.loadingVideo[b-1gef3cfphk] {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #2F363C;
    margin-bottom: 1.5rem;
    border-radius: 1rem;
    z-index: 1;
}
.loadingVideo .wrap[b-1gef3cfphk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 66px;
}
.loadingVideo .spin[b-1gef3cfphk] {
    width: 65px;
    height: 65px;
    margin-bottom: 1rem;
    border: 5px solid #ffffff47;
    border-top-color: #fff;
    border-radius: 50%;
    animation: spinnerVideoYT-b-1gef3cfphk 1s linear infinite;
}
@keyframes spinnerVideoYT-b-1gef3cfphk {
    to {
        transform: rotate(360deg);
    }
}
.loadingVideo p[b-1gef3cfphk] {
    color: #f1f1f1;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
}

.judul[b-1gef3cfphk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 1.25rem;
    margin-bottom: .65rem;
}
.judul p[b-1gef3cfphk] {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
}
.judul .dropdown-toggle[b-1gef3cfphk] {
    width: 33px;
    height: 33px;
    color: var(--ungu);
    background-color: #8D73AF20;
    border: none;
    border-radius: .5rem;
}
.judul .dropdown-toggle.show[b-1gef3cfphk] {
    color: #fff;
    background-color: var(--ungu);
}
.judul .dropdown-toggle[b-1gef3cfphk]::after {
    display: none;
}
.judul .dropdown-menu[b-1gef3cfphk] {
    min-width: 8rem;
}
.judul .dropdown-item[b-1gef3cfphk] {
    display: flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
}
.judul .dropdown-item i[b-1gef3cfphk] {
    width: 22px;
    text-align: center;
}
.judul .dropdown-item:last-child[b-1gef3cfphk] {
    color: var(--abang);
}

.info[b-1gef3cfphk] {
    font-size: .95rem;
    font-weight: 400;
    margin-bottom: .5rem;
}
.info p[b-1gef3cfphk] {
    margin-bottom: .35rem;
}
.info div[b-1gef3cfphk] {
    margin-bottom: .35rem;
}
.info i[b-1gef3cfphk] {
    width: 20px;
}
.info div span:last-child[b-1gef3cfphk] {
    margin-left: 1rem;
}




/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .judul[b-1gef3cfphk] {
        margin-bottom: 1rem;
    }
    .judul p[b-1gef3cfphk] {
        font-size: 1rem;
    }
    .info p[b-1gef3cfphk] {
        word-break: break-all;
        margin-bottom: .5rem;
    }
    .info div[b-1gef3cfphk] {
        margin-bottom: .5rem;
    }
}
/* /Pages/Media/Konten/IndexKontenMedia.razor.rz.scp.css */

.indexKonten[b-6zp6u8sfgx] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.indexKonten .head[b-6zp6u8sfgx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
.indexKonten .head .judul[b-6zp6u8sfgx] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.indexKonten .head .buatBaru span[b-6zp6u8sfgx] {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 38px;
    font-size: .9rem;
    color: var(--ungu);
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
    cursor: pointer;
}
.indexKonten .head .buatBaru span:hover[b-6zp6u8sfgx] {
    color: #fff;
    background-color: var(--ungu);
}

.indexKonten .list[b-6zp6u8sfgx] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow: hidden auto;
}
.indexKonten .list .item[b-6zp6u8sfgx] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .75rem 1rem;
    margin-bottom: .75rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #e4e4e4;
    cursor: pointer;
}
.indexKonten .item img[b-6zp6u8sfgx] {
    width: 75px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: .5rem;
    transition: .3s ease;
}

.indexKonten .teks[b-6zp6u8sfgx] {
    flex: 1
}
.indexKonten .teks p[b-6zp6u8sfgx] {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.indexKonten .teks span[b-6zp6u8sfgx] {
    color: #5a5a5a;
    font-size: .95rem;
    font-weight: 400;
}
.indexKonten .teks i[b-6zp6u8sfgx] {
    width: 20px;
}
.indexKonten .teks div:nth-child(2) span:last-child[b-6zp6u8sfgx] {
    margin-left: 1rem;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .indexKonten .head[b-6zp6u8sfgx] {
        padding: 0 1rem;
    }
    .indexKonten .head .judul[b-6zp6u8sfgx] {
        font-size: 1.25rem;
    }

    .indexKonten .list[b-6zp6u8sfgx] {
        padding: 1rem;
    }
    .indexKonten .list .item[b-6zp6u8sfgx] {
        flex-direction: column;
        align-items: flex-start;
        gap: .75rem;
        padding: .75rem;
    }
    .indexKonten .item img[b-6zp6u8sfgx] {
        width: 100%;
        height: 175px;
        border-radius: .25rem;
    }
    .indexKonten .teks[b-6zp6u8sfgx] {
        width: 100%;
    }
    .indexKonten .item p:nth-of-type(2)[b-6zp6u8sfgx] {
        font-size: 1rem;
    }
    .indexKonten .info span[b-6zp6u8sfgx] {
        margin-right: 1rem;
    }
    .indexKonten .info span:last-child[b-6zp6u8sfgx] {
        display: block;
    }
    .indexKonten .teks div:first-child .status[b-6zp6u8sfgx] {
        position: absolute;
        top: 173px;
        right: 1.5rem;
        font-size: .8rem;
    }

    .indexKonten .item[b-6zp6u8sfgx] >  #lazySkeleton {
        min-width: 100% !important;
        width: 100% !important;
        height: 175px !important;
        border-radius: .25rem !important;
    }
    .indexKonten .teks div[b-6zp6u8sfgx]  #lazySkeleton:first-child {
        min-width: 85% !important;
        width: 85% !important;
    }
    .indexKonten .teks div[b-6zp6u8sfgx]  #lazySkeleton:last-child {
        display: none;
    }
    .indexKonten .teks[b-6zp6u8sfgx] >  #lazySkeleton:nth-child(2) {
        min-width: 70% !important;
        width: 70% !important;
    }
    .indexKonten .teks[b-6zp6u8sfgx] >  #lazySkeleton:nth-child(3) {
        min-width: 40% !important;
        width: 40% !important;
    }
}
/* /Pages/Media/Konten/KontenMediaEditForm.razor.rz.scp.css */

.formKonten[b-0r1aqncdmh] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
}
.formKonten .row[b-0r1aqncdmh] {
    padding: 0 .25rem;
}

.formKonten .upload[b-0r1aqncdmh] {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: .5rem;
    overflow: hidden;
}
.formKonten .upload[b-0r1aqncdmh]  input[type="file"] {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}
.formKonten .upload .belum[b-0r1aqncdmh] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    height: 300px;
    color: #a3a3a3;
    background-color: #f8f8f8;
    border: 2px dashed #e1e1e1;
    border-radius: .5rem;
}
.formKonten .upload .belum i[b-0r1aqncdmh] {
    font-size: 3rem;
}
.formKonten .upload .belum span[b-0r1aqncdmh] {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 400;
}

.formKonten .upload .sudah[b-0r1aqncdmh] {
    position: relative;
    height: 300px;
    background-color: #f8f8f8;
    border-radius: .5rem;
    overflow: hidden;
}
.formKonten .upload .sudah[b-0r1aqncdmh]::before {
    content: 'Klik untuk mengganti gambar';
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 600;
    background-color: #0000009e;
    pointer-events: none;
    transition: .25s ease;
    opacity: 0;
}
.formKonten .upload:hover .sudah[b-0r1aqncdmh]::before {
    opacity: 1;
}
.formKonten .upload .sudah img[b-0r1aqncdmh] {
    width: 100%;
    height: auto;
}

.tombol[b-0r1aqncdmh] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .tombol .btn-success[b-0r1aqncdmh] {
        flex: 1;
    }
}
/* /Pages/Media/Platform/DetailPlatformMedia.razor.rz.scp.css */

.isi[b-uyvnup29w9] {
    padding: 1rem;
}
.header[b-uyvnup29w9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}
.header p:first-child[b-uyvnup29w9] {
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 0;
}
.header p:last-child[b-uyvnup29w9] {
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: 0;
}
.header > div:last-child[b-uyvnup29w9] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
/* /Pages/Media/Platform/IndexPlatformMedia.razor.rz.scp.css */

.indexPlatform[b-jkc8f9ogiw] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.indexPlatform .head[b-jkc8f9ogiw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
.indexPlatform .head .judul[b-jkc8f9ogiw] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}
.indexPlatform .head .buatBaru span[b-jkc8f9ogiw] {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 38px;
    font-size: .9rem;
    color: var(--ungu);
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
    cursor: pointer;
}
.indexPlatform .head .buatBaru span:hover[b-jkc8f9ogiw] {
    color: #fff;
    background-color: var(--ungu);
}

.indexPlatform .list[b-jkc8f9ogiw] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow: hidden auto;
}
.indexPlatform .list .item[b-jkc8f9ogiw] {
    position: relative;
    padding: .75rem 1rem;
    margin-bottom: .75rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #00000015;
    cursor: pointer;
}
.indexPlatform .list .item p:first-child[b-jkc8f9ogiw] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .1rem;
}
.indexPlatform .list .item p:last-child[b-jkc8f9ogiw] {
    color: #5a5a5a;
    font-size: .85rem;
    font-weight: 400;
    padding-left: .25rem;
    margin-bottom: 0;
}
.indexPlatform .list .item p i[b-jkc8f9ogiw] {
    margin-right: .2rem;
}


/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .indexPlatform .head[b-jkc8f9ogiw] {
        padding: 0 1rem;
    }
    .indexPlatform .head .judul[b-jkc8f9ogiw] {
        font-size: 1.25rem;
    }
    .indexPlatform .head .wrap[b-jkc8f9ogiw] {
        width: 60%;
    }
    .indexPlatform .list[b-jkc8f9ogiw] {
        padding: 1rem;
    }
}
/* /Pages/Media/Platform/PlatformMediaEditForm.razor.rz.scp.css */

.formPlatform[b-w1b8lwtl32] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
}
.formPlatform .row[b-w1b8lwtl32] {
    padding: 0 .25rem;
}

.formPlatform .upload[b-w1b8lwtl32] {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: .5rem;
    overflow: hidden;
}
.formPlatform .upload[b-w1b8lwtl32]  input[type="file"] {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}
.formPlatform .upload .belum[b-w1b8lwtl32] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    height: 350px;
    color: #a3a3a3;
    background-color: #f8f8f8;
    border: 2px dashed #e1e1e1;
    border-radius: .5rem;
}
.formPlatform .upload .belum i[b-w1b8lwtl32] {
    font-size: 3rem;
}
.formPlatform .upload .belum span[b-w1b8lwtl32] {
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 400;
}
.formPlatform .upload .sudah[b-w1b8lwtl32] {
    position: relative;
    height: 350px;
    background-color: #f8f8f8;
    border-radius: .5rem;
    overflow: hidden;
}
.formPlatform .upload .sudah[b-w1b8lwtl32]::before {
    content: 'Klik untuk mengganti gambar';
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 600;
    background-color: #0000009e;
    pointer-events: none;
    transition: .25s ease;
    opacity: 0;
}
.formPlatform .upload:hover .sudah[b-w1b8lwtl32]::before {
    opacity: 1;
}
.formPlatform .upload .sudah img[b-w1b8lwtl32] {
    width: 100%;
    height: auto;
}

.tombol[b-w1b8lwtl32] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .tombol .btn-success[b-w1b8lwtl32] {
        flex: 1;
    }
}
/* /Pages/Order3dPrinting/DetailOrder3d.razor.rz.scp.css */

.isi[b-fr8ia9i6in] {
    flex: 1;
    display: grid;
    grid-template-columns: auto 350px;
    gap: 1.5rem;
    padding: 1.25rem 1rem;
    overflow: hidden auto;
}
.header[b-fr8ia9i6in] {
    position: relative;
    margin-bottom: .25rem;
}
.header p:first-child[b-fr8ia9i6in] {
    width: fit-content;
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    text-transform: capitalize;
    padding: .25rem .75rem;
    margin-bottom: .35rem;
    background-color: var(--oren);
    border-radius: 2rem;
}
.header p:first-child.diproses[b-fr8ia9i6in] {
    background-color: dodgerblue;
}
.header p:first-child.dikirim[b-fr8ia9i6in] {
    background-color: var(--ungu);
}
.header p:first-child.selesai[b-fr8ia9i6in] {
    background-color: var(--ijo);
}
.header p:nth-child(2)[b-fr8ia9i6in] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0;
}
.header div[b-fr8ia9i6in] {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: .5rem;
}
.header .btn i[b-fr8ia9i6in] {
    font-size: .9rem;
    margin-right: .5rem;
}

.alamat-kirim[b-fr8ia9i6in] {
    margin-bottom: .5rem;
}
.alamat-kirim div[b-fr8ia9i6in] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.alamat-kirim p[b-fr8ia9i6in] {
    font-weight: 400;
    margin-bottom: .1rem;
}
.alamat-kirim p:first-child[b-fr8ia9i6in] {
    min-width: 140px;
}

.info-order[b-fr8ia9i6in] {
    padding: .5rem .75rem;
    margin-bottom: 1.5rem;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
}
.info-order span[b-fr8ia9i6in] {
    display: inline-block;
    font-weight: 400;
    margin-right: 2rem;
}
.info-order span i[b-fr8ia9i6in] {
    font-size: .8rem;
    margin-right: .5rem;
}

.item-pesanan[b-fr8ia9i6in] {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.item-pesanan img[b-fr8ia9i6in] {
    width: 135px;
    aspect-ratio: 1;
    border-radius: .5rem;
}
.item-pesanan p:first-child[b-fr8ia9i6in] {
    color: #555;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: .5rem;
}
.item-pesanan p:nth-child(2)[b-fr8ia9i6in] {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: .25rem;
}
.info[b-fr8ia9i6in] {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    margin-bottom: .25rem;
}
.info span[b-fr8ia9i6in],
.item-pesanan a[b-fr8ia9i6in] {
    font-size: 1rem;
    font-weight: 400;
}
.info span i[b-fr8ia9i6in],
.item-pesanan a i[b-fr8ia9i6in] {
    font-size: .8rem;
    margin-right: .5rem;
}
.item-pesanan a[b-fr8ia9i6in] {
    color: #333;
    text-decoration: none;
}
.item-pesanan a span[b-fr8ia9i6in] {
    text-decoration: underline;
}
.item-pesanan a span:hover[b-fr8ia9i6in] {
    color: var(--ungu);
}

.kanan[b-fr8ia9i6in] {
    padding: 1rem .75rem;
    border: 1px solid #e1e1e1;
    border-radius: .75rem;
}
.resi[b-fr8ia9i6in] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-bottom: .75rem;
}
.resi p:first-child[b-fr8ia9i6in] {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
}
.resi p:last-child:not(.nomor-resi)[b-fr8ia9i6in] {
    color: grey;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    padding: 0 1rem;
    margin-bottom: .25rem;
}
.resi p:last-child.nomor-resi[b-fr8ia9i6in] {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0;
    transition: .2s ease;
}
.resi p:last-child span[b-fr8ia9i6in] {
    color: grey;
    font-size: 1rem;
    vertical-align: 1px;
    padding-left: .5rem;
    transition: .2s ease;
    cursor: pointer;
}
.resi p:last-child:hover span[b-fr8ia9i6in] {
    color: var(--ungu);
}




/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    
}
/* /Pages/Order3dPrinting/IndexOrder3d.razor.rz.scp.css */

.indexOrder3d[b-lyssmkx1jt] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.indexOrder3d .head[b-lyssmkx1jt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
.indexOrder3d .head .judul[b-lyssmkx1jt] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}

.indexOrder3d .list[b-lyssmkx1jt] {
    flex: 1;
    padding: 1rem 1.5rem;
    overflow: hidden auto;
}
.indexOrder3d .list .item[b-lyssmkx1jt] {
    position: relative;
    padding: 1rem;
    margin-bottom: .5rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .75rem;
    box-shadow: 2px 4px 15px #00000010;
    cursor: pointer;
}
.indexOrder3d .list .item p[b-lyssmkx1jt] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .15rem;
}
.indexOrder3d .list .nama[b-lyssmkx1jt] {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.indexOrder3d .list .nama img[b-lyssmkx1jt] {
    width: 60px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: .5rem;
}
.indexOrder3d .list .item .info[b-lyssmkx1jt] {
    display: flex;
    align-items: center;
    gap: 2rem;
    color: #555;
}
.indexOrder3d .list .item .info span[b-lyssmkx1jt] {
    font-size: 1rem;
    font-weight: 400;
}
.indexOrder3d .list .item .info span i[b-lyssmkx1jt] {
    font-size: .75rem;
    margin-right: .5rem;
}
.indexOrder3d .list .item .status[b-lyssmkx1jt] {
    position: absolute;
    top: .75rem;
    right: 1rem;
    width: fit-content;
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    text-transform: capitalize;
    background-color: var(--oren);
    padding: .25rem .75rem;
    border-radius: 2rem;
}
.indexOrder3d .list .item .status.diproses[b-lyssmkx1jt] {
    background-color: dodgerblue;
}
.indexOrder3d .list .item .status.dikirim[b-lyssmkx1jt] {
    background-color: var(--ungu);
}
.indexOrder3d .list .item .status.selesai[b-lyssmkx1jt] {
    background-color: var(--ijo);
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .indexOrder3d .head[b-lyssmkx1jt] {
        padding: 0 1rem;
    }
    .indexOrder3d .head .judul[b-lyssmkx1jt] {
        font-size: 1.25rem;
    }
    .indexOrder3d .head .wrap[b-lyssmkx1jt] {
        width: 60%;
    }
    .indexOrder3d .list[b-lyssmkx1jt] {
        padding: 1rem;
    }
    .indexOrder3d .list .item[b-lyssmkx1jt] {
        align-items: flex-end;
    }
    .indexOrder3d .list .item img[b-lyssmkx1jt] {
        width: 80px;
    }
    .indexOrder3d .list .item p:first-child[b-lyssmkx1jt] {
        margin-bottom: 0;
    }
    .indexOrder3d .list .item .teks div[b-lyssmkx1jt] {
        top: .75rem;
        left: calc(80px + 1.5rem);
        right: auto;
    }
    .indexOrder3d .list .item span[b-lyssmkx1jt] {
        font-size: .65rem;
        padding: .15rem .75rem;
    }
    .indexOrder3d .list .item span:first-child[b-lyssmkx1jt] {
        margin-right: .5rem;
    }
    .indexOrder3d .list .item span:last-child[b-lyssmkx1jt] {
        margin-left: 0;
    }
}
/* /Pages/Order3dPrinting/Order3d_Timeline.razor.rz.scp.css */

.tracking3d .posisi[b-aejh6khnqe] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .5rem;
    margin-bottom: 1.25rem;
}
.tracking3d .posisi div[b-aejh6khnqe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #a2a2a2;
    padding: .5rem 0;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
}
.tracking3d .posisi.dibuat div:first-child[b-aejh6khnqe],
.tracking3d .posisi.diproses :is(div:first-child, div:nth-child(2))[b-aejh6khnqe],
.tracking3d .posisi.dikirim :not(div:last-child)[b-aejh6khnqe],
.tracking3d .posisi.diterima > div[b-aejh6khnqe],
.tracking3d .posisi.selesai > div[b-aejh6khnqe] {
    color: #fff;
    background-color: var(--ungu);
    border-color: var(--ungu);
}
.tracking3d .posisi span:first-child[b-aejh6khnqe] {
    font-size: 1rem;
    margin-bottom: .1rem;
}
.tracking3d .posisi span:last-child[b-aejh6khnqe] {
    display: inline-block;
    font-size: .7rem;
    font-weight: 400;
    white-space: nowrap;
}

.tracking3d .timeline[b-aejh6khnqe] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.tracking3d .timeline div[b-aejh6khnqe] {
    position: relative;
    color: #a2a2a2;
    padding-left: 1rem;
}
.tracking3d .timeline div:first-child[b-aejh6khnqe] {
    color: #555;
}
.tracking3d .timeline div[b-aejh6khnqe]::before {
    content: '';
    position: absolute;
    top: .35rem;
    left: 0;
    min-width: 7px;
    width: 7px;
    aspect-ratio: 1;
    background-color: grey;
    border-radius: 50%;
    z-index: 2;
}
.tracking3d .timeline div:first-child[b-aejh6khnqe]::before {
    background-color: var(--ungu);
}
.tracking3d .timeline div[b-aejh6khnqe]::after {
    content: '';
    position: absolute;
    top: .3rem;
    left: 3px;
    height: calc(100% + 6px);
    border-left: 2px dashed #e1e1e1;
}
.tracking3d .timeline div:last-child[b-aejh6khnqe]::after {
    display: none;
}
.tracking3d .timeline p:first-child[b-aejh6khnqe] {
    font-size: .7rem;
    font-weight: 400;
    margin-bottom: .1rem;
}
.tracking3d .timeline p:last-child[b-aejh6khnqe] {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
}
.tracking3d .timeline div:first-child p:last-child[b-aejh6khnqe] {
    font-weight: 600;
}
/* /Pages/Popups/AddPendaftaran.razor.rz.scp.css */

#addPendaftaran .isi[b-q8jw2cwmuo] {
    flex: 1;
    padding: 1.5rem 1rem 0 1rem;
}
#addPendaftaran .isi label[b-q8jw2cwmuo] {
    color: #555;
    font-size: .9rem;
    font-weight: 600;
}

#addPendaftaran .tombol[b-q8jw2cwmuo] {
    padding: 1rem;
}
#addPendaftaran .harga[b-q8jw2cwmuo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
}
#addPendaftaran .harga span[b-q8jw2cwmuo] {
    display: block;
    font-size: 1rem;
    font-weight: 400;
}
#addPendaftaran .harga span:last-child[b-q8jw2cwmuo] {
    font-size: 1.1rem;
    font-weight: 600;
}
#addPendaftaran .harga span i[b-q8jw2cwmuo] {
    margin-right: .5rem;
}

#addPendaftaran .tombol .btnApproval[b-q8jw2cwmuo] {
    position: relative;
    border-radius: .25rem;
    overflow: hidden;
}
#addPendaftaran .tombol .btnApproval input[type="checkbox"][b-q8jw2cwmuo] {
    display: none;
}
#addPendaftaran .tombol .btnApproval .mainBtn[b-q8jw2cwmuo] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    background-color: var(--ungu);
    cursor: pointer;
}
#addPendaftaran .tombol .btnApproval .wrap[b-q8jw2cwmuo] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: auto 32px 32px;
    align-items: center;
    gap: 5px;
    padding: 0 5px;
    transition: .4s ease;
    transform: translateX(101%);
    color: #fff;
    background-color: #555;
    opacity: 0;
    z-index: 2;
}
#addPendaftaran .tombol input[type="checkbox"]:checked ~ .wrap[b-q8jw2cwmuo] {
    transform: translateX(0);
    opacity: 1;
}
#addPendaftaran .tombol .btnApproval .wrap i[b-q8jw2cwmuo] {
    font-size: 1rem
}
#addPendaftaran .tombol .btnApproval .wrap .teks[b-q8jw2cwmuo] {
    height: 40px;
    line-height: 40px;
    font-size: .95rem;
    text-align: center;
}
#addPendaftaran .tombol .btnApproval .wrap .simpan[b-q8jw2cwmuo] {
    height: 32px;
    line-height: 32px;
    margin: 4px 0;
    color: #fff;
    background-color: #4CAF50;
    border-radius: .3rem;
    border: none;
    outline: none;
}
#addPendaftaran .tombol .btnApproval .wrap .batal[b-q8jw2cwmuo] {
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #F44336;
    border-radius: .3rem;
    cursor: pointer;
}
#addPendaftaran .tombol .btnApproval .wrap .simpan:hover i[b-q8jw2cwmuo],
#addPendaftaran .tombol .btnApproval .wrap .batal:hover i[b-q8jw2cwmuo] {
    animation: boing-b-wlxxl6qo6r-b-q8jw2cwmuo .6s linear 2;
}
@keyframes boing-b-wlxxl6qo6r-b-q8jw2cwmuo {
    0% {
        transform: translateY(0%)
    }
    25% {
        transform: translateY(14%)
    }
    50% {
        transform: translateY(-10%)
    }
}
/* /Pages/Popups/AddVoucher_PilihFilter.razor.rz.scp.css */

#pilihNakesAddVoucher .isi[b-l5578paol8] {
    flex: 1;
    padding: 1.5rem 1rem .5rem 1rem;
    overflow-y: auto;
}

#pilihNakesAddVoucher .tombol[b-l5578paol8] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.25rem;
    background-color: #fff;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    #pilihNakesAddVoucher .tombol .btn-success[b-l5578paol8] {
        width: 100%;
    }
}
/* /Pages/Popups/DetailDataFaskes.razor.rz.scp.css */

#detailDataFaskes .isi[b-yacztfnh4k] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
}
#detailDataFaskes .atas[b-yacztfnh4k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px dashed #cfcfcf;
}
#detailDataFaskes .atas p:first-child[b-yacztfnh4k] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: .5rem;
}
#detailDataFaskes .atas p:not(:first-child)[b-yacztfnh4k] {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: .25rem;
}
#detailDataFaskes .atas p i[b-yacztfnh4k] {
    font-size: .9rem;
    width: 20px;
}
#detailDataFaskes .atas button[b-yacztfnh4k] {
    white-space: nowrap;
    margin-top: .5rem;
}
#detailDataFaskes .atas button i[b-yacztfnh4k] {
    margin-right: .5rem;
}

#detailDataFaskes .sub[b-yacztfnh4k] {
    color: #555;
    font-size: 1rem;
    margin-bottom: .5rem;
}
#detailDataFaskes .sub i[b-yacztfnh4k] {
    font-size: .9rem;
    margin-right: .6rem
}
#detailDataFaskes .sub strong[b-yacztfnh4k] {
    font-weight: 600;
}
#detailDataFaskes .sub span[b-yacztfnh4k] {
    font-size: .8rem;
    font-weight: 400;
}

#detailDataFaskes .infoFaskes[b-yacztfnh4k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 2rem;
}
#detailDataFaskes .infoFaskes .kiri div[b-yacztfnh4k] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding-left: 1.4rem;
}
#detailDataFaskes .infoFaskes .kiri a[b-yacztfnh4k] {
    color: #555;
    font-weight: 400;
    word-break: break-all;
}
#detailDataFaskes .infoFaskes .kiri a:hover[b-yacztfnh4k] {
    color: #2196F3;
}
#detailDataFaskes .infoFaskes .kiri span[b-yacztfnh4k] {
    display: inline-block;
    color: grey;
    cursor: pointer;
}
#detailDataFaskes .infoFaskes .kiri span:hover[b-yacztfnh4k] {
    color: var(--ungu);
}

#detailDataFaskes .infoFaskes .kanan[b-yacztfnh4k] {
    position: relative;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
}
#detailDataFaskes .infoFaskes .kanan .toggle[b-yacztfnh4k] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .25rem .8rem .3rem .5rem;
    color: #F44336;
    background-color: #ffdedb;
    border: 1px solid #efbbb7;
    border-radius: 2rem;
    transition: .3s ease;
}
#detailDataFaskes .infoFaskes .kanan .toggle.true[b-yacztfnh4k] {
    color: #4CAF50;
    background-color: #e0ffe1;
    border-color: #97ea9a;
}
#detailDataFaskes .infoFaskes .kanan .toggle i[b-yacztfnh4k] {
    font-size: .9rem;
    padding-top: .1rem;
}
#detailDataFaskes .infoFaskes .kanan .toggle span[b-yacztfnh4k] {
    font-size: .8rem;
    font-weight: 600;
}

#detailDataFaskes .fotoFaskes .wrapFoto[b-yacztfnh4k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, max-content));
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
}
#detailDataFaskes .fotoFaskes .each[b-yacztfnh4k] {
    position: relative;
    display: flex;
    justify-content: center;
    background-color: #f1f1f1;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
    overflow: hidden;
}
#detailDataFaskes .fotoFaskes .each:nth-of-type(1)[b-yacztfnh4k] {
    background-color: transparent;
    border: none;
}
#detailDataFaskes .fotoFaskes .each p[b-yacztfnh4k] {
    position: absolute;
    top: 1rem;
    left: 0;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 1px;
    padding: .1rem .5rem;
    margin-bottom: 0;
    color: #fff;
    background-color: var(--ungu);
}
#detailDataFaskes .fotoFaskes img[b-yacztfnh4k] {
    width: auto;
    max-width: 200px;
    height: 200px;
    object-fit: cover;
}
#detailDataFaskes .fotoFaskes .aksi[b-yacztfnh4k] {
    position: absolute;
    right: .8rem;
    bottom: .8rem;
    transition: all .3s ease;
    transform: translateX(120%);
    opacity: 0;
}
#detailDataFaskes .fotoFaskes .each:hover .aksi[b-yacztfnh4k] {
    transform: translateX(0);
    opacity: 1;
}
#detailDataFaskes .fotoFaskes .aksi span[b-yacztfnh4k] {
    display: inline-block;
    line-height: 24px;
    font-size: .8rem;
    text-align: center;
    margin-left: .35rem;
    color: #555;
    background-color: #fff;
    box-shadow: 2px 2px 8px #cfcfcf;
    transition: .2s ease;
    cursor: pointer;
}
#detailDataFaskes .fotoFaskes .aksi .utama[b-yacztfnh4k] {
    width: fit-content;
    height: 25px;
    font-weight: 400;
    padding: 0 .5rem;
    border-radius: 2rem;
}
#detailDataFaskes .fotoFaskes .aksi .utama:hover[b-yacztfnh4k] {
    color: #fff;
    background-color: var(--ungu);
}
#detailDataFaskes .fotoFaskes .aksi .remove[b-yacztfnh4k] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
#detailDataFaskes .fotoFaskes .aksi .remove:hover[b-yacztfnh4k] {
    color: #fff;
    background-color: #F44336;
}

#detailDataFaskes .fotoFaskes .add[b-yacztfnh4k] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    margin: 0;
    color: #a8a8a8;
    background-color: #f1f1f1;
    border: 3px dashed #cfcfcf;
    border-radius: .5rem;
    transition: all .3s ease;
    cursor: pointer;
}
#detailDataFaskes .fotoFaskes .add[b-yacztfnh4k]  input {
    display: none;
}
#detailDataFaskes .fotoFaskes .add:hover[b-yacztfnh4k] {
    transform: scale(.96);
}
#detailDataFaskes .fotoFaskes .add i[b-yacztfnh4k] {
    font-size: 1.5rem;
    transition: all .3s ease;
}
#detailDataFaskes .fotoFaskes .add:hover i[b-yacztfnh4k] {
    transform: rotate(90deg);
}

/*LAZYLOAD*/
#detailDataFaskes .fotoFaskes .lazyFoto[b-yacztfnh4k] {
    display: block;
    max-width: 200px;
    height: 200px;
    justify-content: center;
    background-color: #f1f1f1;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
}


/*HP*/
@media screen and (max-width: 767px) {
    #detailDataFaskes .atas[b-yacztfnh4k] {
        flex-direction: column;
        gap: .25rem;
    }
    #detailDataFaskes .atas button[b-yacztfnh4k] {
        width: 100%;
    }
    #detailDataFaskes .infoFaskes .kiri div[b-yacztfnh4k] {
        padding-left: 0;
    }
    #detailDataFaskes .fotoFaskes .wrapFoto[b-yacztfnh4k]  {
        grid-template-columns: 1fr 1fr;
    }
    #detailDataFaskes .fotoFaskes img[b-yacztfnh4k],
    #detailDataFaskes .fotoFaskes .add[b-yacztfnh4k],
    #detailDataFaskes .fotoFaskes .lazyFoto[b-yacztfnh4k] {
        height: 160px;
    }
}
/* /Pages/Popups/DetailJob.razor.rz.scp.css */

#areaDetailJob .isi[b-ucul9uqgzc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    overflow: hidden;
}
#areaDetailJob .isi[b-ucul9uqgzc]::-webkit-scrollbar {
    display: none;
}
#areaDetailJob .isi .form-group[b-ucul9uqgzc] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px dashed #cfcfcf;
}
#areaDetailJob .isi .form-group:last-child[b-ucul9uqgzc] {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
#areaDetailJob .isi .form-group label[b-ucul9uqgzc] {
    color: #7a7a7a;
    font-size: .9rem;
    font-weight: 600;
}
#areaDetailJob .isi .form-group i[b-ucul9uqgzc] {
    color: #8d73af;
    margin: 0 .3rem;
}
#areaDetailJob .isi .form-group p[b-ucul9uqgzc] {
    font-size: 1rem;
    margin-bottom: 0;
}

#areaDetailJob .isi .form-group.univManual p[b-ucul9uqgzc] {
    position: relative;
    width: fit-content;
}
#areaDetailJob .isi .form-group.univManual p span[b-ucul9uqgzc] {
    position: absolute;
    right: -70px;
    font-size: .75rem;
    padding: .1rem .5rem;
    color: #fff;
    background-color: #4CAF50;
    border-radius: 3px;
    user-select: none;
    cursor: pointer;
}

#areaDetailJob .isi .form-group .praktek[b-ucul9uqgzc] {
    display: flex;
}
#areaDetailJob .isi .form-group .praktek i[b-ucul9uqgzc] {
    font-size: 1rem;
    margin: .3rem .76rem 0 .3rem;
}
#areaDetailJob .isi .form-group .praktek p:nth-of-type(1)[b-ucul9uqgzc] {
    font-size: .75rem;
    width: fit-content;
    padding: .1rem .5rem;
    margin-bottom: .5rem;
    color: #fff;
    background-color: #4CAF50;
    border-radius: 4px;
}
#areaDetailJob .isi .form-group .praktek p:nth-of-type(2)[b-ucul9uqgzc] {
    font-size: .8rem;
}
#areaDetailJob .isi .form-group .praktek p:nth-of-type(3)[b-ucul9uqgzc] {
    font-weight: 600;
}

#areaDetailJob .isi .form-group .jadwal p[b-ucul9uqgzc] {
    margin-bottom: .3rem
}

#areaDetailJob .isi .foto p[b-ucul9uqgzc] {
    color: #7a7a7a;
    font-size: .9rem;
    font-weight: 600;
}
#areaDetailJob .isi .foto img[b-ucul9uqgzc] {
    width: 60%;
    height: auto;
    margin-bottom: 2rem;
}

#areaDetailJob .isi .form-group.akhir[b-ucul9uqgzc] {
    border-bottom: none;
}
#areaDetailJob .isi .tombol[b-ucul9uqgzc] {
    position: sticky;
    bottom: 0;
}


/*HP*/
@media screen and (max-width: 767px) {
    #areaDetailJob .isi[b-ucul9uqgzc] {
        padding: 1rem;
    }
    #areaDetailJob .isi .foto img[b-ucul9uqgzc] {
        width: 100%;
    }
}
/* /Pages/Popups/DetailKelasBumil.razor.rz.scp.css */

.isi[b-2cp821fjog] {
    flex: 1;
    position: relative;
    padding: 1rem 1rem 2rem 1rem;
    overflow: hidden auto;
}
.btnPeserta[b-2cp821fjog] {
    z-index: 5;
}

.banner[b-2cp821fjog] {
    position: relative;
    min-height: 200px;
    margin-bottom: 1rem;
    border-radius: .75rem;
    background-color: #f2f2f2;
    overflow: hidden;
}
.banner img[b-2cp821fjog] {
    width: 100%;
    height: auto;
}
.banner span[b-2cp821fjog] {
    position: absolute;
    top: .75rem;
    right: .75rem;
    display: block;
    width: fit-content;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: .25rem .75rem;
    border: 2px solid #fff;
    border-radius: 2rem;
}
.banner span.terbit[b-2cp821fjog] {
    background-color: var(--ungu);
}
.banner span.selesai[b-2cp821fjog] {
    background-color: #f44336;
}
.banner span i[b-2cp821fjog] {
    margin-right: .25rem;
}

.header[b-2cp821fjog] {
    margin-bottom: 1.75rem;
}
.judul p:nth-of-type(1)[b-2cp821fjog] {
    color: grey;
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
.judul p:nth-of-type(2)[b-2cp821fjog] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: .5rem;
}

.aksi[b-2cp821fjog] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}
.info[b-2cp821fjog] {
    display: flex;
    align-items: center;
    gap: 2rem;
    color: #5a5a5a;
}
.info span[b-2cp821fjog] {
    display: block;
    font-size: 1rem;
    font-weight: 600;
}
.info span i[b-2cp821fjog] {
    margin-right: .25rem;
}
.aksiWrap[b-2cp821fjog] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.aksi .btn-sm i[b-2cp821fjog] {
    margin-right: .35rem;
}
.aksi .dropdown-toggle[b-2cp821fjog] {
    width: 33px;
    height: 33px;
    color: var(--ungu);
    background-color: #8D73AF20;
    border: none;
    border-radius: .5rem;
}
.aksi .dropdown-toggle.show[b-2cp821fjog] {
    color: #fff;
    background-color: var(--ungu);
}
.aksi .dropdown-toggle[b-2cp821fjog]::after {
    display: none;
}
.aksi .dropdown-menu[b-2cp821fjog] {
    min-width: 8rem;
}
.aksi .dropdown-item[b-2cp821fjog] {
    display: flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
}
.aksi .dropdown-item i[b-2cp821fjog] {
    width: 22px;
    text-align: center;
}
.aksi .dropdown-item:last-child[b-2cp821fjog] {
    color: var(--abang);
}

.registrasi[b-2cp821fjog] {
    position: relative;
    padding: 1rem;
    margin-bottom: 1.5rem;
    border: 2px dashed #d1c3e4;
    border-radius: .5rem;
}
.registrasi p[b-2cp821fjog] {
    position: absolute;
    top: -1.1rem;
    left: .5rem;
    font-weight: 600;
    padding: .25rem .5rem;
    background-color: #fff;
}
.registrasi .wrap[b-2cp821fjog] {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 1.5rem;
}
.registrasi .btnPeserta[b-2cp821fjog] {
    padding: 0;
    background-color: transparent;
    border: none;
}
.registrasi .itemReg[b-2cp821fjog] {
    display: flex;
    align-items: center;
    gap: .75rem;
    text-align: left;
}
.registrasi .itemReg div:first-child[b-2cp821fjog] {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    color: var(--ungu);
    background-color: #eee8f6;
    border-radius: 50%;
}
.registrasi span:first-child[b-2cp821fjog] {
    display: block;
    font-size: .8rem;
    font-weight: 400;
}
.registrasi span:last-child[b-2cp821fjog] {
    display: block;
    font-size: .9rem;
    font-weight: 600;
}
.registrasi .btnPeserta .itemReg div:last-child[b-2cp821fjog] {
    align-self: flex-end;
    color: grey;
    font-size: .8rem;
    transform: translateX(0);
    animation: geserKananChevron-b-2cp821fjog 1.5s ease-in-out infinite;
}
@keyframes geserKananChevron-b-2cp821fjog {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(.35rem);
    }
}

.deskripsi[b-2cp821fjog] {
    margin-bottom: 1.5rem;
}
.deskripsi:nth-of-type(2)[b-2cp821fjog] {
    margin-bottom: 1rem;
}
.deskripsi .wrapTextEditor[b-2cp821fjog] {
    font-weight: 400;
}
.sub[b-2cp821fjog],
[b-2cp821fjog] .sub {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: .5rem;
}




/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .banner span[b-2cp821fjog] {
        font-size: .65rem;
        border: 3px solid #fff;
    }
    .header[b-2cp821fjog] {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 1rem;
    }
    .aksi[b-2cp821fjog] {
        flex-direction: column;
        justify-content: flex-start;
    }
    .info[b-2cp821fjog] {
        display: flex;
        align-items: center;
        gap: 2rem;
        color: #5a5a5a;
    }
    .aksiWrap[b-2cp821fjog] {
        justify-content: space-between;
        width: 100%;
    }
    .aksiWrap .tombolStart[b-2cp821fjog] {
        flex: 1;
    }
    .aksiWrap .btn-sm[b-2cp821fjog] {
        width: 100% !important;
    }
    .registrasi .wrap[b-2cp821fjog] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}
/* /Pages/Popups/DetailOrder.razor.rz.scp.css */

#detailOrder .isi[b-vutyxthz2j] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
}
#detailOrder span[b-vutyxthz2j] {
    font-weight: 400;
}
#detailOrder .status[b-vutyxthz2j] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .5rem;
}
#detailOrder .status span:nth-of-type(1)[b-vutyxthz2j] {
    display: block;
    width: fit-content;
    font-size: .8rem;
    text-transform: capitalize;
    padding: .25rem .75rem;
    color: #fff;
    background-color: #4CAF50;
    border-radius: .25rem;
    margin-bottom: .25rem;
}
#detailOrder .status span:nth-of-type(1).cancel[b-vutyxthz2j] {
    background-color: #f44336;
}
#detailOrder .status span:nth-of-type(1).pending[b-vutyxthz2j] {
    color: #353535;
    background-color: #ffc107;
}
#detailOrder .status span:nth-of-type(1).expire[b-vutyxthz2j] {
    background-color: #3f4548;
}
#detailOrder .status span:nth-of-type(2)[b-vutyxthz2j] {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
}
#detailOrder .status span:nth-of-type(3)[b-vutyxthz2j] {
    display: block;
    font-size: 1rem;
}
#detailOrder .status p[b-vutyxthz2j] {
    font-size: .85rem;
    font-weight: 400;
    margin-bottom: 0;
}

#detailOrder .payment[b-vutyxthz2j] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding-bottom: .75rem;
    margin-bottom: .75rem;
    border-bottom: 1px dashed #e1e1e1;
}
#detailOrder .payment div[b-vutyxthz2j] {
    position: relative;
}
#detailOrder .payment img[b-vutyxthz2j] {
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 18px;
    height: auto;
}
#detailOrder .payment span[b-vutyxthz2j] {
    display: block;
    color: grey;
    font-size: .7rem;
    font-weight: 400;
}
#detailOrder .payment p[b-vutyxthz2j] {
    font-size: .95rem;
    font-weight: 600;
    margin-bottom: 0;
}
#detailOrder .payment .metode[b-vutyxthz2j] {
    text-transform: uppercase;
    padding-left: 1.5rem;
}

#detailOrder .kolom[b-vutyxthz2j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 1rem;
    margin-top: 1.5rem;
}
#detailOrder .wrap[b-vutyxthz2j] {
    padding: .75rem;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
}
#detailOrder .judul[b-vutyxthz2j] {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: .75rem;
}
#detailOrder .judul i[b-vutyxthz2j] {
    color: var(--ungu);
    font-size: .85rem;
    font-weight: unset;
    margin-right: .5rem;
}
#detailOrder .list[b-vutyxthz2j] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
#detailOrder .each[b-vutyxthz2j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}
#detailOrder .each span[b-vutyxthz2j] {
    display: block;
    font-size: .9rem;
    font-weight: 400;
}
#detailOrder .each span:last-child[b-vutyxthz2j] {
    font-weight: 600;
}


/*HP*/
@media screen and (max-width: 767px) {
    #detailOrder .status[b-vutyxthz2j] {
        margin-bottom: .75rem;
    }
    #detailOrder .status span:nth-of-type(2)[b-vutyxthz2j] {
        font-size: 1rem;
    }
    #detailOrder .status span:nth-of-type(3)[b-vutyxthz2j] {
        font-size: .9rem;
    }
    #detailOrder .status p[b-vutyxthz2j] {
        position: absolute;
        right: 1rem;
    }
    #detailOrder .payment[b-vutyxthz2j] {
        flex-wrap: wrap;
        gap: .5rem 1rem;
    }
    #detailOrder .payment div:nth-of-type(1)[b-vutyxthz2j],
    #detailOrder .payment div:nth-of-type(4)[b-vutyxthz2j] {
        width: 100%;
    }
    #detailOrder .payment div:nth-of-type(2)[b-vutyxthz2j],
    #detailOrder .payment div:nth-of-type(3)[b-vutyxthz2j] {
        width: calc(100% / 2 - 2rem);
    }
    #detailOrder .kolom[b-vutyxthz2j] {
        grid-template-columns: 1fr;
        grid-template-rows: max-content max-content;
    }
}
/* /Pages/Popups/DetailTatapMuka.razor.rz.scp.css */

#detailTatapMuka .isi[b-w3pbofz0d8] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
}
#detailTatapMuka span[b-w3pbofz0d8] {
    font-weight: 400;
}
#detailTatapMuka .status[b-w3pbofz0d8] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .75rem;
    margin-bottom: 1rem;
    border-bottom: 1px dashed #e1e1e1;
}
#detailTatapMuka .status span:nth-of-type(1)[b-w3pbofz0d8] {
    display: block;
    width: fit-content;
    font-size: .8rem;
    text-transform: capitalize;
    padding: .25rem .75rem;
    color: #fff;
    background-color: #4CAF50;
    border-radius: .25rem;
    margin-bottom: .25rem;
}
#detailTatapMuka .status span:nth-of-type(1).cancel[b-w3pbofz0d8] {
    background-color: #f44336;
}
#detailTatapMuka .status span:nth-of-type(1).pending[b-w3pbofz0d8] {
    color: #353535;
    background-color: #ffc107;
}
#detailTatapMuka .status span:nth-of-type(2)[b-w3pbofz0d8] {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
}
#detailTatapMuka .status span:nth-of-type(3)[b-w3pbofz0d8],
#detailTatapMuka .status span:nth-of-type(4)[b-w3pbofz0d8] {
    display: block;
    font-size: .9rem;
}
#detailTatapMuka .status p[b-w3pbofz0d8] {
    font-size: .85rem;
    font-weight: 400;
    margin-bottom: 0;
}
#detailTatapMuka .judul[b-w3pbofz0d8] {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: .75rem;
}
#detailTatapMuka .judul i[b-w3pbofz0d8] {
    color: var(--ungu);
    font-size: .85rem;
    font-weight: unset;
    margin-right: .5rem;
}

#detailTatapMuka .pasien[b-w3pbofz0d8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .75rem;
    margin-bottom: 1rem;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
}
#detailTatapMuka .pasien img[b-w3pbofz0d8] {
    width: 70px;
    height: 70px;
    object-fit: cover;
    object-position: top;
    border-radius: .5rem;
}
#detailTatapMuka .pasien p[b-w3pbofz0d8] {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: .25rem;
}

#detailTatapMuka .nakes[b-w3pbofz0d8] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .75rem;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
}
#detailTatapMuka .nakes p[b-w3pbofz0d8] {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0;
}

#detailTatapMuka .bio[b-w3pbofz0d8] {
    display: flex;
    align-items: center;
    gap: 2.5rem;
}
#detailTatapMuka .bio span:nth-of-type(1)[b-w3pbofz0d8] {
    display: block;
    color: grey;
    font-size: .75rem;
}
#detailTatapMuka .bio span:nth-of-type(2)[b-w3pbofz0d8] {
    display: block;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.4;
}


/*HP*/
@media screen and (max-width: 767px) {
    #detailTatapMuka .status span:nth-of-type(2)[b-w3pbofz0d8] {
        font-size: 1rem;
    }
    #detailTatapMuka .pasien[b-w3pbofz0d8] {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem;
    }
    #detailTatapMuka .bio[b-w3pbofz0d8] {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: .5rem 1rem;
    }
    #detailTatapMuka .bio div[b-w3pbofz0d8] {
        width: calc(100% / 2 - 2rem);
    }
    #detailTatapMuka .nakes .bio div:is(:nth-of-type(3), :nth-of-type(4))[b-w3pbofz0d8] {
        width: 100% !important;
    }
}
/* /Pages/Popups/DetailVerifikasi.razor.rz.scp.css */

#detailVerifikasi .isi[b-5zu6mahf3e] {
    flex: 1;
    padding: 1rem;
    overflow: hidden auto;
}
#detailVerifikasi .isiPending[b-5zu6mahf3e],
#detailVerifikasi .isiSukses[b-5zu6mahf3e] {
    max-width: 1000px;
}
#detailVerifikasi .isiGagal[b-5zu6mahf3e] {
    position: relative;
    max-width: 500px;
}
#detailVerifikasi .isiPending .wrapPending[b-5zu6mahf3e],
#detailVerifikasi .isiSukses[b-5zu6mahf3e] {
    display: grid;
    grid-template-columns: auto 380px;
    gap: 1rem;
}

#detailVerifikasi .gambar[b-5zu6mahf3e] {
    width: 100%;
    max-height: 550px;
    text-align: center;
    border-radius: .5rem;
    overflow: hidden auto;
}
#detailVerifikasi .gambar[b-5zu6mahf3e]::-webkit-scrollbar {
    display: block;
}
#detailVerifikasi .gambar img[b-5zu6mahf3e] {
    width: 100%;
    height: auto;
    border-radius: .5rem;
}

#detailVerifikasi .statusKtp #toggleStatus[b-5zu6mahf3e] {
    display: none;
}
#detailVerifikasi .statusKtp .wrap[b-5zu6mahf3e] {
    margin: 1rem 0;
    text-align: center;
}
#detailVerifikasi .statusKtp .switchLabel[b-5zu6mahf3e] {
    position: relative;
    width: 70px;
    height: 34px;
    margin: 0;
    background-color: #2aa63f4f;
    border: 1px solid #2aa63f4f;
    border-radius: 2rem;
    cursor: pointer;
}
#detailVerifikasi .statusKtp #toggleStatus:checked ~ .wrap .switchLabel[b-5zu6mahf3e] {
    background-color: #e4484845;
    border: 1px solid #e4484845;
}
#detailVerifikasi .statusKtp .switchLabel[b-5zu6mahf3e]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    right: 5px;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    background-image: url(/ktpCheck.png);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    transition: .3s ease;
}
#detailVerifikasi .statusKtp #toggleStatus:checked ~ .wrap .switchLabel[b-5zu6mahf3e]::before {
    transform: translateX(120%) translateY(-50%);
    background-image: url(/ktpGagal.png);
}
#detailVerifikasi .statusKtp #toggleStatus:checked ~ .inputan .isian[b-5zu6mahf3e] {
    height: 0;
}
#detailVerifikasi .statusKtp #toggleStatus:checked ~ .inputan .gakValid[b-5zu6mahf3e] {
    height: 155px;
    padding: 1.5rem;
    background-color: #ff980014;
    border: 1px dashed #ff98006b;
    border-radius: .5rem;
}

#detailVerifikasi .statusKtp .inputan .isian[b-5zu6mahf3e] {
    transition: all .3s ease;
    overflow: hidden;
}
#detailVerifikasi .statusKtp .inputan .isian .form-group:last-child[b-5zu6mahf3e] {
    margin: 0;
}
#detailVerifikasi .statusKtp .inputan .isian label[b-5zu6mahf3e] {
    font-size: .85rem;
    font-weight: 600;
}
#detailVerifikasi .statusKtp .inputan .isian .form-control[b-5zu6mahf3e] {
    box-shadow: none;
}

#detailVerifikasi .statusKtp .inputan .gakValid[b-5zu6mahf3e] {
    height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border: none;
    transition: all .3s ease;
    overflow: hidden;
}
#detailVerifikasi .statusKtp .inputan .gakValid i[b-5zu6mahf3e] {
    color: #FF9800;
    font-size: 1.8rem;
}
#detailVerifikasi .statusKtp .inputan .gakValid p[b-5zu6mahf3e] {
    color: #FF9800;
    font-weight: 400;
    margin-bottom: 0;
    text-align: center;
}

#detailVerifikasi .subSukses[b-5zu6mahf3e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
#detailVerifikasi .subSukses p[b-5zu6mahf3e] {
    width: fit-content;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: .25rem 1rem;
    margin-bottom: 0;
    color: #fff;
    background-color: #4CAF50;
    border-radius: 2rem;
}
#detailVerifikasi .wrapSukses .item[b-5zu6mahf3e] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .5rem 1rem;
    margin-bottom: .8rem;
    background-color: #f9f9f9;
    border: 1px solid #dedede;
    border-radius: .5rem;
}
#detailVerifikasi .wrapSukses .item i[b-5zu6mahf3e] {
    color: var(--ireng);
    font-size: 1.25rem;
}
#detailVerifikasi .wrapSukses .item p:first-child[b-5zu6mahf3e] {
    color: var(--ireng);
    font-size: .85rem;
    font-weight: 600;
    margin-bottom: .1rem;
}
#detailVerifikasi .wrapSukses .item p:last-child[b-5zu6mahf3e] {
    color: var(--ireng);
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
}

#detailVerifikasi .statusGagal[b-5zu6mahf3e] {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: .4rem 1.2rem .4rem 3rem;
    color: #F44336;
    background-color: #ffebea;
    border: 1px solid #ffd2d0;
    border-radius: 2rem;
}
#detailVerifikasi .statusGagal[b-5zu6mahf3e]::before {
    content: '';
    position: absolute;
    top: 6.5px;
    left: 10px;
    width: 50%;
    height: 70%;
    background-image: url(/ktpGagal.png);
    background-repeat: no-repeat;
    background-size: contain;
}
#detailVerifikasi .tombol[b-5zu6mahf3e] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    padding: 1rem;
    border-top: 1px solid #f1f1f1;
}


/*HP*/
@media screen and (max-width: 767px) {
    #detailVerifikasi .isiPending[b-5zu6mahf3e],
    #detailVerifikasi .isiSukses[b-5zu6mahf3e],
    #detailVerifikasi .isiGagal[b-5zu6mahf3e] {
        width: 100%;
    }
    #detailVerifikasi .isiPending .wrapPending[b-5zu6mahf3e],
    #detailVerifikasi .isiSukses[b-5zu6mahf3e] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    #detailVerifikasi .gambar[b-5zu6mahf3e] {
        max-height: 350px;
    }
    #detailVerifikasi .tombol[b-5zu6mahf3e] {
        justify-content: center;
    }
    #detailVerifikasi .tombol button[b-5zu6mahf3e] {
        width: 100%;
    }
}
/* /Pages/Popups/DetailVoucher.razor.rz.scp.css */

#detailVoucher .isi[b-eq3m1bl0uh] {
    flex: 1;
    padding: 1.5rem 1rem;
    overflow-y: auto;
}
.banner[b-eq3m1bl0uh] {
    position: relative;
    margin-bottom: 1rem;
}
.banner img[b-eq3m1bl0uh] {
    width: 100%;
    height: auto;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
}
.banner .status[b-eq3m1bl0uh] {
    position: absolute;
    top: 1rem;
    right: 0;
}
.banner .status span[b-eq3m1bl0uh] {
    position: relative;
    display: block;
    color: #fff;
    font-size: .85rem;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    padding: .4rem 1rem .4rem .75rem;
}
.banner .status span[b-eq3m1bl0uh]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -.7rem;
    border-top: 18px solid transparent;
    border-left: 12px solid transparent;
}
.banner .status span[b-eq3m1bl0uh]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -.7rem;
    border-top: 18px solid transparent;
    border-right: 12px solid transparent;
}
.banner .status .terbit[b-eq3m1bl0uh] {
    background-color: #4caf50;
}
.banner .status .terbit[b-eq3m1bl0uh]::before {
    border-top-color: #4caf50;
}
.banner .status .terbit[b-eq3m1bl0uh]::after {
    border-right-color: #4caf50;
}
.banner .status .selesai[b-eq3m1bl0uh] {
    background-color: #f44336;
}
.banner .status .selesai[b-eq3m1bl0uh]::before {
    border-top-color: #f44336;
}
.banner .status .selesai[b-eq3m1bl0uh]::after {
    border-right-color: #f44336;
}
.banner .status .draft[b-eq3m1bl0uh] {
    background-color: #ff9800;
}
.banner .status .draft[b-eq3m1bl0uh]::before {
    border-top-color: #ff9800;
}
.banner .status .draft[b-eq3m1bl0uh]::after {
    border-right-color: #ff9800;
}
.banner .status i[b-eq3m1bl0uh] {
    font-size: .7rem;
    margin-right: .25rem;
}

.header[b-eq3m1bl0uh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
}
.judul[b-eq3m1bl0uh] {
    flex: 1;
}
.judul p:nth-of-type(1)[b-eq3m1bl0uh] {
    color: grey;
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 0;
}
.judul p:nth-of-type(2)[b-eq3m1bl0uh] {
    color: #5a5a5a;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: .75rem;
}
.judul p:nth-of-type(3)[b-eq3m1bl0uh] {
    position: relative;
    width: fit-content;
    color: #fff;
    font-size: .9rem;
    font-weight: 400;
    padding: .25rem .85rem;
    margin-bottom: 0;
    background-color: var(--ungu);
}
.judul p:nth-of-type(3)[b-eq3m1bl0uh]::before,
.judul p:nth-of-type(3)[b-eq3m1bl0uh]::after {
    content: '';
    position: absolute;
    top: 5px;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 12px 0 0 #fff;
}
.judul p:nth-of-type(3)[b-eq3m1bl0uh]::before {
    left: -4px;
}
.judul p:nth-of-type(3)[b-eq3m1bl0uh]::after {
    right: -4px;
}

.aksi[b-eq3m1bl0uh] {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.aksi .btn i[b-eq3m1bl0uh] {
    width: 20px;
    text-align: center;
    margin-right: .15rem;
}
.aksi .dropdown-toggle[b-eq3m1bl0uh] {
    width: 33px;
    height: 33px;
    color: var(--ungu);
    background-color: #8D73AF20;
    border: none;
    border-radius: .5rem;
}
.aksi .dropdown-toggle.show[b-eq3m1bl0uh] {
    color: #fff;
    background-color: var(--ungu);
}
.aksi .dropdown-toggle[b-eq3m1bl0uh]::after {
    display: none;
}
.aksi .dropdown-menu[b-eq3m1bl0uh] {
    min-width: 8rem;
}
.aksi .dropdown-item[b-eq3m1bl0uh] {
    display: flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
}
.aksi .dropdown-item i[b-eq3m1bl0uh] {
    width: 22px;
    text-align: center;
}
.aksi .dropdown-item:last-child[b-eq3m1bl0uh] {
    color: var(--abang);
}

.info[b-eq3m1bl0uh] {
    padding: 1.25rem 0;
    margin: 1rem 0;
    border-top: 1px dashed #e1e1e1;
    border-bottom: 1px dashed #e1e1e1;
}
.nakesTerpilih[b-eq3m1bl0uh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .5rem .75rem;
    margin-bottom: .75rem;
    background-color: #f3eaff;
    border-radius: .5rem;
}
.nakesTerpilih p:nth-of-type(1)[b-eq3m1bl0uh] {
    color: var(--ungu);
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: 0;
}
.nakesTerpilih p:nth-of-type(2)[b-eq3m1bl0uh] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}
.nakesTerpilih a[b-eq3m1bl0uh] {
    width: 33px;
    height: 33px;
    color: grey;
    text-align: center;
    text-decoration: none;
    line-height: 33px;
    border-radius: .5rem;
    transition: .3s ease;
}
.nakesTerpilih a:hover[b-eq3m1bl0uh] {
    color: #fff;
    background-color: var(--ungu);
}

.list-info[b-eq3m1bl0uh] {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 1rem;
}
.list-info span:first-child[b-eq3m1bl0uh] {
    display: block;
    color: grey;
    font-size: .8rem;
    font-weight: 400;
}
.list-info span:last-child[b-eq3m1bl0uh] {
    display: block;
    color: #5a5a5a;
    font-size: .95rem;
    font-weight: 600;
}

.deskripsi .sub[b-eq3m1bl0uh] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
.deskripsi .wrapTextEditor[b-eq3m1bl0uh] {
    font-weight: 400;
}



/*##################### HP #####################*/
@media screen and (max-width: 767px) {
    .header[b-eq3m1bl0uh] {
        flex-direction: column;
        align-items: flex-start;
    }
    .aksi[b-eq3m1bl0uh] {
        width: 100%;
    }
    .aksi div:first-child[b-eq3m1bl0uh] {
        flex: 1;
    }
    .aksi div:first-child .btn[b-eq3m1bl0uh] {
        width: 100%;
    }
    .list-info[b-eq3m1bl0uh] {
        grid-template-columns: repeat(2, auto);
        gap: 1rem;
    }
}
/* /Pages/Popups/EditDataFaskes.razor.rz.scp.css */

#editDataFaskes .isi[b-27i5le1iil] {
    flex: 1;
    padding: 1rem;
    overflow: hidden auto;
}
#editDataFaskes .tombol[b-27i5le1iil] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding: 1rem;
}


/*HP*/
@media screen and (max-width: 767px) {
    #editDataFaskes .tombol .btn-success[b-27i5le1iil] {
        flex: 1;
    }
}
/* /Pages/Popups/FilterSearch.razor.rz.scp.css */

#filterSearch .isi[b-1yb018qcoe] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
}

#filterSearch .reset[b-1yb018qcoe] {
    text-align: right;
    margin-bottom: 1rem;
}
#filterSearch .reset span[b-1yb018qcoe] {
    color: var(--ungu);
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
}
#filterSearch .reset span i[b-1yb018qcoe] {
    font-size: .8rem;
    margin-right: .2rem;
}

#filterSearch .kategoriFilter[b-1yb018qcoe] {
    margin-bottom: 1.8rem;
}
#filterSearch .kategoriFilter p[b-1yb018qcoe] {
    color: #555;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .8rem;
}
#filterSearch .opsi[b-1yb018qcoe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(60px, max-content));
    align-items: center;
    gap: .6rem;
}
#filterSearch .tombol[b-1yb018qcoe] {
    padding: 1rem;
    background-color: #fff;
}
/* /Pages/Users/Login.razor.rz.scp.css */

.wrapperLogin[b-dazptlgv9o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    background-color: #fff;
}
.kontenLogin[b-dazptlgv9o] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 500px;
    height: 100%;
}
.kontenLogin .atas[b-dazptlgv9o] {
    text-align: center;
    margin-bottom: 1.5rem;
}
.kontenLogin .atas img[b-dazptlgv9o] {
    width: 5rem;
    margin-bottom: .5rem;
}
.kontenLogin .atas p[b-dazptlgv9o] {
    color: #2aca68;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
.kontenLogin .tengah .form-control[b-dazptlgv9o] {
    font-size: .9rem;
    padding: 1.2rem;
    border: 1px solid var(--abu);
}
.kontenLogin .tengah .form-control:focus[b-dazptlgv9o] {
    border: 1px solid #2aca68;
    box-shadow: none;
}
.kontenLogin .tengah .btn[b-dazptlgv9o] {
    margin-top: 3rem;
}
.kontenLogin .tengah .validation-message[b-dazptlgv9o] {
    color: #ff6a6a;
    font-size: .7rem;
    padding-left: 1.2rem;
    margin-top: .2rem;
}


/*HP*/
@media screen and (max-width: 767px) {
    .kontenLogin[b-dazptlgv9o] {
        padding: 1.5rem;
    }
}
/* /Pages/Verifikasi Faskes/DetailVerifikasiFaskes.razor.rz.scp.css */

.isi[b-l3q5msbqgg] {
    flex: 1;
    color: #555555;
    padding: 1rem;
    overflow: hidden auto;
}
.header[b-l3q5msbqgg] {
    position: relative;
    text-transform: capitalize;
    margin-bottom: 1.25rem;
}
.header p:first-child[b-l3q5msbqgg] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: .15rem;
}
.header p:not(:first-child, :last-child)[b-l3q5msbqgg] {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
}
.header p:last-child[b-l3q5msbqgg] {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1;
    min-width: fit-content;
    padding: .4rem .7rem;
    color: #fff;
    background-color: #8d73af;
    border-radius: 2rem;
}
.header p:last-child.Terverifikasi[b-l3q5msbqgg] {
    background-color: #4CAF50;
}
.header p:last-child.Ditolak[b-l3q5msbqgg] {
    background-color: #F44336;
}

#toggleFaskes1[b-l3q5msbqgg] {
    display: none;
}
.verifikasi[b-l3q5msbqgg] {
    padding: .75rem;
    margin-bottom: 1.25rem;
    background-color: #f4433615;
    border: 1px solid #f4433635;
    border-radius: .5rem;
    transition: .3s ease;
    overflow: hidden;
}
#toggleFaskes1:checked ~ .verifikasi[b-l3q5msbqgg] {
    background-color: #4caf5015;
    border-color: #4caf5035;
}
.verifikasi label[for="toggleFaskes1"][b-l3q5msbqgg] {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: fit-content;
    cursor: pointer;
}
label[for="toggleFaskes1"] span[b-l3q5msbqgg] {
    display: block;
    position: relative;
}
label[for="toggleFaskes1"] span[b-l3q5msbqgg]::before {
    content: '';
    display: block;
    width: 45px;
    height: 28px;
    background-color: var(--abang);
    border-radius: 2rem;
    box-shadow: inset 0 0 8px #00000025;
    transition: .3s ease;
}
#toggleFaskes1:checked ~ .verifikasi label[for="toggleFaskes1"] span[b-l3q5msbqgg]::before {
    background-color: var(--ijo);
}
label[for="toggleFaskes1"] span[b-l3q5msbqgg]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 2rem;
    transition: .3s ease;
    cursor: pointer;
}
#toggleFaskes1:checked ~ .verifikasi label[for="toggleFaskes1"] span[b-l3q5msbqgg]::after {
    left: 20px;
}
label[for="toggleFaskes1"] div[b-l3q5msbqgg] {
    flex: 1;
    color: var(--abang);
    border-radius: .5rem;
    transition: .3s ease;
    user-select: none;
}
#toggleFaskes1:checked ~ .verifikasi label[for="toggleFaskes1"] div[b-l3q5msbqgg] {
    color: var(--ijo);
}
label[for="toggleFaskes1"] div p[b-l3q5msbqgg] {
    font-size: 1rem;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0;
}
#toggleFaskes1:checked ~ .verifikasi label[for="toggleFaskes1"] div p:last-child[b-l3q5msbqgg],
label[for="toggleFaskes1"] div p:first-child[b-l3q5msbqgg] {
    display: none;
}
#toggleFaskes1:checked ~ .verifikasi label[for="toggleFaskes1"] div p:first-child[b-l3q5msbqgg] {
    display: block;
}

.verifikasi .alasan[b-l3q5msbqgg] {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows .2s ease;
}
#toggleFaskes1:checked ~ .verifikasi .alasan[b-l3q5msbqgg] {
    grid-template-rows: 0fr;
}
.verifikasi .alasan > div[b-l3q5msbqgg] {
    overflow: hidden;
}
.verifikasi textarea[b-l3q5msbqgg] {
    margin-top: .75rem;
    box-shadow: none;
    resize: none;
}

.info .item[b-l3q5msbqgg] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
}
.info .item i[b-l3q5msbqgg] {
    font-size: 1.1rem;
    width: 25px;
    text-align: center;
    margin-top: 9px;
}
.info .item p:first-child[b-l3q5msbqgg] {
    color: grey;
    font-size: .8rem;
    font-weight: 400;
    margin-bottom: 0;
}
.info .item :is(p:last-child, a)[b-l3q5msbqgg] {
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0;
}
.info .item a[b-l3q5msbqgg] {
    color: #555555;
}
.info .item a:hover[b-l3q5msbqgg] {
    color: #2196F3;
}

.gambar div[b-l3q5msbqgg] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
}
.gambar i[b-l3q5msbqgg] {
    font-size: 1.1rem;
    width: 25px;
    text-align: center;
    margin-top: 2px;
}
.gambar p[b-l3q5msbqgg] {
    font-size: .95rem;
    font-weight: 600;
    margin-bottom: 0;
}
.gambar img[b-l3q5msbqgg] {
    width: auto;
    max-height: 250px;
    margin-left: 2rem;
    border-radius: .5rem;
}

.tombol[b-l3q5msbqgg] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    padding: 1rem;
}


/*HP*/
@media screen and (max-width: 767px) {
    .gambar img[b-l3q5msbqgg] {
        width: calc(100% - 2rem);
        height: auto;
        max-height: unset;
    }
    .tombol .btn-success[b-l3q5msbqgg] {
        flex: 1;
    }
}
/* /Pages/Verifikasi Faskes/IndexVerifikasiFaskes.razor.rz.scp.css */

#indexVerifikasiFaskes[b-51updtdktx] {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#indexVerifikasiFaskes .head[b-51updtdktx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4rem;
    padding: 0 1.5rem;
    background-color: #f6f6f6;
}
#indexVerifikasiFaskes .head .judul[b-51updtdktx] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0;
}

#indexVerifikasiFaskes .filter[b-51updtdktx] {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    gap: 1rem;
}
#indexVerifikasiFaskes .filter p[b-51updtdktx] {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: 0;
}
#indexVerifikasiFaskes .filter .radio[b-51updtdktx] {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    overflow: auto hidden;
}
#indexVerifikasiFaskes .filter[b-51updtdktx]  .e-radio + label::before,
#indexVerifikasiFaskes .filter[b-51updtdktx]  .e-radio + label::after {
    display: none;
}
#indexVerifikasiFaskes .filter[b-51updtdktx]  .e-radio + label .e-label {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    font-size: .8rem;
    font-weight: 400;
    padding: 0 .75rem;
    color: grey;
    background-color: #f4f4f4;
    border: 1px solid #cfcfcf;
    border-radius: 3rem;
    user-select: none;
    cursor: pointer;
}
#indexVerifikasiFaskes .filter[b-51updtdktx]  .e-radio:checked + label .e-label {
    color: #fff;
    background-color: var(--ungu);
    border-color: var(--ungu);
}

#indexVerifikasiFaskes .list[b-51updtdktx] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
}
#indexVerifikasiFaskes .list .item[b-51updtdktx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: .75rem;
    margin-bottom: .8rem;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: .5rem;
    box-shadow: 2px 4px 15px #e4e4e4;
    cursor: pointer;
}
#indexVerifikasiFaskes .list .item p:first-child[b-51updtdktx] {
    color: #555;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: .2rem;
}
#indexVerifikasiFaskes .list .item p:not(:first-child)[b-51updtdktx] {
    color: grey;
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: 0;
}
#indexVerifikasiFaskes .list .item i[b-51updtdktx] {
    width: 20px;
}

#indexVerifikasiFaskes .list .item .status[b-51updtdktx] {
    display: block;
    font-size: .75rem;
    line-height: 1;
    min-width: fit-content;
    padding: .4rem .7rem;
    color: #fff;
    background-color: #8d73af;
    border-radius: 2rem;
}
#indexVerifikasiFaskes .list .item .status.Terverifikasi[b-51updtdktx] {
    background-color: #4CAF50;
}
#indexVerifikasiFaskes .list .item .status.Ditolak[b-51updtdktx] {
    background-color: #F44336;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-06hmss6it4] {
    position: relative;
    display: flex;
    flex-direction: column;
}
.main[b-06hmss6it4] {
    flex: 1;
}
.sidebar[b-06hmss6it4] {
    display: flex;
    flex-direction: column;
    background-image: linear-gradient(to bottom, var(--ungu) 0%, #422762 100%);
    user-select: none;
}

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

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

@media (min-width: 768px) {
    .page[b-06hmss6it4] {
        flex-direction: row;
    }
    .sidebar[b-06hmss6it4] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
    .navbarMobile[b-06hmss6it4] {
        display: none;
    }
    .top-row[b-06hmss6it4] {
        position: sticky;
        top: 0;
        z-index: 1;
    }
}
/* /Shared/MenuLainnyaMobile.razor.rz.scp.css */

.menu-lainnya[b-zirprgjcz1] {
    height: 100%;
    padding: 1rem;
    margin-bottom: 1.5rem;
    overflow: hidden auto;
}
.menu-lainnya > p[b-zirprgjcz1] {
    color: var(--ungu);
    font-size: 1.5rem;
    font-weight: 700;
}

.wrap-list[b-zirprgjcz1] {
    padding: .75rem 1rem;
    margin-bottom: 1.25rem;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: .5rem;
}
.menu[b-zirprgjcz1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    width: 100%;
    font-size: 1rem;
    padding: .75rem 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e1e1e1;
    transition: var(--anim);
    user-select: none;
}
.menu:first-child[b-zirprgjcz1] {
    padding-top: 0;
}
.menu:last-child[b-zirprgjcz1] {
    padding-bottom: 0;
    border-bottom: none;
}
.menu div i[b-zirprgjcz1] {
    margin-right: .5rem;
}
.menu > i[b-zirprgjcz1] {
    color: grey;
    font-size: .9rem;
}
.menu span[b-zirprgjcz1] {
    font-weight: 400;
}

.wrap-list:last-of-type[b-zirprgjcz1] {
    color: var(--abang);
    margin-top: 3rem;
}
.wrap-list:last-of-type .menu > i[b-zirprgjcz1] {
    color: var(--abang);
}

.sub[b-zirprgjcz1] {
    color: dimgrey;
    font-size: .85rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
/* /Shared/NavMenu.razor.rz.scp.css */

.logoSidebar[b-1s1f9q2zs6] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .75rem;
    height: 4rem;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    background-color: #00000015;
}
.logoSidebar div[b-1s1f9q2zs6] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px;
    aspect-ratio: 1;
    background-color: #fff;
    border-radius: 50%;
}
.logoSidebar img[b-1s1f9q2zs6] {
    width: 80%;
    height: auto;
}
.logoSidebar span[b-1s1f9q2zs6] {
    display: block;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 600;
}

.menuSidebar[b-1s1f9q2zs6] {
    flex: 1;
    padding: 0 1rem;
    overflow: hidden auto;
}
.menuSidebar[b-1s1f9q2zs6]::-webkit-scrollbar {
    display: none;
}
.menuSidebar .accordion-item[b-1s1f9q2zs6] {
    background-color: transparent;
    border: none;
}
.menuSidebar .accordion-item[b-1s1f9q2zs6]  a {
    padding: 0;
    border-radius: 5rem;
}
.menuSidebar .accordion-button[b-1s1f9q2zs6] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 2.6rem;
    gap: .5rem;
    font-size: .95rem;
    padding: 0 .75rem;
    color: #fbfbfb;
    background-color: transparent;
    border: none;
    border-radius: 5rem;
    box-shadow: none;
}
.menuSidebar .accordion-item[b-1s1f9q2zs6]  a.active,
.menuSidebar .accordion-item[b-1s1f9q2zs6]  a.active .accordion-button {
    color: #FFEB3B;
    background-color: #ffffff12;
    border-radius: 5rem;
}
.menuSidebar .accordion-button i[b-1s1f9q2zs6] {
    width: 2rem;
    font-size: 1.1rem;
    text-align: center;
}
.menuSidebar .accordion-button[b-1s1f9q2zs6]::after {
    display: none;
}

.menuSidebar .accordion-item .accordion-header[b-1s1f9q2zs6] {
    display: flex;
    align-items: center;
    gap: .8rem;
    font-size: 1rem;
}
.menuSidebar .withSub .accordion-button[b-1s1f9q2zs6]::before {
    content: '\f107';
    font-family: fontawesome;
    position: absolute;
    right: 1rem;
    transition: .3s ease;
}
.menuSidebar .withSub .accordion-button:not(.collapsed)[b-1s1f9q2zs6] {
    color: #FFEB3B;
    background-color: #ffffff12;
}
.menuSidebar .withSub .accordion-button:not(.collapsed)[b-1s1f9q2zs6]::before {
    color: #FFEB3B;
    transform: rotate(180deg);
}
.menuSidebar .accordion-body[b-1s1f9q2zs6] {
    padding: 0;
    padding: .5rem 0;
    border-radius: 0;
}
.menuSidebar .accordion-item.withSub[b-1s1f9q2zs6]  a {
    color: #fbfbfb;
    font-size: .85rem;
    padding: .25rem 1rem .25rem 3rem;
    transition: .3s ease;
}
.menuSidebar .accordion-item.withSub[b-1s1f9q2zs6]  a.active,
.menuSidebar .accordion-item.withSub[b-1s1f9q2zs6]  a:hover {
    position: relative;
    background-color: transparent;
}
.menuSidebar .accordion-item.withSub[b-1s1f9q2zs6]  a::before {
    content: '\f0da';
    font-family: fontawesome;
    position: absolute;
    left: 1.75rem;
    color: transparent;
    transition: .3s ease;
}
.menuSidebar .accordion-item.withSub[b-1s1f9q2zs6]  a.active::before {
    color: #FFEB3B;
    left: 2.25rem;
}

.logout[b-1s1f9q2zs6] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.75rem 1.25rem 1.75rem;
    color: tomato;
    font-size: .95rem;
    cursor: pointer;
}
.logout i[b-1s1f9q2zs6] {
    width: 2rem;
    font-size: 1.05rem;
    vertical-align: text-top;
    top: -2px;
    text-align: center;
}
/* /Shared/NavMobile.razor.rz.scp.css */


#navbarMobile[b-r9bn8tbpe5] {
    display: none;
    width: 100%;
    height: 60px;
    background-color: #f7f7f7;
}
#navbarMobile .wrapper[b-r9bn8tbpe5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    align-items: center;
    height: 100%;
}
#navbarMobile[b-r9bn8tbpe5]  a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #cfcfcf;
    text-decoration: none;
    padding: 0;
    transition: .2s ease-in-out;
}
#navbarMobile[b-r9bn8tbpe5]  a.active {
    color: var(--ungu);
}

#navbarMobile .wrap[b-r9bn8tbpe5] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .3rem;
    height: 100%;
}
#navbarMobile .wrap i[b-r9bn8tbpe5] {
    font-size: 1.5rem;
}
#navbarMobile .wrap span[b-r9bn8tbpe5] {
    display: block;
    font-size: .7rem;
    line-height: 1.1;
}


/*HP*/
@media screen and (max-width: 767px) {
    #navbarMobile[b-r9bn8tbpe5] {
        display: inline-block;
    }
}