﻿
/*#region ############### TAMPILAN DEKSTOP ###############*/
@media screen and (min-width: 1024px) {
    /*#region >>>>> FORCE MOBILE VIEW*/
    /*modal full*/
    #otpVerifikasiHp, #pageNotFound .isi, .wrapperLogin, .mainDaftar, .wrapperReset, #navbarBawah .menuGrid, #versiAplikasi.e-dialog,
    #indexDashboard, #indexPasienAll, #indexProfil,
    #modalLoadingSF.e-dialog, #popupInfo.e-dialog, #areaSyaratKetentuan.e-dialog, #belumValidasi.e-dialog, #prosesValidasi.e-dialog,
    #areaUpgradeClass, #regUpgradeClass.e-dialog, #detailUpgradeClass.e-dialog, #waitingBayar, #pilihPembayaran, #historyUpgrade, #sudahBayar,
    #areaArtikel, #areaDetailArtikel, #areaDetailTema, #areaTagArtikelDokter, #detailPenulis.e-dialog,
    #areaAddPasien.e-dialog, #areaDetailPasien.e-dialog, #areaEditPasien.e-dialog,
    #AddDataKehamilan.e-dialog, #DetailKehamilan.e-dialog, #DetailDataKehamilan.e-dialog, #showQRdataKehamilan.e-dialog,
    #detailNonKehamilan.e-dialog, #addRiwayatGinekologi.e-dialog, #addProgramHamil.e-dialog, #addProgramKB.e-dialog, #addKandunganLain.e-dialog,
    #detailPromil.e-dialog, #detailKb.e-dialog, #detailKandunganLain.e-dialog, #detailGinekologi.e-dialog, #detailUSG.e-dialog,
    #tabelSkorPoedji.e-dialog, #addSkorPoedji.e-dialog,
    #tabelSkrining.e-dialog, #addSkriningPreeklampsia.e-dialog,
    #AddDigitalANC.e-dialog, #detailDigitalANC.e-dialog, #editJadwalTatapMuka.e-dialog, #addFaskesBaru.e-dialog, #userProfil.e-dialog, #warningProfil.e-dialog,
    #praktekTatapMuka, #indexPesanan, #detailPesanan.e-dialog,
    #indexForum, #indexAllForum, #indexAllForum .shadowSearch, #indexAllForum .navigasiArea, #pertanyaanForum .inputJawaban .designInputan,
    #detailForum, #detailForum .wrapInfoGabung .infoGabung,
    #pertanyaanForum.e-dialog, #inputPertanyaanForum.e-dialog, #inputJawabanForum.e-dialog, #skForum.e-dialog, #detailFotoForum.e-dialog,
    #infoSingkatNakes.e-dialog, #selesaikanKehamilan.e-dialog {
        width: 45% !important;
    }

    /*modal mini*/
    #modalAddLokasi.e-dialog,
    #modalAddJadwal.e-dialog,
    #warningOtp.e-dialog {
        width: 30% !important;
    }
    /*#endregion*/
}
/*#endregion*/


/*#region ############### TAMPILAN TABLET ###############*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
    /*#region >>>>> FORCE MOBILE VIEW*/
    /*modal full*/
    #otpVerifikasiHp, #pageNotFound .isi, .wrapperLogin, .mainDaftar, .wrapperReset, #navbarBawah .menuGrid, #versiAplikasi.e-dialog,
    #indexDashboard, #indexPasienAll, #indexProfil,
    #modalLoadingSF.e-dialog, #popupInfo.e-dialog, #areaSyaratKetentuan.e-dialog, #belumValidasi.e-dialog, #prosesValidasi.e-dialog,
    #areaUpgradeClass, #regUpgradeClass.e-dialog, #detailUpgradeClass.e-dialog, #waitingBayar, #pilihPembayaran, #historyUpgrade, #sudahBayar,
    #areaArtikel, #areaDetailArtikel, #areaDetailTema, #areaTagArtikelDokter, #detailPenulis.e-dialog,
    #areaAddPasien.e-dialog, #areaDetailPasien.e-dialog, #areaEditPasien.e-dialog,
    #AddDataKehamilan.e-dialog, #DetailKehamilan.e-dialog, #DetailDataKehamilan.e-dialog, #showQRdataKehamilan.e-dialog,
    #detailNonKehamilan.e-dialog, #addRiwayatGinekologi.e-dialog, #addProgramHamil.e-dialog, #addProgramKB.e-dialog, #addKandunganLain.e-dialog,
    #detailPromil.e-dialog, #detailKb.e-dialog, #detailKandunganLain.e-dialog, #detailGinekologi.e-dialog, #detailUSG.e-dialog,
    #tabelSkorPoedji.e-dialog, #addSkorPoedji.e-dialog,
    #tabelSkrining.e-dialog, #addSkriningPreeklampsia.e-dialog,
    #AddDigitalANC.e-dialog, #detailDigitalANC.e-dialog, #editJadwalTatapMuka.e-dialog, #addFaskesBaru.e-dialog, #userProfil.e-dialog, #warningProfil.e-dialog,
    #praktekTatapMuka, #indexPesanan, #detailPesanan.e-dialog,
    #indexForum, #indexAllForum, #indexAllForum .shadowSearch, #indexAllForum .navigasiArea, #pertanyaanForum .inputJawaban .designInputan,
    #detailForum, #detailForum .wrapInfoGabung .infoGabung,
    #pertanyaanForum.e-dialog, #inputPertanyaanForum.e-dialog, #inputJawabanForum.e-dialog, #skForum.e-dialog, #detailFotoForum.e-dialog,
    #infoSingkatNakes.e-dialog, #selesaikanKehamilan.e-dialog {
        width: 70% !important;
    }

    /*modal mini*/
    #modalAddLokasi.e-dialog,
    #modalAddJadwal.e-dialog,
    #warningOtp.e-dialog {
        width: 40% !important;
    }
    /*#endregion*/
}
/*#endregion*/


/*#region ############### TAMPILAN HP UMUM ###############*/
@media screen and (max-width: 767px) {
    /*#region >>>>> ERROR UI*/
    #blazor-error-ui .errorPage {
        padding: .4rem .8rem .4rem .6rem;
    }
    #blazor-error-ui .errorPage::before {
        background-position: bottom;
    }
    #blazor-error-ui .errorPage .kiri {
        gap: .5rem;
    }
    #blazor-error-ui .errorPage .teks p:nth-of-type(1) {
        font-size: .95rem;
    }
    #blazor-error-ui .errorPage .teks p:nth-of-type(2) {
        font-size: .8rem;
    }
    #blazor-error-ui .errorPage .reload {
        font-size: .7rem;
        padding: .25rem .8rem;
    }
    /*#endregion*/

    /*#region >>>>> MIX*/
    .daftarAKun.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        padding-left: 5rem;
    }
    .daftarAKun.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
        font-size: 1rem;
    }
    .miniBanner .e-carousel .e-carousel-navigators {
        display: none;
    }
    /*#endregion*/
}
/*#endregion*/