body{color:#0d2c6f}h1{font-size:2rem;color:#fff}.box{height:100%;overflow:scroll}.kiri_atas{background-color:#0172c2;padding:1rem 2rem;overflow:hidden;color:#fff}.kanan_atas{padding:1rem;display:flex;align-items:center;text-align:center;background-color:rgba(255,255,255,.1);overflow:hidden}.kanan_atas img{width:149px;max-width:159px;margin:auto;display:block}.kiri_bawah{background-color:rgba(255,255,255,.01);overflow:hidden}.kanan_bawah{display:flex;text-align:center;background-color:#fff;overflow:hidden}#info_kasir{margin:auto}#info_kasir p{margin-bottom:0;font-size:1.1rem}#info_kasir p:nth-of-type(2){margin-bottom:1.25rem}#info_cust{margin:auto}#info_cust p{margin-bottom:0;font-size:1.25rem}#info_cust p:nth-of-type(1){margin-top:.5rem;font-size:1.5rem}#info_checkout{margin:auto}#info_checkout p{font-size:1.7rem}#welcome{margin:0;position:absolute;top:50%;transform:translateY(-50%)}#welcome img{margin-bottom:1.25rem;max-width:159px}#last_scan{margin:0;position:absolute;top:50%;transform:translateY(-50%)}#last_scan p{margin-bottom:0;font-size:1.25rem}#last_scan p span{padding:0 5px;display:inline-block}#last_scan p span:nth-of-type(1){width:6.5rem}#last_scan p .hj_dis>span,#last_scan p .stotaldis>span{text-decoration:underline;display:inline}#last_scan p .stotaldis{color:#daf557;text-shadow:1px 1px 4px #ffbf00}#last_scan p:nth-of-type(1){margin-bottom:1.25rem;font-size:2rem;font-weight:bold;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis}#last_scan p:nth-of-type(1) span:nth-of-type(1){display:inline;font-size:1.5rem;font-weight:normal}#last_scan p:nth-of-type(3){font-size:1.5rem}.network_status{position:absolute;bottom:5px;right:5px}.network_status .sinyal.mati{margin:0 auto;width:12px;height:12px;background-color:red;border-radius:50%;box-shadow:rgba(0,0,0,.2) 0 -1px 5px 1px,inset #441313 0 -1px 3px,rgba(255,0,0,.5) 0 2px 12px;animation:merahKedip .5s infinite}.network_status .sinyal.nyala{margin:0 auto;width:12px;height:12px;background-color:#abff00;border-radius:50%;box-shadow:rgba(0,0,0,.2) 0 -1px 5px 1px,inset #304701 0 -1px 3px,#89ff00 0 2px 12px}.network_status .sinyal.error{margin:0 auto;width:12px;height:12px;background-color:#24e0ff;border-radius:50%;box-shadow:rgba(0,0,0,.2) 0 -1px 5px 1px,inset #006 0 -1px 3px,#3f8cff 0 2px 14px}@keyframes merahKedip{from{background-color:red}50%{background-color:#a00;box-shadow:rgba(0,0,0,.2) 0 -1px 7px 1px,inset #441313 0 -1px 9px,rgba(255,0,0,.5) 0 2px 0}to{background-color:red}}#detail_tr{width:100%;padding-top:1rem}.t_wrapper{height:calc(100% - 150px);overflow-x:hidden;overflow-y:auto}.t_detail{border:none;overflow:auto;width:100%;margin-bottom:0}.t_detail thead{font-weight:500;position:sticky;top:0;background-color:rgba(245,245,245,.86)}.t_detail tbody tr:nth-of-type(n){background-color:#fff}.t_detail tbody tr:nth-of-type(2n){background-color:#e8f0fd}.t_detail th{text-align:left}.t_detail td{font-size:.875rem;font-weight:700;text-align:right}.t_detail td:nth-child(1){text-align:left}#total_container{display:flex;direction:row;flex-wrap:wrap;align-items:baseline;align-content:space-between;text-align:left;height:100px;padding:1.25rem 0 20px 0}#total_container span{border-bottom:2px solid #6b8ed0;width:50%;font-size:1.5rem;padding-bottom:1rem}#total_container span:nth-of-type(2n){text-align:right;right:1rem}#total_container span:nth-child(3),#total_container span:nth-child(4){font-size:2.5rem;font-weight:bold;border:none;margin-top:.5rem;position:absolute;bottom:1rem}#payment{margin:auto;display:flex;direction:row;flex-wrap:wrap;align-items:baseline;text-align:left;width:70%;line-height:2rem}#payment span{width:50%;font-size:1.1rem;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#payment span:nth-of-type(2n){text-align:right}#payment span.total{border-bottom:2px solid #6b8ed0;padding-bottom:1rem;font-size:2rem;font-weight:bold;margin-bottom:1rem}#payment span.kembalian,#payment span.payment_tt{border-top:2px solid #6b8ed0;margin-top:1rem;padding-top:1rem;font-size:1.55rem;font-weight:bold}#payment span.kembalian{border-top:none;margin-top:0;padding-top:0}#payment p{width:100%;text-align:center;margin-top:1.5rem;font-size:1.25rem}#time_board{width:100%;color:#0172c2}#time_board hr{border-color:#e0e0e0}#time_board p{margin:0;font-size:2rem}#time_board p:nth-child(4){font-size:1rem}#time_board p:nth-child(5){margin-top:1rem;font-size:2.5rem;font-weight:700;line-height:2.5rem}@media only screen and (min-width: 1360px){#time_board p:nth-child(5){font-size:3rem;line-height:3rem}}#time_board p:nth-child(6){font-size:1.4rem}#time_board #waktu{font-size:3rem;font-weight:700}#time_board #waktu #separator{padding:0 2px;animation:blinker 2s linear infinite}#time_board jadwal_sholat{padding-top:1rem;display:flex;direction:row;flex-wrap:wrap;align-items:baseline;text-align:right;line-height:1.5rem;font-size:1rem;width:80%;margin:auto}@media only screen and (min-width: 1360px){#time_board jadwal_sholat{font-size:1.25rem;line-height:2rem}}#time_board jadwal_sholat>p{font-size:1rem;width:100%;text-align:center;margin-bottom:.5rem}#time_board jadwal_sholat span{padding-right:10px;width:50%}#time_board jadwal_sholat span:nth-of-type(2n){text-align:center}@keyframes blinker{50%{opacity:0}}#brosur-container{height:100%;display:flex}#brosur-container>img{display:block;max-width:95%;max-height:95%;width:auto;height:auto;margin:auto}
