@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins;overflow-y:scroll}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input,textarea{font-family:Poppins}.dashboard{display:flex;width:1215px}.dashboard .search{background-color:#f3f3f3;background-position:5% 50%;border:none;font-size:16px;font-weight:400;margin-bottom:2rem;outline:none;padding:1rem;text-indent:2rem;width:300px}.dashboard h1{font-size:24px;font-weight:500;margin-bottom:1rem}.dashboard .statistic-chart{background-color:#fff;border:1px solid #ebf0fe;border-radius:10px;margin-top:1rem;padding:2rem 2rem 1rem 3rem;width:100%}.dashboard .statistic-chart .div-1{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.dashboard .statistic-chart .div-1 p{font-size:14px;font-weight:500}.dashboard .statistic-chart .div-1 .dropdown{cursor:pointer}.dashboard .statistic-chart .div-1 .dropdown button{align-items:center;background-color:#f9f9f9;border:none;border-radius:5px;color:#9b9b9b;cursor:pointer;display:flex;height:25px;justify-content:space-between;padding-left:12px;padding-right:.5rem;width:90px}.dashboard .statistic-chart .div-1 .dropdown button img{transition:transform .3s ease-in-out}.dashboard .statistic-chart .div-1 .dropdown button img.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dashboard .statistic-chart .div-1 .dropdown button:hover{background-color:#f3f3f3}.dashboard .statistic-chart .div-1 .dropdown .drop-down-content{height:auto;position:absolute;z-index:9999}.dashboard .statistic-chart .div-1 .dropdown .drop-down-content ul{border-radius:5px;margin-top:.5rem;outline:1px solid #eceef2;padding-left:0}.dashboard .statistic-chart .div-1 .dropdown .drop-down-content ul li{align-items:center;background-color:#fff;color:#9b9b9b;display:flex;font-size:13px;height:25px;list-style:none;padding-left:12px;width:90px}.dashboard .statistic-chart .div-1 .dropdown .drop-down-content ul .activeDropdownli,.dashboard .statistic-chart .div-1 .dropdown .drop-down-content ul li:hover{background-color:#f3f3f3}.dashboard .statistic-chart .div-2{display:flex}.dashboard .statistic-chart .div-2 .recharts-wrapper{position:relative;right:30px}.dashboard .statistic-chart .div-2 .chartInfo{display:flex;flex-direction:column}.dashboard .statistic-chart .div-2 .chartInfo p:first-child{font-size:14px;font-weight:600;margin-bottom:1rem}.dashboard .statistic-chart .div-2 .chartInfo .role{align-items:center;color:#9b9b9b;display:flex;font-size:12px;font-weight:500;height:30px}.dashboard .statistic-chart .div-2 .chartInfo .role div{background-color:#3661eb;height:20px;margin-right:1rem;width:20px}.dashboard .statistic-chart .div-2 .chartInfo .staff div{background-color:#c2d2ff}.dashboard .statistic-chart .div-2 .chartInfo .btn-download{align-items:center;background-color:#3661eb;border:none;border-radius:5px;color:#fff;display:flex;font-size:14px;justify-content:center;margin:auto auto 0;padding:.7rem 1rem;width:190px}.dashboard .statistic-chart .div-2 .chartInfo .btn-download img{height:15px;margin-right:1rem;width:15px}.dashboard .statistic-chart .div-2 .empty__container{background-color:#f3f3f3;border-radius:5px;display:grid;font-size:12px;height:300px;place-items:center;width:739px}.sidebar-right{height:100vh;position:relative}.sidebar-right .wrapper-calendar{margin-top:1rem}.sidebar-right .jadwal,.sidebar-right .wrapper-calendar{padding:0 2rem}.sidebar-right .jadwal{margin-top:2rem}.sidebar-right .jadwal .loading:before{margin:2rem 1rem}.sidebar-right .jadwal h1{font-size:20px;font-weight:600;margin-bottom:1rem}.sidebar-right .jadwal .card-jadwal{border:1px solid #ebf0fe;border-radius:5px;margin-bottom:1rem;padding:1rem;width:100%}.sidebar-right .jadwal .card-jadwal h4{font-weight:500;margin-bottom:.5rem}.sidebar-right .jadwal .card-jadwal p{color:#9b9b9b;font-size:12px}.sidebar-right .jadwal .card-jadwal span{font-weight:500}.sidebar-right .jadwal .card-jadwal div{align-items:flex-start;display:flex;justify-content:space-between}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}::-webkit-scrollbar{height:1px;width:14px}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#aaa;border:3px solid transparent;border-radius:9999px}.no-internet,.not-found,.wrapper-dashboard,.wrapper-detail,.wrapper-kalender,.wrapper-karyawan,.wrapper-kehadiran{display:flex;margin:0 auto;max-width:1440px}.no-scroll{overflow:hidden}.main-dashboard,.main-kehadiran{background-color:#f9f9f9;display:flex;flex-direction:column;padding:2rem;width:70%}.main-dashboard .loading:before,.main-kehadiran .loading:before{margin:0 0 .75rem 2.5rem}.button-blue{background-color:#3661eb;border:none;border-radius:5px;color:#fff;font-size:14px;font-weight:400;text-decoration:none}.btn-search,.button-blue{align-items:center;cursor:pointer;display:flex;justify-content:center}.btn-search{background-color:#fff;border:2px solid #eceef2;border-radius:3px;height:35px;width:50px}.btn-search img{height:13px;width:13px}.search{background-image:url(/static/media/search-icon.25f6f906815091b7dd8f.svg);background-position:5% 50%;background-repeat:no-repeat;background-size:13px;border:2px solid #ebf0fe;color:#000;font-weight:400;outline:none;padding:.5rem 2.5rem;width:60%}.search::-webkit-input-placeholder{color:#a6a6a6}.search::placeholder{color:#a6a6a6}.search:focus{border:2px solid #3661eb}.info__box{align-items:center;background-color:#04d57d;bottom:0;color:#fff;display:flex;height:50px;left:0;padding:1rem;position:fixed;-webkit-transform:translate(10%,-50%);transform:translate(10%,-50%);width:400px;z-index:9999}.info__box img:first-child{height:24px;margin-right:1rem;width:24px}.info__box img:nth-child(3){cursor:pointer;height:12px;margin-left:auto;width:12px}.info__box h3{font-size:14px;font-weight:500}.wrapper-circular{display:flex;gap:1rem;justify-content:space-between;width:100%}.wrapper-circular .card-circular-statistic{align-items:center;background-color:#fff;border:1px solid #ebf0fe;border-radius:10px;display:flex;padding:1rem;width:250px}.wrapper-circular .card-circular-statistic .wrapper-value{display:flex;flex-direction:column;height:51px;justify-content:space-between}.wrapper-circular .card-circular-statistic .wrapper-value p{margin:0 0 0 1.5rem}.wrapper-circular .card-circular-statistic .wrapper-value .p1{color:#9b9b9b;font-size:14px;font-weight:400}.wrapper-circular .card-circular-statistic .wrapper-value .p2{color:#3661eb;font-size:20px;font-weight:600}.sidebar-right{border-left:1px solid #ebf0fe;border-right:1px solid #ebf0fe;overflow:auto;width:30%}.sidebar-right::-webkit-scrollbar{display:none;width:0}.sidebar-right::-webkit-scrollbar-thumb{display:none}.profile{cursor:pointer;display:flex;flex-direction:column;height:100px;position:relative;width:350px}.profile,.profile .line{border-bottom:1px solid #eceef2}.profile .line{margin-top:2rem;width:100%}.profile .wrapper-profile-detail{background-color:#fff;flex-direction:column;height:100%;justify-content:center}.profile .profile-detail,.profile .wrapper-profile-detail{align-items:center;display:flex;position:relative;z-index:100}.profile .profile-detail{margin:0 auto;width:263px}.profile .profile-detail img:first-child{height:40px;margin-right:1rem;width:40px}.profile .profile-detail p{font-size:14px;font-weight:500}.profile .profile-detail img:nth-child(3){height:29px;margin-left:auto;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:15px}.profile .profile-detail img:nth-child(3).active{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.profile .dropdown-container{position:absolute;top:0;width:100%;z-index:-1}.profile .dropdown-container .dropdown-list{align-items:center;background-color:#fff;border-left:1px solid #eceef2;border-right:1px solid #eceef2;display:flex;height:75px;justify-content:space-between;padding:0 2rem;text-decoration:none;width:100%;z-index:-1}.profile .dropdown-container .dropdown-list p{color:#9b9b9b;font-size:14px;font-weight:500}.profile .dropdown-container .dropdown-list div{width:18px}.profile .dropdown-container .dropdown-list:first-child{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.profile .dropdown-container .dropdown-list.active:first-child,.profile .dropdown-container .dropdown-list.active:nth-child(2){border-bottom:1px solid #eceef2;-webkit-transform:translateY(100px);transform:translateY(100px)}.profile .dropdown-container .dropdown-list:nth-child(2){-webkit-transform:translateY(-75px);transform:translateY(-75px);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.profile .dropdown-container.active{z-index:99}.react-calendar{background:#fff;line-height:1.125em;max-width:100%;position:relative;width:300px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{font-size:11px;font-weight:500;padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;border-radius:50%;font-size:12px;height:42px;line-height:16px;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#3661eb;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#3661eb}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-calendar__navigation__label{align-items:center;display:flex}.react-calendar__navigation__label__labelText{font-size:20px;font-weight:600;text-align:left}.react-calendar__navigation__arrow{color:#3661eb;font-size:30px}.react-calendar__tile--hasActive{align-items:center;display:flex;justify-content:center}.react-calendar__navigation__next2-button,.react-calendar__navigation__prev2-button{display:none}.react-calendar__navigation__next-button,.react-calendar__navigation__prev-button{order:1}.css-1hb7zxy-IndicatorsContainer{display:none;visibility:hidden}.tabbar{display:flex;flex-direction:column;justify-content:center;overflow-x:scroll;position:relative;scroll-behavior:smooth;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tabbar a{text-decoration:none}.tabbar .tabbar-text{display:flex}.tabbar .tabbar-text div{border-bottom:none;color:#9b9b9b;cursor:pointer;display:grid;font-size:14px;font-weight:500;height:60px;min-width:130px;padding:0 2rem;place-items:center;text-align:center;transition:border .3s ease-in-out;transition:all .2s ease-in-out;white-space:nowrap}.tabbar .tabbar-text div.active,.tabbar .tabbar-text div:hover{color:#3661eb}.tabbar .line{background-color:#3661eb;height:1px;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:130px}.filter{cursor:pointer;height:24px;position:relative;-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem);width:24px;z-index:98}.filter ul{height:60px;margin-top:.5rem;position:absolute;-webkit-transform:translateX(-27%);transform:translateX(-27%);width:120px}.filter ul li{align-items:center;background-color:#fff;cursor:pointer;display:flex;font-size:13px;font-size:11px;height:30px;list-style:none;padding-left:1rem;width:120px;z-index:999}.filter ul li:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.filter ul li:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.filter ul .activeDropdownli,.filter ul li:hover{background-color:#f3f3f3}.table{background-color:#fff;border:1px solid #eceef2;border-spacing:0;border-top:none;position:relative;width:100%}.table thead th{font-size:14px;font-weight:500;padding:1.5rem 0;text-align:left}.table thead th:first-child{padding-left:1.5rem}.table tbody tr{width:100%}.table tbody tr:nth-child(odd){background-color:#ebf0fe}.table tbody .btn-detail{background-color:#3661eb;border-radius:5px;color:#fff;font-size:10px;height:30px;padding:.5rem 1.5rem;text-decoration:none;width:80px}.table td{color:#9b9b9b;font-size:10px}.table .niy-col{color:#3661eb;font-size:10px;font-weight:500;padding-left:1.5rem}.table .row-img{align-items:center;cursor:pointer;display:flex;padding:.5rem 1.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.table .row-img img{border-radius:50%;height:35px;margin-right:1rem;object-fit:cover;width:35px}.table .loading-table{align-items:center;display:flex;gap:2rem;height:10vh;justify-content:center;position:absolute;width:100%!important}.leaflet-container,.map{height:375px;width:100%}.pagination-container{display:flex;justify-content:center;list-style-type:none;margin-top:2.5rem}.pagination-container .pagination-item{align-items:center;border:2px solid #eceef2;border-radius:4px;box-sizing:border-box;display:flex;font-size:14px;font-weight:600;height:32px;letter-spacing:.01071em;line-height:1.43;margin:auto 4px;min-width:32px;padding:0 12px;text-align:center}.pagination-container .pagination-item.dots:hover{background-color:initial;cursor:default}.pagination-container .pagination-item:hover{background-color:rgba(0,0,0,.04);cursor:pointer}.pagination-container .pagination-item.selected{border:2px solid #3661eb;color:#3661eb}.pagination-container .pagination-item .arrow:before{border-right:.12em solid rgba(0,0,0,.87);border-top:.12em solid rgba(0,0,0,.87);content:"";display:inline-block;height:.4em;position:relative;width:.4em}.pagination-container .pagination-item .arrow.left{-webkit-transform:rotate(-135deg) translate(-50%);transform:rotate(-135deg) translate(-50%)}.pagination-container .pagination-item .arrow.right{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pagination-container .pagination-item.disabled{pointer-events:none}.pagination-container .pagination-item.disabled .arrow:before{border-right:.12em solid rgba(0,0,0,.43);border-top:.12em solid rgba(0,0,0,.43)}.pagination-container .pagination-item.disabled:hover{background-color:initial;cursor:default}.btn-submit{background-color:#3661eb;border:none;border-radius:8px;color:#fff;cursor:pointer;height:40px;outline:none;width:125px}.btn-submit:disabled{background-color:#5a6474;cursor:not-allowed;opacity:.7}.wrapper-not-found{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:82%}.wrapper-not-found h1{color:#333;font-size:20px;font-weight:600;margin-top:1rem}.wrapper-not-found p{color:#333;font-size:14px;font-weight:400}.wrapper-not-found img{height:110px;width:110px}.wrapper-not-found button{height:32px;margin-top:1rem;width:120px}.loading:before{-webkit-animation:spin 1s infinite;animation:spin 1s infinite;border-radius:100%;box-shadow:10px 0 0 3px #3661eb,-10px 0 0 3px #3661eb;content:"";display:block;height:.1px;width:.1px}.loading-fullscreen{background-color:#fff;bottom:0;display:grid;height:100vh;left:0;margin:auto;place-items:center;position:fixed;right:0;top:0;width:100vw;z-index:9999}.loading-fullscreen .loading:before{border-radius:0;box-shadow:30px 0 0 2.5px #3661eb,-30px 0 0 2.5px #3661eb;height:10px;width:10px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton__loading{-webkit-animation:skeleton-loading 1.5s linear infinite;animation:skeleton-loading 1.5s linear infinite;background:#f5f5f5;background-image:linear-gradient(90deg,#f5f5f5 25%,#e8e8e8 37%,#f5f5f5 63%);background-size:200% 100%;width:100%}.custom-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--form-background);border:2px solid #5a6474;border-radius:3px;display:grid;height:15px;margin:0;place-content:center;position:relative;width:15px}.custom-checkbox:after,.custom-checkbox:before{cursor:pointer}.custom-checkbox:after{border-radius:3px;bottom:0;content:"";height:15px;left:0;margin:auto;position:absolute;right:0;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:center;transform-origin:center;transition:all .12s ease-in-out;width:15px;z-index:2}.custom-checkbox:checked:after{background-color:#3661eb;-webkit-transform:scale(1);transform:scale(1);-webkit-transform:translateX(-2px);transform:translateX(-2px)}.custom-checkbox:before{background-color:#fff;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);content:"";height:5px;position:relative;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom left;transform-origin:bottom left;transition:-webkit-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out;width:5px;z-index:3}.custom-checkbox:checked:before{-webkit-transform:scale(1);transform:scale(1)}.custom-checkbox:disabled{--form-control-color:var(--form-control-disabled);color:var(--form-control-disabled);cursor:not-allowed}.popUp{background-color:rgba(0,0,0,.3);height:100vh;position:fixed;width:100vw;z-index:999}.popUp,.popUp .modal__popup{bottom:0;left:0;margin:auto;right:0;top:0}.popUp .modal__popup{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:225px;height:250px;padding:1rem;position:absolute;width:350px}.popUp .modal__popup h1{font-size:24px;font-weight:600;margin-bottom:1rem;margin-right:auto}.popUp .modal__popup p{font-size:14px;font-weight:500;margin-right:auto}.popUp .modal__popup div{align-items:center;background-color:#f9f9f9;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0;display:flex;gap:1rem;height:80px;justify-content:flex-end;margin-top:auto;padding:0 1rem;position:absolute;width:100%}.popUp .modal__popup button{border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;outline:none;width:120px}.popUp .modal__popup button:first-child{background-color:#ff4530}.popUp .modal__popup button:nth-child(2){background-color:#3661eb}.popUp .modal__popup h1{margin:0 0 .5rem}.popUp .modal__popup p{margin:0}.popUp .modal__popup img{height:64px;margin-bottom:1rem;width:64px}.popUp .modal__popup button{background-color:#3661eb;margin-top:auto;width:200px}.wrapper__skeleton,.wrapper__table{background-color:#fff;border:1px solid #eceef2;border-radius:10px;flex-direction:column;height:725px;width:100%}.wrapper__skeleton .wrapper__tabbar,.wrapper__table .wrapper__tabbar{align-items:center;border-bottom:1px solid #eceef2;display:flex;height:60px;justify-content:space-between;padding-right:2rem;width:100%}.wrapper__skeleton .list__text__skeleton,.wrapper__table .list__text__skeleton{display:flex;gap:5rem;padding-left:2rem;width:100%}.wrapper__skeleton .row__table,.wrapper__table .row__table{align-items:center;display:flex;height:50px;padding-left:2rem;position:relative}.wrapper__skeleton .column__table,.wrapper__table .column__table{align-items:center;display:flex;gap:2rem;height:68px;padding-left:2rem;position:relative}.ExcelTable2007{border:1px solid #b0cbef;border-collapse:collapse;border-spacing:0;border-width:1px 0 0 1px;font-family:Calibri;font-size:11pt;font-weight:100;padding:10px}.ExcelTable2007 TH{background-repeat:repeat-x;border:1px solid #9eb6ce;border-width:0 1px 1px 0;font-size:14px;font-weight:700;height:17px;line-height:17px}.ExcelTable2007 TD{background-color:#fff;border:1px solid #d0d7e5;border-width:0 1px 1px 0;padding:0 4px 0 2px}.ExcelTable2007 TD B{background-color:#fff;border:0;font-weight:700}.ExcelTable2007 TD.heading{background-color:#e4ecf7;border:1px solid #9eb6ce;border-width:0 1px 1px 0;font-weight:700;text-align:center}.ExcelTable2007 TH.heading{background-repeat:none}TH{text-align:center}.nav{border-bottom:1px solid #ebf0fe;border-right:1px solid #ebf0fe;height:100vh;position:-webkit-sticky;position:sticky;top:0;width:225px}.nav .active-sidebar{color:#3661eb}.nav .active-sidebar .active.img{-webkit-filter:brightness(0) saturate(100%) invert(29%) sepia(95%) saturate(2816%) hue-rotate(221deg) brightness(95%) contrast(93%);filter:brightness(0) saturate(100%) invert(29%) sepia(95%) saturate(2816%) hue-rotate(221deg) brightness(95%) contrast(93%)}.nav .logo-sidebar{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 0}.nav .logo-sidebar img{height:108px;width:108px}.nav .logo-sidebar h1{font-size:20px;font-weight:600;margin-top:1rem}.nav ul li{list-style:none;margin-bottom:1.5rem}.nav ul li a{align-items:center;color:#9b9b9b;cursor:pointer;display:flex;font-weight:600;text-decoration:none}.nav ul li a img{height:20px;margin-right:1rem;width:20px}.kehadiran{display:flex;width:1215px}.kehadiran h1{font-size:24px;font-weight:500;margin-bottom:1rem}.kehadiran .search-calendar{align-items:center;background-color:#fff;border:1px solid #ebf0fe;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;margin-top:1rem;padding:1rem 1.5rem;width:100%}.kehadiran .search-calendar .search{background-position:5% 50%;background-size:13px;border-radius:3px;font-weight:400;height:35px;outline:none;padding:.5rem 2.5rem;width:375px}.kehadiran .search-calendar .search::-webkit-input-placeholder{font-size:10px;font-weight:400}.kehadiran .search-calendar .search::placeholder{font-size:10px;font-weight:400}.kehadiran .search-calendar .wrapper-pilih-tanggal{align-items:center;display:flex;height:35px;justify-content:space-between;width:280px}.kehadiran .search-calendar .wrapper-pilih-tanggal img{height:14px;width:14px}.kehadiran .search-calendar .wrapper-pilih-tanggal .pilih-tanggal{align-items:center;border:1px solid #eceef2;border-radius:3px;display:flex;flex-direction:column;height:100%;width:125px}.kehadiran .search-calendar .wrapper-pilih-tanggal .pilih-tanggal .btn-pilih-tanggal{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem 0 .5rem .5rem;width:100%}.kehadiran .search-calendar .wrapper-pilih-tanggal .pilih-tanggal .react-calendar{border:1.5px solid #ebf0fe;border-radius:7px;padding:1rem;position:absolute;-webkit-transform:translate(25%,10%);transform:translate(25%,10%);width:300px;z-index:999}.kehadiran .search-calendar .wrapper-pilih-tanggal .pilih-tanggal .wrap-text{display:grid;place-items:center;width:100%}.kehadiran .search-calendar .wrapper-pilih-tanggal .pilih-tanggal img{height:13px;width:13px}.kehadiran .search-calendar .wrapper-pilih-tanggal .pilih-tanggal p{color:#a6a6a6;font-size:10px}.kehadiran .search-calendar .wrapper-pilih-tanggal .pilih-tanggal .full-screen{height:100vh;position:absolute;width:100vw}.kehadiran .search-calendar .btn-search{border:1px solid #eceef2;width:50px}.kehadiran .tabbar-filter{background-color:#fff;border:1px solid #ebf0fe;border-top:none;display:flex;justify-content:space-between;padding-right:1.5rem;width:100%}.kehadiran .tabbar-filter .filter-download{align-items:center;display:flex;gap:2rem;padding-left:3rem}.kehadiran table .row-img{cursor:default;padding:.5rem .75rem}.kehadiran table .loading-table{align-items:center;display:flex;gap:2rem;height:10vh;justify-content:center;position:absolute;width:100%!important}.kehadiran table .loading-table td{font-size:14px}.kehadiran table .loading:before{margin:0}.kehadiran table .th-name{width:227px}.kehadiran table .th-niy{width:105px}.kehadiran table .th-jabatan{width:180px}.kehadiran table .th-tanggal{width:120px}.kehadiran table .th-tanggal.izin{width:175px}.kehadiran table .th-waktu{width:70px}.kehadiran table .th-action{padding-left:1rem;width:109px}.kehadiran table .td-jabatan{padding-right:1rem}.kehadiran table .wrapper__btn__detail{padding-left:1rem}.kehadiran table .wrapper__row__jam{display:flex}.kehadiran .wrapper__table{height:auto}.valid-masuk-pulang{border-radius:100%;height:5px;margin-right:1rem;width:5px}.valid-masuk-pulang.izin{background-color:#ffd233}.valid{background-color:#04d57d!important}.gak-valid{background-color:#ff4530!important}.valid-text{color:#04d57d!important}.gak-valid-text{color:#ff4530!important}.detail{border-right:1px solid #eceef2;width:80%}.detail,.detail .navigation{border-bottom:1px solid #eceef2}.detail .navigation{display:flex;padding:1rem 2.5rem}.detail .navigation img{cursor:pointer}.detail .navigation a{align-items:center;display:flex}.detail .navigation h1{font-size:24px;font-weight:500;margin-left:2rem}.detail .main{display:flex;gap:3rem;justify-content:space-between}.detail .main .detail-masuk-keluar{display:flex;gap:4rem;padding:2rem 2.5rem;width:65%}.detail .main .detail-masuk-keluar .masuk-keluar{width:315px}.detail .main .detail-masuk-keluar .masuk-keluar .jam-masuk{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.detail .main .detail-masuk-keluar .masuk-keluar .jam-masuk h3{font-size:18px;font-weight:500}.detail .main .detail-masuk-keluar .masuk-keluar .jam-masuk p{font-size:12px}.detail .main .detail-masuk-keluar .masuk-keluar .card{border:1px solid #ebf0fe;border-radius:10px;display:flex;flex-direction:column}.detail .main .detail-masuk-keluar .masuk-keluar .card .wrapper-img{align-items:center;display:flex;flex-direction:column;height:372px;justify-content:center;width:315px}.detail .main .detail-masuk-keluar .masuk-keluar .card .wrapper-img .check-img{position:absolute;visibility:hidden}.detail .main .detail-masuk-keluar .masuk-keluar .card .wrapper-img img{border-top-left-radius:10px;border-top-right-radius:10px}.detail .main .detail-masuk-keluar .masuk-keluar .card .wrapper-img p{font-size:14px;font-weight:400;margin-top:1rem}.detail .main .detail-masuk-keluar .masuk-keluar .card .wrapper-img .skeleton__loading{border-radius:10px}.detail .main .detail-masuk-keluar .masuk-keluar .card .default-foto,.detail .main .detail-masuk-keluar .masuk-keluar .card .foto-masuk{cursor:pointer;display:grid;height:372px;object-fit:cover;object-position:100% 0;place-items:center;width:315px}.detail .main .detail-masuk-keluar .masuk-keluar .card .foto-belum-keluar{cursor:default;height:75px;width:75px}.detail .main .detail-masuk-keluar .masuk-keluar .card .pop-up{align-items:center;background-color:rgba(0,0,0,.5);cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;position:absolute;top:0;width:100%;z-index:999}.detail .main .detail-masuk-keluar .masuk-keluar .card .pop-up .img-user{height:80vh}.detail .main .detail-masuk-keluar .masuk-keluar .card .coordinates,.detail .main .detail-masuk-keluar .masuk-keluar .card .note{padding:1rem}.detail .main .detail-masuk-keluar .masuk-keluar .card .coordinates .location,.detail .main .detail-masuk-keluar .masuk-keluar .card .note .location{margin:0;width:70%}.detail .main .detail-masuk-keluar .masuk-keluar .card .coordinates h3,.detail .main .detail-masuk-keluar .masuk-keluar .card .note h3{font-size:12px;font-weight:600;margin-bottom:.5rem}.detail .main .detail-masuk-keluar .masuk-keluar .card .coordinates p,.detail .main .detail-masuk-keluar .masuk-keluar .card .note p{color:#9b9b9b;font-size:10px}.detail .main .detail-masuk-keluar .masuk-keluar .card .coordinates{background-color:#f9f9f9;display:flex;justify-content:space-between}.detail .main .detail-masuk-keluar .masuk-keluar .card .coordinates h3{margin-bottom:0}.detail .main .detail-masuk-keluar .masuk-keluar .card .coordinates .map-and-status{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:space-between}.detail .main .detail-masuk-keluar .masuk-keluar .card .coordinates .wrapper-status{align-items:center;display:flex}.detail .main .detail-masuk-keluar .masuk-keluar .card .coordinates .wrapper-status .valid-masuk-pulang{margin-right:.5rem}.detail .main .detail-masuk-keluar .masuk-keluar .card .coordinates .wrapper-status .status{font-size:8px}.detail .main .detail__izin{display:flex;flex-direction:column;padding:2rem 2.5rem;width:65%}.detail .main .detail__izin .wrapper__header{align-items:flex-end;display:flex;margin-bottom:1rem}.detail .main .detail__izin .wrapper__header h1{color:#000;font-size:18px;font-weight:500}.detail .main .detail__izin .wrapper__header p{color:#9b9b9b;font-size:14px;font-weight:500}.detail .main .detail__izin .wrapper__tanggal{display:flex;margin-bottom:1rem}.detail .main .detail__izin .wrapper__tanggal p{color:#9b9b9b;font-size:14px;font-weight:500}.detail .main .detail__izin .wrapper__file{align-items:center;background:rgba(39,127,254,.1);border:1px solid #3661eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;height:200px;justify-content:center;margin-bottom:1rem;width:400px}.detail .main .detail__izin .wrapper__file .image{height:80%}.detail .main .detail__izin .wrapper__file p{color:#737373;font-size:12px;font-weight:400}.detail .main .detail__izin .wrapper__catatan h1{color:#000;font-size:14px;font-weight:500;margin-bottom:1rem}.detail .main .detail__izin .wrapper__catatan p{color:#9b9b9b;font-size:12px;font-weight:500;line-height:24px}.detail .main .detail__izin .bg-modal{background-color:rgba(0,0,0,.3);bottom:0;cursor:pointer;display:grid;height:100vh;left:0;margin:auto;place-items:center;position:fixed;right:0;top:0;width:100vw;z-index:999}.detail .main .detail__izin .bg-modal img{height:80vh}.detail .main .detail-profile{border-left:1px solid #ebf0fe;display:flex;flex-direction:column;height:90vh;padding:2rem;width:35%}.detail .main .detail-profile .div-1{align-items:center;display:flex;flex-direction:column;margin-bottom:3rem}.detail .main .detail-profile .div-1 h1{font-size:18px;font-weight:500;margin-bottom:2rem}.detail .main .detail-profile .div-1 img{border-radius:50%;height:124px;object-fit:cover;width:124px}.detail .main .detail-profile .div-1 h3{color:#5a6474;font-size:14px;font-weight:400;margin:1rem 0 .25rem}.detail .main .detail-profile .div-1 p{color:#9b9b9b;font-size:11px}.detail .main .detail-profile .div-2{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem}.detail .main .detail-profile .info{width:115px}.detail .main .detail-profile .info h3{font-size:12px;font-weight:500;margin-bottom:.25rem}.detail .main .detail-profile .info p{color:#9b9b9b;font-size:12px}.detail .main .detail-profile .back-btn{background-color:#3661eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin:7.25rem auto 0;padding:.5rem 0;text-align:center;text-decoration:none;width:125px}.detail .mape{height:40px;position:relative;width:40px}.detail .map-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.detail .leaflet-container{height:500px;width:500px}.detail .wrapper-close{bottom:0;height:24px;left:0;margin:auto;position:absolute;right:0;top:0;-webkit-transform:translate(250px,-290px);transform:translate(250px,-290px);width:24px;z-index:999}.detail .close{cursor:pointer;position:absolute;right:-1rem;top:1rem;z-index:999}.sidebar-right .kehadiran-terbaru{padding:2rem}.sidebar-right .kehadiran-terbaru .header-refresh{display:flex;justify-content:space-between;margin-bottom:1.5rem}.sidebar-right .kehadiran-terbaru .header-refresh h3{font-size:20px;font-weight:600}.sidebar-right .kehadiran-terbaru .header-refresh img{cursor:pointer}.sidebar-right .kehadiran-terbaru ul .loading:before{margin:0 1rem}.sidebar-right .kehadiran-terbaru ul li{align-items:center;display:flex;list-style:none;margin-bottom:1rem}.sidebar-right .kehadiran-terbaru ul li div{display:flex;flex-direction:column}.sidebar-right .kehadiran-terbaru ul li div p{font-size:12px;font-weight:600}.sidebar-right .kehadiran-terbaru ul li div p:nth-child(2){color:#9b9b9b}.sidebar-right .kehadiran-terbaru ul li img{border-radius:50%;height:40px;margin-right:1.5rem;object-fit:cover;width:40px}.sidebar-right .kehadiran-terbaru .skeleton-wrapper{align-items:center;display:flex;gap:1rem;list-style:none;margin-bottom:1rem}.sidebar-right .profile{border:1px solid #eceef2;border-left:none;border-right:none;width:100%}@-webkit-keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.react-loading-skeleton:after{-webkit-animation-direction:var(--animation-direction);animation-direction:var(--animation-direction);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:react-loading-skeleton;animation-name:react-loading-skeleton;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.karyawan{padding-bottom:2rem;padding-left:2rem;width:1215px}.karyawan .loading{align-items:center;display:flex;gap:2rem;height:10vh;justify-content:center;width:100%!important}.karyawan .loading p{font-size:14px}.karyawan .loading:before{margin:0}.karyawan .search-and-profile{display:flex;justify-content:space-between;margin-bottom:2rem;width:100%}.karyawan .search-and-profile .wrap-search{align-items:center;display:flex}.karyawan .search-and-profile .wrap-search .search{background-color:#fff;background-size:21px;border-radius:5px;color:#000;height:48px;margin-right:1rem;padding:0 3rem;width:350px}.karyawan .search-and-profile .wrap-search .search::-webkit-input-placeholder{color:#9b9b9b;font-size:16px;font-weight:400}.karyawan .search-and-profile .wrap-search .search::placeholder{color:#9b9b9b;font-size:16px;font-weight:400}.karyawan .search-and-profile .wrap-search .btn-search{height:48px}.karyawan .search-and-profile .profile{border:none;width:350px}.karyawan .search-and-profile .profile .dropdown-list.active{border-top:1px solid #eceef2}.karyawan .title-btn{display:flex;justify-content:space-between;margin-bottom:1rem}.karyawan .title-btn h1{align-self:flex-end;font-size:24px;font-weight:500}.karyawan .title-btn a{background-color:#3661eb;border:none;border-radius:5px;color:#fff;display:grid;font-size:14px;font-weight:400;height:45px;place-items:center;text-decoration:none;width:150px}.karyawan .table .th-niy{width:120px}.karyawan .table .th-name{width:243px}.karyawan .table .th-jabatan{width:197px}.karyawan .table .th-nohp{width:126px}.karyawan .table .th-email{width:228px}.karyawan .table .action-col{padding-right:3rem}.karyawan .table .action-col div{display:flex;height:100%;justify-content:flex-end}.karyawan .table .action-col img{cursor:pointer}.karyawan .table .action-col a{margin:0 1rem}.karyawan .table .row-img{padding:.5rem 0}.karyawan .table .niy-col{color:#3661eb;font-weight:500;padding-left:1.5rem}.karyawan .table .wrap-filter{align-items:center;display:flex;justify-content:space-between;padding-right:2rem}.karyawan .table .wrap-filter img{cursor:pointer;height:16px;width:16px}.karyawan .table .wrap-filter .arrow-down,.karyawan .table .wrap-filter img{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.karyawan .table .wrap-filter .arrow-up{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.karyawan .tabbar-filter{background-color:#fff;border:1px solid #eceef2;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;position:relative;width:100%}.karyawan .tabbar-filter .filter-angka{align-items:center;display:flex;gap:1rem;justify-content:center;width:15%}.karyawan .tabbar-filter .filter-angka p{color:#9b9b9b;font-size:14px}.karyawan .tabbar-filter .wrapper-loading{bottom:0;display:grid;height:76px;left:0;margin:auto;place-items:center;position:absolute;right:0;top:0;width:100%}.karyawan .dropdown-container{height:100px}.karyawan .wrapper__skeleton{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;height:auto}.karyawan .wrapper__table{border-top-left-radius:0;border-top-right-radius:0;height:auto}.detail-karyawan{width:80%}.detail-karyawan .navigation{border-bottom:1px solid #ebf0fe;display:flex;justify-content:space-between;padding:1rem 2.5rem}.detail-karyawan .navigation div:first-child{align-items:center;display:flex}.detail-karyawan .navigation div:first-child img{cursor:pointer}.detail-karyawan .navigation div:first-child h1{font-size:24px;font-weight:500;margin-left:2rem}.detail-karyawan .detail-form{display:flex}.detail-karyawan .form{display:flex;flex-direction:column;padding:2rem 2.5rem;width:60%}.detail-karyawan .form label{color:#000;font-size:18px;font-weight:500;margin-bottom:1rem}.detail-karyawan .form input{border:2px solid #eceef2;border-radius:8px;color:#5a6474;font-size:14px;height:45px;outline:none;padding:0 1rem}.detail-karyawan .form input::-webkit-input-placeholder{color:#9b9b9b}.detail-karyawan .form input::placeholder{color:#9b9b9b}.detail-karyawan .form .alamat,.detail-karyawan .form .email,.detail-karyawan .form .gender,.detail-karyawan .form .jabatan,.detail-karyawan .form .nama,.detail-karyawan .form .niy,.detail-karyawan .form .no-hp{display:flex;flex-direction:column;position:relative}.detail-karyawan .form .email,.detail-karyawan .form .nama,.detail-karyawan .form .niy,.detail-karyawan .form .no-hp,.detail-karyawan .form .wrapper-jabatan{margin-bottom:1rem}.detail-karyawan .form .at-icon{-webkit-transform:translate(-50%,225%);transform:translate(-50%,225%)}.detail-karyawan .form .at-icon,.detail-karyawan .form .niy .pwd-icon{border-radius:50%;cursor:pointer;height:24px;margin-bottom:1rem;position:absolute;right:0;width:24px}.detail-karyawan .form .niy .pwd-icon{-webkit-transform:translate(-50%,425%);transform:translate(-50%,425%)}.detail-karyawan .form .alamat textarea{border:2px solid #eceef2;border-radius:8px;color:#5a6474;font-family:Poppins;font-size:14px;height:150px;outline:none;padding:1rem 1rem 0;resize:none}.detail-karyawan .detail-profile{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;width:40%}.detail-karyawan .detail-profile .wrapper-img{position:relative}.detail-karyawan .detail-profile .wrapper-img img{object-fit:cover}.detail-karyawan .detail-profile .wrapper-img .edit-img{background-color:#3661eb;border-radius:100%;bottom:0;cursor:pointer;display:grid;height:35px;place-items:center;position:absolute;right:0;width:35px}.detail-karyawan .detail-profile .wrapper-img .edit-img img{height:20px;width:20px}.detail-karyawan .detail-profile .wrapper-img .edit-img input{display:none}.detail-karyawan .detail-profile .select .select-heading{color:#000;font-size:18px;font-weight:500;margin-bottom:1rem}.detail-karyawan .detail-profile .select h3{color:#5a6474;font-size:14px;font-weight:400;margin:1rem 0}.detail-karyawan .detail-profile .div-1{align-items:center;display:flex;flex-direction:column;margin-bottom:3rem}.detail-karyawan .detail-profile .div-1 h1{align-self:flex-start;font-size:18px;font-weight:500;margin-bottom:2rem}.detail-karyawan .detail-profile .div-1 .img-profile{border-radius:50%;height:124px;width:124px}.detail-karyawan .detail-profile .div-1 h3{color:#5a6474;font-size:14px;font-weight:400;margin:1rem 0 .25rem}.detail-karyawan .detail-profile .div-1 p{color:#9b9b9b;font-size:11px}.wrapper-container-jabatan{display:flex;flex-wrap:wrap;gap:1rem}.wrapper-container-jabatan .container-jabatan{align-items:center;background:#fff;border:1px solid #eceef2;border-radius:8px;display:flex;height:48px;justify-content:space-between;padding:1rem;width:auto}.wrapper-container-jabatan .container-jabatan p{color:#9b9b9b;font-size:14px;font-weight:400;margin-right:1rem}.wrapper-container-jabatan .btn-plus,.wrapper-container-jabatan img{cursor:pointer}.modal-open{overflow:hidden}.bg-modal{height:100%}.bg-modal .modal-container{align-items:center;background-color:#fff;border-radius:10px;bottom:0;display:flex;flex-direction:column;height:550px;left:0;margin:auto;padding:2rem 2.5rem;position:absolute;right:0;top:0;width:500px}.bg-modal .modal-container h1{font-size:24px;font-weight:500}.bg-modal .modal-container .search{background-color:#f3f3f3;background-position:right 1rem center;background-size:16px;border:none;border-radius:5px;height:40px;margin-top:2rem;padding-left:1rem;width:100%}.bg-modal .modal-container .wrapper-list{margin-top:1.5rem;max-height:350px;overflow-y:auto;width:100%}.bg-modal .modal-container .wrapper-list span{display:block;text-align:center}.bg-modal .modal-container .wrapper-list .container-list{align-items:center;background:#ebf0fe;border-radius:7.5px;cursor:pointer;display:flex;height:36px;justify-content:space-between;margin-bottom:.5rem;padding:0 1.5rem;width:100%}.bg-modal .modal-container .wrapper-list .container-list p{color:#3661eb;font-size:14px;font-weight:500}.validator-text{color:#ff4530;font-size:12px;margin:.25rem 0 0}.jadwal-absensi{margin-top:2rem}.jadwal-absensi h1{color:#000;font-size:18px;font-weight:500;margin-bottom:1rem}.jadwal-absensi .container-jadwal{margin-bottom:.5rem}.jadwal-absensi .container-jadwal,.jadwal-absensi .container-time{align-items:center;display:flex;justify-content:space-between}.jadwal-absensi .container-jadwal p,.jadwal-absensi .container-time p{color:#5a6474;font-size:14px;font-weight:400}.jadwal-absensi .container-jadwal .container-time,.jadwal-absensi .container-time .container-time{width:80%}.jadwal-absensi .container-jadwal input,.jadwal-absensi .container-time input{border:1px solid #9b9b9b;border-radius:7.5px;height:35px;outline:none;padding-left:1rem;padding-right:.5rem;width:125px}.jadwal-absensi .container-jadwal input:focus,.jadwal-absensi .container-time input:focus{border:2px solid #3661eb}.jadwal-absensi .container-jadwal input::-webkit-calendar-picker-indicator,.jadwal-absensi .container-time input::-webkit-calendar-picker-indicator{background:none;background-image:url(/static/media/arrow-down.6be7bd2982c2131543b3.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer}.jadwal-absensi .container-jadwal .line,.jadwal-absensi .container-time .line{background:#9b9b9b;border-radius:10px;height:2px;width:8px}.kalender{display:flex;flex:1 1;flex-direction:column;margin-bottom:5rem;width:1215px}.kalender button{border:none}.kalender .header{border-bottom:2px solid #eceef2;border-right:2px solid #eceef2;display:flex;justify-content:space-between;padding:1rem 2rem;width:100%}.kalender .header .left-header{align-items:center;display:flex;gap:1rem}.kalender .header .left-header .wrapper-arrow{display:flex}.kalender .header .left-header .wrapper-arrow div{align-items:center;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .3s ease-in-out;width:35px}.kalender .header .left-header .wrapper-arrow div .arrow-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.kalender .header .left-header .wrapper-arrow div:hover{background-color:rgba(75,75,75,.332)}.kalender .header .left-header h2{font-size:30px;font-weight:400;line-height:1.75rem}.kalender .header .left-header button{background-color:#fff;border:2px solid #eceef2;color:#000;font-weight:500;height:45px;transition:background-color .3s ease-in-out;width:75px}.kalender .header .left-header button:hover{background-color:#f9f9f9}.kalender .header .right-header button{height:45px;width:150px}.kalender .header .right-header input{display:none}.kalender .header .bg-modal .modal-konfirm{align-items:center;background-color:#fff;border-radius:10px;bottom:0;display:flex;flex-direction:column;height:400px;left:0;margin:auto;padding:1rem;position:absolute;right:0;top:0;width:500px}.kalender .header .bg-modal .modal-konfirm svg{align-self:flex-end;cursor:pointer;height:13px;margin-bottom:1rem;width:13px}.kalender .header .bg-modal .modal-konfirm img{height:128px;width:128px}.kalender .header .bg-modal .modal-konfirm h3{color:#5a6474;font-size:20px;font-style:normal;font-weight:500;margin:2rem 0}.kalender .header .bg-modal .modal-konfirm p{align-self:center;color:#5a6474;font-size:12px;font-weight:500}.kalender .header .bg-modal .modal-konfirm button{background-color:#3661eb;border:none;border-radius:5px;color:#fff;cursor:pointer;display:grid;font-size:15px;font-weight:500;height:50px;margin-top:2rem;outline:none;place-items:center;width:100%}.kalender .header .today{border:1px;border-radius:.25rem;margin-right:1.25rem;padding:.5rem 1rem}.kalender .header .wrapper-preview{display:grid;place-items:center}.kalender .header .wrapper-preview .modal{align-items:flex-start;background-color:#fff;border-radius:10px;bottom:0;display:flex;flex-direction:column;height:80%;justify-content:flex-start;left:0;margin:auto;position:absolute;right:0;top:0;width:70%}.kalender .header .wrapper-preview .modal div:first-child{height:90%;overflow:auto;padding:1rem;width:100%}.kalender .header .wrapper-preview .modal div:first-child::-webkit-scrollbar{height:auto}.kalender .header .wrapper-preview .modal .container-btn{border-top:1px solid #eceef2;margin-top:1rem;padding:0 1rem;width:100%}.kalender .header .wrapper-preview .modal .container-btn div{display:flex;gap:1rem;justify-content:flex-end;overflow:hidden;width:auto}.kalender .header .wrapper-preview .modal .container-btn button{height:45px;width:150px}.kalender .header .wrapper-preview .modal .container-btn .button-cancel{background-color:#ff4530}.kalender .sidebar-month{display:flex;flex:1 1;flex-direction:column}.kalender .sidebar-month .container-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));height:40px;width:100%}.kalender .sidebar-month .container-days .day{border-bottom:1px solid #eceef2;border-right:1px solid #eceef2;color:#9b9b9b;display:grid;font-size:14px;font-weight:500;height:100%;place-items:center;text-align:center;width:100%}.kalender .month{display:grid;flex:1 1;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));max-height:1000px}.kalender .month .day{border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:148px;padding-bottom:.5rem;padding-left:.5rem;position:relative;width:100%}.kalender .month .day .handle-add{background-color:#fff;cursor:pointer;flex:1 1;overflow-y:scroll;transition:all .2s ease}.kalender .month .day header{display:flex;flex-direction:column;justify-content:flex-start}.kalender .month .day header .dd{font-size:10px;font-weight:500;text-align:left}.kalender .month .day header h1{color:#6b7280;font-size:1.25rem;line-height:1.75rem;margin-right:2.5rem}.kalender .month .day header .currentDay{background-color:#2563eb;border-radius:50%;color:#fff;display:grid;height:30px;place-items:center;width:30px}.kalender .month .day header p{font-size:.875rem;line-height:1.25rem;margin-bottom:.25rem;margin-top:.25rem;padding:.25rem;text-align:left}.kalender .month .day .day-events{cursor:default;display:flex;flex-direction:column;margin-bottom:1rem;position:relative}.kalender .month .day .day-events p{font-size:12px;font-weight:500}.kalender .month .day .day-events span{color:#9b9b9b;font-size:10px;font-weight:500}.kalender .hover-detail-event{background-color:#fff;border:2px solid #ebf0fe;border-radius:10px;cursor:default;left:150px;max-height:250px;overflow-y:scroll;padding:1rem 1.5rem;position:absolute;top:20px;width:400px;z-index:999}.kalender .hover-detail-event .wrapper-judul{display:flex;justify-content:space-between}.kalender .hover-detail-event .wrapper-judul h1{color:#21d2ff;font-size:14px;font-weight:500}.kalender .hover-detail-event .wrapper-judul h2{color:#3661eb;cursor:pointer;font-size:10px;font-weight:500}.kalender .hover-detail-event .deskripsi,.kalender .hover-detail-event .lokasi,.kalender .hover-detail-event .tanggal{color:#9b9b9b;display:flex;font-size:10px;font-weight:500}.kalender .hover-detail-event .deskripsi p,.kalender .hover-detail-event .lokasi p,.kalender .hover-detail-event .tanggal p{color:#000;font-size:10px;font-weight:500;margin-left:.5rem}.kalender .hover-detail-event .deskripsi{margin-top:.5rem}.kalender .small-calendar header{display:flex;justify-content:space-between}.kalender .small-calendar .grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr))}.kalender .small-calendar .grid .hari{font-size:.875rem;line-height:1.25rem;padding-bottom:.25rem;padding-top:.25rem;text-align:center}.kalender .small-calendar .grid .btn{padding-bottom:.25rem;padding-top:.25rem;width:100%}.kalender .small-calendar .grid .btn span{font-size:.875rem;line-height:1.25rem}.kalender .small-calendar .grid .btn-today{background-color:#3b82f6;border-radius:9999px;color:#fff}.kalender .modal{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.kalender .modal form{background-color:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);height:470px;width:500px}.kalender .modal form .wrapper-input{padding:2rem 1.5rem 1rem}.kalender .modal form .wrapper-input .kegiatan-input{border:none;border-bottom:2px solid #3661eb;font-size:24px;margin-bottom:1.5rem;margin-left:2.5rem;outline:none;width:400px}.kalender .modal form .wrapper-input .kegiatan-input::-webkit-input-placeholder{color:#9b9b9b}.kalender .modal form .wrapper-input .kegiatan-input::placeholder{color:#9b9b9b}.kalender .modal form .wrapper-input .date{display:flex;gap:1rem;margin-bottom:1.5rem}.kalender .modal form .wrapper-input .date p{color:#5a6474}.kalender .modal form .wrapper-input .description{align-items:flex-start;display:flex;gap:1rem}.kalender .modal form .wrapper-input .description textarea{background-color:#f3f3f3;border:none;border-radius:5px;font-family:poppins;height:100px;outline:none;padding:10px;resize:none;width:400px}.kalender .modal form .wrapper-input .description img{-webkit-transform:translateY(10px);transform:translateY(10px)}.kalender .modal form .wrapper-input .checkbox-form{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;padding-left:2rem}.kalender .modal form .wrapper-input .checkbox-form .wrap-for,.kalender .modal form .wrapper-input .checkbox-form .wrap-is-libur{display:flex;gap:1rem}.kalender .modal form .wrapper-input .checkbox-form .wrap-label-input{display:flex}.kalender .modal form .wrapper-input .checkbox-form label{color:#5a6474;font-size:12px;margin-left:.5rem}.kalender .modal form header{align-items:center;background-color:#3661eb;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:.5rem .5rem .5rem 1.5rem}.kalender .modal form header .action{padding-right:1rem}.kalender .modal form header .action .trash{margin-right:1rem}.kalender .modal form header h3{color:#fff;font-size:14px;font-weight:400}.kalender .modal form .wrapper-label{display:flex;gap:.5rem;margin-top:2rem;padding-left:2rem}.kalender .modal form .wrapper-label .label{align-items:center;border-radius:9999px;cursor:pointer;display:flex;height:1.5rem;justify-content:center;width:1.5rem}.kalender .modal form .wrapper-label .label img{height:10px;width:10px}.kalender .modal form footer{display:flex;justify-content:flex-end;padding-right:1.5rem;width:100%}.kalender .modal form footer .submit{background:#3661eb;border-radius:5px;color:#fff;height:40px;width:115px}.wrapper-kalender-add{background-color:#f9f9f9;border-right:1px solid #ebf0fe;height:100vh;width:1179px}.wrapper-kalender-add .nav-kalender{align-items:center;background-color:#fff;border-bottom:1px solid #ebf0fe;display:flex;justify-content:space-between;padding:1rem 2.5rem;width:100%}.wrapper-kalender-add .nav-kalender .wrapper-back-btn{background-color:#fff;display:flex}.wrapper-kalender-add .nav-kalender .wrapper-back-btn img{cursor:pointer}.wrapper-kalender-add .nav-kalender .wrapper-back-btn h1{font-size:24px;font-weight:500;margin-left:2rem}.wrapper-kalender-add .nav-kalender .wrapper-action-btn{display:flex;gap:1rem}.wrapper-kalender-add .nav-kalender .wrapper-action-btn button{background-color:#ff4530;border:none;border-radius:8px;cursor:pointer;height:40px;width:40px}.wrapper-kalender-add .nav-kalender .wrapper-action-btn .btn-submit:disabled{background-color:#5a6474;cursor:not-allowed;opacity:.7}.wrapper-kalender-add .wrapper-content{display:flex;gap:3rem;justify-content:space-between;padding:2rem 2.5rem;width:1179px}.wrapper-kalender-add .wrapper-content h3{font-size:14px;font-weight:400;margin-bottom:1rem}.wrapper-kalender-add .wrapper-content .input{background-color:#f9f9f9;border:1px solid #9b9b9b;border-radius:7.5px;font-size:12px;font-weight:400;height:35px;outline:none;padding-left:1rem;padding-right:.25rem}.wrapper-kalender-add .wrapper-content .wrapper-form{display:flex;flex-direction:column;width:60%}.wrapper-kalender-add .wrapper-content .wrapper-form .input::-webkit-input-placeholder{color:#9b9b9b}.wrapper-kalender-add .wrapper-content .wrapper-form .input::placeholder{color:#9b9b9b}.wrapper-kalender-add .wrapper-content .wrapper-form .input:focus{border:2px solid #3661eb}.wrapper-kalender-add .wrapper-content .wrapper-form .input-nama-event{font-size:20px;height:60px}.wrapper-kalender-add .wrapper-content .wrapper-form .checkbox-form{display:flex;gap:2rem;margin:1rem 0}.wrapper-kalender-add .wrapper-content .wrapper-form .checkbox-form .wrap-label-radio{align-items:center;display:flex;gap:.5rem}.wrapper-kalender-add .wrapper-content .wrapper-form .checkbox-form .wrap-label-radio input{cursor:pointer;height:15px;width:15px}.wrapper-kalender-add .wrapper-content .wrapper-form .checkbox-form .wrap-label-radio label{cursor:pointer;font-size:12px}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time{margin:1rem 0}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time .time{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time .react-calendar{left:0;max-width:inherit;padding:1rem;position:absolute;top:40px;z-index:1}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time .second-calendar{-webkit-transform:translate(108%,56%);transform:translate(108%,56%)}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time .waktu{background-color:#f9f9f9;border:1px solid #9b9b9b;border-radius:7.5px;font-size:12px;font-weight:400;height:35px;outline:none;position:relative;width:50%}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time .waktu .wrap__text{align-items:center;display:flex;justify-content:space-between;padding:.5rem 1rem;width:100%}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time .waktu .arrow__down{background-color:#9b9b9b;height:10px;-webkit-mask:url(/static/media/arrow-down.6be7bd2982c2131543b3.svg) no-repeat center;mask:url(/static/media/arrow-down.6be7bd2982c2131543b3.svg) no-repeat center;transition:transform .3s ease-in-out;width:10px}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time .waktu .arrow__down.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time .waktu.active,.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time .waktu__selesai.active{border:2px solid #3661eb}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time input[type=text]{width:50%}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time input::-webkit-input-placeholder{color:#000}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time input::placeholder{color:#000}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time input[type=time]{width:22.5%}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time input[type=time]::-webkit-calendar-picker-indicator{background:none;background-image:url(/static/media/arrow-down.6be7bd2982c2131543b3.svg);background-position:50%;background-repeat:no-repeat;cursor:pointer}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time .line{background-color:#000;height:1px;width:8px}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time .wrapper-error{display:flex;gap:2rem;justify-content:space-between;margin-left:auto;width:49%}.wrapper-kalender-add .wrapper-content .wrapper-form .wrapper-time .wrapper-error p{text-align:center;width:50%}.wrapper-kalender-add .wrapper-content .wrapper-form .input-deskripsi-event{height:140px;padding-top:.5rem;resize:none}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi{width:40%}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-search-dropdown{position:relative}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-search-dropdown input{outline:#f9f9f9;width:100%}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-search-dropdown .dropdown-container{background-color:#fff;border:1px solid #eceef2;border-radius:7.5px;left:0;margin:0 auto;max-height:200px;overflow-y:scroll;position:absolute;right:0;z-index:999}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-search-dropdown .dropdown-container .dropdown-outer-item{border-bottom:1px solid #eceef2;width:100%}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-search-dropdown .dropdown-container .dropdown-item.not-found div{justify-content:center}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-search-dropdown .dropdown-container .dropdown-item{align-items:center;display:flex;height:40px;justify-content:space-between;margin:0 auto;width:390px}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-search-dropdown .dropdown-container .dropdown-item div{align-items:center;display:flex}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-search-dropdown .dropdown-container .dropdown-item img{border-radius:50%;height:20px;margin-right:.5rem;width:20px}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-search-dropdown .dropdown-container .dropdown-item p{font-size:12px}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-search-dropdown .dropdown-container .dropdown-item span{color:#9b9b9b;font-size:10px}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-search-dropdown .dropdown-container .dropdown-item button{background-color:#f9f9f9;border:none;border-radius:5px;cursor:pointer;font-size:10px;height:20px;outline:none;width:75px}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-checkbox{grid-gap:.5rem .25rem;display:grid;gap:.5rem .25rem;grid-template-columns:auto auto auto;grid-template-rows:auto;margin:.5rem 0 1.5rem;width:100%}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-checkbox .wrapper-checkbox-label{align-items:center;display:flex;gap:.5rem}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-checkbox .wrapper-checkbox-label label{color:#5a6474;cursor:pointer;font-size:12px}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-checkbox .wrap_skeleton{display:flex;flex-wrap:wrap;margin-right:.5rem}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-checkbox .wrap_skeleton .wrap_label{align-items:center;display:flex;gap:.5rem;margin-right:1rem}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-top-list{display:flex;justify-content:space-between}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-top-list div{align-items:center;display:flex}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-top-list div h4{font-size:14px;font-weight:400;margin-right:1rem}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-top-list div .count{align-items:center;background-color:rgba(39,127,254,.1);border-radius:5px;color:#277ffe;display:flex;font-size:10px;font-weight:500;height:20px;justify-content:center;text-align:center;width:20px}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-top-list p{color:#3661eb;cursor:pointer;font-size:10px;font-weight:400}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column{display:flex;flex-direction:column;gap:1rem;height:400px;margin-top:.5rem;overflow-y:auto}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column .wrapper-list{align-items:center;display:flex;justify-content:space-between}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column .wrapper-list .list-content-left{align-items:center;display:flex}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column .wrapper-list .list-content-left img{border-radius:50%;height:35px;margin-right:1rem;object-fit:cover;width:35px}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column .wrapper-list .list-content-left div{display:flex;flex-direction:column;justify-content:flex-start}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column .wrapper-list .list-content-left div p{font-size:14px;font-weight:500}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column .wrapper-list .list-content-left div span{color:#9b9b9b;font-size:10px;font-weight:500}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column .wrapper-list input{-webkit-appearance:none;appearance:none;background-color:var(--form-background);border:2px solid #3661eb;border-radius:50%;cursor:pointer;display:grid;height:24px;place-content:center;width:24px}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column .wrapper-list input:before{background-color:#fff;background-image:url(/static/media/check-with-bg.27ca05172eb6f05b9146.svg);background-position:50%;background-repeat:no-repeat;content:"";cursor:pointer;height:24px;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out;width:24px}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column .wrapper-list input:checked:before{-webkit-transform:scale(1);transform:scale(1)}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column .container_skeleton{display:flex;flex-direction:column;gap:1rem;height:500px;margin-top:.5rem;overflow-y:auto}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column .container_skeleton .container__list__skeleton{align-items:center;display:flex;justify-content:space-between}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column .container_skeleton .container__list__skeleton .left__content{display:flex;gap:1rem}.wrapper-kalender-add .wrapper-content .wrapper-partisipasi .wrapper-column.overflowed{padding-right:1rem}.wrapper-kalender-add .bg-modal{background-color:rgba(0,0,0,.3);bottom:0;height:100vh;left:0;margin:auto;position:fixed;right:0;top:0;width:100vw;z-index:999}.wrapper-kalender-add .bg-modal .alert-modal{align-items:center;background-color:#fff;border-radius:10px;bottom:0;display:flex;flex-direction:column;height:225px;left:0;margin:auto;padding:1rem;position:absolute;right:0;top:0;width:350px}.wrapper-kalender-add .bg-modal .alert-modal h1{font-size:24px;font-weight:600;margin-bottom:1rem;margin-right:auto}.wrapper-kalender-add .bg-modal .alert-modal p{font-size:14px;font-weight:500;margin-right:auto}.wrapper-kalender-add .bg-modal .alert-modal div{align-items:center;background-color:#f9f9f9;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0;display:flex;gap:1rem;height:80px;justify-content:flex-end;margin-top:auto;padding:0 1rem;position:absolute;width:100%}.wrapper-kalender-add .bg-modal .alert-modal button{border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;outline:none;width:120px}.wrapper-kalender-add .bg-modal .alert-modal button:first-child{background-color:#ff4530}.wrapper-kalender-add .bg-modal .alert-modal button:nth-child(2){background-color:#3661eb}.login{height:100vh;width:100%}.login,.login .login__container{align-items:center;display:flex;justify-content:center}.login .login__container{border-radius:8px;flex-direction:column;height:-webkit-max-content;height:max-content;padding:50px;width:-webkit-max-content;width:max-content}.login .login__container .login__logo{height:100px;margin-bottom:50px;width:100px}.login .login__container h1{font-size:20px;font-weight:500;margin-bottom:5px}.login .login__container p{color:#9b9b9b;font-size:10px;font-weight:400}.login .login__container p.login__validation{color:#ff4530}.login .login__container form{display:flex;flex-direction:column;margin-top:25px}.login .login__container form .login__input{align-items:center;border:1px solid #eceef2;border-radius:8px;display:flex;height:50px;margin-bottom:8px;outline:none;position:relative;width:350px}.login .login__container form .login__input img{padding:0 15px}.login .login__container form .login__input input{border:none;border-radius:8px;height:100%;outline:none;width:100%}.login .login__container form .login__input input::-webkit-input-placeholder{color:#9b9b9b}.login .login__container form .login__input input::placeholder{color:#9b9b9b}.login .login__container form .login__input:focus-within{border:1px solid #277ffe}.login .login__container form .login__button{height:50px;margin-bottom:30px;margin-top:8px;width:350px}.login .login__container form .login__button button{background-color:#277ffe;border:none;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;height:100%;transition:.5s;width:100%}.login .login__container form .login__button button:hover{background-color:#1e6be5}.login .login__container form .eye__icon{cursor:pointer}.login .login__container .login__forgotPassword{color:#9b9b9b;font-size:10px;font-weight:400}.login .login__container .login__forgotPassword a{color:#277ffe;text-decoration:none}.lds-spinner{color:#000;display:inline-block;height:24px;position:relative;width:24px}.lds-spinner div{-webkit-animation:lds-spinner 1.2s linear infinite;animation:lds-spinner 1.2s linear infinite;-webkit-transform-origin:12px 12px;transform-origin:12px 12px}.lds-spinner div:after{background:#000;border-radius:20%;content:" ";display:block;height:18px;left:37px;position:absolute;top:3px;width:6px}.lds-spinner div:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.lds-spinner div:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.lds-spinner div:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.lds-spinner div:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.lds-spinner div:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s;-webkit-transform:rotate(120deg);transform:rotate(120deg)}.lds-spinner div:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.lds-spinner div:nth-child(7){-webkit-animation-delay:-.5s;animation-delay:-.5s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.lds-spinner div:nth-child(8){-webkit-animation-delay:-.4s;animation-delay:-.4s;-webkit-transform:rotate(210deg);transform:rotate(210deg)}.lds-spinner div:nth-child(9){-webkit-animation-delay:-.3s;animation-delay:-.3s;-webkit-transform:rotate(240deg);transform:rotate(240deg)}.lds-spinner div:nth-child(10){-webkit-animation-delay:-.2s;animation-delay:-.2s;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.lds-spinner div:nth-child(11){-webkit-animation-delay:-.1s;animation-delay:-.1s;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.lds-spinner div:nth-child(12){-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(330deg);transform:rotate(330deg)}@-webkit-keyframes lds-spinner{0%{opacity:1}to{opacity:0}}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{-webkit-filter:inherit;filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:hsla(0,0%,100%,.5);border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.65)}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.4)}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:hsla(0,0%,100%,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:hsla(0,0%,100%,.8);border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid rgba(0,0,0,.2)}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.4);color:#333}.leaflet-container a.leaflet-popup-close-button{background:transparent;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.4);color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:transparent;border:6px solid transparent;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.add-karyawan{width:80%}.add-karyawan .unhide{cursor:pointer}.add-karyawan .navigation{border-bottom:1px solid #ebf0fe;display:flex;justify-content:space-between;padding:1rem 2.5rem}.add-karyawan .navigation div{align-items:center;display:flex}.add-karyawan .navigation div .wrapper-img{height:24px;width:24px}.add-karyawan .navigation div .wrapper-img img{cursor:pointer}.add-karyawan .navigation div h1{font-size:24px;font-weight:500;margin-left:2rem}.add-karyawan .navigation .btn-submit{background-color:#3661eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:grid;height:40px;outline:none;place-items:center;width:125px}.add-karyawan .navigation .btn-submit:disabled{opacity:1}.add-karyawan .form-foto-profile{display:flex}.add-karyawan .form{display:flex;flex-direction:column;padding:2rem 2.5rem;width:65%}.add-karyawan .form .validator-text{color:#ff4530;font-size:12px;margin:.25rem 0 0}.add-karyawan .form label{color:#000;font-size:18px;font-weight:500;margin-bottom:1rem}.add-karyawan .form input{border:2px solid #eceef2;border-radius:8px;color:#5a6474;font-size:14px;height:45px;outline:none;padding:0 1rem}.add-karyawan .form input:focus{border:2px solid #3661eb}.add-karyawan .form input::-webkit-input-placeholder{color:#9b9b9b}.add-karyawan .form input::placeholder{color:#9b9b9b}.add-karyawan .form .alamat,.add-karyawan .form .email,.add-karyawan .form .gender,.add-karyawan .form .jabatan,.add-karyawan .form .nama,.add-karyawan .form .niy,.add-karyawan .form .no-hp{display:flex;flex-direction:column;position:relative}.add-karyawan .form .email,.add-karyawan .form .jabatan-gender,.add-karyawan .form .nama,.add-karyawan .form .no-hp{margin-bottom:1rem}.add-karyawan .form .nama img{border-radius:50%;cursor:pointer;height:24px;margin-bottom:1rem;position:absolute;right:0;-webkit-transform:translate(-50%,225%);transform:translate(-50%,225%);width:24px}.add-karyawan .form .niy{margin-bottom:1.5rem}.add-karyawan .form .niy .validator-text.pwd{bottom:0;left:0;position:absolute;-webkit-transform:translateY(20px);transform:translateY(20px)}.add-karyawan .form .niy img{border-radius:50%;bottom:0;height:24px;position:absolute;right:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:24px}.add-karyawan .form .jabatan-gender{display:flex;flex-direction:column}.add-karyawan .form .jabatan-gender .select select{border:2px solid #eceef2;border-radius:8px;color:#5a6474;font-size:14px;height:45px;outline:none;padding:0 1rem;width:100%}.add-karyawan .form .jabatan-gender .select select::-webkit-input-placeholder{color:#9b9b9b}.add-karyawan .form .jabatan-gender .select select::placeholder{color:#9b9b9b}.add-karyawan .form .jabatan-gender .select select:focus{border:2px solid #3661eb}.add-karyawan .form .jabatan-gender .select select{-webkit-appearance:none;appearance:none;background-image:url(/static/media/arrow-down.6be7bd2982c2131543b3.svg);background-position:right 1rem center;background-repeat:no-repeat;background-size:1em}.add-karyawan .form .jabatan-gender .jabatan{width:100%}.add-karyawan .form-file-upload{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:100%;padding-top:2rem;position:relative;text-align:center}.add-karyawan .form-file-upload h1:first-child{font-size:18px;font-weight:500;margin-bottom:1rem;text-align:left}.add-karyawan .form-file-upload .wrap-text h1{font-size:14px;font-weight:500}.add-karyawan #input-file-upload{display:none}.add-karyawan #label-file-upload{align-items:center;background-color:#fafafa;border:1px dashed #3661eb;border-radius:8px;cursor:pointer;display:flex;height:100%;height:193px;justify-content:center;padding:1rem 0;width:386px}.add-karyawan .upload-button{background-color:#fafafa;border:none;color:#9b9b9b;cursor:pointer;font-size:12px;line-height:24px}.add-karyawan .upload-button:hover{text-decoration-line:underline}.add-karyawan .preview__img{border-radius:50%;height:100%}.add-karyawan #label-file-upload.drag-active{background-color:#fff}.add-karyawan #drag-file-element{border-radius:1rem;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wrapper__btn{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.wrapper__btn button{border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;outline:none;width:120px}.wrapper__btn .edit__btn,.wrapper__btn .ganti__btn{background-color:#3661eb}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.bg-modal{background-color:rgba(0,0,0,.3);height:100vh;position:fixed;width:100vw;z-index:999}.bg-modal,.bg-modal .alert-modal{bottom:0;left:0;margin:auto;right:0;top:0}.bg-modal .alert-modal{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:225px;padding:1rem;position:absolute;width:350px}.bg-modal .alert-modal h1{font-size:24px;font-weight:600;margin-bottom:1rem;margin-right:auto}.bg-modal .alert-modal p{font-size:14px;font-weight:500;margin-right:auto}.bg-modal .alert-modal div{align-items:center;background-color:#f9f9f9;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0;display:flex;gap:1rem;height:80px;justify-content:flex-end;margin-top:auto;padding:0 1rem;position:absolute;width:100%}.bg-modal .alert-modal button{border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;outline:none;width:120px}.bg-modal .alert-modal button:first-child{background-color:#ff4530}.bg-modal .alert-modal button:nth-child(2){background-color:#3661eb}.bg__modal__cropper{background-color:rgba(0,0,0,.3);bottom:0;height:100vh;left:0;margin:auto;position:fixed;right:0;top:0;width:100vw;z-index:999}.bg__modal__cropper .modal__cropper{align-items:center;background-color:#fff;border-radius:10px;bottom:0;display:flex;flex-direction:column;height:600px;left:0;margin:auto;padding:1rem 0;position:absolute;right:0;top:0;width:500px}.bg__modal__cropper .modal__cropper h1{font-size:20px;font-weight:600;margin-bottom:1rem;margin-right:auto;padding-left:1rem}.bg__modal__cropper .modal__cropper .wrapper__btn{display:flex;justify-content:space-between;margin-top:auto;padding:0 1rem;width:100%}.bg__modal__cropper .modal__cropper .wrapper__btn button{border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;outline:none;width:120px}.bg__modal__cropper .modal__cropper .wrapper__btn button:first-child{background-color:#ff4530}.bg__modal__cropper .modal__cropper .wrapper__btn button:nth-child(2){background-color:#3661eb}.reactEasyCrop_Container{background-color:#fff;bottom:0;-webkit-filter:none;filter:none;height:80%;left:0;position:relative!important;right:0;top:0;width:100%}.bg-pengaturan{background-color:#f9f9f9;height:100vh;width:100vw}.pengaturan{background-color:#f9f9f9;display:flex;gap:3rem;margin:0 auto;padding-top:2rem;width:1440px}.pengaturan .loading{align-items:center;display:flex;gap:2rem;height:10vh;justify-content:center;width:100%!important}.pengaturan .loading p{font-size:14px}.pengaturan .import-user{margin-bottom:5rem;margin-left:auto;width:1100px}.pengaturan .import-user .top-table{align-items:center;display:flex;justify-content:space-between}.pengaturan .import-user .top-table p{font-size:14px}.pengaturan .import-user .top-table input{display:none}.pengaturan .import-user .top-table .modal-konfirm{align-items:center;background-color:#fff;border-radius:10px;bottom:0;display:flex;flex-direction:column;height:400px;left:0;margin:auto;padding:1rem;position:absolute;right:0;top:0;width:500px}.pengaturan .import-user .top-table svg{align-self:flex-end;cursor:pointer;height:13px;margin-bottom:1rem;width:13px}.pengaturan .import-user .top-table img{height:128px;width:128px}.pengaturan .import-user .top-table h3{color:#5a6474;font-size:20px;font-style:normal;font-weight:500;margin:2rem 0}.pengaturan .import-user .top-table p{align-self:center;color:#5a6474;font-size:12px;font-weight:500}.pengaturan .import-user .top-table button{background-color:#3661eb;border:none;border-radius:5px;color:#fff;cursor:pointer;display:grid;font-size:15px;font-weight:500;height:50px;margin-top:2rem;outline:none;place-items:center;width:100%}.pengaturan .import-user .top-table .wrapper-preview{display:grid;place-items:center}.pengaturan .import-user .top-table .wrapper-preview .modal{align-items:flex-start;background-color:#fff;border-radius:10px;bottom:0;display:flex;flex-direction:column;height:80%;justify-content:flex-start;left:0;margin:auto;position:absolute;right:0;top:0;width:70%}.pengaturan .import-user .top-table .wrapper-preview .modal div:first-child{height:90%;overflow:auto;padding:1rem;width:100%}.pengaturan .import-user .top-table .wrapper-preview .modal div:first-child::-webkit-scrollbar{height:auto}.pengaturan .import-user .top-table .wrapper-preview .modal .container-btn{border-top:1px solid #eceef2;margin-top:1rem;padding:0 1rem;width:100%}.pengaturan .import-user .top-table .wrapper-preview .modal .container-btn div{display:flex;gap:1rem;justify-content:flex-end;overflow:hidden;width:auto}.pengaturan .import-user .top-table .wrapper-preview .modal .container-btn button{height:45px;width:150px}.pengaturan .import-user .top-table .wrapper-preview .modal .container-btn .button-cancel{background-color:#ff4530}.pengaturan .import-user .wrapper-tabbar{background-color:#fff;border:1px solid #ebf0fe;border-radius:10px 10px 0 0;border-top:none;display:flex;justify-content:space-between;margin-top:2rem;width:100%}.pengaturan .import-user .pagination-container{padding-bottom:2rem}.pengaturan .import-user .wrapper-loading{background-color:#fff;margin-top:2rem}.pengaturan .import-user .table .row-img{padding:.5rem 0}.pengaturan .import-user .wrapper__skeleton{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;height:auto;margin-top:2rem}.pengaturan .import-user .wrapper__table{height:auto;padding-bottom:1rem}.pengaturan .radius-absen{width:100%}.pengaturan .radius-absen h1{font-size:32px;font-weight:500;margin-bottom:2rem}.pengaturan .radius-absen .container-radius{display:flex;gap:2rem;margin-bottom:2rem;width:100%}.pengaturan .radius-absen .container-radius .radius-info{display:flex;flex-direction:column}.pengaturan .radius-absen .container-radius .radius-info label{font-size:14px;font-weight:400;margin-bottom:.5rem}.pengaturan .radius-absen .container-radius .radius-info input{background:#fff;border:1px solid #eceef2;border-radius:8px;color:#5a6474;font-size:14px;font-weight:400;height:48px;outline:none;padding:1rem;width:187px}.pengaturan .radius-absen .container-radius .radius-info input:focus{outline:1px solid #3661eb}.pengaturan .radius-absen .container-radius .wrapper-btn{align-self:end;margin-left:auto}.pengaturan .radius-absen .container-radius .wrapper-btn button{align-self:flex-end;background-color:#ffd233;border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:500;height:35px;justify-self:flex-end;margin-left:1rem;outline:none;width:100px}.pengaturan .radius-absen .container-radius .wrapper-btn .btn-cancel{background-color:#ff4530;color:#fff}.pengaturan .radius-absen .container-radius .wrapper-btn button.active{background-color:#3661eb;color:#fff}.pengaturan .kategori-karyawan{margin-bottom:5rem;width:100%}.pengaturan .kategori-karyawan a{color:#000;text-decoration:none}.pengaturan .kategori-karyawan h1{color:#000;font-size:32px;font-weight:500;margin-bottom:2rem}.pengaturan .kategori-karyawan .tambah-kategori{align-items:center;background-color:#ececec;color:#9b9b9b;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:1rem;height:48px;justify-content:center;margin-bottom:1rem;width:100%}.pengaturan .kategori-karyawan .container-kategori{align-items:center;background-color:#fff;border-radius:5px;display:flex;height:48px;justify-content:space-between;margin-bottom:.5rem;padding:0 2rem;position:relative;width:100%}.pengaturan .kategori-karyawan .container-kategori div{align-items:center;display:flex;gap:1rem}.pengaturan .kategori-karyawan .container-kategori img{cursor:pointer;height:24px;width:24px}.pengaturan .kategori-karyawan .container-kategori .dropdown-content{background-color:#fff;border:1px solid #9b9b9b;border-radius:5px;bottom:0;display:flex;flex-direction:column;gap:.5rem;position:absolute;right:0;-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px);z-index:2}.pengaturan .kategori-karyawan .container-kategori .dropdown-content div{background-color:#fff;cursor:pointer;display:flex;padding:.25rem 1rem;width:100%}.pengaturan .kategori-karyawan .container-kategori .dropdown-content div img{height:12px;width:12px}.pengaturan .kategori-karyawan .container-kategori .dropdown-content div p{font-size:14px}.pengaturan .kategori-karyawan .container-kategori .dropdown-content div:hover{background-color:rgba(0,0,0,.1)}.pengaturan .kategori-karyawan .modal-kategori{align-items:center;background-color:#fff;border-radius:20px;bottom:0;display:flex;flex-direction:column;height:500px;left:0;margin:auto;padding:2rem 2rem 0;position:absolute;right:0;top:0;width:675px}.pengaturan .kategori-karyawan .modal-kategori svg{align-self:flex-end;cursor:pointer;height:13px;margin-bottom:1rem;width:13px}.pengaturan .kategori-karyawan .modal-kategori img{height:128px;width:128px}.pengaturan .kategori-karyawan .modal-kategori h3{color:#5a6474;font-size:20px;font-style:normal;font-weight:500;margin-bottom:3rem;margin-top:2rem}.pengaturan .kategori-karyawan .modal-kategori p{align-self:start;color:#5a6474;font-size:12px;font-weight:500;margin-bottom:1rem}.pengaturan .kategori-karyawan .modal-kategori input{border:none;border-bottom:1px solid #9b9b9b;outline:none;padding-bottom:1rem;width:100%}.pengaturan .kategori-karyawan .modal-kategori input::-webkit-input-placeholder{color:#9b9b9b;font-size:16px;font-style:normal;font-weight:400;letter-spacing:-.333333px}.pengaturan .kategori-karyawan .modal-kategori input::placeholder{color:#9b9b9b;font-size:16px;font-style:normal;font-weight:400;letter-spacing:-.333333px}.pengaturan .kategori-karyawan .modal-kategori input:focus{border-bottom:2px solid #3661eb}.pengaturan .kategori-karyawan .modal-kategori button{background-color:#277ffe;border:none;border-radius:10px;color:#fff;cursor:pointer;display:grid;font-size:15px;font-weight:500;height:60px;margin-top:2rem;outline:none;place-items:center;width:100%}.pengaturan .detail-kategori-karyawan{display:flex;justify-content:space-between;width:100%}.pengaturan .detail-kategori-karyawan .tambah-kategori{align-items:center;background-color:#ececec;border-radius:5px;color:#9b9b9b;display:flex;font-size:16px;font-weight:500;height:48px;justify-content:center;margin:2rem 0 1rem}.pengaturan .detail-kategori-karyawan .tambah-kategori img{margin-left:1rem}.pengaturan .detail-kategori-karyawan a{text-decoration:none}.pengaturan .detail-kategori-karyawan .wrapper-kategori{width:40%}.pengaturan .detail-kategori-karyawan .wrapper-kategori h1{font-size:24px;font-weight:500;margin-bottom:2rem}.pengaturan .detail-kategori-karyawan .wrapper-kategori .container-list-kategori{max-height:510px;overflow-y:auto;width:370px}.pengaturan .detail-kategori-karyawan .wrapper-kategori .kategori{align-items:center;background-color:#fff;border-radius:5px;cursor:pointer;display:flex;height:48px;justify-content:space-between;margin-bottom:.5rem;padding:0 1.5rem;transition:background .3s ease-in-out;width:350px}.pengaturan .detail-kategori-karyawan .wrapper-kategori .kategori p{color:#5a6474;font-size:12px;font-weight:500}.pengaturan .detail-kategori-karyawan .wrapper-kategori .kategori span{color:#5a6474;font-size:14px;font-weight:500}.pengaturan .detail-kategori-karyawan .wrapper-kategori .kategori.active{background-color:#f3f3f3}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori{margin-bottom:5rem;width:60%}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-text{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-text h1{font-size:20px;font-weight:500}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-text h2{color:#3661eb;cursor:pointer;font-size:14px;font-weight:500;position:relative}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-column{display:flex;flex-direction:column;gap:1rem;height:500px;margin-top:.5rem;overflow-y:scroll;padding-right:.5rem}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-column .wrapper-list{align-items:center;display:flex;justify-content:space-between}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-column .wrapper-list .list-content-left{align-items:center;display:flex}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-column .wrapper-list .list-content-left img{border-radius:50%;height:35px;margin-right:1rem;object-fit:cover;width:35px}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-column .wrapper-list .list-content-left div{display:flex;flex-direction:column;justify-content:start}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-column .wrapper-list .list-content-left div p{font-size:14px;font-weight:500}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-column .wrapper-list .list-content-left div span{color:#9b9b9b;font-size:10px;font-weight:500}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-column .wrapper-list input{-webkit-appearance:none;appearance:none;background-color:var(--form-background);border:2px solid #3661eb;border-radius:50%;cursor:pointer;display:grid;height:24px;place-content:center;width:24px}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-column .wrapper-list input:before{background-color:#fff;background-image:url(/static/media/check-with-bg.27ca05172eb6f05b9146.svg);background-position:50%;background-repeat:no-repeat;content:"";cursor:pointer;height:24px;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out;width:24px}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-column .wrapper-list input:checked:before{-webkit-transform:scale(1);transform:scale(1)}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-column .empty{text-align:center}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-column .container__list__skeleton{align-items:center;display:flex;justify-content:space-between}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .wrapper-column .container__list__skeleton .left__content{display:flex;gap:1rem}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .total-selected-user{align-items:center;display:flex;justify-content:space-between;margin-top:2rem}.pengaturan .detail-kategori-karyawan .wrapper-edit-kategori .total-selected-user button{background-color:#ff4530;height:45px;width:125px}.pengaturan .detail-kategori-karyawan .bg-modal{background-color:rgba(0,0,0,.3);bottom:0;height:100vh;left:0;margin:auto;position:fixed;right:0;top:0;width:100vw;z-index:999}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota{align-items:center;background-color:#fff;border-radius:10px;bottom:0;display:flex;flex-direction:column;height:550px;left:0;margin:auto;padding:2rem 0 0;position:absolute;right:0;top:0;width:500px}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota h1{font-size:24px;font-weight:500}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota h3{color:#9b9b9b;font-size:14px;font-weight:500;margin:1rem 0}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding{padding:0 2rem;width:100%}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding .wrapper-list{height:250px;overflow-y:scroll}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding .wrapper-list .empty{font-size:12px;text-align:center;width:auto}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding .wrapper-list .skeleton-tambah-anggota{align-items:center;display:flex;gap:1rem}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding .wrapper-list .skeleton-tambah-anggota div{align-items:center;display:flex;gap:.5rem}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding .dropdown-container{background-color:#fff;border-radius:7.5px;left:0;margin:0 auto;max-height:200px;overflow-y:scroll;padding:0 2rem;position:absolute;right:0;z-index:999}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding .dropdown-container .dropdown-outer-item{border:1px solid #eceef2;width:100%}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding .dropdown-container .dropdown-item.not-found div{justify-content:center}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding .dropdown-container .dropdown-item{align-items:center;display:flex;height:40px;justify-content:space-between;margin:0 auto;width:390px}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding .dropdown-container .dropdown-item div{align-items:center;display:flex}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding .dropdown-container .dropdown-item img{border-radius:50%;height:20px;margin-right:.5rem;width:20px}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding .dropdown-container .dropdown-item p{font-size:12px}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding .dropdown-container .dropdown-item span{color:#9b9b9b;font-size:10px}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .padding .dropdown-container .dropdown-item button{background-color:#f9f9f9;border:none;border-radius:5px;cursor:pointer;font-size:10px;height:20px;outline:none;width:75px}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota input[type=text]{background-color:#f3f3f3;border:none;border-radius:5px;height:37px;outline:none;padding-left:1rem;width:100%}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota h4{align-self:start;font-size:12px;font-weight:500;margin:1rem 0}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .container-anggota{align-items:center;display:flex;margin-bottom:.5rem;width:100%}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .container-anggota img{border-radius:50%;height:25px;margin-left:1rem;margin-right:.5rem;object-fit:cover;width:25px}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .container-anggota label{cursor:pointer;font-size:10px;font-weight:500}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .container-anggota .custom-checkbox,.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .container-anggota .custom-checkbox:after{height:20px;width:20px}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .container-anggota .custom-checkbox:before{height:7.5px;width:7.5px}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .wrappper-btn{align-items:center;background-color:#f9f9f9;bottom:0;display:flex;gap:1rem;height:80px;justify-content:flex-end;padding-right:1rem;position:absolute;width:100%}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .wrappper-btn button{border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;outline:none;width:120px}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .wrappper-btn button:first-child{background-color:#ff4530}.pengaturan .detail-kategori-karyawan .bg-modal .modal-tambah-anggota .wrappper-btn button:nth-child(2){background-color:#3661eb}.pengaturan .detail-kategori-karyawan .alert-modal{align-items:center;background-color:#fff;border-radius:10px;bottom:0;display:flex;flex-direction:column;height:225px;left:0;margin:auto;padding:1rem;position:absolute;right:0;top:0;width:350px}.pengaturan .detail-kategori-karyawan .alert-modal h1{font-size:24px;font-weight:600;margin-bottom:1rem;margin-right:auto}.pengaturan .detail-kategori-karyawan .alert-modal p{font-size:14px;font-weight:500;margin-right:auto}.pengaturan .detail-kategori-karyawan .alert-modal div{align-items:center;background-color:#f9f9f9;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0;display:flex;gap:1rem;height:80px;justify-content:flex-end;margin-top:auto;padding:0 1rem;position:absolute;width:100%}.pengaturan .detail-kategori-karyawan .alert-modal button{border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;outline:none;width:120px}.pengaturan .detail-kategori-karyawan .alert-modal button:first-child{background-color:#ff4530}.pengaturan .detail-kategori-karyawan .alert-modal button:nth-child(2){background-color:#3661eb}.pengaturan .batas-waktu{height:50%;position:relative;width:100%}.pengaturan .batas-waktu h1{font-size:32px;font-weight:500;margin-bottom:2rem}.pengaturan .batas-waktu .containers-input{display:flex;gap:2rem;margin-bottom:2rem;width:100%}.pengaturan .batas-waktu .containers-input .container-input{display:flex;flex-direction:column;position:relative}.pengaturan .batas-waktu .containers-input .container-input label{margin-bottom:.5rem}.pengaturan .batas-waktu .containers-input .container-input div{position:relative}.pengaturan .batas-waktu .containers-input .container-input input{background:#fff;border:1px solid #eceef2;border-radius:8px;color:#5a6474;font-size:14px;font-weight:400;height:48px;outline:none;padding:1rem;width:187px}.pengaturan .batas-waktu .containers-input .container-input .format{bottom:0;color:#9b9b9b;font-size:14px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto 0;padding-right:1rem;position:absolute;right:0;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pengaturan .batas-waktu .containers-input .container-input .error__max{color:#ff4530;font-size:12px}.pengaturan .batas-waktu .containers-input .container-input .alert{font-size:12px}.pengaturan .batas-waktu .wrapper-btn{display:flex;gap:2rem}.pengaturan .batas-waktu .wrapper-btn button{cursor:pointer;height:40px;width:125px}.pengaturan .batas-waktu .wrapper-btn .edit-btn{background-color:#ffd233;color:#000}.pengaturan .batas-waktu .wrapper-btn .simpan-btn{background-color:#3661eb;color:#fff}.pengaturan .batas-waktu .wrapper-btn .batal-btn{background-color:#ff4530;color:#fff}.bg-navbar{background-color:#fff;border:1px solid #ebf0fe;height:100px;width:100vw}.wrapper-navbar{display:flex;justify-content:space-between;margin:0 auto;width:1440px}.wrapper-navbar .wrapper-logo{align-items:center;border-right:1px solid #ebf0fe;display:flex;gap:1.5rem;width:80%}.wrapper-navbar .wrapper-logo img{height:65px;width:65px}.wrapper-navbar .wrapper-logo h1{font-size:16px;font-weight:500}.wrapper-sidebar{position:relative;width:300px}.wrapper-sidebar .wrapper-sidebar-top{align-items:start;display:flex;flex-direction:column;gap:.5rem}.wrapper-sidebar .wrapper-sidebar-top:after{border-top:2px solid #ececec;content:"";margin-top:1rem;width:100%}.wrapper-sidebar .keluar-pengaturan,.wrapper-sidebar .sidebar-container{align-items:center;color:#5a6474;display:flex;font-size:14px;font-weight:500;gap:1rem;height:36px;padding-left:.5rem;text-decoration:none;transition:all .3s ease-in-out;width:300px}.wrapper-sidebar .keluar-pengaturan:hover,.wrapper-sidebar .sidebar-container.active,.wrapper-sidebar .sidebar-container:hover{background:#ececec;border-radius:7.5px}.wrapper-sidebar .keluar-pengaturan{color:#ff4530;margin-top:1rem}.no-internet .content{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:center;margin:0 auto;width:1215px}.no-internet .content img{height:110px;width:110px}.no-internet .content h1{color:#333;font-size:20px;font-weight:600}.no-internet .content p{color:#333;font-size:14px;font-weight:400}.no-internet .content button{border-radius:5px;height:32px;margin-top:1rem;width:120px}.responsive-alert{margin:0 auto;padding:1rem;width:375px}.responsive-alert .logo-sidebar{align-items:center;display:flex;gap:2rem;margin-bottom:4rem}.responsive-alert .logo-sidebar h1{color:#000;font-size:16px;font-weight:500}.responsive-alert .logo-sidebar img{height:65px;width:65px}.responsive-alert .alert__text{color:#000;font-size:24px;font-weight:600;margin-bottom:2rem}
/*# sourceMappingURL=main.383675ee.css.map*/