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;}#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: 36px; width: 36px; 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: 64px;}.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);}.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;}.noteText { width: 320px; padding: 10px 20px !important; max-width: 100%; margin: 0.5rem auto;}@media print { body, #app { display: none; }}@media (max-width: 992px) { body { overflow-y: auto; } nav .brand-logo { transform: none; left: auto; } .streamVideo { display: none; }}@media (max-width: 601px) { nav .brand-logo > img { display: none; } nav .brand-logo > small { font-size: 16px; } nav ul li:last-child { margin-right: 15px; } .svg-wrapper { display: none; margin: 0; }}/* mailbox */.btn-left { color: #fff; height: 42px; border-radius: 0 21px 21px 0;}.mailboxInterface { margin: 10px auto 0 auto;}.cw { width: 90%; 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;}.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: 24px;}.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.6rem;}.btn-label > i.right { margin-left: 0.6rem;}.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;}.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 { float: right; font-weight: bold; padding: 0; margin-right: 20px;}.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: 10px;}.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; margin-top: -84px; margin-left: -32px; z-index: 5;}.cd { margin-top: -99px; margin-left: -57px; 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: 12px; position: fixed; top: 0; left: 0; z-index: 600; width: 100%; height: 56px; line-height: 1;}.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: 38px; display: inline-block; text-align: left; font-weight: bold;}#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: 45px; border-radius: 21px 0 0 21px; margin-bottom: 10px !important; min-width: 50%; max-width: 100%;}.personal-folders { display: none;}.img-avatar { height: auto; width: 60px; 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: 0.6rem;}.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;}@media (max-width: 992px) { .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; } .email-description { width: 100%; } .webcall { left: 2px; } .badge-custom.right { float: none !important; margin-top: 0; margin-left: 8px; } .s1 > .img-avatar { height: 100%; width: 100%; }}@media (max-width: 601px) { .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-bottom: 5px; background: transparent; box-shadow: none; margin-bottom: 1rem; } .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 { font-size: 14px; }}#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;}