.container-person{width:100vw;background-size:cover;overflow-x:hidden;position:relative;display:flex;align-items:center;flex-wrap:wrap}.navbar-stardate{height:4vh;display:flex;align-items:center;justify-content:flex-end;position:absolute;right:28px;top:25px}.navbar-stardate h3{font-size:16px;font-weight:100;color:#e0dfdf;margin:0 5px;width:170px;display:flex;justify-content:center;white-space:nowrap}.react-datepicker__input-container input{width:100%;height:27px;margin:auto 3px;border:none;background:transparent;color:#e0dfdf;outline:none;font-weight:bolder;font-size:13.5px;cursor:pointer}.navbar-stardate span{font-size:16px;font-weight:500;color:#e0dfdf;margin-left:-2px;margin-right:5px}.navbar-stardate h4{font-size:16px;font-weight:600;color:#e0dfdf}.wrapper-person{display:flex;justify-content:space-between;flex-wrap:wrap;width:76vw;margin:23px auto}.card-person{width:335px;height:580px;text-align:center;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:35px}.title-person{height:90px;width:90px;border-radius:10px;margin-bottom:5px;border:2px solid hsla(0,0%,100%,.5);position:relative}.title-person img{width:100%;height:100%;object-fit:cover;border-radius:8px}.wrapper-name{height:4%;margin-bottom:10px;margin-top:20px;text-transform:uppercase}.wrapper-name h4{color:#dad8d8;font-size:17px;font-weight:600}.contents-person{height:68%;width:90%;display:flex;align-items:center;overflow:hidden;flex-direction:column}.social-media{height:6%;width:100%;display:flex;justify-content:space-around;color:#fff}.icon-sosial{flex:1 1}.active,.social-media .icon-sosial:hover{cursor:pointer;color:tomato}.numfound-wrapper{height:7%;width:100%;display:flex;justify-content:space-around;color:#fff}.numfound-wrapper .numfound{flex:1 1;font-weight:600;font-size:20px;font-family:"IBM Plex Sans"}.content-article{height:70%;width:99%;overflow-y:auto}.content-article .article{color:#e0dfdf;border-bottom:1px solid #fff;padding:5px;font-family:"Roboto";font-weight:300;margin-bottom:7px;text-align:left;font-size:14px;line-height:22px;transition:all .3s ease;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.content-article .article:hover{cursor:pointer;color:tomato}a{text-decoration:none;color:#151fa5}a:hover{color:#e6e6e6}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background:hsla(0,0%,95.3%,.1)}::-webkit-scrollbar-thumb{background:#002335}::-webkit-scrollbar-thumb:hover{background:#003d5c}.icon-remove{background-color:tomato;color:#fff;bottom:-1vh}.icon-edit,.icon-remove{width:24px;height:24px;position:absolute;right:-1vh;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-edit{background-color:#00f;top:-1vh}.icon-remove:hover{background-color:#fb3d3d;color:#faf9f9;cursor:pointer}::-webkit-input-placeholder{color:#e2e2e2;opacity:1}:-ms-input-placeholder{color:#e2e2e2;opacity:1}::placeholder{color:#e2e2e2;opacity:1}:-ms-input-placeholder{color:#f0f0f0}input{width:100%;height:27px;margin:auto 3px;border-radius:7px}.loading-circle{width:100vw;height:580px;display:flex;align-items:center;justify-content:center}#widget{padding:0 16px;margin:0 auto;width:15%}iframe{border-radius:10px!important;height:375px!important}.density-wrapper{color:#fff;display:flex;justify-content:space-between;margin-bottom:5px}.title-density{white-space:wrap}@media screen and (max-width:768px){.navbar-person h2{font-size:29px}.navbar-person .icon-login{right:0}.navbar-stardate h3{width:128px}.navbar-stardate h4{font-size:8px}}.container-footer{width:100%;height:75px}.wrapper-footer{width:82vw;height:50px;display:flex;align-items:center;justify-content:space-between;padding:5px 10px;margin-left:25px}.tradmark{color:#e0dfdf;position:fixed;bottom:1rem}.tradmark span{font-size:12px}.data-stream{display:flex;align-items:center;justify-content:space-between;color:#e0dfdf;white-space:nowrap}.modal-link-container{position:"absolute";top:0;left:0;overflow:hidden;height:100%;max-height:600;display:block}.modal-link-container-form{padding:1rem 3rem;border-bottom:1px solid #a9a9a9;color:#fff}.modal-content{padding:1rem 3rem;overflow:scroll}.modal-content>p{color:#fff}.subscribe-modal-container{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:2;background-color:#000;display:flex;align-items:center;justify-content:center}.subscribe-container-form{background-color:transparent;padding:12px;position:relative;border-radius:7px;border:1px solid #6d6d6d}.subscribe-container-form form{display:flex;flex-direction:column;background-color:#fff;border-radius:5px}.subscribe-icon-close-modal{width:34px;height:34px;background-color:#fff;border-radius:50%;position:absolute;right:-10px;top:-12px;color:tomato;display:flex;align-items:center;justify-content:center}.subscribe-icon-close-modal:hover{cursor:pointer;color:#fff;background-color:tomato}.subscribe-circle{width:20px;height:20px;background-color:#0080b3;border-radius:20px;margin-right:.5rem}.subscribe-title-container{color:#fff;display:flex;align-items:center;margin-bottom:.5rem}.subscribe-title-container span{font-size:2rem;font-weight:600}.subscribe-title-container span:last-child{color:#fce35a}.group-control{display:flex;flex-direction:row;padding:1rem}.group-control input::-webkit-input-placeholder{color:#000}.input-subscriber{width:49%;height:40px;border:2px solid #999}.sel-option-subscriber{width:49%;border-radius:5px;border:2px solid #999;margin-left:3px}.subs-btn-container{text-align:center}.btn-go{height:36px;width:100px;background-color:#ff0100;border:none;border-radius:5px;color:#fff;font-size:18px;margin:1rem;cursor:pointer}@media only screen and (max-width:768px){.subscribe-container-form{width:90vw;height:90vh;overflow-y:scroll}.subscribe-icon-close-modal{right:0;top:0}.subscribe-package{text-align:center}.subscribe-package img{height:85vh}.subscribe-title-container{align-items:flex-start}.subscribe-circle{width:20px;height:15px;background-color:#0080b3;border-radius:40px;margin-right:.5rem;margin-top:5px}.subscribe-title-container span{font-size:1.5rem;font-weight:600}.group-control{flex-direction:column;padding:0}.input-subscriber{width:auto;margin:.5rem .2rem 0}.sel-option-subscriber{width:auto;margin-top:.5rem;height:40px}.subscribe-container-form form{padding:.5rem}}.navbar-person{height:70px;opacity:.9;display:flex;align-items:center;justify-content:center;position:relative}.navbar-person h2{font-size:36px;font-weight:600;color:#e0dfdf;white-space:nowrap;letter-spacing:5px}.suar-logo img{margin-top:3rem}.navbar-person .icon-login{color:#fff;position:absolute;right:20px;top:22px;display:flex}.icon-login span{margin-right:5px;color:#e0dfdf;cursor:pointer}.icon-login span:hover{cursor:pointer;color:tomato}.linear-progress-nav{width:100%}.btn-subscribe{padding:0 5px}.wrapperLogin{width:100vw;height:600px;display:flex;align-items:center;justify-content:center}.container-login{border:1px solid #fff;background-color:hsla(0,0%,94.1%,.2);border-radius:15px;width:20rem;padding:14px;color:#e4e2e2}.container-login .iconUser{width:100px;height:100px;margin:10px auto}.inputGroup{margin-bottom:10px}.container-login button{width:100%;height:36px;border-radius:5px;margin-top:20px;color:#e6e6e6;background-color:#02537d;border:1px solid #fff;font-size:18px}.container-login button:hover{cursor:pointer;background-color:#013853}.container-login a{color:#fff}.container-login a:hover{color:tomato}.maintenance-container{background-image:url(/static/media/maintenance-bg.325b62f8.png);background-position:50%;background-size:cover;height:100vh;overflow-y:hidden;display:flex;padding:5rem 0;color:#fff;justify-content:space-around}.maintenance-content{text-align:center;margin:0 1rem}.maintenance-description{margin:2rem 0}.maintenance-description span{display:block;font-size:1.5rem}.maintenance-description span:last-child{padding-top:2rem}.maintenance-sosmed img{margin:1rem 1.5rem}.maintenance-content-image{display:flex;justify-content:center;align-items:center}@media screen and (max-width:768px){.maintenance-content-image{display:none}}.action-monitoring{position:fixed;right:32px;bottom:33px;display:flex;grid-gap:1rem;gap:1rem}.icon-modal{width:40px;height:40px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#00f}.icon-modal:hover{cursor:pointer;color:#fff;background-color:tomato}.button-container{display:flex}.icon-edit{margin-left:5px;color:#fff}.icon-edit:hover{cursor:pointer;color:tomato}.modal-container{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:2;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center}.container-form{background-color:#fff;padding:12px;position:relative;border-radius:7px}.container-form form{display:flex;flex-direction:column}.container-form span{display:block;text-align:center}.icon-close-modal{width:34px;height:34px;background-color:#fff;border-radius:50%;position:absolute;right:-10px;top:-12px;color:tomato;display:flex;align-items:center;justify-content:center}.icon-close-modal:hover{cursor:pointer;color:#fff;background-color:tomato}.input-calon,.input-tanggal{height:36px;margin-bottom:10px;padding:0 5px;font-size:18px}.input-gambar-calon{margin-bottom:14px}.btn-cari{height:36px;background-color:#02537d;border:none;border-radius:5px;color:#fff;font-size:18px}.btn-cari:hover{background-color:#0475ae;cursor:pointer;color:#dcdcdc}.modal-container .isTanggal{width:350px}.input-tanggal{margin-bottom:6px}.date-picker{display:flex;align-items:center}.date-picker-input{width:164px}.content-container{margin-bottom:1rem}@media only screen and (max-width:768px){.container-form{width:90vw}}.wrapperRegister{width:100vw;height:600px;display:flex;align-items:center;justify-content:center}.container-register{border:1px solid #fff;background-color:hsla(0,0%,94.1%,.2);border-radius:15px;width:20rem;padding:14px;color:#e4e2e2}.container-register .iconUser{width:100px;height:100px;margin:10px auto}.iconUser img{width:100%;height:100%;border:1px solid #fff;border-radius:50%}.inputGroup{margin-bottom:20px}.inputGroup label{font-size:20px}.inputGroup .inputWrapper{width:96%;height:27px;color:#000;padding:5px;display:flex;align-items:center;margin-top:10px}.inputWrapper input{border:none;border-bottom:1px solid #fff;width:100%;height:30px;font-size:16px;margin-right:5px;background:none;outline:none;color:#fff}.inputWrapper input:focus{outline:none}.icon{display:flex;align-items:center;margin-right:9px;color:#fff}.container-register button{width:100%;height:36px;border-radius:5px;margin-top:20px;color:#e6e6e6;background-color:#02537d;border:1px solid #fff;font-size:18px}.container-register button:hover{cursor:pointer;background-color:#013853}form{margin-bottom:12px}.container-register a{color:#fff}.container-register a:hover{color:tomato}
/*# sourceMappingURL=main.4f646015.chunk.css.map */