/*#region ====================== VARIABLE ======================*/
    /*#region >>>>> WARNA UMUM*/
    :root {
        --abang: #DA2739;
        --kuning: #FFC107;
        --ijo: #16AB51;
        --abu: #cfcfcf;
        --ireng: #252525;
        --primer: #497DA7;
    }
    /*#endregion*/

    /*#region >>>>> WARNA TOMBOL*/
    :root {
        --colorPrimer: #fff;
        --bgPrimer: #497DA7;
        --hoverPrimer: #345876;
        --colorDanger: #fff;
        --bgDanger: #DA2739;
        --hoverDanger: #B41F2E;
        --colorWhite: #505050;
        --bgWhite: #f1f1f1;
        --hoverWhite: #c4c4c4;
        --colorDisabled: #505050;
        --bgDisabled: #dfdfdf;
        --bgTransparan: transparent;
    }
    /*#endregion*/
/*#endregion*/


/*#region ############### TAMPILAN DEKSTOP ###############*/
@media screen and (min-width: 1024px) {
    /*#region >>>>> FORCE MOBILE VIEW*/
    /*modal full*/
    #navbarBawah .wrapper, #areaSyaratKetentuan.e-dialog, #pageNotifikasi.e-popup.e-popup-open.e-dialog, #belumValidasi.e-popup.e-popup-open.e-dialog,
    #ListChatDokter.e-popup.e-popup-open.e-dialog, #areaArtikel.e-popup.e-popup-open.e-dialog, #areaDetailArtikel.e-popup.e-popup-open.e-dialog,
    #areaPenulisArtikel.e-popup.e-popup-open.e-dialog, #bookOnline.e-popup.e-popup-open.e-dialog, #detailBookOnline.e-popup.e-popup-open.e-dialog,
    #historyOrderOnline.e-popup.e-popup-open.e-dialog, #detailRujukanChatDokter.e-popup.e-popup-open.e-dialog,
    #areaAddPasien.e-dialog, #areaDetailPasien.e-dialog, #areaEditPasien.e-dialog, #modalLoadingSF.e-dialog, #detailUpgradeClass.e-dialog, #regUpgradeClass.e-dialog, #waitUpgradeClass, #historyUpgrade,
    #sudahBayar, #AddDataKehamilan.e-dialog, #DetailKehamilan.e-dialog, #popupInfo.e-dialog, #tabelSkorPoedji.e-dialog, #addSkorPoedji.e-dialog,
    #tabelSkrining.e-dialog, #addSkriningPreeklampsia.e-dialog {
        width: 45% !important;
    }

    /*modal pake margin*/
    #detailPasienDokter.e-popup.e-popup-open.e-dialog, #viewSertifikat.e-dialog {
        width: 43% !important;
    }

    /*modal mini*/
    #detailRujukanPasienDokter.e-popup.e-popup-open.e-dialog, #modalAddLokasi.e-popup.e-popup-open.e-dialog, #modalAddJadwal.e-popup.e-popup-open.e-dialog,
    #tolakOrderOnline.e-popup.e-popup-open.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*/
    #navbarBawah .wrapper, #areaSyaratKetentuan.e-dialog, #pageNotifikasi.e-popup.e-popup-open.e-dialog, #belumValidasi.e-popup.e-popup-open.e-dialog,
    #ListChatDokter.e-popup.e-popup-open.e-dialog, #areaArtikel.e-popup.e-popup-open.e-dialog, #areaDetailArtikel.e-popup.e-popup-open.e-dialog,
    #areaPenulisArtikel.e-popup.e-popup-open.e-dialog, #bookOnline.e-popup.e-popup-open.e-dialog, #detailBookOnline.e-popup.e-popup-open.e-dialog,
    #historyOrderOnline.e-popup.e-popup-open.e-dialog, #detailRujukanChatDokter.e-popup.e-popup-open.e-dialog,
    #areaAddPasien.e-dialog, #areaDetailPasien.e-dialog, #areaEditPasien.e-dialog, #modalLoadingSF.e-dialog, #detailUpgradeClass.e-dialog, #regUpgradeClass.e-dialog, #waitUpgradeClass, #historyUpgrade,
    #sudahBayar, #AddDataKehamilan.e-dialog, #DetailKehamilan.e-dialog, #popupInfo.e-dialog, #tabelSkorPoedji.e-dialog, #addSkorPoedji.e-dialog,
    #tabelSkrining.e-dialog, #addSkriningPreeklampsia.e-dialog {
        width: 70% !important;
    }

    /*modal pake margin*/
    #detailPasienDokter.e-popup.e-popup-open.e-dialog, #viewSertifikat.e-dialog {
        width: 68% !important;
    }

    /*modal mini*/
    #detailRujukanPasienDokter.e-popup.e-popup-open.e-dialog, #modalAddLokasi.e-popup.e-popup-open.e-dialog, #modalAddJadwal.e-popup.e-popup-open.e-dialog,
    #tolakOrderOnline.e-popup.e-popup-open.e-dialog, #warningOtp.e-dialog {
        width: 40% !important;
    }
    /*#endregion*/
}
/*#endregion*/


/*#region ############### TAMPILAN HP UMUM ###############*/
@media screen and (max-width: 767px) {
    /*#region >>>>> SCROLLBAR*/
    *::-webkit-scrollbar {
        display: none;
    }
    /*#endregion*/
}
/*#endregion*/