@import url(https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;400;500;600&family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,300;1,400;1,500&family=Playpen+Sans:wght@600;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Syne:wght@400;500;600;700;800&display=swap);:root{--bg-color:#fff;--black-color:#262626;--selected-color:#585858;--color-1:#192c46;--color-1-dark:#0c418a;--color-2:#f5ab35;--color-3:#0f4ea3;--color-4:#51d2d2;--color-edit:#368ad8;--color-delete:#f63528;--hover-1:#16253b;--hover-2:#db9e3b;--hover-3:#1a447a;--hover-4:#4ab0b0;--hover-edit:#121877;--hover-delete:#7a1b06;--font-style:"Poppins","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--def-padding-item-content:20px;--navbar-height:72px}html{&::-webkit-scrollbar{background-color:var(--black-color);width:10px;height:10px}&::-webkit-scrollbar-thumb{border-radius:20px;background-color:hsla(0,0%,100%,.5)}}#app{height:100vh}#app,*{font-family:var(--font-style)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;list-style:none;text-decoration:none}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.-dashboard-holder{height:calc(100% - var(--navbar-height))}.-dashboard-holder,.-main-holder{display:flex;flex-direction:column}.-main-holder{flex-grow:1;&>h1{font-size:28px;margin-top:10px!important}}.-main-holder>:first-child{margin-top:22px}.container{max-width:1264px;width:100%;margin:auto;height:100vh}.btn-lp{width:120px;margin:12px;padding:12px;background:#f5ab35;border-radius:6px;color:#fff;font-weight:500;border:none;cursor:pointer}.btn-lp:hover{background:#0f4ea3;transform:scale(.92);transition:.5s}.logo-siappraja{width:80px;height:auto}.marking{display:inline-block}.in-marking{display:flex;align-items:end;background:var(--color-2);height:20px}.-login-logo{width:130px;margin-bottom:30px}button.-selected{background-color:var(--selected-color)!important;pointer-events:none!important}.-default-style-button{background-color:var(--color-2)}.-default-style-button,.-default-style-button-dark{border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:var(--font-style);font-size:13px;padding:10px}.-default-style-button-dark{background-color:var(--color-3);&.-selected{background-color:var(--selected-color)!important;pointer-events:none}}.-data-control-edit.-selected,.-default-style-button.-selected{background-color:var(--selected-color);border:none;border-radius:10px;color:#fff;font-family:var(--font-style);font-size:13px;padding:10px;pointer-events:none}.-default-style-button-add{--font-add-size:32px;align-items:center;background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-style);font-size:var(--font-add-size);height:var(--font-add-size);padding:0 10px}.-default-style-button.-selected:hover{background-color:var(--selected-color)}.-default-style-button:hover{background-color:var(--hover-2)}.-default-style-button-dark:hover{background-color:var(--hover-3)}.-presence-button{font-size:17px;height:40px;display:flex;align-items:center;justify-content:center;width:100px!important;margin-right:20px}.-empty-data-information{color:#fff;font-family:var(--font-style);font-size:23px;margin:20px;text-align:center}.-loading-parent{visibility:visible;display:flex;flex-direction:column;justify-content:center;align-items:center}.-loading{animation:loading 1s infinite forwards}.-loading-text{font-style:var(--font-style);font-size:25px;color:#fff}.-user-settings{background-color:var(--color-2);color:#fff;display:inline-block;right:0;position:absolute;width:250px;z-index:8}.-user-settings-child{padding:15px}.-dash-header{font-size:25px}.-counter-container{display:flex;flex-direction:row;gap:20px;width:100%;margin:20px 0}.-container-apprentice-activity-counter,.-container-apprentice-presence-counter{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10%;padding:30px 20px;background:var(--color-3);color:#fff;font-family:var(--font-style);border-radius:10px;width:100%;font-weight:600}.-statistic-container{overflow:auto;background-color:var(--color-3);&::-webkit-scrollbar{background-color:transparent;width:10px;height:10px}&::-webkit-scrollbar-thumb{border-radius:20px;background-color:hsla(0,0%,100%,.5)}&>.chart-line{width:100%;height:100%}}.-data-holder{display:flex;flex-direction:column;background-color:var(--color-3);border-radius:20px;width:100%;margin-top:10px;padding:20px 10px;position:relative;height:-moz-fit-content;height:fit-content;&::-webkit-scrollbar{background-color:transparent;width:10px}&::-webkit-scrollbar-thumb{border-radius:20px;background-color:hsla(0,0%,100%,.5)}&.force-news-detail{padding:0 50px!important}}.-recap-button-container{border-top-right-radius:10px;border-top-left-radius:10px;background-color:#21a366;position:absolute;bottom:100%;right:20px;color:#fff;padding:5px 15px;font-size:20px;cursor:pointer;transition:all .2s linear;&:hover{background-color:#27be78;padding-bottom:10px;transition:all .2s linear}&.-selected{background:var(--selected-color);pointer-events:none}}.-back-button-container{margin:10px 0!important;display:flex;flex-direction:row;gap:20px}.-back-previous-page{align-items:center;background-color:var(--color-2);border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-size:22px;font-weight:700;gap:10px;padding:5px 15px;width:-moz-fit-content;width:fit-content}.-back-previous-page:hover{background-color:var(--hover-2)}.-information-data{color:#fff;font-size:23px;margin-bottom:20px;padding-bottom:20px}.-control-data-holder{display:flex;flex-direction:row;justify-content:space-between}.-content-data-holder::-webkit-scrollbar{display:none}.-table-holders::-webkit-scrollbar,.-table-holders:hover::-webkit-scrollbar{background-color:transparent;width:5px;height:5px}.-table-holders::-webkit-scrollbar-thumb{border-radius:20px;background-color:hsla(0,0%,100%,0)}.-table-holders:hover::-webkit-scrollbar-thumb{border-radius:20px;background-color:hsla(0,0%,100%,.1)}.-table-holders::-webkit-scrollbar-corner,.-table-holders:hover::-webkit-scrollbar-corner{border-radius:20px;background:hsla(0,0%,100%,.1)}.-content-data-holder{margin-top:20px;overflow:auto;box-sizing:border-box;height:-moz-fit-content;height:fit-content}.-control-pagination{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:15px 0 0 0}.-button-pagination,.-information-pagination{color:#fff}.-button-pagination{background-color:var(--color-2);border-radius:50px;font-size:14px;display:flex;&>button{background-color:transparent;border:none;height:100%;padding:0 10px}&>.-prev-pagination{cursor:pointer;border-radius:50px;border-bottom-right-radius:0;border-top-right-radius:0;font-size:25px;font-weight:700;&:hover{background-color:var(--hover-3)}}&>.-next-pagination{cursor:pointer;border-radius:50px;border-bottom-left-radius:0;border-top-left-radius:0;font-size:25px;font-weight:700;&:hover{background-color:var(--hover-3)}}}.-total-page{display:flex;&>div{display:flex;align-items:center;cursor:pointer;padding:0 10px;height:100%;&:hover{background-color:var(--hover-2)}&.-active{background:var(--color-1)}}&>button{display:flex;align-items:center;cursor:pointer;padding:0 10px;height:100%;border:none;background-color:transparent;color:#fff;&:hover{background-color:var(--hover-2)}&.-active{background:var(--color-1);pointer-events:none!important}}}.-separator-page{background-color:var(--hover-2);pointer-events:none;&.-active{background:var(--color-1)}}.-parent-buttons-dropdown{position:relative}.-buttons-dropdown,.-buttons-dropdown>li{position:absolute}.-data-control-edit{background-color:var(--color-edit)}.-data-control-delete,.-data-control-edit{padding:10px;border-radius:10px;font-size:13px;cursor:pointer}.-data-control-delete{background-color:var(--color-delete)}.-data-control-edit:hover{background-color:var(--hover-edit)}.-data-control-delete:hover{background-color:var(--hover-delete)}.-holder-override{gap:25px}.-holder-override,.-table-holders{display:flex;flex-direction:column}.-table-holders{visibility:visible;height:100%;overflow-x:auto;padding:0 10px 15px 10px;scrollbar-gutter:both}.-content-data-items,.-content-data-items-exp{align-items:center;text-align:center;position:relative;font-size:13px;color:#fff;display:grid;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;justify-content:space-around;padding:25px 15px;min-width:1000px}.-button-holders{--sized-bottom:30px;display:flex;flex-direction:row;gap:25px;position:absolute;left:30px;bottom:calc(-3px - var(--sized-bottom));height:var(--sized-bottom)}.-button-holders>li{border-top-left-radius:0;border-top-right-radius:0;width:150px;display:flex;align-items:center;justify-content:center;font-size:12px;text-transform:uppercase}.-icon-control-edit{height:38px;transition:all .2s linear;cursor:pointer}.-icon-control-edit:hover{height:40px;transition:all .2s linear;filter:brightness(120%)}.-icon-control-edit.-selected{filter:grayscale(100%) brightness(70%);pointer-events:none}.-icon-control-edit.-selected:hover{height:38px;filter:grayscale(100%)}.-content-data-items{margin-bottom:50px;background-color:#f2a949;border-radius:10px;border:3px solid #fff;font-weight:500}.-content-data-items:last-child{margin-bottom:40px!important}.-content-data-items:last-child:not(:has(>.-button-holders)){margin-bottom:0!important}.-content-data-items:nth-child(2){border-top-left-radius:0;border-top-right-radius:0;border-top:none}.-content-data-items-exp{align-items:center;background-color:var(--color-3);border-bottom:5px solid #fff;text-transform:uppercase;font-weight:700;position:sticky;top:-1px;z-index:7;padding:0 15px 15px 15px}.-input-search{align-items:center;background-color:#3567a9;border-radius:20px;color:#fff;display:flex;flex-direction:row;gap:10px;padding:10px;height:40px}.-input-search:focus-within{outline:2px solid var(--color-2)}.-input-search>input{background-color:transparent;border:none;color:#fff;outline:none;width:min(200px,100%)}.-input-search>i{font-size:14px}.-ui-cancel{cursor:pointer;font-size:50px;margin:10px;right:0;color:#fff}.-ui-cancel,.-ui-unfocus{position:fixed;top:0;z-index:50}.-ui-unfocus{background-color:rgba(0,0,0,.5);left:0;width:100vw;height:100vh}.-ui-control{align-items:center;background-color:#f5ab35;border-radius:5px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:var(--font-style);height:80%;padding:15px;position:fixed;overflow:auto;width:70%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:51;border-radius:20px}.-ui-control::-webkit-scrollbar{background-color:transparent;width:5px;height:5px}.-ui-control::-webkit-scrollbar-thumb{border-radius:10px;background-color:hsla(0,0%,100%,.5)}.-ui-control>button{margin-top:40px}.-input-holder{display:flex;flex-direction:column;gap:30px;margin-top:15px;width:100%}.-temp-image-displayer{position:relative;width:90%;display:flex;align-items:center;justify-content:center;align-self:center;justify-self:center;flex-direction:column;height:auto;aspect-ratio:3/1;-o-object-fit:contain;object-fit:contain;background-color:#fff;border:2px dashed var(--color-3)}.-temp-image-displayer>img{width:auto;height:100%;position:absolute}.-default-title{position:absolute;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);top:50%;left:50%;gap:20px;color:#000}.-defautl-title-upload{text-align:center;width:100%}.-par-file{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background-color:rgb(0,0,0,.5);opacity:0;color:#fff;z-index:2}.-par-file:hover{opacity:1}.-upload-title{position:absolute;width:100%;text-align:center;cursor:pointer;transform:translateY(-50%);top:65%;left:0;z-index:3}.-upload-button{width:-moz-fit-content;width:fit-content;height:auto;cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:4}.-upload-button::-webkit-file-upload-button{visibility:hidden}.-upload-button:before{font-size:50px;content:"\ea67";font-family:boxicons!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;display:inline-block;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;transform:translate(-50%,-50%);top:40%;left:50%}.-image-table{height:50px;width:auto;-o-object-fit:contain;object-fit:contain;aspect-ratio:16/9;background:var(--hover-2);cursor:pointer}.input-image-parent{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.input-image-parent:nth-last-child(){align-self:flex-start}.-ui-control>.-input-holder>.-input-child>input{outline:none;border:none;border-radius:20px;padding:10px;width:100%}.-alert-holder{z-index:52;min-width:min(500px,90%);height:auto;gap:10px;flex-direction:column-reverse;top:20px;transform:translate(-50%)}.-alert-holder,.-image-holder{position:fixed;display:flex;justify-content:center;left:50%}.-image-holder{transform:translate(-50%,-60%);opacity:0;align-items:center;top:50%;width:auto;height:80%;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain;z-index:51}.-image-holder,.-image-holder-animation{transition:transform .2s linear,opacity .2s linear}.-image-holder-animation{transform:translate(-50%,-50%);opacity:1}.-image-holder>img{width:100%;height:auto;border:5px solid #fff}.-map-holder{position:fixed;top:30px;padding:30px 10px 10px 10px;background-color:#fff;z-index:50;left:50%;transform:translate(-50%,-100px);opacity:0;width:min(400px,90%);height:min(250px,90%)}.-map-animation,.-map-holder{transition:transform .2s linear,opacity .2s linear}.-map-animation{transform:translate(-50%)!important;opacity:1}.-close-image-preview,.-close-map{cursor:pointer;position:absolute;top:0;right:0;margin:5px;color:grey;font-size:24px}.-column-flow{display:flex;flex-direction:column;gap:10px}.-annotation-control{color:#fff;font-family:var(--font-style);font-size:18px}.-profile-form{gap:20px;padding:5px 10px 0}.-invalid-field-contaner,.-profile-form{display:flex;flex-direction:column;width:100%}.-invalid-field-contaner>label,.-profile-form>label{color:#fff;margin-bottom:5px;width:100%;font-weight:700;font-family:var(--font-style)}.-invalid-field-contaner>input{border:none;outline:none;border-radius:5px;height:40px;width:100%;padding:10px}textarea{padding:10px;border-radius:10px;outline:none;resize:none}.-profile-save-button{width:-moz-fit-content;width:fit-content;font-size:17px;padding:10px 30px;margin-top:10px;font-weight:500}.-error-field-warning{color:#fff;font-size:14px;font-weight:700}.-chat-header{display:flex;align-items:center;justify-content:center;padding:10px;color:#fff;width:100%;background-color:#192c46;border-top-right-radius:10px;border-top-left-radius:10px;font-size:15px;position:relative}.-chat-body{padding:20px;justify-content:flex-end;width:100%;flex-grow:1;gap:30px;overflow-y:scroll}.-chat-body-placeholder{display:flex;flex-direction:column;justify-content:flex-end}.-chat-body::-webkit-scrollbar{background-color:transparent;width:5px;height:5px}.-chat-body::-webkit-scrollbar-thumb{border-radius:10px;background-color:#fff}.-chat-sender{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;background-color:#16253b}[class^=-message-holder]{margin-bottom:20px;display:flex;width:100%;justify-content:end}.-force-left{justify-content:start!important}[class^=-message-child]{display:flex;height:auto;width:-moz-fit-content;width:fit-content;color:#000;padding:10px;border-radius:10px;font-size:14px}.-message-child-self{background-color:var(--color-2);margin-left:100px;text-align:left;position:relative}.-message-child-self:after{content:"";position:absolute;width:.01px;height:0;right:-6px;bottom:3px;border-left:10px solid transparent;border-right:12px solid transparent;border-bottom:12px solid var(--color-2);border-radius:5px}.-message-child-other{background-color:#fff;margin-right:100px;text-align:left;position:relative}.-message-child-other:after{content:"";position:absolute;width:0;height:0;left:-6px;bottom:3px;border-left:15px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff;border-top-left-radius:90%;border-radius:5px}.-chat-placeholder{flex-grow:1;display:flex;flex-direction:row}.-chat-child-placeholder-left{flex-grow:1;background-color:#6572a4;margin-right:60%!important;animation:chat-holder 2s infinite}.-chat-child-placeholder-left:after{content:"";animation:chat-pointer 2s infinite;position:absolute;width:0;height:0;left:-6px;bottom:3px;border-left:15px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #6572a4;border-top-left-radius:90%;border-radius:5px;z-index:2}.-chat-child-placeholder-right{flex-grow:1;background-color:#6572a4;margin-left:60%!important;animation:chat-holder 2s infinite}.-chat-child-placeholder-right:after{content:"";animation:chat-pointer 2s infinite;position:absolute;width:0;height:0;right:-6px;bottom:3px;border-left:25px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #6572a4;border-radius:5px}.-nav-news{display:flex;align-items:center;gap:20px;margin-bottom:10px;&>div{padding-bottom:10px;color:#000;cursor:pointer}&>.active{color:var(--color-2);position:relative;&:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-2)}}}.-news-list-control{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.-news-holder{display:grid;-moz-column-gap:50px;column-gap:50px;row-gap:60px;grid-template-columns:repeat(2,1fr);max-height:100%;overflow:auto;padding:0 20px 20px 20px;justify-items:center;&::-webkit-scrollbar{background-color:transparent;width:5px;height:5px}&::-webkit-scrollbar-thumb{border-radius:20px;background-color:hsla(0,0%,62%,.5)}&~.-control-pagination .-information-pagination{color:#000!important}}.-news-item{width:400px;height:auto;border-radius:20px;position:relative;cursor:pointer;transition:all .2s linear;&:hover{box-shadow:20px 20px 0 var(--color-2);transform:translateX(-10px);transition:all .2s linear}&>img{-o-object-fit:cover;object-fit:cover;border-radius:20px;aspect-ratio:16/9;width:400px}}.-placehold-news-image{background-color:var(--selected-color);color:hsla(0,0%,100%,.5);display:flex;align-items:center;justify-content:center;font-size:120px;-o-object-fit:cover;object-fit:cover;border-radius:20px;aspect-ratio:16/9;width:400px}.-news-desc{display:flex;flex-direction:column;background-color:rgba(0,0,0,.5);position:absolute;bottom:0;height:50%;width:100%;color:#fff;padding:20px 20px 20px 20px;border-radius:20px}.-news-title{font-weight:600;font-size:20px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.-news-info{font-weight:400;font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-align:justify}.-detail-news-super{display:flex;gap:10px;align-items:flex-start;margin-top:20px;overflow:auto;box-sizing:border-box;height:-moz-fit-content;height:fit-content;width:100%}.-news-detail-container{display:flex;flex-direction:column;flex-wrap:nowrap;width:min(700px,100%);max-height:100%;overflow:auto;gap:30px;align-items:center;padding-right:10px;&>img{width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}&>h2{font-weight:500;font-size:18px;text-transform:uppercase}&>h2,&>p{color:gray}&>p{font-weight:400;text-align:justify;font-size:12px}&::-webkit-scrollbar{background-color:transparent;width:5px;height:5px}&::-webkit-scrollbar-thumb{border-radius:20px;background-color:hsla(0,0%,62%,.5)}}.-recommended-list,.-recommended-list-lg-px{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;flex-grow:1}.-recommended-list-lg-px{display:none;visibility:hidden}.-title-recommended-list,.-title-recommended-list-lg-px{font-size:20px;font-weight:400;padding-bottom:20px;color:#515151;text-transform:uppercase;border-bottom:3px solid gray;width:100%;flex-grow:1;text-align:center}.-child-recommended-list,.-child-recommended-list-lg-px{font-size:13px;color:#515151;align-self:flex-start;width:100%;padding-bottom:20px;border-bottom:1px solid #d7d6d6;cursor:pointer}.-news-control{display:flex;right:0;top:0;position:absolute;margin:10px;gap:10px;width:-moz-fit-content;width:fit-content}.-delete-news{background:var(--color-delete);&:hover{background-color:#c22d22}&>img{width:16px}}.-delete-news,.-edit-news{border-radius:10px;width:-moz-fit-content;width:fit-content;padding:5px 10px}.-edit-news{background:var(--color-edit);&:hover{background-color:#28649c}&>img{width:16px}}.-loader-placeholder{background-color:grey;position:relative;overflow:hidden;&:after{content:"";position:absolute;top:0;left:0;background-color:#999;box-shadow:0 0 100px #999;width:50px;height:200%;filter:blur(30px);transform:rotate(10deg);animation:load 2s ease-in infinite}}.-news-dashboard-preview{width:100%;border-radius:20px;position:relative;flex-grow:1;display:flex;flex-direction:column;min-height:200px;gap:5px;background-color:var(--color-1-dark);&>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px}}.-news-dashboard-preview-information{display:flex;justify-content:space-between;width:100%;padding:0 20px 20px 20px;position:sticky;top:0;background-color:var(--color-1-dark);&>.-news-dashboard-preview-title{padding-top:20px}}.-news-dashboard-preview-title{font-size:16px;text-transform:uppercase;color:#fff;font-weight:700}.-news-dashboard-preview-see-more{display:flex;align-items:center;justify-content:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:var(--color-1);color:#fff;font-size:13px;font-weight:500;padding:5px;cursor:pointer;&:hover{background-color:var(--hover-1)}}.-news-dashboard-preview-content{width:100%;flex-grow:1;min-height:100px;display:flex;gap:20px;padding-left:20px;padding-bottom:20px;cursor:pointer;overflow:auto;&>img{border-radius:20px;aspect-ratio:1/1;max-height:112px;-o-object-fit:cover;object-fit:cover}&:hover>div,&:hover>img{filter:brightness(.7)}&>.-placehold-preview-news{border-radius:20px;aspect-ratio:1/1;max-height:179px;background-color:gray}}.-information-preview-news{background-color:var(--color-2);display:flex;flex-direction:column;gap:10px;height:100%;width:100%;color:#fff;padding:20px;border-bottom-left-radius:20px;border-top-left-radius:20px}.-title-preview-news{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:1;-webkit-line-clamp:1;overflow:hidden}.-shortcut-dashboard{display:flex;flex-flow:row;gap:20px;width:100%;justify-content:space-between}.-shortcut-widget-container{--padding-widget-container:20px;background-color:var(--color-1-dark);border-radius:20px;padding:var(--padding-widget-container);display:flex;flex-direction:column;width:100%;gap:15px;position:relative}.-decor-title{display:flex;justify-content:space-between;height:30px}.-widget-decoration{border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:var(--color-1);height:50px;width:50px;align-items:center;transform:translateY(calc(var(--padding-widget-container)*-1));&:has(*){cursor:pointer;color:#fff;display:flex;flex-direction:column;justify-content:center;font-size:21px;&:hover{background-color:var(--hover-1)}}&.-selected{background-color:var(--selected-color);pointer-events:none}}.-shortcut-widget-title{color:#fff;font-size:18px;font-weight:500}.-shortcut-widget-info{display:flex;background-color:var(--color-2);padding:20px 20px 20px 15px;border-radius:20px;color:#000;font-size:15px;justify-content:space-between;cursor:pointer;position:relative;&>div{display:flex;flex-direction:column;gap:10px;&>.-shortcut-widget-presences{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:1;-webkit-line-clamp:1;overflow:hidden}}&>i{align-self:center;color:#000;font-size:30px}&:hover{filter:brightness(.7)}&.-available{cursor:default!important;filter:brightness(1)}}.-shortcut-widget-info:has(.-widget-contain-information:hover){filter:brightness(.7)}.-widget-contain-information{width:100%;cursor:pointer}.-shortcut-widget-add{border-radius:50%;padding:10px;font-size:20px;color:#fff;background-color:var(--hover-1)}.-shortcut-widget-information{color:#fff;flex-grow:1;display:flex;align-items:flex-end;font-weight:400;font-size:13px}.-edit-widget{position:absolute;right:0;margin-right:10px;z-index:20;cursor:pointer;&:hover{color:#fff}}@keyframes load{0%{left:-20%}to{left:110%}}@keyframes chat-holder{0%{background-color:#6572a4}50%{background-color:#a0a9cf}to{background-color:#6572a4}}@keyframes chat-pointer{0%{border-bottom:12px solid #6572a4}50%{border-bottom:12px solid #a0a9cf}to{border-bottom:12px solid #6572a4}}.-send-chat-button{background-color:transparent;outline:none;border:none;height:100%;border-radius:10px;padding:0 20px;cursor:pointer}.-send-chat-button>img{width:24px}.visibility{visibility:hidden}.-input-chat{border:none;padding:15px;height:50px;flex-grow:1;outline:none;color:#fff;background-color:transparent}.-header-modify{font-size:24px}.-tool-tip{background-color:rgba(0,0,0,.7);font-size:14px;padding:10px;z-index:50;color:#fff;position:fixed;font-weight:700;border-radius:10px}@media only screen and (max-width:1258px){.-news-holder{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:1000px){.-back-button-container>h1{font-size:23px}.-recommended-list{display:none;visibility:hidden}.-recommended-list-lg-px{display:flex;visibility:visible;margin-top:50px;width:90%}}@media only screen and (max-width:830px){.sidebar:not(:has(.collapsed))~.dashboard-content .-control-pagination:has(.-separator-page.-first){display:flex;flex-flow:column!important;padding:0!important}}@media only screen and (max-width:800px){.-news-holder{grid-template-columns:repeat(1,1fr)}.-shortcut-dashboard{display:flex;flex-flow:row wrap;gap:20px;width:100%;justify-content:space-between}.-data-holder.force-news-detail{padding:0 0!important}}@media only screen and (max-width:750px){.-instance-name{text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;max-width:150px;font-size:12px}.sidebar:not(:has(.collapsed))~.dashboard-content .-control-pagination{display:flex;flex-flow:column!important;padding:0!important}}@media only screen and (max-width:660px) and (min-width:620px){.sidebar:has(.collapsed)~.dashboard-content .-control-pagination:has(.-separator-page.-first,.-separator-page.-last){display:flex;flex-flow:column!important;padding:0!important}}@media only screen and (max-width:620px){.-alert-holder{top:10px}.-content-data-items,.-content-data-items-exp{min-width:800px}.-defautl-title-upload{text-align:center;width:100%}.-defautl-title-upload,.-upload-title{display:none;visibility:hidden}.-image-holder{width:90%}}@media only screen and (max-width:550px){.-instance-name{text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;max-width:120px}.-back-button-container>h1,.-main-holder>h1{font-size:20px}.-ui-control{width:90%}}@media only screen and (max-width:500px){.-control-pagination{display:flex;flex-flow:column!important;padding:0!important}}@media only screen and (max-height:400px){.-main-holder{display:flex;min-height:500px;flex-direction:column}.-image-holder{width:80%;&>img{max-height:100%}}}@media only screen and (max-width:400px){.-main-holder>h1{font-size:20px}.-separator-page{max-width:0!important;visibility:hidden;display:none}.-presence-button{padding:0;font-size:15px;margin-right:0;width:70px!important}.-input-search{width:150px}.-news-dashboard-preview-content{&>img{border-radius:20px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}}}.main[data-v-0921def2]{position:relative;z-index:1000}.container[data-v-0921def2]{height:auto}.bg-nav[data-v-0921def2]{position:relative;width:100%;background:#192c46;z-index:100}.nav[data-v-0921def2]{width:100%;padding:18px;justify-content:space-between}.nav-logo[data-v-0921def2],.nav[data-v-0921def2]{display:flex;align-items:center}.logo-siappraja[data-v-0921def2]{width:64px}.logo-text[data-v-0921def2]{color:#fff;font-size:1.8rem;font-weight:500;margin-left:1rem}.nav-link ul[data-v-0921def2]{display:flex;justify-content:space-between;align-items:center}.nav-link ul li a[data-v-0921def2]{margin:12px;color:#fff;font-weight:500}.nav-link ul li a[data-v-0921def2]:hover{color:#f5ab35}.close[data-v-0921def2],.menu[data-v-0921def2]{display:none;align-items:center;color:var(--bg-color);font-size:2rem}.btn-lp[data-v-0921def2]{border:none;font-size:1rem}@media screen and (max-width:768px){.close[data-v-0921def2],.menu[data-v-0921def2]{display:block}.nav-link[data-v-0921def2]{display:flex;position:fixed;top:0;right:-100%;width:320px;height:100%;background:#192c46;transition:.6s ease;align-items:center;justify-content:center}.nav-link ul[data-v-0921def2]{display:grid;margin:1rem;gap:5rem;align-items:center;justify-content:center;text-align:center}.nav-link.active[data-v-0921def2]{top:0;right:0}}.main-page[data-v-53b49248]{width:100%;height:auto;position:relative;margin-top:10rem;align-items:center;text-align:center;justify-content:center}.main-content[data-v-53b49248]{margin:0 180px;display:flex;flex-direction:column;align-items:center}.main-text h1[data-v-53b49248]{font-weight:600;font-size:4rem}.siap-txt[data-v-53b49248]{color:var(--color-2)}.praja-txt[data-v-53b49248]{color:var(--color-1)}.main-text p[data-v-53b49248]{margin-top:12px;font-weight:500;font-size:1.2rem;color:var(--color-1)}.main-btn[data-v-53b49248]{margin:5rem}.btn-lp[data-v-53b49248]{width:180px}@media screen and (max-width:900px){.main-content[data-v-53b49248]{margin:0 120px}.main-text h1[data-v-53b49248]{font-size:3.2rem}.main-text p[data-v-53b49248]{font-size:1rem}}@media screen and (max-width:600px){.main-content[data-v-53b49248]{margin:0 40px}.main-text h1[data-v-53b49248]{font-size:2.5rem}.main-text p[data-v-53b49248]{font-size:1rem}}@media screen and (max-width:425px){.main-content[data-v-53b49248]{margin:0 24px}.main-text h1[data-v-53b49248]{font-size:2rem}.main-text p[data-v-53b49248]{font-size:1rem}}main[data-v-19af43a3]{margin-top:124px;background:var(--color-1)}.about-page[data-v-19af43a3]{height:100vh;display:flex;text-align:center}.about-content[data-v-19af43a3]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 180px}.about-title h1[data-v-19af43a3]{font-weight:600;font-size:2rem;color:#fff}.about-text[data-v-19af43a3]{margin:0 120px}.about-text p[data-v-19af43a3]{font-weight:500;font-size:1rem;color:#fff}.about-vid[data-v-19af43a3]{margin:1rem;width:100%;height:auto}@media screen and (max-width:1000px){.about-title h1[data-v-19af43a3]{font-size:1.8rem}.about-text[data-v-19af43a3]{margin:0 80px}.about-text p[data-v-19af43a3]{font-size:14px}.about-content[data-v-19af43a3]{margin:0 64px}.about-text p[data-v-19af43a3]{margin:24px}}@media screen and (max-width:768px){.about-text[data-v-19af43a3]{margin:0 64px}.about-content[data-v-19af43a3]{margin:0 24px}}@media screen and (max-width:500px){.about-title h1[data-v-19af43a3]{font-size:1.6rem}.about-text p[data-v-19af43a3]{font-size:12px}.about-text[data-v-19af43a3]{margin:0}.about-vid iframe[data-v-19af43a3]{width:100%;height:250px}}@media screen and (max-width:400px){.about-content[data-v-19af43a3]{margin:0 6px}.about-vid iframe[data-v-19af43a3]{width:100%;height:200px}}main[data-v-5c88b9c9]{position:relative;z-index:-100}.bg-vector[data-v-5c88b9c9]{position:absolute;z-index:-1000;right:0}.container[data-v-5c88b9c9]{height:auto}.tutorial-page[data-v-5c88b9c9]{margin-top:5rem}.tutorial-title[data-v-5c88b9c9]{text-align:center;text-transform:capitalize;font-weight:600;font-size:2rem}.tutorial-content[data-v-5c88b9c9]{display:flex;justify-content:space-between;margin-top:1rem;width:100%;height:auto}.text-content[data-v-5c88b9c9]{display:flex;align-items:center;width:50%;height:auto}.text-content h1[data-v-5c88b9c9]{font-size:5rem;font-weight:600;color:var(--color-1);margin:1rem}.text-content p[data-v-5c88b9c9]{font-size:16px;font-weight:500;word-spacing:5px}.img-content[data-v-5c88b9c9]{display:flex;justify-content:end;width:50%}.text-content2[data-v-5c88b9c9]{display:flex;align-items:center;width:50%;height:auto}.text-content2 h1[data-v-5c88b9c9]{font-size:5rem;font-weight:600;color:var(--color-1);margin:1rem}.text-content2 p[data-v-5c88b9c9]{text-align:right;font-size:16px;font-weight:500;word-spacing:5px}.img-content2[data-v-5c88b9c9]{width:50%;display:flex}.tutorial-VidioContent[data-v-5c88b9c9]{display:flex;justify-content:space-between;margin-top:1rem;width:100%;height:auto}.vid-content[data-v-5c88b9c9]{width:60%;height:auto;margin:1rem}.text-content_vid[data-v-5c88b9c9]{display:flex;flex-direction:column;justify-content:center;width:40%;height:auto;margin:1rem}.text-content_vid h3[data-v-5c88b9c9]{font-weight:400;font-size:1rem;margin-bottom:1rem}.text-content_vid h1[data-v-5c88b9c9]{color:var(--color-1)}@media screen and (max-width:1000px){.bg-vector img[data-v-5c88b9c9]{width:320px;height:auto}.img-content img[data-v-5c88b9c9],.img-content2 img[data-v-5c88b9c9]{width:80%;height:auto}.img-content2[data-v-5c88b9c9],.img-content[data-v-5c88b9c9]{width:40%;display:flex}.text-content2[data-v-5c88b9c9],.text-content[data-v-5c88b9c9]{width:60%}.vid-content[data-v-5c88b9c9]{width:60%;height:auto;margin:1rem}.vid-content iframe[data-v-5c88b9c9]{width:100%;height:320px}.text-content_vid h3[data-v-5c88b9c9]{font-size:1rem}.text-content_vid h1[data-v-5c88b9c9]{font-size:1.8rem}}@media screen and (max-width:768px){.bg-vector img[data-v-5c88b9c9]{display:none}.vid-content iframe[data-v-5c88b9c9]{width:100%;height:250px}}@media screen and (max-width:600px){.text-content h1[data-v-5c88b9c9]{font-size:3.5rem}.text-content p[data-v-5c88b9c9]{font-size:12px}.img-content2[data-v-5c88b9c9],.img-content[data-v-5c88b9c9]{width:30%;display:flex}.img-content img[data-v-5c88b9c9]{width:100%;height:auto}.text-content2 h1[data-v-5c88b9c9]{font-size:3.5rem}.text-content2 p[data-v-5c88b9c9]{font-size:12px}.img-content2 img[data-v-5c88b9c9]{width:100%;height:auto}.vid-content iframe[data-v-5c88b9c9]{width:100%;height:200px}.text-content_vid h3[data-v-5c88b9c9]{font-size:14px}.text-content_vid h1[data-v-5c88b9c9]{font-size:1.4rem}}@media screen and (max-width:426px){.tutorial-title[data-v-5c88b9c9]{font-size:1.6rem}.vid-content iframe[data-v-5c88b9c9]{width:100%;height:120px}.text-content_vid h3[data-v-5c88b9c9]{font-size:12px}.text-content_vid h1[data-v-5c88b9c9]{font-size:1rem}}@media screen and (max-width:400px){.text-content2[data-v-5c88b9c9],.text-content[data-v-5c88b9c9]{width:100%}.img-content2[data-v-5c88b9c9],.img-content[data-v-5c88b9c9]{display:none}.tutorial-VidioContent[data-v-5c88b9c9]{flex-direction:column-reverse;align-items:center;justify-content:center}.vid-content[data-v-5c88b9c9]{display:flex;justify-content:center;width:100%}.vid-content iframe[data-v-5c88b9c9]{width:80%;height:160px}.text-content_vid[data-v-5c88b9c9]{width:80%;height:auto}}.article-page[data-v-3f4f6d48]{display:flex;align-items:center;justify-content:center}.textArticle[data-v-3f4f6d48]{display:flex;flex-direction:column;width:50%;justify-content:center;margin-left:20px}.text[data-v-3f4f6d48]{margin-bottom:1rem}.text h1[data-v-3f4f6d48]{font-size:3rem;color:var(--color-1)}.text h2[data-v-3f4f6d48]{font-size:1.2rem}.button[data-v-3f4f6d48]{margin-top:1rem}.button button[data-v-3f4f6d48]{padding:8px;width:220px;border-radius:8px;background:var(--color-2);color:var(--bg-color);border:none;cursor:pointer}.button button[data-v-3f4f6d48]:hover{background:#0f4ea3;transform:scale(.92);transition:.5s}.imgArticle[data-v-3f4f6d48]{display:flex;width:50%;height:auto;justify-content:center}.imgArticle img[data-v-3f4f6d48]{width:100%;cursor:pointer}@media screen and (max-width:768px){.container[data-v-3f4f6d48]{max-width:650px}.text h1[data-v-3f4f6d48]{font-size:2.5rem;color:var(--color-1)}.text h2[data-v-3f4f6d48]{font-size:14px}}@media screen and (max-width:450px){.imgArticle[data-v-3f4f6d48],.textArticle[data-v-3f4f6d48]{width:80%;margin:1rem}.article-page[data-v-3f4f6d48]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}}footer[data-v-17e28769]{width:100%;height:120px;bottom:0}.wave[data-v-17e28769]{display:flex;justify-content:center;width:100%;margin:auto}.wave img[data-v-17e28769]{width:100%;height:auto}.footer-content[data-v-17e28769]{width:100%;height:auto;background:var(--color-1)}.row[data-v-17e28769]{width:100%;height:420px;display:flex;justify-content:center;align-items:center}.col[data-v-17e28769]{flex-basis:40%;margin:24px}.col[data-v-17e28769]:nth-child(2),.col[data-v-17e28769]:nth-child(3){flex-basis:25%}.col[data-v-17e28769]:first-child{display:flex;flex-direction:column;text-align:center;align-items:center}.col p[data-v-17e28769]{color:#fff;width:auto;margin-top:1rem;font-size:16px}.col h1[data-v-17e28769]{color:#fff;font-weight:600;font-size:1.2rem}.col a[data-v-17e28769]{color:#fff;font-weight:400;font-size:1rem}.col a[data-v-17e28769]:hover{color:var(--color-2)}.col ul li[data-v-17e28769]{margin:8px 0}.in-col-1[data-v-17e28769]{display:flex;flex-direction:column;align-items:center;height:180px;width:60%}.logo-siappraja[data-v-17e28769]{width:90px;height:auto}.in-col-2[data-v-17e28769]{width:100%;height:180px}.in-col-2 ul[data-v-17e28769]{margin-top:36px}.copyright[data-v-17e28769]{width:100%;height:120px}.line[data-v-17e28769]{border-top:1px solid #fff;width:100%}.copyright-text[data-v-17e28769]{display:flex;flex-direction:column;text-align:center;justify-content:center;height:100%}.copyright p[data-v-17e28769]{color:#fff;font-weight:300}@media screen and (max-width:768px){.container[data-v-17e28769]{max-width:650px}.row[data-v-17e28769]{height:420px;width:100%;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,auto));align-items:center;justify-content:space-between}.col p[data-v-17e28769]{color:#fff;width:auto;margin-top:1rem;font-size:14px}.col h1[data-v-17e28769]{font-size:1rem}.col a[data-v-17e28769]{font-size:14px}}@media screen and (max-width:600px){.container[data-v-17e28769]{max-width:500px}.row[data-v-17e28769]{height:720px}.col[data-v-17e28769]{display:flex;flex-direction:column;text-align:center;align-items:center}.copyright p[data-v-17e28769]{color:#fff;font-weight:300;font-size:14px}}@media screen and (max-width:400px){.container[data-v-17e28769]{max-width:320px}}.btn-scroll{display:flex;justify-content:center;z-index:1000}.scroll{display:none;position:fixed;bottom:20px;width:36px;padding:8px 12px;border-radius:50%;background-color:rgba(25,44,70,.8);border:none;color:var(--color-2);transition:.4s ease;cursor:pointer}.scroll:hover{color:var(--color-2);transform:translateY(-10px)}.scroll.show{display:block}.alert{border-radius:20px;padding:15px;display:flex;flex-direction:row;background-color:#fff;gap:10px;font-size:1.2rem;z-index:12}.alert-logo{padding-top:5px}.information-alert{display:flex;flex-direction:column;font-family:var(--font-style);gap:10px;flex-grow:1}.information-alert>span{font-size:1rem}.close-button{display:flex;align-items:center}.close-button>button{background:transparent;border:none;font-size:1.6rem;color:#fff;cursor:pointer}.alert-danger{color:#fff;background-color:rgba(244,63,94,.9)}.alert-success{color:#fff;background-color:rgba(64,225,150,.9)}@media only screen and (max-width:400px){.alert{width:90%;box-sizing:border-box;margin:0 10px;padding:10px}.alert-logo{padding-top:3px}.information-alert>span{font-size:.8rem}.information-alert>h5{font-size:14px}}main[data-v-6ba83732]{padding:20px;height:100vh}.mainLogin[data-v-6ba83732]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.title-login[data-v-6ba83732]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.title-login h1[data-v-6ba83732]{font-weight:600;font-size:2.3rem}.title-login h2[data-v-6ba83732]{font-weight:600;font-size:1.5rem}.input-username[data-v-6ba83732]{display:flex;flex-direction:column;justify-content:center;align-items:center}.input-passwords[data-v-6ba83732],.usernames[data-v-6ba83732]{margin:10px}.passError[data-v-6ba83732],.userError[data-v-6ba83732]{display:none;text-align:left;padding-left:8px;color:red;font-weight:400;font-size:14px}.input-username input[data-v-6ba83732]{padding:15px;border-radius:10px;width:400px;height:40px;border:1px solid #c8c8c8}.checkbox-seepass[data-v-6ba83732]{display:flex;width:100%;height:auto;padding-left:10px;text-align:center;align-items:center}.checkbox-seepass input[data-v-6ba83732]{width:25px;height:auto;cursor:pointer}.checkbox-seepass p[data-v-6ba83732]{font-weight:500;font-size:14px}.btn[data-v-6ba83732]{background:var(--color-3);padding:10px;margin-top:24px;border-radius:8px;width:150px;color:#fff;border:none;cursor:pointer;text-align:center;font-weight:600;font-size:1rem;letter-spacing:1px}.btn[data-v-6ba83732]:hover{transform:scale(.95);transition:.6s ease;background:var(--hover-2)}.alert-component-animation-move[data-v-6ba83732]{transition:all .1s linear}.alert-component-animation-enter-active[data-v-6ba83732],.alert-component-animation-leave-active[data-v-6ba83732]{transition:all .3s linear}.alert-component-animation-enter-from[data-v-6ba83732]{opacity:0;transform:translateY(-20px)}.alert-component-animation-enter-to[data-v-6ba83732],.alert-component-animation-leave[data-v-6ba83732]{opacity:1;transform:translate(0)}.alert-component-animation-leave-to[data-v-6ba83732]{opacity:0;transform:translateY(20px)}@media (max-width:600px){.-login-logo[data-v-6ba83732]{width:70px!important}}@media (max-width:425px){.input-username input[data-v-6ba83732]{padding:8px;max-width:350px}}@media (max-width:375px){.-login-logo[data-v-6ba83732]{width:70px!important}.title-login h1[data-v-6ba83732]{font-size:1.6rem}.title-login h2[data-v-6ba83732]{font-size:1.1rem}.input-username input[data-v-6ba83732]{padding:8px;max-width:320px}.btn[data-v-6ba83732]{font-size:.8rem;padding:10px 40px;width:-moz-fit-content;width:fit-content}}@media (max-width:320px){.input-username input[data-v-6ba83732]{padding:8px;max-width:280px}}@media only screen and (max-height:400px){main[data-v-6ba83732]{padding:20px;min-height:100vh}.mainLogin[data-v-6ba83732]{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:-moz-fit-content;height:fit-content;padding-bottom:20px}}.container[data-v-20449951]{height:auto;max-width:95%}.bg-nav[data-v-20449951]{position:sticky;top:0;width:100%;background:#192c46;z-index:2;max-height:var(--navbar-height)}.nav[data-v-20449951]{width:100%;height:auto;padding:20px;justify-content:space-between}.nav-logo[data-v-20449951],.nav[data-v-20449951]{display:flex;align-items:center}.logo-siappraja[data-v-20449951]{width:32px}.logo-text[data-v-20449951]{color:#fff;font-size:1.2rem;font-weight:500;margin-left:1rem}.profil[data-v-20449951]{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.profil img[data-v-20449951]{width:32px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.profil a[data-v-20449951]{margin-left:1rem;font-size:1rem;color:var(--bg-color)}.btn-lp[data-v-20449951]{border:none;font-size:1rem}.sidebar[data-v-20449951]{--sidebar-width:280px;box-shadow:0 7px #cd6a0e;border-radius:0 20px 20px 0;box-sizing:border-box;position:fixed;top:calc(var(--navbar-height) + 20px);bottom:20px;left:0;width:var(--sidebar-width);background:var(--color-2);transition:.6s ease-in-out;overflow-y:scroll;z-index:50}.sidebar[data-v-20449951]::-webkit-scrollbar{display:none}.sidebar-close-container[data-v-20449951]{position:sticky;top:0;display:flex;width:100%;align-items:center;justify-content:flex-end;background:var(--color-2);z-index:9999}.sidebar-close[data-v-20449951]{display:none;visibility:hidden;font-size:40px;width:-moz-fit-content;width:fit-content;align-items:center;padding:10px 10px 10px 0;text-align:right;font-weight:700}.bxs-chevron-down[data-v-20449951]{color:#fff;font-size:25px;transform:rotate(-90deg);transition:transform .5s ease}.open-chevron-down[data-v-20449951]{transform:rotate(0deg);transition:transform .5s ease}.dropdown-container[data-v-20449951]{display:flex;align-items:center;flex-direction:column;position:fixed;clip:rect(0 0 0 0);width:100%;z-index:-1;transition:all .5s ease}.active-drop-down[data-v-20449951]{position:static;transition:all .5s ease;overflow:hidden}.dropdown-container-mobile[data-v-20449951]{position:absolute;left:100%;top:0;height:100%;width:100px}.hiders[data-v-20449951]{flex:1 1 auto;width:100%;background:var(--color-2)}.dropdown-container .item-content[data-v-20449951]{padding-left:calc(var(--def-padding-item-content) + 30px)!important}.dropdown-container .activeLink[data-v-20449951],.dropdown-container .item-content[data-v-20449951]:hover{padding-left:calc(var(--def-padding-item-content) + 50px)!important}.dropdown-button[data-v-20449951]{background-color:var(--color-2);width:100%;height:auto;display:flex;align-items:center;padding:var(--def-padding-item-content);cursor:pointer;transition:all .2s linear;position:relative}.dropdown-button>i.narrow-icon[data-v-20449951]{display:none;visibility:hidden}.active-dropdown-button[data-v-20449951],.dropdown-button[data-v-20449951]:hover{background-color:var(--color-3)}.item-content[data-v-20449951]{background-color:var(--color-2);width:100%;height:auto;padding:var(--def-padding-item-content);cursor:pointer;transition:all .2s linear}.dropdown-button>a[data-v-20449951],.item-content>a[data-v-20449951],.item-content[data-v-20449951]{display:flex;align-items:center}.dropdown-button>a>img[data-v-20449951],.item-content>a>img[data-v-20449951],.item-content>div>img[data-v-20449951]{--size-nav-icon:20px;width:var(--size-nav-icon);height:var(--size-nav-icon)}.title-content[data-v-20449951]{width:100%;margin-left:1rem;color:var(--bg-color);font-size:.9rem;font-weight:600;opacity:1;transition:1s;white-space:nowrap}.activeLink[data-v-20449951],.item-content[data-v-20449951]:hover{background-color:var(--hover-3);padding-left:calc(var(--def-padding-item-content) + 10px)}.menu-icon[data-v-20449951]{padding:10px 14px!important}.menu-icon-mobile[data-v-20449951],.menu-icon[data-v-20449951]{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;padding:0 2px;transform-origin:center center;transform:rotate(0deg);transition:transform .6s ease-in-out}.menu-icon-mobile.expanded[data-v-20449951],.menu-icon.expanded[data-v-20449951]{transform:rotate(90deg);align-items:center;transition:transform .6s ease-in-out}.menu[data-v-20449951]{display:flex;align-items:center;font-size:2rem;cursor:pointer;color:#fff}.dashboard-content[data-v-20449951]{position:relative;width:calc(100% - 320px);background:var(--bg-color);left:300px;transition:.6s ease-in-out;display:flex;flex-direction:column;flex-grow:1;margin-bottom:20px}.sidebar.collapsed[data-v-20449951]{border-radius:20px 20px 20px 20px;left:10px;width:56.5px;&[data-v-20449951]:hover{width:var(--sidebar-width)}&:hover>.activeLink[data-v-20449951]{padding-left:calc(var(--def-padding-item-content) + 10px)!important}&:hover>.dropdown-container .item-content.collapsed[data-v-20449951]{padding-left:calc(var(--def-padding-item-content) + 20px)!important;background-color:var(--color-2);&[data-v-20449951]:hover{background-color:var(--hover-3)}}}.sidebar.collapsed>.activeLink[data-v-20449951]{padding:20px!important}.sidebar.collapsed>.dropdown-container .item-content.collapsed[data-v-20449951]{padding:20px!important;background-color:var(--hover-2)}.sidebar.collapsed>.dropdown-container .activeLink[data-v-20449951]{background-color:var(--hover-3)!important}.dashboard-content.expanded[data-v-20449951]{width:calc(100% - 130px);left:100px}.logo-menu-container[data-v-20449951]{display:flex;flex-direction:row;gap:20px}.active-profile>a[data-v-20449951]{color:var(--color-2)}.alert-component-animation-move[data-v-20449951]{transition:all .1s linear}.alert-component-animation-enter-active[data-v-20449951],.alert-component-animation-leave-active[data-v-20449951]{transition:all .3s linear}.alert-component-animation-enter-from[data-v-20449951]{opacity:0;transform:translateY(-20px)}.alert-component-animation-enter-to[data-v-20449951],.alert-component-animation-leave[data-v-20449951]{opacity:1;transform:translate(0)}.alert-component-animation-leave-to[data-v-20449951]{opacity:0;transform:translateY(20px)}@media only screen and (min-width:620px){.menu-icon-mobile[data-v-20449951]{visibility:hidden;display:none}.menu-icon[data-v-20449951]{visibility:visible}}@media only screen and (max-width:620px){.nav[data-v-20449951]{padding:10px;max-height:var(--navbar-height)}.logo-siappraja[data-v-20449951]{width:25px}.logo-text[data-v-20449951]{visibility:hidden}.profil>img[data-v-20449951]{width:25px}.profil>a[data-v-20449951]{font-size:.9rem}.profileUsername[data-v-20449951]{text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;max-width:100px;height:23.33px!important}.sidebar-close[data-v-20449951]{color:#fff;display:block;visibility:visible;position:relative}.sidebar[data-v-20449951]{width:min(300px,100%);margin-right:10px;top:0;left:0;height:100%}.sidebar.collapsed[data-v-20449951]{width:60%;left:-60%;&[data-v-20449951]:hover{width:60%}}.sidebar.collapsed .title-content[data-v-20449951]{font-size:.9rem;opacity:1;pointer-events:none}.dropdown-button.collapsed[data-v-20449951]>*,.item-content.collapsed>.title-content[data-v-20449951]{visibility:visible;display:block}.dropdown-button.collapsed>i.narrow-icon[data-v-20449951]{display:none!important;visibility:hidden!important}.dropdown-button.collapsed[data-v-20449951]{display:flex;flex-direction:row!important}.item-content.collapsed[data-v-20449951]{width:100%;height:auto}.activeLink[data-v-20449951],.item-content[data-v-20449951]:hover{background-color:var(--hover-3);padding-left:20px}.menu-icon-mobile[data-v-20449951]{visibility:visible}.menu-icon[data-v-20449951]{visibility:hidden;display:none}.dashboard-content[data-v-20449951]{width:100%;padding:0 10px;left:0}.menu[data-v-20449951]{font-size:1.3rem}.dashboard-content.expanded[data-v-20449951]{width:100%;left:0;padding-right:10px}@media only screen and (max-width:350px){.sidebar.collapsed[data-v-20449951]{width:80%!important;left:-80%!important}.profileUsername[data-v-20449951]{display:none}.sidebar[data-v-20449951]{width:80%!important;margin-right:10px;left:0;z-index:52}}}@media only screen and (max-height:420px){.nav[data-v-20449951]{padding:10px;max-height:var(--navbar-height)}.bg-nav[data-v-20449951]{z-index:52;position:sticky;top:0;width:100%;background:#192c46;max-height:var(--navbar-height)}.logo-siappraja[data-v-20449951]{width:25px}.logo-text[data-v-20449951]{visibility:hidden}.profil>img[data-v-20449951]{width:25px}.profil>a[data-v-20449951]{font-size:.9rem}.profileUsername[data-v-20449951]{text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;max-width:100px;height:23.33px!important}.sidebar-close[data-v-20449951]{color:#fff;display:block;visibility:visible;position:relative}.sidebar[data-v-20449951]{width:min(300px,100%);margin-right:10px;top:0;left:0;z-index:52;height:100%}.sidebar.collapsed[data-v-20449951]{width:60%;left:-60%}.sidebar.collapsed .title-content[data-v-20449951]{font-size:.9rem;opacity:1;pointer-events:none}.dropdown-button.collapsed[data-v-20449951]>*,.item-content.collapsed>.title-content[data-v-20449951]{visibility:visible;display:block}.dropdown-button.collapsed>i.narrow-icon[data-v-20449951]{display:none!important;visibility:hidden!important}.dropdown-button.collapsed[data-v-20449951]{display:flex;flex-direction:row!important}.item-content.collapsed[data-v-20449951]{width:100%;height:auto}.activeLink[data-v-20449951],.item-content[data-v-20449951]:hover{background-color:var(--hover-3);padding-left:20px}.menu-icon-mobile[data-v-20449951]{visibility:visible;display:block}.menu-icon[data-v-20449951]{visibility:hidden;display:none}.dashboard-content[data-v-20449951]{width:100%;padding:0 10px;left:0}.menu[data-v-20449951]{font-size:1.3rem}.dashboard-content.expanded[data-v-20449951]{width:100%;left:0;padding-right:10px}}.unauthorized[data-v-27ef7553]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.not-found[data-v-065bf32b]{min-height:100vh;display:flex;align-items:center;justify-content:center}:root{--vs-dropdown-option--active-bg:#f3f4f6;--vs-dropdown-option--active-color:#black}.growing{flex-grow:1}.vs--open .vs__dropdown-toggle{box-shadow:0 0 0 2px #b8b8b8}.style-chooser .vs__search::-moz-placeholder{color:#9c9c9c;font-size:17px;font-family:Inter,sans-serif}.style-chooser .vs__search::placeholder{color:#9c9c9c;font-size:17px;font-family:Inter,sans-serif}.style-chooser .vs__dropdown-toggle{border-radius:10px;height:50px;margin-bottom:10px}.style-chooser .vs__dropdown-menu{border:2px solid #b7b7b7;border-radius:20px}.style-chooser .vs__dropdown-menu,.style-chooser .vs__dropdown-toggle{background:#fff;color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:17px;font-weight:400}.style-chooser .vs__clear,.style-chooser .vs__open-indicator{fill:#3d3d3d;font-size:20px}.style-chooser .vs__dropdown-menu{scrollbar-width:10px;scrollbar-color:#787978 transparent}.style-chooser .vs__dropdown-menu::-webkit-scrollbar{width:10px}.style-chooser .vs__dropdown-menu::-webkit-scrollbar-track{background:transparent}.style-chooser .vs__dropdown-menu::-webkit-scrollbar-thumb{background-color:#787879;height:80px;border-radius:10px}#map[data-v-dd80471e]{height:100%;width:100%}