html,body{height:100%;margin:0}body{transition:opacity .3s ease-in}.logo{height:50px}#wrapperProgress{display:none}.wrapperProgress{margin:8px;box-shadow:0 2px 6px #00000026;padding:10px;border-radius:6px}.close{align-self:flex-end;position:absolute;top:10px;right:10px;cursor:pointer;color:#1c6ea4;font-size:18px}#wrapper{display:none;flex:1;flex-direction:column;padding:8px;box-sizing:border-box;align-items:center}.wrapperFloat{display:none;position:fixed;top:0;left:0;text-align:center;font-size:14px;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006;z-index:999;border-radius:6px}.modal-content{max-width:500px;width:90%;max-height:90vh;overflow-y:auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 20px #00000080;position:relative}.flexShow{display:flex!important}.modal-overlay{display:none;position:fixed;top:0;left:0;text-align:center;font-size:14px;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006;z-index:1000;border-radius:6px}.statusText{flex:none;margin-bottom:15px;font-size:16px}.loading,.warning,.success,.info{position:relative;padding:20px;width:90%;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;box-shadow:0 4px 15px #00000080;text-align:center;background-color:#fff}.statusIcon{font-size:48px;margin:20px}.iconWarning{color:#ff6b6b}.iconSuccess{color:#74c476}.iconInfo{color:#ff5a00}.iconLoading{border:8px solid #FFAA33;border-top:8px solid #1C6EA4;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;margin-right:0;margin-bottom:10px}.aksiWrapper{display:flex;justify-content:center;text-align:center;gap:10px}.iconAksi{cursor:pointer}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#header{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;padding:4px}#menuWrapper{display:flex;gap:10px;align-items:center;justify-content:center}.menuItem{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;padding:8px;text-align:center;text-decoration:none;font-weight:700;color:#005fcc;box-shadow:0 2px 6px #00000026;transition:all .1s ease}.menuItem:visited{color:#005fcc}.menuItem:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #00000040;background-color:#f0f0f0}#judulHalaman{flex:1;font-weight:700;font-size:18px;text-align:right;margin-right:10px;font-style:italic;color:#444}#namaAcara{display:none;font-weight:700;text-align:center;font-size:24px;padding:10px;margin:10px 0;position:relative;color:#444}#namaAcara:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:80%;height:4px;background:linear-gradient(to right,transparent,#1C6EA4,transparent)}#detailWrapper{display:none;grid-template-columns:max-content 1fr;width:calc(100% - 16px);margin:10px}.detailAcara{display:contents}.value{border:1px solid #000;padding:4px}.detailAcara .value{border:none}.map{border:1px solid #dddddd;border-radius:6px;width:100%;height:300px;box-shadow:0 2px 6px #00000026;z-index:0}#mapMessage{text-align:center}.userPin{color:red;font-size:32px}.leaflet-control-geocoder-alternatives{max-height:250px;overflow-y:scroll;text-align:left}#formLogin{box-sizing:border-box}#formPresensi{display:none}.form{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:500px;box-sizing:border-box;margin-top:16px;margin-left:auto;margin-right:auto}.inputForm{display:flex;flex-direction:column;border:1px solid #dddddd;font-size:14px;margin:8px;box-shadow:0 2px 6px #00000026;padding:10px;border-radius:6px;box-sizing:border-box;width:100%;align-items:center;gap:16px}label{font-weight:700;padding:4px;display:block}.label{font-weight:700;padding:4px}.input-note{font-size:1em;color:#777;margin-top:-6px;margin-bottom:8px;display:block;font-style:italic}.judulCard{font-weight:700;font-size:14px}.judulProgress{font-weight:700}.progress{position:relative;width:100%;background-color:#ccc;overflow:hidden;height:24px;box-shadow:inset 0 2px 6px #00000026;border-radius:4px}.progressBar{border-radius:4px;background:linear-gradient(to bottom,#4caf50,#2e7d32);box-shadow:inset 0 2px 4px #ffffff4d,0 4px 6px #0000004d;height:24px;width:0%;transition:width .5s ease}.progressText{position:absolute;width:100%;top:0;left:0;text-align:center;line-height:24px;font-weight:700;color:#fff}#diperbarui{box-shadow:0 2px 6px #00000026;padding:8px}.boxInput{padding:12px;border:none;box-shadow:inset 0 2px 6px #00000026;border-radius:4px;box-sizing:border-box;width:100%;text-align:center}.choices{margin-bottom:0;box-sizing:border-box;width:100%}.choices__inner{padding:12px;border:none!important;box-shadow:inset 0 2px 6px #00000026;border-radius:4px;background-color:#fff;min-height:auto;display:flex;align-items:center;box-sizing:border-box}.choices__placeholder{opacity:1;color:#000}.choices__list{box-sizing:border-box}.choices__list--dropdown{border:1px solid #ddd;background-color:#f6f6f6;z-index:10;margin-top:4px;box-shadow:0 4px 8px #0000001a;border-radius:4px}.choices__list--dropdown .choices__input{box-sizing:border-box;width:100%;padding:8px;border:none;border-bottom:1px solid #ddd;background-color:#fff;font-size:14px;margin:0}.choices__list--dropdown .choices__item{padding:10px;cursor:pointer;font-size:14px;transition:background-color .15s ease}.choices__list--dropdown .choices__item--selectable:hover,.choices__list--dropdown .choices__item--highlighted{background-color:#e6e6e6}.btn{display:flex;gap:8px;padding:12px;border-radius:6px;border:none;color:#fff;cursor:pointer;background:linear-gradient(to bottom,#5aa9ff,#007bff);box-shadow:0 4px #005fcc,0 3px 8px #0000004d;transition:all .15s ease;font-weight:700;width:fit-content;align-items:center;justify-content:center}.btn:active{transform:translateY(2px);background:linear-gradient(to bottom,#3f8efc,#0069d9);box-shadow:0 1px #004da8 inset,0 2px 4px #0000004d inset}.btnWrapper{display:flex;gap:8px;margin:16px;align-items:center;justify-content:center}#btnLogout{margin:8px}#subGroupBlmHadir{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.groupWrapper{display:flex;flex-direction:column;padding:10px;box-shadow:0 2px 6px #00000026;border-radius:8px;max-width:300px;box-sizing:border-box}.groupList{counter-reset:num;list-style:none;padding:0}.groupHeader{font-weight:700;background-color:#1c6ea4;color:#fff;border-radius:4px;padding:4px;text-align:center}.groupList li{padding:4px}.groupList li:nth-child(odd){background-color:#fff}.groupList li:nth-child(2n){background-color:#eee}.groupList li{counter-increment:num;padding-left:1.8em;position:relative}.groupList li:before{content:counter(num) ".";position:absolute;left:0;background-color:#fff}.groupList li:nth-child(2n):before{background-color:#eee}.kedip,.kedip:before{animation:kedip .6s ease-in-out;background:#ff0}@keyframes kedip{0%{background:#ff0}50%{background:transparent}to{background:#ff0}}.flexTable{display:flex;flex-direction:column;border:1px solid #ddd;width:100%;box-shadow:0 2px 4px #0000001a;box-sizing:border-box}.col-no{flex:0 0 32px;max-width:32px;justify-content:center}.flex-row{display:flex;width:100%;border-bottom:1px solid #eee;box-sizing:border-box}.flex-row:nth-child(odd){background-color:#fff}.flex-row:nth-child(2n){background-color:#f9f9f9}.flex-row.tabelHeader{background-color:#1c6ea4!important}.flex-row:not(.tabelHeader):hover{background-color:#f9f9f9}.tabelHeader{font-weight:700;border-bottom:2px solid #ddd;color:#fff}.tabelHeader .flex-cell{justify-content:center;align-items:center;text-align:center}.flex-cell{flex:1;padding:12px 15px;text-align:left;display:flex;align-items:left;word-break:break-word}.flex-cell:not(:last-child){border-right:1px solid #eee}.coordinateInput{display:flex;gap:10px;margin:10px auto}.readonlyStyle{background-color:#f0f0f0!important;color:#555!important;box-shadow:none!important;border-color:#ccc!important;cursor:not-allowed!important}.readonlyStyle:focus{outline:none!important;border-color:#ccc!important}@media (max-width: 768px){.tabelHeader{display:none}.col-no{max-width:100%;flex:1;justify-content:flex-start}.flex-row{flex-direction:column;border:1px solid #ccc;margin-bottom:10px;border-radius:5px;padding:10px}.flex-cell{border-right:none!important;border-bottom:1px solid #eee;padding:8px 0;width:100%}.flex-cell:last-child{border-bottom:none}.flex-cell:before{content:attr(data-label);font-weight:700;width:120px;color:#666}.aksiWrapper{text-align:left;align-items:flex-start;justify-content:flex-start}}