.main_layout{flex-direction:row;justify-content:center;width:100%;display:flex}.inputbox{grid-gap:10px;color:#fff;grid-template-columns:1fr 1fr;width:50vw;display:grid}h2{font-size:2em}.inputbox input,select,textarea{border:0;border-radius:5px;padding:5px}.insider{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:15vh;display:flex}.excel-search{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:1vh;display:flex}.tophead{color:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;margin-bottom:5vh;display:flex}.radiobtn{flex-direction:row;justify-content:center;align-items:center;padding-top:1vw;display:flex}.radiobtn input{margin-left:1vw;margin-right:.3vw}*{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background:#0d1821 fixed;margin:4vh}.title_text{color:#fff;float:left;padding-left:.5vw;font-size:22px;font-weight:500}.subtitle{padding-bottom:.6vh;font-size:.7em}.text{color:#fff}.navbar{color:#f5f5f5;padding-left:1vw;font-size:1em;text-decoration:none}.navbar_on{color:#60e7ff;padding-left:1vw;font-size:1em;text-decoration:none}.navbar_on:hover{cursor:default}.navbar:hover{color:#60e7ff;cursor:pointer;text-shadow:2px 2px 4px #000}.navigator{color:#fff;flex-direction:row;align-items:center;padding-right:1vw;display:flex}nav{background-color:#2d3047;flex-wrap:wrap;justify-content:space-between;height:fit-content;padding:15px;display:flex;position:fixed;inset:0;overflow:hidden}nav:hover{cursor:default}.btn{cursor:pointer;color:#fff;text-shadow:0 1px #283966;background:#7892c2 linear-gradient(#7892c2 5%,#476e9e 100%);border-radius:10px;margin:5vh;padding:8px 15px;font-family:Arial;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background:#476e9e linear-gradient(#476e9e 5%,#7892c2 100%)}.btn:active{position:relative;top:1px}.btn2{cursor:pointer;color:#fff;text-shadow:0 1px #283966;background:#7892c2 linear-gradient(#7892c2 5%,#476e9e 100%);border-radius:10px;width:70px;margin:2px;padding:8px 15px;font-family:Arial;font-size:10px;font-weight:700;text-decoration:none;display:inline-block}.btn2:hover{background:#476e9e linear-gradient(#476e9e 5%,#7892c2 100%)}.btn2:active{position:relative;top:1px}.btn3{cursor:pointer;color:#fff;text-shadow:0 1px #283966;background:#7892c2 linear-gradient(#7892c2 5%,#476e9e 100%);border-radius:10px;margin:2px;padding:8px 15px;font-family:Arial;font-size:10px;font-weight:700;text-decoration:none;display:inline-block}.btn3:hover{background:#476e9e linear-gradient(#476e9e 5%,#7892c2 100%)}.btn3:active{position:relative;top:1px}.surat_count{color:#f5f5f5;flex-direction:row;align-items:center;display:flex}.surat_group{flex-direction:column;align-items:center;margin:2vw;display:flex}.surat_num{margin-bottom:.5vw;font-size:10em;font-weight:700}.surat_label{text-align:center;font-size:1.3em}textarea.desc-edit{resize:none;width:20vw;height:10vh}.table-container{width:100%;max-height:75vh;overflow:auto}table{border-collapse:collapse;width:95vw}table td{padding:15px}table thead td{color:#fff;background-color:#54585d;border:1px solid #54585d;font-size:13px;font-weight:700}table tbody td{color:#636363;border:1px solid #dddfe1}td.keterangan{min-width:20vw}td.nama-jk{min-width:8vw}table tbody tr{background-color:#f9fafb}table tbody tr:nth-child(odd){background-color:#fff}.topactions{flex-direction:row;justify-content:flex-start;align-items:center;width:95vw;margin-bottom:1vh;display:flex}.searchbar{border-radius:10px;width:15vw;margin:2px 4px 2px 2px;padding:4px 8px}.searchbar-outer{display:flex}.pagination{margin:2vh;display:flex}.tipesurat{width:15vw}.popup-overlay{background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-content{background-color:#fff;border-radius:8px;padding:20px;position:relative;box-shadow:0 0 10px #0000004d}.close-button{cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:10px;right:10px}.code{margin-bottom:1vh;display:flex}.delete-msg{text-align:center;justify-content:center;align-items:center;margin-top:1vh;display:flex}@media screen and (max-width:768px){.surat_num{font-size:5em}.title_text,.subtitle{text-align:center}.navigator{justify-content:space-evenly;width:100%}.navigation_bar{flex-direction:column;align-items:center}.tophead{margin-bottom:3vh}.inputbox{grid-gap:2vh;grid-template-columns:1fr;width:140%}input[type=text],input[type=date],select{padding:14px}.tipesurat{width:100%;margin-top:1vh;padding:12px}}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_396b12ce-module__rRjk0G__className{font-family:Inter,Inter Fallback;font-style:normal}