.logo_login { height: auto; max-height: 100px; width: auto; max-width: 232px;}html,body { background: #fafafa;}html,body,button,input,optgroup,select,textarea { font-family: "Open Sans", sans-serif; font-weight: 400;}body { overflow-y: hidden;}.ql-editor,.ql-toolbar,.ql-toolbar.ql-snow,.ql-picker-label,.ql-picker-item { font-family: "Open Sans", sans-serif;}.ql-snow .ql-picker.ql-expanded .ql-picker-options { z-index: 100;}.ql-toolbar { border-radius: 4px 4px 0 0; height: 43px;}.ql-container,.ql-editor { border-radius: 0 0 4px 4px; background: #fbfbfb;}.ql-editor>* { line-height: 1.5; font-size: 14px !important;}.ql-container { height: 240px; min-height: 100%; overflow-y: auto;}.ql-editor>h1 { font-size: 4.2rem !important; line-height: 110%; margin: 2.8rem 0 1.68rem 0;}.ql-editor>h2 { font-size: 3.56rem !important; line-height: 110%; margin: 2.3733333333rem 0 1.424rem 0;}.ql-editor>h3 { font-size: 2.92rem !important; line-height: 110%; margin: 1.9466666667rem 0 1.168rem 0;}.qlbt-operation-menu { top: 25% !important;}.email-tag { display: inline-block; margin-right: -10px;}.badge-tag { font-size: 10px; padding: 0 4px; border-radius: 2px; display: inline-block; letter-spacing: 1px; border: 1px solid #aaa; margin-top: 8px; margin-right: 10px; text-align: center;}#mail-tag { display: inline-block; margin-right: 20px;}.badge-float { margin: 0; padding: 4px;}/* HEADER */.nav-wrapper>.brand-logo { left: 5px;}.img-wrapper { padding: 6px 12px; border-radius: 3px; margin-bottom: 2rem;}.navbar-img { height: auto; max-height: 48px; width: auto; max-width: 128px; vertical-align: middle;}.brand-wrap { display: inline-block; height: 100%; vertical-align: top; font-size: 18px; font-weight: bold;}.image { width: auto; height: auto; max-width: 100%;}.login-container { height: 100vh;}.font-16,.font-16>* { font-size: 16px;}.overlay_m { position: fixed; top: -12.5%; bottom: -12.5%; left: -12.5%; right: -12.5%; background: #000; opacity: 0.5; display: none; height: 125%; width: 125%; overflow: hidden; transition: none;}.overlay_m.active { z-index: 9998; display: block;}.svgt { width: 36px; height: 64px; vertical-align: top; margin-top: 4px;}.welcomingModal,.lampiranModal { width: 0; height: 0; position: fixed; z-index: -9999; top: 50%; left: 50%; right: 50%; bottom: 50%; overflow: hidden; overflow-y: auto; background: #fff; transition: all 250ms ease-in-out; box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2); border-radius: 2px; padding: 0;}.btn-close-wm { position: fixed; bottom: 5%; width: 90%; height: 60px; padding: 15px; left: 5%; display: none; background: #fafafa; border-top: 1px solid #eee; border-radius: 0 0 2px 2px; z-index: 1;}.lampiranModal>.btn-close-wm { left: 0; height: 65px; width: 100%; bottom: -500px; transition: all 250ms ease-in-out;}.lampiranModal>.btn-close-wm.active { bottom: 0;}.welcomingModal.active { top: 5%; bottom: 5%; left: 5%; right: 5%; z-index: 9999; height: 90%; width: 90%; padding: 10px; padding-bottom: 75px;}.lampiranModal.active { top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; height: 100vh; width: 100vw; padding: 0; padding-bottom: 75px;}.welcomingModal.active>.btn-close-wm,.lampiranModal.active>.btn-close-wm { display: block;}.w100 { width: 100%; display: block;}.row .col { padding: 0;}.vac { display: inline-block; vertical-align: middle;}.mt0 { margin-top: 0;}.mb0 { margin-bottom: 0;}.row .ml0 { margin-left: 0;}.ml5 { margin-left: 3.3rem !important;}.ml2 { margin-left: 8px;}.ml2:first-child { margin-left: 20px;}.w100 { display: block; width: 100%;}.text-left { text-align: left;}.input-field .prefix { color: #aaa;}.input-field input:focus+label,.input-field .prefix.active { color: #005589 !important;}/* label underline focus color */.row .input-field input:focus { border-bottom: 1px solid #005589 !important; box-shadow: 0 1px 0 0 #005589 !important;}.grey-hr { border: 0; border-top: 1px solid #ddd; margin: 10px auto;}.bold { font-weight: 700;}.toast.rounded { border-radius: 8px; font-weight: bold;}.toast.rounded.toast-red { color: white; background: red;}.toast.rounded.toast-warning { color: brown; background: rgb(255, 200, 0);}.toast.rounded.toast-success { color: darkgreen; background: rgb(225, 255, 225);}.progress-wrap { height: 4px; width: 100%;}.progress { margin: 0;}.card-ie>.card-action:last-child { border-radius: 0 0 8px 8px;}#dashboard.card-ie { padding: 24px; margin-top: 24px;}#dashboard-card { padding-bottom: 0; padding-top: 0;}#dashboard-card,#dashboard-card>* { font-size: 14px; font-weight: 600;}.logo-img { width: 32px; height: auto;}.logo-wrap { position: relative; top: -6px;}nav .brand-logo i { margin-left: 1rem;}.input-field .top-icon,.input-field .top-icon-right { position: absolute; margin-left: 1rem;}.input-field .top-icon-right,.closeSearch { right: 1rem; display: inline-block;}.closeSearch:hover { cursor: pointer;}.row .input-field .top-search:focus,.row .input-field .top-search:disabled { border: none !important; box-shadow: 1px 1px 2px #ccc inset !important;}.row .input-field .top-search:focus { background: #f7f7f7 !important;}.row .input-field .top-search:disabled { background: #eee !important;}.beside-brand { margin-left: 56px;}.brand-logo-btn { height: 100%; border-radius: 0;}.btn,.card { border-radius: 4px;}.img-user,.user-anchor,.img-user-reply { width: auto; height: 36px; border-radius: 4px; display: inline-block;}.user-anchor { margin-top: -5px;}#imgUser { width: auto; height: 64px;}.user-anchor { vertical-align: middle; padding: 0;}nav ul li:last-child { margin-right: 33px;}.user-dropdown>li { padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}strong { font-weight: 700;}.dropdown-content { min-width: 120px;}.user-dropdown { min-width: 330px; overflow: hidden; border-radius: 2px;}.user-dropdown>li:focus,.user-dropdown>li:hover { background: transparent !important; cursor: auto;}.noHover { font-size: 14px; font-weight: 600; padding-right: 10px;}.noHover>div>div>span { color: #777 !important;}.rowNoHover { margin: 10px 0 !important;}.mt { margin: 0 !important; line-height: 32px !important;}.icon-user { font-size: 64px !important; height: auto !important; width: auto !important;}.icon-user-top { font-size: 36px !important; height: 36px !important; width: 36px !important; line-height: 36px !important;}#logoutLi { padding: 10px;}.img-user-reply { height: 60px; width: 60px;}.pvisibility { float: right; margin-top: 10px; position: relative; z-index: 10;}.pvisibility:hover { cursor: pointer;}#password { width: calc(100% - 5.5rem);}.blur { filter: blur(7px);}/* Photo Capture */.photoform-card { margin: 2rem auto;}.camCapture,.camPreview,.streamVideo { background-image: url(/images/user.png); background-size: 100px; background-position: center; background-repeat: no-repeat; border: 0; background-color: transparent; transform: scaleX(-1);}.marginTop2rem { margin-top: 2rem !important;}.loader-frame { position: fixed; top: 0; z-index: 400; height: 100vh; width: 100vw; background: #000;}.streamVideo { width: 200px; height: auto; display: block; margin: auto; margin-bottom: 0.5rem;}.camPreview,.camCapture { width: 320px; height: 240px; margin: auto; display: block;}.camPreview,.camCapture,.streamVideo { border-radius: 4px;}.video-interaksi-container { margin: 0 auto; height: 240px; width: 340px; border-radius: 0.5rem; background: #000; overflow: hidden;}.video-interaksi { width: 100%; height: 100%; object-fit: cover; transform: scaleX(-1); border: 4px solid transparent;}.video-interaksi.active { border-color: lime;}.noteText { width: 320px; padding: 10px 20px !important; max-width: 100%; margin: 0.5rem auto;}/* mailbox */.btn-left { color: #fff; height: 42px; border-radius: 0 21px 21px 0;}.mailboxInterface { margin: 10px auto 0 auto;}.cw { width: 95%; margin-bottom: 10px; transition: all 300ms; line-height: 40px;}.cw:last-child { margin-bottom: 0;}.cw.active.grey-text.text-darken-2 { background: #005589 !important; color: #fff !important;}.cw>.row { margin-left: 5px;}.ncw { transition: none;}.btn-lp.active { background: rgba(0, 0, 0, 0.1);}.badge-custom { font-weight: bold; margin-top: 10px; line-height: 20px; margin-right: 20px;}#struktur-organisasi,#instruksi,#bantuan,#tata-tertib,#rundown { padding: 1rem; color: #000;}#struktur-organisasi>p,#instruksi>p { margin: 1rem 0 1.5rem 0;}#struktur-organisasi>ul,#struktur-organisasi>ol,#instruksi>ul,#instruksi>ol { margin-top: 0; margin-bottom: 1.5rem;}#struktur-organisasi>div { border-bottom: 0;}#struktur-organisasi>div:last-child { border-bottom: 0;}.lembar_interaksi_wrap { padding: 0 2rem 2rem 2rem;}.lembar_interaksi_item { padding: 20px 0;}.jawaban-interaksi { border-radius: 4px; background: #fafafa; min-height: 200px; padding: 10px;}.question { margin: 1rem 0 0.5rem 0 !important; font-weight: 600;}.container-image>img { width: auto; max-width: none;}.container-image:active { cursor: grab;}.istirahat { position: fixed; top: 0; left: 0; z-index: 998; width: 100vw; height: 100vh; background-color: white; background-image: url(/images/istirahat-bg.png); background-size: auto; background-position: left center; background-repeat: repeat;}/* #instruksi { *//* -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; *//* } */.card-mailbox,.card-selesai,.mail-content-parent,.card-kiri { height: calc(100vh - 93px); overflow: hidden; overflow-y: auto;}.card-ie { width: 99%; margin-left: auto; margin-right: auto; margin-top: 0;}.card-ie>.card-content { padding-left: 5px; padding-right: 5px;}.card-ie>.card-content>.collection { border-radius: 0; border: 0;}.inbox-icon { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}.inbox-icon:hover { cursor: pointer;}.row-c { margin-bottom: 0; margin-right: 0.75rem !important;}.timer { font-size: 1.5em; letter-spacing: 1px; border-radius: 4px;}.timer-wrapper { display: inline-block; border-radius: 4px; margin-top: 0; width: 200px; max-width: 100%;}.timer-wrapper>.card-content { padding: 10px 20px;}.timer:hover,#timer-top:hover { cursor: help;}.c1 { width: 30px !important;}.c1>.inbox-icon { margin-top: 20px !important;}.c11 { width: calc(100% - 30px) !important;}.mail-header { font-size: 1.1rem;}.btn-label-absolute { position: absolute; z-index: 5; right: 0; font-size: 13px; margin-top: -5.25rem;}.btn-label,.btn-dor { display: inline-block; padding: 0 20px; text-transform: none; margin-right: 9px;}.btn-dor { padding: 0 5px; margin-right: 0;}.btn-label>* { display: inline-block;}.btn-label>i.left { margin-right: 0; font-size: 1.5em;}.btn-label>i.right { margin-left: 0;}.btn-label:hover { cursor: pointer;}.btn-label:focus { background: transparent !important;}.mail-header>div>i { margin-right: 10px;}.email-description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 24px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: calc(100% - 80px); margin: 20px 0 0 0; font-size: 14px; font-weight: 400;}.mail-content-title { font-size: 1.5rem; font-weight: 700; margin-top: 0; margin-bottom: 1rem;}.mail-content { padding-top: 18px !important;}.mail-content-parent { padding: 0 !important;}.mail-content-parent>.mail-content { padding: 5px;}.c11,.c12,.email-date { font-size: 0.9rem;}.email-date { font-size: 11px;}.mail-body-wrapper { padding: 11px 9px 20px 20px;}.date-container { font-weight: bold; padding: 0; margin-right: 20px;}.mail-body-wrapper.date-container { margin-top: -0.5rem;}.search-date-container { margin-right: -15px;}.label-open { padding: 0; margin: 0;}.mail-buttons,.mail-attachments { padding: 10px;}.mail-attachments { margin: 10px auto; padding-bottom: 10px;}.mail-body { padding: 10px; margin-bottom: 20px; font-size: 14px; color: #000 !important; background: #fbfbfb; border-radius: 4px; margin-top: 2.5rem;}.mail-replies { margin-top: 1.5rem;}.reply-wrapper { padding: 10px;}.reply-wrapper>textarea { padding: 10px; border-radius: 4px; margin: 20px auto 0 auto; min-height: 10rem; background: #fbfbfb; line-height: 1.5rem; resize: vertical;}.reply-wrapper>textarea:focus { outline: 1px solid #1565c0;}.sender { font-size: 14px; font-weight: bold;}.f14 { font-size: 14px;}.fth12 { font-size: 12px;}.cr,.cd { position: absolute; z-index: 3;}.cr { margin-top: 1.4rem; margin-left: 1.75rem;}.cd { margin-top: -1.25rem; margin-left: 0.2rem; font-size: 18px;}.attachment_link { display: inline-block; text-align: center; max-width: 100px; margin: 0 10px; overflow: hidden; text-overflow: ellipsis; vertical-align: top;}.attachment_link>span { font-size: 12px;}.attachment_link>span:first-of-type { font-weight: bold;}.attachment_link:hover,.email-opener:hover>*,.email-opener:hover>div>div>span>span { color: #005589 !important;}.attachment_link:hover { cursor: pointer;}.lampiran_link:hover { color: #555 !important;}.attachment-display { overflow: auto;}.noteCountdown { display: none; font-size: 24px; position: fixed; top: 0; left: 0; z-index: 600; width: 100%; height: 64px; line-height: 64px; box-shadow: 0 4px 25px rgba(0, 0, 0, 12%);}.noteCountdown.active { display: block; text-align: center;}.email-opener,.trash-opener,.search-opener { padding-left: 2rem !important;}.mail-title { font-size: 17px; font-weight: 600 !important;}.titleWrap,.mail-content-title { width: calc(100% - 200px);}.eo-priority { font-weight: 400 !important;}.wrapper-mail-top { padding: 20px 0 10px 0;}.priority-mail-top { padding: 15px 0 3px 0;}.ulmb { margin-top: 0 !important;}.ulmb>.collection-item { padding-top: 1rem !important;}.s11-mo { padding-left: 0.6rem !important; margin-left: 0.6rem !important;}.attachment-mark,.attachment-uploading { padding: 5px 10px; border-radius: 5px; background: slateblue; display: inline-block; margin: 5px 5px 5px 0;}.attachment-mark>strong { font-weight: 700;}.attachment-mark>i { color: pink !important;}.attachment-mark:hover { cursor: pointer; background: firebrick !important;}.attachment-mark:hover>i { color: #fff !important;}.attachment-uploading { background: #777;}.tu { width: 32px; display: inline-block; text-align: left; font-weight: bold;}.tu-mobile { width: auto;}#timer-top>span { width: auto;}#timer-top { margin-right: 25px;}.reply-attachment,.reply-footer { margin-bottom: 20px;}.reply-footer { margin-bottom: 11vh;}.collection-item:hover { background: #f9f9f9 !important;}.personal-folders>.btn-left { padding: 0 16px; margin-left: 30px; border-radius: 21px 0 0 21px; margin-bottom: 10px !important; min-width: 50%; max-width: 100%;}.personal-folders { display: none;}.img-avatar { height: 72px; width: auto; display: inline-block; vertical-align: middle; border-radius: 4px;}.img-avatar+span { margin: 0 0 0 1rem;}.avatar-large { height: 90px; width: 90px;}.email-opener:hover>.grey-text>div>.img-avatar { filter: grayscale(0);}.grey-text>div>.img-avatar { opacity: 0.3; filter: grayscale(0.8);}.phone-light { position: absolute; top: 8px; right: 8px; float: right !important;}.webcall { position: fixed; bottom: 0; left: 0; width: 100vw; height: 100vh; background: #333; font-size: 12px; z-index: 999; box-shadow: 0 2px 2px #888 inset, 0 0 1px #000 inset; overflow: auto;}.webcall-header,.webcall-body { width: 100%; background: #333;}.webcall,.webcall-header { border-radius: 4px 4px 0 0;}.webcall-header { height: 40px;}.webcall-header>button:focus { background: transparent !important;}.webcall-header>button { display: block; width: 100%; text-align: left;}.webcall-body { height: 560px;}.webcall-body>iframe { top: 0;}.webcall-body>* { background: #222;}.right-absolute { position: absolute; top: 24px; right: 26px;}.ml2rem { margin-left: 2rem;}.ml2rem>i.left { margin-right: 1rem;}.mr2rem { margin-right: 2rem;}.dropdown-content li { min-height: auto;}.dropdown-content li>a,.dropdown-content li>span { padding: 2px 6px; font-size: 14px;}.mail-list-dropdown-content { /* left: -20px !important; */ border-radius: 4px;}.mail-open-dropdown-content { border-radius: 4px; margin-left: -36px; margin-top: 10px;}.dropdown-content li>a>i { margin-right: 10px;}#dehaze.active { background: #005589 !important; color: #fff !important;}.card-kiri { margin: 0;}.card-kiri>.card-content { padding: 24px 0;}#panelKanan.selesai { height: 100vh;}.wsnw { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 1rem !important;}.collection .collection-item:last-child { border-bottom: 1px solid #e0e0e0;}.kosong { margin: 1.5em auto 2em auto;}.dropdown-content.select-dropdown.multiple-select-dropdown { max-height: 170px !important;}.top-search { background: #f3f3f3 !important; transition: all 300ms !important; padding-left: 45px !important; padding-right: 45px !important; border-radius: 15px !important; box-sizing: border-box !important; width: 99% !important; box-shadow: 1px 1px 2px #ccc inset !important;}.ccHeaderItem { height: 3rem; line-height: 3rem; margin: 0.5rem 0.5rem 0.5rem 0 !important; padding-left: 10px; border-radius: 4px; font-size: 14px;}.ccHeaderItem>.select-wrapper>.select-dropdown.dropdown-trigger,.ccHeaderItem>.input-field>input:focus { border: 0 !important; box-shadow: none !important; font-size: 14px;}#ccWrapper>.row { margin: 0;}.rundown th,.rundown td { border: 1px solid #000; border-radius: 0;}/* FGD */.btnFGDContainer { position: absolute; z-index: 1000; bottom: 45px; left: calc(50% - 83px); width: 165px; height: auto; text-align: center;}.btnFGDInnerContainer { display: inline-block; background: #fff; padding: 4px; border-radius: 4px;}#selectCameraWrap>.select-wrapper>ul>li>span { color: #005589; padding: 10px 5px; font-size: 15px; font-weight: 600;}#selectCameraWrap>.select-wrapper>ul>li.selected { background: rgba(0, 0, 0, 0.1);}/* BLUE DARKEN-3 */.input-field input:focus+label,.input-field .prefix.active,.blue-text.text-darken-3,.datepicker-table td.is-today,.datepicker-cancel,.datepicker-clear,.datepicker-today,.datepicker-done { color: #005589 !important;}[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:after { background-color: #005589 !important;}[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:before,[type="radio"].with-gap:checked+span:after { border: 2px solid #005589 !important;}.datepicker-table td.is-today>.datepicker-day-button { font-weight: bold;}.datepicker-date-display,.datepicker-table td.is-selected,.month-prev:focus,.month-next:focus { background: #005589 !important;}.datepicker-date-display .year-text,.datepicker-date-display .date-text { font-size: 2rem;}.datepicker-table td.is-selected>.datepicker-day-button { color: #fff;}a { color: #005589;}.blue.darken-3:not([disabled]),.blue.darken-3>th { background: #005589 !important; border-top: 0 !important; border-bottom: 0 !important;}/* label underline focus color */.row .input-field input:focus,input[type="search"]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #005589 !important; box-shadow: 0 1px 0 0 #005589 !important;}.flex-space-between { display: flex; align-items: baseline; justify-content: space-between;}.text-left { text-align: left;}.head { font-weight: bold; font-size: 12px; line-height: 20px;}.space-12 * { margin: 12px 0px;}.space-6 * { margin: 6px 0px;}.space-row-12 * { margin: 0px 12px;}.sub-head { font-weight: normal; font-size: 14px; line-height: 20px;}.quiz-btn { width: 162px; height: 42px; color: white; background: #fd9f28; border-radius: 20px; cursor: pointer; border: none;}.textarea-penilaian { background: #ffffff; border: 1px solid #a5adba; box-sizing: border-box; border-radius: 12px; resize: none; width: 412px; height: 210px; outline: none; padding: 1rem;}#rating-page { position: relative;}.flex-center-row { display: flex; flex-direction: row; align-items: center; justify-content: center;}.flex-center-col { display: flex; flex-direction: column; align-items: center; justify-content: center;}.rating-footer { position: fixed; bottom: 0; left: 0; right: 0; background: #001e42; height: 67px; padding: 1rem;}.footer-text { font-weight: bold; font-size: 14px; line-height: 16px; text-align: center; color: #ffffff;}.star-rate { cursor: pointer;}.icon-small { width: 24px; height: 24px;}.dnone { display: none;}.circle-border { padding: 2rem; border: 10px solid #a5adba; border-radius: 50%;}.btn-border-blue { margin: 0 auto; text-transform: none; border: 1px solid #005589 !important; box-shadow: none; overflow: hidden;}table.tablePadding5px th,table.tablePadding5px td { padding: 5px;}.permissionPopupBackground { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; opacity: 0.6; background: #000; z-index: 999999; overflow: hidden; display: none;}.marginBottom5rem { margin-bottom: 5rem;}/* --- Summernote STARTS --- */.note-editor>div>div>ul,.mail-body ul { padding-left: 40px; list-style-type: initial;}.note-editor>div>div>ul>li,.mail-body ul li { list-style-type: initial;}.sn-checkbox-use-protocol>label>input[type="checkbox"],.sn-checkbox-open-in-new-window>label>input[type="checkbox"] { position: absolute; opacity: 1; pointer-events: auto; margin-left: -1.2rem; margin-top: 0.1rem;}.sn-checkbox-use-protocol>label,.sn-checkbox-open-in-new-window>label { margin-left: 1rem;}.note-modal-footer { height: 55px;}.note-btn-group.open .note-dropdown-menu,.note-dropdown-item { display: block; min-width: 280px;}.note-editor .note-toolbar .note-para .note-dropdown-menu,.note-popover .popover-content .note-para .note-dropdown-menu { min-width: 238px;}.note-editor .note-toolbar .note-color-all .note-dropdown-menu { min-width: 348px;}.btn.btn-light { line-height: 1rem; height: auto; border-radius: 2px; background: #fcfcfc; color: #000; margin: 5px auto !important;}table.table-bordered td,table.table-bordered th { border: 1px solid rgba(0, 0, 0, 0.12);}table.table-bordered th:first-child { border-radius: 0;}table.table-bordered th:last-child { border-radius: 0;}table.table-bordered tr { border: 0 !important;}.note-editable,.note-editor.note-frame .note-placeholder { font-size: 14px; font-family: "Open Sans", sans-serif;}.note-editor.note-frame .note-placeholder { color: #bbb; font-style: italic;}/* --- Summernote STOPS --- *//* OVERRIDE UL */.dashboard-row ul,.collection-item ul,.mailbox-pages ul { padding-left: 40px !important; list-style-type: initial !important;}.dashboard-row ul li,.collection-item ul li,.mailbox-pages ul li { list-style-type: initial !important;}ul.dropdown-content { padding-left: 0 !important; list-style-type: none !important;}ul.dropdown-content li { list-style-type: none !important;}.trim-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 13vw;}.replyforwardbtn { margin: 0.5rem; min-width: 170px; max-width: 100%;}#infoConnected { margin-right: 20px; margin-top: -15px;}/* --- MEDIA --- */@media print { body, #app { display: none; }}@media (max-width: 1200px) { .hide-on-1200 { display: none !important; } .beside-brand { margin-left: 1rem; }}@media (max-width: 992px) { body { overflow-y: auto; } nav .brand-logo { transform: none; left: auto; } /* .streamVideo { display: none; } */ .personal-folders>.btn-left { margin-left: 0; } #panelKanan.selesai { margin: 10px 0; } /* .card-mailbox, .card-selesai { height: auto; overflow: auto; } */ .account-wrapper>div>h5 { font-size: 18px; } .icon-account { display: none !important; } .icon-account+.col { width: 100% !important; margin-left: 1.25rem !important; } .timer { font-size: 18px; height: auto; } #dehaze { display: none; } .email-description { width: 95%; } .webcall { left: 2px; } .badge-custom.right { float: none !important; margin-top: 0; margin-left: 8px; } .s1>.img-avatar { height: 100%; width: 100%; } .ketentuanAttachment { margin-top: 2rem; padding: 0 !important; font-size: 1rem !important; }}/*HELPERS*/.marginBottom0 { margin-bottom: 0 !important;}.paddingRight0 { padding-right: 0 !important;}.paddingTop0 { padding-top: 0 !important;}.mlr0 { margin-left: 0 !important; margin-right: 0 !important;}.marginLeft10px { margin-left: 10px;}.expandCollapseBtn:hover { cursor: pointer;}/* --- */.nomorTablePilihanProject { width: 32px;}.namaTablePilihanProject { width: 280px;}.actionTablePilihanProject { width: 160px;}.noteIzin { border-radius: 6px; border: 1px solid orange; background: rgba(253, 159, 40, 0.1); box-shadow: rgba(0, 0, 0, 0.06); padding: 15px; margin-top: 1rem;}.akanIstirahat,.akanIstirahatMobile { font-size: 12px; line-height: 1;}.akanIstirahatMobile { position: absolute; z-index: 100; background: green; color: #fff; padding: 10px; line-height: 1.5; width: 100%; left: 0; height: auto; top: 5.5rem; border-radius: 0;}.mail-attachments { background: #fbfbfb; border-radius: 4px;}.accountCircleTop { font-size: 70px !important; display: none;}.videoStreamParent { width: 100% !important; text-align: center !important;}.kotak-masuk-counter .warning-top-content { font-size: 20px; font-weight: bold; line-height: 60px; letter-spacing: 1px}.tutupMenuMobile { position: absolute; top: 10px; right: 0;}.tutupMenuMobile>i { font-size: 2em !important;}.video-icon-mobile { font-size: 5em !important;}.video-stream-mobile,.video-icon-mobile { margin-right: 1rem;}.email-opener>.email-date,.mail-replies>.email-date,.search-opener>.email-date { float: right;}.date-container-right { float: right; margin-top: -6.5rem; margin-right: 0.5rem;}.back-large-icon { font-size: 2em !important;}.refreshMailbox { margin-right: 10px !important}.kotak-masuk-counter { font-size: 1.2em; font-weight: 600;}#kotak-masuk-mobile { font-size: 1.2em; margin-left: 20px; font-weight: 600;}#new-mail { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; border-radius: 50%; margin-right: 10px;}.ellipsisKiri { text-transform: none; max-width: 100% !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.btnTopSearches,.btnHamburger { display: none;}.trash-item>.date-container { float: right;}@media (max-width: 900px) { #panelKiri { width: 230px !important; } #panelKanan { width: calc(100% - 230px) !important; } .namaTablePilihanProject { width: 280px; } .pilihanProjectContainer { width: 100vw; } .pilihanProject>table>* { font-size: 12px; } .namaTablePilihanProject { width: 20%; } .ellipsisProfile { overflow: hidden; white-space: nowrap; } html, body { background: #fff; } #dashboard.card { padding: 0; } .ellipsisKiri { max-width: 80px; } .card { box-shadow: none; border-radius: 0 } nav { box-shadow: 0 4px 25px rgba(0, 0, 0, 8%); } nav ul li:last-child { margin-right: 15px; } .svg-wrapper { display: none; margin: 0; } .personal-folders>.btn-left { border-radius: 21px; max-width: 75%; margin-left: 20px; } .webcall { width: 100%; left: 0; } .badge-custom.right { float: right !important; margin-top: 10px; margin-left: 0; } .card-mailbox, .mail-content-parent, .card-selesai, .card-kiri { min-height: auto !important; height: auto !important; } .card-kiri { overflow: hidden; margin: 0 auto 5px auto; } .date-container { margin-right: 0; } .email-description { margin-top: 3rem; margin-bottom: 0.5rem; font-style: italic; } .mail-content-title { width: calc(100% - 120px); font-size: 1.2rem; } #mail-replies>.mail-content-title { font-size: 15px; } .mail-title { font-size: 1.2rem; display: block; } .email-tag>.badge-tag, #mail-tag>.badge-tag { margin-top: 4px; width: 135px; text-align: center; } #mail-tag>.badge-tag { width: auto; } #mail-tag { margin-right: 5px; } .mail-body { margin-top: 1rem; } .mail-attachments>h5 { font-size: 1.5em; } .ml5.mail-replies { margin-left: 0 !important; } .mail-attachments>div>.material-icons { font-size: 4rem; } .titleWrap { width: calc(100% - 100px) } .sender { font-size: 12px; } .row-c { margin-left: auto !important; margin-right: auto !important; } .f14 { font-size: 12px; } .timer-wrapper { box-shadow: none; } .expandCollapseBtn { display: block !important; margin-left: 1rem; } #inbox-list, .img-avatar { display: none; } .wsnw { padding-bottom: 0 !important; } .img-avatar+span { margin-left: 0; } .mail-open-1, .mail-header>.row>.s1 { display: none !important; width: 0 !important; } .mail-open-11, .mail-header>.row>.s11 { width: 100% !important; } .account-wrapper { display: none; } .timer-wrapper { width: 100%; } .email-opener>.mail-header>div>.titleWrap>.sender, .email-opener>.mail-header>div>.titleWrap>.mail-title, .trash-opener>.mail-header>div>.titleWrap>.mail-title { max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; } .modal-content>div>h5 { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden; } #imgUserTop { display: none; } #infoConnected { margin-right: 1rem !important; } .svgt { height: 63px; width: 27px; } .email-description { display: none } .btn-label-absolute { position: static; } .email-tag { margin-left: 4rem; margin-right: 0; margin-top: 0.5rem; margin-bottom: 0.5rem; } .search-item>div>.email-tag { margin-left: 2rem; } .li-priority>.btn-label-absolute>.email-tag { margin-left: 10px; } .mail-content-title { margin-left: 5px; } .li-priority>div>a { padding-left: 10px !important; } #trash-item>li>.btn-label-absolute>.email-tag { margin-left: 4rem; } .btn-label-absolute>.dropdown-trigger.btn-label { position: absolute; padding-right: 0; font-size: 12px; margin-top: -2.25rem; font-size: 1rem; right: 0; } .tu { width: auto; } button.btn-flat i, button.btn-flat span, a.btn-flat i, a.btn-flat span { font-size: 12px; }}@media (max-width: 835px) { .tata-tertib-col, .lanjutkan-col { width: 40% !important; left: 10% !important; } .ruang-tunggu-video { margin-bottom: 1rem !important; } .ruang-tunggu-device { width: 70% !important; margin-left: 15% !important; } .ruang-tunggu-device>.row { margin-left: 0; margin-right: 0; } .ruang-tunggu-masuk { padding-bottom: 4rem; margin-bottom: 4rem; } #microphoneCheck { width: 100% !important; } .camPreview, .camCapture { width: 100%; height: auto; }}@media (max-width: 720px) { .pilihProjectBtn { font-size: 10px; } .pilihProjectBtn>i { display: none; }}@media (max-width: 601px) { .replyforwardbtn { min-width: 145px; } .btnTopSearches, .btnHamburger { display: block; width: 32px; height: 32px; line-height: 32px; position: absolute; z-index: 7; padding: 0; margin-top: 14px; margin-left: 5px; } .btnTopSearches>i, .btnHamburger>i { font-size: 2rem !important; } .btnHamburger { display: none; margin-left: 0; right: 25px; } #hideTopSearch { display: none; } .kotak-masuk-counter { height: 44px; line-height: 44px; } #panelKiri, #panelKanan { width: 100% !important; } .cw { transition: none; } #toast-container { top: 0 !important; height: auto !important; bottom: auto !important; } .mail-buttons { text-align: right; } .file_name { max-width: 70% !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .attachment-mark { width: 100%; } .photoform-card { margin-top: 0; padding-bottom: 2rem; } .titleVF { font-size: 1.2rem; letter-spacing: 1px; margin-top: 0; } .submitUlangiSwa1 { text-align: right; } .submitUlangiSwa1>button { margin-right: 0.25rem; } .submitUlangiSwa2 { text-align: left; } .submitUlangiSwa2>button { margin-left: 0.25rem; } .submitUlangiSwa1>button, .submitUlangiSwa2>button { width: 80%; text-overflow: ellipsis; } .noteSwaFoto { display: none; } #firstImg { margin-bottom: 1rem; } .mail-body-wrapper { padding: 10px 20px 20px 20px; } .accountCircleTop { display: inline-block; } .videoStreamParent { width: 41.6666666667% !important; text-align: right !important; } .streamVideo { height: 82px; width: auto; display: block; background-size: 60px; } .mail-content { padding-top: 0 !important; } .titleRatingPage { font-size: 1em !important; } .textarea-penilaian { width: 100%; } .noteCountdown, .noteCountdown.active { display: none; } .btn-label>i.left { margin-right: 0; } .btn-label>span { padding-left: 0.5rem; } .ellipsisKiri { max-width: 100% !important; } #header_2 { width: 50%; float: right; padding-right: 1rem; right: 0; } .timer { font-size: 1.5rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 12%); padding: 12px; border-radius: 6px; margin-bottom: 0rem; } .timer-wrapper>card-content { padding-top: 0; padding-bottom: 0; } #input-top-search { position: absolute; margin-top: 11.5rem; left: 4%; width: 92%; z-index: 5; display: none; } .input-top-search-mobile { position: absolute; width: 100%; z-index: 5; } #top-search { border-radius: 8px !important; background: #fff !important; box-shadow: none !important; border: 1px solid #d7d7d7; } #top-search:focus { border: 1px solid #d7d7d7 !important; } #reply-opener, #forward-opener { height: 40px; line-height: 40px; padding: 0 15px; margin: 0.5rem; } .reply-footer>.row>.l3 { width: 100%; } .reply-footer>.row>.l3>div { margin-bottom: 1rem; } .reply-footer>.row>.l3>div:last-child { margin-bottom: 0; } #btn-dropdown-email-open { float: right; margin-top: -4.5rem; } .cw, #akun-peserta-mobile { width: 90%; margin-left: 5% !important; } .cw { border-radius: 6px !important; box-shadow: 0 4px 25px rgb(0 0 0 / 6%); } #akun-peserta-mobile { margin-bottom: 0; } .personal-folders>.btn-left { margin-left: 10% !important; } .ellipsisProfile { max-width: 100%; } .mail-body-wrapper, .collection.ulmb, .profilePages { margin-bottom: 6rem; } #streamWrap { margin-bottom: 1rem !important; } .search-opener>.email-date { margin-right: -2rem; } .search-item>.btn-label-absolute>.dropdown-trigger.btn-label { margin-top: -1.75rem; } /* RUANG TUNGGU */ .ruang-tunggu-video { width: 90% !important; margin-left: 5% !important; } .ruang-tunggu-video>div { width: 100% !important; height: auto !important; } .ruang-tunggu-device { width: 90% !important; margin-left: 5% !important; } .ruang-tunggu-video>*, .ruang-tunggu-device>* { font-size: 12px; } #interaksi-title { font-size: 1.2rem; } .ruang-tunggu-info { font-size: 10px; } #join-twilio-room { min-width: 100% !important; }}@media (max-width: 500px) { .tata-tertib-col, .lanjutkan-col { width: 100% !important; left: 0 !important; margin: 0.5rem auto !important; } .tata-tertib-col>a, .lanjutkan-col>button { width: 70% } .dashboard-row { padding-bottom: 5rem; } .file_name { max-width: 50% !important; }}@media (max-width: 411px) { #btn-dropdown-email-open { float: none; margin-top: 0; } #input-top-search { left: 6%; width: 88%; } .submitUlangiSwa1, .submitUlangiSwa2 { text-align: center; width: 100% !important; } .submitUlangiSwa1>button, .submitUlangiSwa2>button { width: 100%; margin-left: 0; margin-right: 0; } .vd-elm { font-size: 12px; }}@media (max-width: 345px) { .refreshMailbox, .email-date, #streamWrap { display: none } .btn-label-absolute>.dropdown-trigger.btn-label { position: static; display: block; max-width: 200px; margin-top: 0; margin-bottom: 0.5rem; margin-left: 2.4rem; } .titleWrap { width: 100% }}