:root{--pink-care-dokter:#f01478;--pure-white:#fff;--blue-kiosk:#23415b;--biru-hospital-B:#95b2db;--biru-hospital-C:#cfdff5;--biru-hospital-D:#e9f2ff;--biru-hospital-E:#f3f8ff;--primary:#19558c;--leisure-blue:#3f68a6;--gray-A:#3d3d3d;--gray-B:#636363;--gray-C:#929292;--gray-D:#c1c1c1;--gray-E:#e4e4e4;--gray-F:#d9d9d9;--hijau-x:#377566;--warning-A:#c2283c}body{font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;margin:0;background:url(../img/background.efc992f4.jpg) no-repeat 50% fixed;background-size:cover;height:100%;width:100%;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fs-82{font-size:5.125em}.fs-72{font-size:4.5em}.fs-62{font-size:3.875em}.fs-58{font-size:3.625em}.fs-52{font-size:3.25em}.fs-46{font-size:46px}.fs-42{font-size:42px}.fs-38{font-size:2.375em}.fs-36{font-size:2.25em}.fs-32{font-size:2em}.fs-28{font-size:1.75em}.fs-26{font-size:1.625em}.fs-24{font-size:1.5em}.fs-22{font-size:1.375em}.fs-18{font-size:1.125em}.fs-16{font-size:1em}.fs-12{font-size:.75em}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.d-block{display:block}.mt-1x{margin-top:-10px}.mt-40{margin-top:40px}.mt-30{margin-top:30px}.bg-warning-A{background-color:var(--warning-A)}.bg-container-error{border-radius:20px;padding:20px}.line-h22{line-height:22px}.line-h27{line-height:27px}.line-h39{line-height:39px}.font-inconsolata{font-family:Inconsolata}.padding-x-28{-webkit-padding-start:28px;padding-inline-start:28px;-webkit-padding-end:28px;padding-inline-end:28px}.my-40{margin-top:40px;margin-bottom:40px}.mt-60{margin-top:60px}.mb-60{margin-bottom:60px}.mb-24{margin-bottom:36px}.margin-x-60{padding:0 60px}.margin-x-60-shadow{margin:0 60px}.display-menu-show{height:59vh;overflow:auto;-webkit-mask:linear-gradient(180deg,transparent 0,#000 20px,#000 calc(100% - 60px),transparent);mask:linear-gradient(180deg,transparent 0,#000 55px,#000 calc(100% - 220px),transparent)}.display-menu-show>.grid-Data-header{position:sticky;top:0;z-index:10;background-color:#fff}.dvh-100{height:100dvh}.line-height-1{line-height:1}.p-relative{position:relative}.pl-1{padding-left:.5em}.opacity-5{opacity:.5}.header-antrian{text-align:center;background-color:var(--pink-care-dokter);color:var(--pure-white);padding:30px 0}.btn-position{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.btn-maksimal{padding:40px;margin-bottom:40px;border-radius:30px;border:none}.btn-maksimal,.btn-maksimal-2{background:var(--primary);color:var(--pure-white)}.btn-maksimal-2{padding:20px;margin-bottom:20px;border-radius:15px;border:none}.header-antrian>.info-kiosk{font-weight:700;display:block}.kiosk{font-size:5.75em;font-weight:800;text-transform:uppercase}.box-dokter-booking{background:#fff;box-shadow:0 4px 24px #cfdff5;border-radius:40px;cursor:pointer}@-webkit-keyframes animateLinear{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes animateLinear{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.img-resize-40{width:40%}.mb-8rem{margin-bottom:8rem}.mb-40{margin-bottom:40px}.kiosk-card{background:#fff;box-shadow:0 4px 24px #cfdff5;border-radius:0 40px 40px 40px;padding:28px 38px 29px 50px;display:grid;grid-template-columns:auto 60px;color:var(--primary);z-index:3;position:relative;line-height:63px;min-height:180px}.active-pasien{background-color:var(--biru-hospital-D);border:2px solid var(--primary);box-shadow:0 4px 24px var(--biru-hospital-C);border-radius:40px}.footer-antrian>.right-info{text-align:right;margin:14px 40px}.footer-antrian>.img-caredokter{background-color:var(--pure-white);position:relative;border-top-right-radius:25px}.img-footer{position:absolute;padding:29px 7px;z-index:2;background:#fff;border-top-right-radius:25px}.footer-antrian{display:grid;grid-template-columns:330px auto;background-color:var(--blue-kiosk);color:var(--pure-white);position:fixed;width:100%;bottom:0}.not-success{color:var(--pink-care-dokter)}.kiosk-header-card{background:var(--leisure-blue);border-radius:40px 40px 0 0;display:inline-block;padding:10px 32px;min-width:350px;z-index:2;position:absolute;-webkit-animation:animateToDate .5s;animation:animateToDate .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.kiosk-header-card>span{color:var(--pure-white)}.grid-Data-header{display:grid;grid-template-columns:auto 160px;margin:80px 0 20px 0}.c-leisure-blue{color:var(--leisure-blue)}.c-biru-B{color:var(--biru-hospital-B)!important}.c-warning-A{color:var(--warning-A)}.c-deep{color:var(--blue-kiosk)}.c-primary{color:var(--primary)}.cgray-A{color:var(--gray-A)}.cgray-B{color:var(--gray-B)}.cgray-D{color:var(--gray-D)}.c-hijau{color:var(--hijau-x)}.c-pink-dokter{color:var(--pink-care-dokter)}.divButtonDown{position:absolute;bottom:80px}.left-0{left:0}.right-0{right:0}.btn-scan{background-color:var(--blue-kiosk);padding:58px 64px 59px 64px;box-shadow:0 0 50px #fff;color:var(--pure-white);z-index:1;border:unset}.btn-scan-radius-left{border-radius:0 40px 40px 0}.btn-scan-radius-right{border-radius:40px 0 0 40px}.btn-timeout{background-color:var(--biru-hospital-E);border-radius:10px;border:2px solid var(--biru-hospital-B);padding:11px;min-width:320px}.animate-down{z-index:2;-webkit-animation:down 1.5s infinite;animation:down 1.5s infinite;position:absolute}.animate-down-left{right:200px}.animate-down-right{left:160px}.qr-code-idle{background-color:var(--pure-white);padding:10px 0;display:flex;justify-content:center;align-items:center;position:absolute;z-index:1;width:100%;top:0;border-top-right-radius:25px}.qr-code-idle,.show-qr>.qr-code-idle{transition:.3s cubic-bezier(0,.19,.57,1.15)}.show-qr>.qr-code-idle{top:-190px}.show-qr .img-footer,.show-qr>.qr-code-idle{border-top-right-radius:0}.bg-drop{background:rgba(0,49,94,.4);width:100%;position:absolute;height:calc(100% - 250px);z-index:4}.translate{margin-top:12px}.translate>span{padding:11px 16px 10px 16px;background-color:var(--gray-E);color:var(--gray-C);box-shadow:inset -2px 2px 4px rgba(0,0,0,.25)}.translate>span.id{border-radius:10px 0 0 10px}.translate>span.en{border-radius:0 10px 10px 0}.translate>.active{background-color:var(--leisure-blue)!important;color:var(--pure-white)!important}.filter-blur{filter:blur(20px)}.btn-batalkan{background-color:#fff;position:relative;border-radius:70px;padding:40px 0;text-align:center;text-transform:uppercase;color:var(--primary);box-shadow:0 0 5px 0 rgba(0,0,0,.25);border:4px solid var(--primary)}.linear-background{background:linear-gradient(var(--biru-hospital-C),var(--biru-hospital-C)) 0 no-repeat,#fff}.btn-lanjutkan{background:var(--primary);border-radius:70px;padding:40px 0;text-align:center;text-transform:uppercase;color:var(--pure-white);border:4px solid var(--primary);outline:none}.btn-lanjutkan:disabled{opacity:.5}.kiosk-key-container{background-color:var(--gray-F);padding:17px;display:grid;grid-template-columns:repeat(3,32.5%);gap:12px;border-radius:20px}.kiosk-key{text-align:center;width:auto;padding:11px;box-shadow:0 1px 1px rgba(0,0,0,.36);border-radius:20px;transition:all .5s}.kiosk-key-number{background:var(--pure-white)}.kiosk-key-char{background-color:var(--gray-D);color:var(--gray-A)}.input-qr-code{border:4px solid var(--gray-E);border-radius:40px;font-size:5.75em;width:100%;margin-bottom:24px;color:var(--gray-A);letter-spacing:10px;outline:none}.input-qr-code:focus{outline:none}.container-kiosk{margin:40px 60px 0 60px}.container-body-kiosk{border-radius:40px;background:var(--pure-white);box-shadow:0 4px 24px #cfdff5;padding:40px 76px}.min-container-kiosk{min-height:60vh;max-height:80vh;position:relative}.spinner-load,.spinner-spin{-webkit-animation:spin .5s linear infinite;animation:spin .5s linear infinite}.spinner-load{position:absolute;left:43%;top:40%;transform:translate(-50%,-50%)}.absolute-x-center{position:absolute;left:50%;transform:translateX(-50%)}.first-check{opacity:0;top:90px;transition:1s cubic-bezier(0,.77,1,1.63)}.animate-check{opacity:1;top:46px;transition:.5s cubic-bezier(0,1.79,.6,1.66)}.opacity-animate{opacity:1!important;transition:.5s ease-in-out}.form-check-input{width:40px;height:40px}.pl-70{padding-left:70px}.my-error{margin-bottom:40px;margin-top:36px}.margin-container-error{margin:36px 0 20px 0}.transparent-position{position:absolute;width:120px;height:120px;background-color:transparent;top:0;right:0}.c-toast{font-size:1.75em}.bg-biru-E{background-color:var(--biru-hospital-E)}.span-antrian-chevron{color:var(--biru-hospital-C)}.clock-kiosk{display:block;right:0;padding:0 15px;color:var(--pure-white);background-color:#000;opacity:1;width:100%;text-align:right}.blinking{-webkit-animation:opacity 1s ease-in-out infinite;animation:opacity 1s ease-in-out infinite;opacity:1}.input-text-qr{border-radius:20px;background-color:var(--pure-white);padding:10px;min-width:200px}.list-dokter-antrian{max-height:531px;overflow:auto;margin:40px 11px}.input-text-bottom-overlay{border:2px solid var(--gray-D);border-radius:20px;color:var(--gray-B);background-color:var(--gray-E);padding:12px 35px}.position-bottom-overlay{bottom:60px;position:absolute;right:40px}.position-bottom-left-overlay{bottom:60px;position:absolute;left:40px;width:50%;text-align:left}.position-center-overlay{top:50%;padding:0 40px}.position-center-overlay,.position-head-overlay{left:50%;position:absolute;transform:translate(-50%,-50%)}.position-head-overlay{top:30%;width:calc(100vw - 160px)!important}.image-setup{min-height:100vh;background:url(../img/mandaya.c7183229.png) no-repeat 50% fixed;background-size:100%;opacity:.5}.container-data{width:100%;height:100%;background:rgba(35,65,91,.7529411764705882);top:0;text-align:center;z-index:10}.ellipsis-dokter{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setup-hidden{width:100px;height:100px;background:transparent;z-index:10;position:absolute}.show-detail{-webkit-animation-name:opacityHidden;animation-name:opacityHidden;-webkit-animation-duration:5s;animation-duration:5s}.img-video-fix{width:100vw;height:56vh}.bullet-list{position:inherit;z-index:2;left:50%;transform:translateX(-50%);bottom:30px}.bullet-list>label{width:30px;height:30px;border-radius:50%;background:#e4e4e4;display:inline-block;margin-right:20px}.btn-mulai{border-radius:40px;box-shadow:0 3px 20px rgba(35,65,91,.1);background:var(--primary);padding:10px 56px;font-weight:700;color:#fff;cursor:pointer;border:none}.position-button{height:100%;width:100%;position:absolute}.position-button-dvh{position:absolute;height:100dvh;width:100%;top:0}.home{background-color:transparent;width:100%;height:50vh;position:fixed}.video-position{display:block;margin:auto;transform:translate(-50%,-50%);position:absolute;margin-top:80px;top:25%;left:50%;width:100%;height:100%}@-webkit-keyframes opacity{0%{opacity:1}to{opacity:0}}@keyframes opacity{0%{opacity:1}to{opacity:0}}@-webkit-keyframes down{0%{bottom:-40px}50%{bottom:-70px}to{bottom:-40px}}@keyframes down{0%{bottom:-40px}50%{bottom:-70px}to{bottom:-40px}}@-webkit-keyframes animateToDate{0%{top:0}to{top:-70px}}@keyframes animateToDate{0%{top:0}to{top:-70px}}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes toastProgress{0%{background-size:0 100%}to{background-size:100% 100%}}@keyframes toastProgress{0%{background-size:0 100%}to{background-size:100% 100%}}@-webkit-keyframes opacityHidden{0%{opacity:0}to{opacity:1}}@keyframes opacityHidden{0%{opacity:0}to{opacity:1}}.button-click{transform:scale(1.1)}.sprite-tap{background-image:url(../img/tap.5a81d690.png);background-size:306px 90px;background-repeat:no-repeat;display:block}.tap-1{background-position:24px 5px;width:155px;height:170px;transition:all .8s}.tap-1animation{background-position:24px -20px}.tap-2{background-position:-106px 0}.tap-2,.tap-3{width:155px;height:170px}.tap-3{background-position:-435px 0}.sprite-tap2{background-image:url(../img/tap-2.dbd2fcc0.png);background-size:630px 170px;background-repeat:no-repeat;display:block}.click-here{display:flex;position:absolute;transform:translate(-28%,-23%);left:41%;top:65%}.tap-text{width:242px;color:var(--gray-B);margin:32px 0 0 25px}.btn-promise{color:var(--pure-white);background-color:var(--gray-C);font-weight:500;font-size:1rem}.btn-promise:hover{box-shadow:inset 1px 0 20px var(--gray-B)}.btn-event{color:var(--pure-white);background-color:var(--warning-A);font-weight:500;font-size:1rem}.btn-event:hover{box-shadow:inset 1px 0 20px var(--gray-B)}.position-error-server{height:634px}.position-error-printer,.position-error-server{width:calc(100% - 120px);position:absolute;top:30%}.my-gagal{margin-top:36px;margin-bottom:40px}.overflow-card-pasien{max-height:770px;overflow-y:auto;overflow-x:hidden}.container-overflow:active::-webkit-scrollbar-thumb,.container-overflow:focus::-webkit-scrollbar-thumb,.container-overflow:hover::-webkit-scrollbar-thumb{visibility:visible}.container-overflow::-webkit-scrollbar-thumb{background-color:#a9a9a9;visibility:hidden}.container-overflow::-webkit-scrollbar{width:4px;height:4px}.container-overflow{overflow-y:auto;overflow-x:hidden}.row-table-success{display:table-row}.row-table-success>.cell{display:table-cell}.text-unit-line{margin-top:42px;margin-bottom:0}.text-unit-line>span{font-weight:700;text-decoration:underline}.modal-inner-qr{position:relative;max-width:960px;width:90%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);background-color:#fff;padding:60px 72px;border-radius:40px}.flexible-version{position:fixed;bottom:-5px;left:0;opacity:.15;font-size:10px}.label-toast{position:absolute;border-radius:20px;padding:24px;bottom:290px;right:-450px;color:var(--pure-white);transition:all .5s cubic-bezier(.075,.82,.165,1)}.label-toast-kioskCheckIn{right:-250px;bottom:50px}.label-toast-show{right:70px}.label-toast-show-kioskCheckIn{right:15px}.checked-pasien{accent-color:var(--primary)}.checkbox-hidden{width:60px;height:60px;background-color:transparent;bottom:20px;right:-25px;z-index:5}.position-latency-kiosk{top:0;left:10px}.pad-align-left{text-align:left;padding-left:30px}.kiosk-footer{background-color:var(--blue-kiosk);height:50px;bottom:0;position:fixed;width:100%}.fs-7vh{font-size:7vh}.line-15{line-height:15px}.line-normal{line-height:normal}.line-46{line-height:3rem}.line-27{line-height:27px}.line-63{line-height:63px}.margin-bottom-36{margin-bottom:2rem}.margin-bottom-21{margin-bottom:21px}.margin-bottom-26{margin-bottom:26px}.kiosk-header{background:linear-gradient(270deg,#19558c 8.65%,#95b2db 96.56%);height:135px;z-index:2}.kiosk-body{height:calc(100vh - 135px)}.bg-none{background-color:#f2f7fc}.footer-antrian-kioskCheckin{display:grid;grid-template-columns:200px auto 200px;position:fixed;width:100%;height:100%}.checkin-header{display:grid;grid-template-columns:606px auto;width:100%;height:100%}.checkin-header>.label-kiosk{background-color:var(--pure-white);border-radius:0 0 20px 0}.image-scanner{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);width:70vh}.label-kiosk-red{background-color:var(--pink-care-dokter);width:calc(100% - 6px);border-radius:0 0 20px 0;height:100%}.checkin-header label{vertical-align:-webkit-baseline-middle;padding-left:30px;padding-right:30px;color:var(--pure-white)}.footer-antrian-kioskCheckin>.img-caredokter{background-color:var(--pure-white);position:relative;border-top-right-radius:20px;padding:15px 27px}.check-text-info{text-align:center}.footer-antrian-kioskCheckin>.check-footer-right{background-color:var(--pure-white);position:relative;border-top-left-radius:20px;display:grid;grid-template-columns:auto 32px;color:var(--blue-kiosk);gap:14px}.template-grid-dokter{position:relative;display:grid;grid-template-columns:auto 32px;padding:12px;background:var(--pure-white);box-shadow:0 3px 20px rgba(35,65,91,.1);border-radius:12px}.kiosk-checkin-margin-home{padding:12px 10vw 56px}.kiosk-check-in-card{height:72vh;width:80vw;box-shadow:0 4px 24px #cfdff5;border-radius:20px;background-color:var(--pure-white);position:relative}.position-loading{left:50%;top:50%;transform:translate(-50%,-50%)}.grid-check-ticket{display:grid;grid-template-columns:50% 50%;height:100%}.grid-check-ticket>.bg-left-card{background:linear-gradient(270deg,#19558c,#95b2db);box-shadow:0 4px 24px #cfdff5;border-radius:20px 0 0 20px;position:relative}.grid-check-ticket>.bg-right-card{background:var(--pure-white);box-shadow:0 4px 24px #cfdff5;border-radius:0 20px 20px 0}.margin-date-footer{margin-right:16px;margin-top:2px}.ticket-check-in{width:calc(100% - 60px);margin:auto;position:absolute;left:50%;top:50%;padding:20px 18px;transform:translate(-50%,-50%)}.chevron-set-checkIn{position:absolute;top:-60px;left:10px}.chevron-set-checkIn>img{width:26px}.check-information-right{padding:40px}.check-information-late{padding:28px 40px}.btn-batalkan-checkIn{background-color:#fff;border:2px solid var(--primary);position:relative;border-radius:70px;color:var(--primary);box-shadow:0 0 5px 0 rgba(0,0,0,.25);margin:0 0 1ex 0}.btn-batalkan-checkIn,.btn-lanjutkan-checkIn{padding:15px 0;text-align:center;text-transform:uppercase}.btn-lanjutkan-checkIn{background:var(--primary);border-radius:70px;color:var(--pure-white);border:4px solid var(--primary);outline:none}.btn-lanjutkan-checkIn:disabled{background-color:rgba(25,85,140,.5);border:4px solid transparent}.header-table-tiket{background-color:var(--blue-kiosk);color:var(--pure-white);border-radius:10px 10px 0 0}.sub-header-table{background-color:var(--primary);color:var(--pure-white)}.left-border-radius{border-radius:10px 0 0 0}.right-border-radius{border-radius:0 10px 0 0}.ticket-show-doctor{width:calc(100% - 40px);margin:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.center-data{justify-content:center;align-items:center}.card-data-remind{background:#fafafa;border-radius:10px;margin:0 40px;padding:20px;height:90%}.time-remind-card{position:absolute;bottom:12px;right:8px}.card-error-checkin{width:65%;height:100%}.padding-40{padding:40px 0}.p-40{padding:40px}@media only screen and (max-height:1800px){.circle-image{width:80px}.first-check{width:42px;top:62px}.animate-check{top:22px}.bottom-info{position:relative;bottom:unset;left:unset;margin:unset}.btn-timeout{min-width:150px}.position-bottom-left-overlay>p{font-size:22px!important}.input-text-qr{font-size:1.25em}.img-resize-40{width:261px}.fs-62{font-size:52px}.position-bottom-left-overlay{bottom:40px;position:absolute;left:40px;width:30%;text-align:left}.position-bottom-overlay{bottom:20px;position:absolute;right:20px;padding:10px 20px}.input-text-bottom-overlay>img{width:22px!important}.input-text-bottom-overlay{border:2px solid var(--gray-D);border-radius:20px;color:var(--gray-B);background-color:var(--gray-E);font-size:22px}.overlay-countdown{background:#fff;border:2px solid #3f68a6;border-radius:20px;font-size:22px}}.grid-template-information{display:grid;grid-template-columns:20px auto;gap:6px}.accent-checkbox{accent-color:var(--primary)}.card-dokter-check{padding:12px;border:2px solid transparent;height:96px}.active-checkbox{border:2px solid #19558c;background:var(--biru-hospital-D)!important}.mr-13{margin-right:13px}.mb-12{margin-bottom:12px}.card-dokter-check{width:100%;padding:17px;background:var(--pure-white);box-shadow:0 3px 20px rgba(35,65,91,.1);border-radius:12px;margin-top:14px;margin-bottom:14px;height:100%}.card-dokter-check>p:first-child{margin-bottom:9px}.card-dokter-check>p:nth-child(2){margin-bottom:12px}.card-dokter-check>p{line-height:32px}.position-ticket{margin:auto;width:60%;position:relative;filter:drop-shadow(0 3px 12px rgba(35,65,91,.1));background:#fff}.card-dokter-and-room{padding:12px;background:var(--pure-white);box-shadow:0 3px 20px rgba(35,65,91,.1);border-radius:12px}.grid-template-antrians{display:grid;grid-template-columns:90px auto auto;gap:20px;text-align:center}.border-radius-bottom{border-radius:0 0 10px 10px}.border-10{border-radius:10px}.position-latency-kiosk-check-in{right:0;bottom:50px;border-radius:20px 0 0 0;background:hsla(0,0%,100%,.5);padding:12px;box-shadow:-4px -4px 40px 0 rgba(0,0,0,.1)}