@import url(https://fonts.googleapis.com/css?family=Ibarra+Real+Nova&display=swap);@import url(https://fonts.googleapis.com/css?family=Lato&display=swap);@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn-remove-capital{text-transform:none!important;font-weight:700!important}.btn-rounded{border-radius:20px!important}.remove-capital{text-transform:none!important;font-weight:600!important}.icon-table{width:16px;margin-left:24px;cursor:pointer}.remove-boxshadow{font-weight:600!important;box-shadow:0 3px 6px 0 hsla(0,0%,46.7%,.35)!important}.div-flex{display:flex}.div-space-between{justify-content:space-between}.div-align-center{align-items:center}.div-justify-center{justify-content:center}.semi-bold,.semi-bold-without-margin{color:#777;font-size:18px;margin-top:0;font-size:14px;font-weight:600}.semi-bold-without-margin{margin-bottom:0}.semi-bold2{color:#777;margin-top:0;font-size:10px!important;font-weight:600}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}nav{width:100%;height:64px;justify-content:space-between;background-color:#fff;box-shadow:0 3px 6px 0 hsla(0,0%,46.7%,.35);z-index:999;position:fixed;top:0;align-items:center;padding:0 50px 0 30px}.logo,nav{display:flex}.logo{width:250px;align-self:center;cursor:pointer}.logo img{width:100%}.vertical-line{width:2px;height:50px;background-color:#ccc}.logo img{width:40px}.logo h4{color:grey;font-size:20px;font-family:Open Sans,sans-serif;font-weight:700;line-height:24px;letter-spacing:-.06px}.profile{width:170px;cursor:pointer}.search{width:790px;border-radius:4px;align-items:center;padding:2px;display:flex;border-radius:34px;box-shadow:0 3px 6px 0 hsla(0,0%,46.7%,.35);background-color:#fff}.search img{margin-left:10px;margin-right:10px;width:20px}.search-field{width:100%;font-size:14px;line-height:16px;letter-spacing:-.05px}@media screen and (max-width:768px){.hide-mobile{display:none}.hamburger{display:flex}nav{height:100px}.logo{align-content:center;border:1px solid #000}}.sidebar-wrapper{background:url(/static/media/sidebar.e7916f66.jpg);background-repeat:no-repeat;background-size:100% 100%}.sidebar-wrapper,.sidebar-wrapper-oes{width:250px;height:100vh;position:fixed;z-index:1;top:0;left:0;overflow-x:hidden;padding-top:90px}.sidebar-wrapper-oes{background:url(/static/media/oes_bg.ee204f29.png);background-repeat:no-repeat;background-size:cover;transition:all .3s ease-in-out}.sidebar-wrapper a{font-weight:700}.sidebar-wrapper-oes a{font-weight:700;display:block}.expand-sidebar{width:80px!important}.expand-sidebar a{display:none}@-webkit-keyframes movingsidebar{0%{width:0}to{width:250px}}@keyframes movingsidebar{0%{width:0}to{width:250px}}.sidebar-wrapper-oes .list-sidebar{margin:0 15px}.sidebar-wrapper-oes .list-sidebar img{margin-right:20px}.list-sidebar{margin:10px 10px 15px 25px;padding:5px 15px 5px 10px;text-decoration:none;font-size:14px;color:#fff;display:block;cursor:pointer;border-radius:20px;display:flex;align-items:center}.sidebar-wrapper-oes .hr,.sidebar-wrapper .hr{width:230px;height:1px;margin-left:20px;margin-bottom:20px;background-color:#fff}.sidebar-wrapper-oes .is-collapse{margin:0 15px 15px}.expand-sidebar .is-collapse .active-chevron,.expand-sidebar .is-collapse .chevron{display:none}.is-collapse{margin:10px 10px 15px 25px;padding:5px 15px 5px 10px;text-decoration:none;font-size:14px;color:#fff;display:block;cursor:pointer;border-radius:20px;display:flex;justify-content:space-between;align-items:center}.is-collapse:hover{color:#f1f1f1}.is-active-menu,.is-collapse:hover{background-color:#e1e7ea}.admin-list:hover,.is-active-menu a{color:#00a1ed!important}.content-collapsee{width:70%;margin:0 0 15px 75px}.list-collapse a{margin-bottom:5px;padding:5px 10px;text-decoration:none;font-size:14px;color:#fff;display:block;cursor:pointer;border-radius:20px}.list-collapse-active{color:#f1f1f1;background-color:#e1e7ea;border-radius:8px}.list-collapse a:hover,.list-sidebar:hover{color:#00a1ed!important;background-color:#e1e7ea}.backdrop-wrapper{width:100%;height:100vh}.chevron{height:20px}.active-chevron,.chevron{width:15px;transition:.7s}.active-chevron{cursor:pointer;transform:rotate(180deg)}.icon-size{width:25px}.ava-size{width:15px}.rounded-avatar{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:100%;background-color:#e6e8e6}@media screen and (max-width:768px){.sidebar-wrapper,.sidebar-wrapper-oes{z-index:3}}.login-wrapper{height:95vh;border:1px solid #fff;display:flex;justify-content:space-between;align-items:center;width:80%;margin:auto}.login-form{width:40%}.img-bg{width:50%}.img-bg img{width:100%}.login-form h1{color:#65b7ff;font-family:"Open Sans",sans-serif}.login-form p{color:grey}.login-form h3{font-size:24px;color:grey;margin-top:10px}.form-login{width:260px}.form-login,.form-login2{margin-bottom:20px!important}.form-login2{width:100%;height:40px!important}.btn-login{font-weight:700!important;text-transform:none!important;width:260px;border-radius:24px!important;box-shadow:0 3px 6px 0 rgba(0,161,237,.25)}.img-bg-mobile{display:none}@media screen and (max-width:768px){.login-wrapper{margin-bottom:50px}.img-bg{display:none}.login-form{width:100%;text-align:center;margin-top:80px}.form-login{width:100%;margin-bottom:30px}.btn-login{width:100%;font-weight:700!important}.img-bg-mobile{display:block;width:100%}.login-form h1{font-size:20px;margin-top:20px}}.loading-wrapper{position:fixed;z-index:500;height:100vh;width:100%;background-color:rgba(0,0,0,.52);display:flex;justify-content:center;align-items:center}.welcome-wrapper{display:flex;width:90%;margin:auto;height:99vh;align-items:center}.welcome-text{width:40%;display:flex;justify-content:center;flex-direction:column}.welcome-example{width:60%;position:relative;flex-direction:column}.shape-img{width:100px;position:absolute}.welcome-text h2{font-size:20px;font-weight:400;color:#00a1ed}.welcome-text span{font-weight:700}.welcome-text p{color:grey;margin:30px 0!important}.welcome-example{padding:20px;display:flex;align-items:center}.card-example{width:100%;max-height:510px;border-radius:20px;box-shadow:0 0 30px 0 rgba(37,37,37,.25);background-color:#fff;z-index:2;overflow-y:auto;overflow-x:hidden}.card-example::-webkit-scrollbar{width:6px}.card-example::-webkit-scrollbar-thumb{border-radius:10px;background-color:#bdbdbd}.card-example{padding:20px}.card-example h3{color:#00a1ed}.card-example p{color:grey;font-weight:500}.card-grid{width:100%}.card-grid,.card-grid2{display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:40px;grid-column-gap:40px}.grid-head{display:flex;justify-content:space-between}.grid-head p{font-size:18px}.grid-head2 p,.grid-head p{margin:0 35px 15px 10px}.grid-head2{display:flex;justify-content:space-between}.grid-head2 p{margin:0 20px 15px 10px;font-size:18px}.left-card,.right-card{width:9%}.left-card,.left-card-example,.right-card,.right-card-example{min-height:25px;border:1.4px solid #707070;cursor:pointer;display:flex;justify-content:center;align-items:center}.left-card-example,.right-card-example{width:20%}.middle-card{width:70%;min-height:30px}.middle-card,.middle-card-example{border:1.4px solid #707070;display:flex;justify-content:center;align-items:center}.middle-card-example{width:50%;min-height:25px}.grid-content>div{margin:2px}.grid-content2>div{margin:5px}.middle-card p{margin:3px;color:#252525!important;font-size:16px;text-align:center}.middle-card-example p{margin:3px;font-size:9px}.active-card{background-color:#00a1ed;display:flex;justify-content:center;align-items:center;border:1px solid #00a1ed!important}.show-mobile{display:none}.navbar-wrapper{display:flex;align-items:center;width:100%;height:70px;background-color:#00a1ed;position:fixed;top:0;z-index:999}.navbar-wrapper h3{font-weight:400;color:#fff}.navbar-wrapper .name{font-weight:700}.navbar-wrapper .timer{font-weight:700;color:#ffb865}.timer-expired{font-weight:700;color:red}.assestment-wrapper{width:100%;margin-top:100px;background:url(/static/media/shape_2.d44366df.svg),url(/static/media/shape_2.d44366df.svg),url(/static/media/shape_2.d44366df.svg),url(/static/media/shape_2.d44366df.svg),url(/static/media/shape_2.d44366df.svg),url(/static/media/shape_2.d44366df.svg),url(/static/media/shape_2.d44366df.svg),url(/static/media/shape_2.d44366df.svg);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-position:left 20px,right 300px,left 600px,right 900px,left 1200px,right 1500px,left 1800px,right 2110px;background-size:15%;background-color:#fcfcfc}.assestment-grid{width:35%;margin:50px auto 0;display:grid;grid-template-columns:repeat(1,minmax(10rem,1fr));grid-column-gap:20px;grid-row-gap:20px;z-index:4;opacity:1!important;color:grey;font-weight:500}.assestment-grid>div{min-height:100px}.square{width:8%;height:28px;margin-top:45px;margin-right:10px;border:1.4px solid#808080;display:flex;justify-content:center;align-items:center}.navbar{width:80%;margin:auto}.modal-content{width:400px}.modal-body{padding:10px}.expired-wrapper{text-align:center;padding:10px}.info-wrapper{padding:10px}.info-flex{display:flex}.info-wrapper h2{color:#00a1ed;margin:0 0 10px}.info-data-diri{width:50%}.info-kontak{width:50%;padding-left:20px}.question-flex{display:flex}.footer-form-mobile{display:none!important}.chevron-contoh{width:15px;cursor:pointer}.image-contoh{width:70%}.instruksi-text{font-size:16px;margin:0}.slider-contoh{overflow-y:hidden;overflow-y:auto}.card-grid-contoh{width:300px}.circle-help{width:20px;height:20px;background-color:#fff;border-radius:100%;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);cursor:pointer}.circle-help span{font-weight:700;color:#00a1ed}.assestmen-toolbar{width:360px}.assestment-container{width:65%;margin:auto}.assestment-container-h4,.assestment-container-p{margin:0!important;color:grey}.assestment-question{display:flex;position:relative}.circle-number{width:23px;height:23px;border:2px solid #000;border-radius:100%;display:flex;justify-content:center;align-items:center;font-weight:700;position:absolute}.assestment-image{width:60%}.assestment-answer{display:flex;flex-wrap:wrap}.assestment-subimage{width:100%;margin-bottom:5px;cursor:pointer}.assestment-answer-item{text-align:center;margin-right:20px;margin-bottom:20px}.question-wrapper{margin-left:30px}.sub3,.sub4{display:flex;align-items:flex-start;width:100%;text-align:center}.assestment-image-sub3{width:20%;margin-right:20px}.sub3-option-wrapper{margin-top:80px}.assestment-image-sub4{width:90px;margin-right:20px}.papi-example-wrapper{width:50%;margin:auto}.papi-example-checkbox{width:7%;border:1px solid #707070;display:flex;justify-content:center;align-items:center;padding:8px;cursor:pointer}.papi-example-checkbox img{width:25px;visibility:hidden}.checked-example{background-color:#00a1ed;border:0!important}.checked-example img{visibility:visible}.papi-example-question{cursor:pointer;padding:8px;width:93%;border:1px solid #707070}.papi-example-question p{margin:0;color:grey}.papi-question-wrapper{width:70%;margin:auto auto 25px}.papi-question-number{width:40px;height:40px;border:1px solid grey;color:grey;display:flex;justify-content:center;align-items:center;font-size:22px;font-weight:500;margin-bottom:20px}.papi-question{display:flex;margin-bottom:5px}.papi-question-checkbox{width:4.5%;border:1px solid #707070;display:flex;justify-content:center;align-items:center;padding:8px;cursor:pointer;margin-right:20px}.papi-question-checkbox img{width:25px;visibility:hidden}.checked-question{background-color:#00a1ed;border:1px solid #00a1ed!important}.checked-question img{visibility:visible}.papi-question-question{cursor:pointer;padding:8px;width:93%;border:1px solid #707070}.papi-question-question p{margin:0;color:grey}.toefl-question-wrapper{width:70%;margin:auto auto 25px}.toefl-question-number{width:30px;height:30px;font-size:20px}.toefl-question-number,.toefl-question-number2{border:1px solid grey;color:grey;display:flex;justify-content:center;align-items:center;font-weight:500}.toefl-question-number2{width:28px;height:28px;font-size:18px}.toefl-question-header,.toefl-question-header-reading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.toefl-question-header-reading2{display:flex;align-items:flex-start;margin-bottom:10px}.toefl-answer-item{display:flex;margin-bottom:5px}.option-box{border:1px solid #707070;width:100%;padding:10px}.option-box p{margin:0}.toefl-question-reading-desc{width:88%}.toefl-question-reading-desc p{margin:0;color:#252525}.toefl-question-reading2-desc{margin:0;color:#252525;font-size:17px;font-weight:500;width:520px}.st{position:relative;display:inline-flex;flex-direction:column;text-align:center}.st-answer{border-bottom:1.5px solid #00a1ed}@media screen and (max-width:768px){.toefl-question-reading2-desc{width:80%}.toefl-question-header-reading,.toefl-question-header-reading2{align-items:unset}.toefl-question-reading-desc{width:80%}.toefl-question-header{flex-direction:column-reverse;justify-content:flex-start;align-items:unset}.papi-question-wrapper,.toefl-question-wrapper{width:100%}.papi-question-checkbox{width:9%}.papi-example-wrapper{width:100%}.sub3{flex-direction:column;justify-content:center;margin:0!important}.assestment-image-sub3{width:50%;margin:auto}.sub3-option-wrapper{margin-top:0}.sub4{flex-direction:column;justify-content:center;margin:0!important}.assestment-image-sub4{width:50%;margin:auto}.sub4-option-wrapper{margin-top:0}.assestment-container{width:90%}.assestment-container-h4{margin-bottom:10px!important}.assestment-container p{font-weight:500}.assestment-container-h4,.assestment-intruksi{font-size:22px!important;color:grey}.assestment-question{flex-direction:column}.question-wrapper{margin:40px 0 0}.circle-number{width:30px;height:30px;border:3px solid #000;font-size:24px}.assestment-image{width:100%}.assestment-answer-item{width:29%;margin-right:10px}.assestmen-toolbar{width:160px;flex-direction:row-reverse;margin-right:10px}.instruksi-text{font-size:18px}.image-contoh{width:80%}.footer-form-mobile{display:flex!important}.info-wrapper{padding:20px}.question-flex{flex-direction:column}.assestment-wrapper{background:#fff}.info-data-diri{width:100%}.info-kontak{width:100%;padding-left:0}.info-flex,.welcome-wrapper{flex-direction:column}.welcome-wrapper{width:100%;height:-webkit-fit-content}.show-mobile{display:block}.welcome-text{width:100%;min-height:230px}.welcome-mobile{display:flex;flex-direction:column;justify-content:center;padding:10px 20px}.welcome-example{width:100%;padding:0}.hide-mobile{display:none!important}.card-example{padding:0;border-radius:25px;max-height:unset;overflow-y:hidden}.card-example h3{font-size:21px}.card-example p{font-weight:400}.shape-img{display:none}.card-grid{width:100%;overflow-y:hidden;overflow-x:scroll;grid-column-gap:20px;grid-template-columns:repeat(3,2fr)}.card-grid-assestment{width:200px}.assestment-grid{width:95%;margin:auto;grid-template-columns:repeat(1,minmax(10rem,1fr))}.navbar-wrapper h3{margin:0}.navbar{width:95%;justify-content:space-between}.modal-content{width:100%;outline:0;border-radius:5px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#fff}.modal{align-items:flex-end}.grid-head p{margin:10px 10px 10px 5px}.square{width:30px;height:30px;margin-top:0}.welcome-text h2{font-size:24px;font-weight:400;color:#00a1ed;margin:20px 0 0}.welcome-text p{color:grey;margin:10px 0!important;font-size:18px}.shape-img-oas{display:none}}.modal{align-items:center;justify-content:center}.modal,.modal-profile{display:flex;border-radius:10px;z-index:5000;position:fixed!important}.modal-profile{align-items:flex-start;justify-content:flex-end;margin-top:20px;margin-right:20px;padding:10px}.modal-content{outline:0;border-radius:5px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#fff}.modal-header{padding:10px 20px 0;display:flex;justify-content:space-between}.modal-header img{cursor:pointer}.modal-header h2{font-family:"Lato",sans-serif;color:#252525;font-size:20px}.modal-body{padding-left:20px;padding-right:20px;padding-top:0;min-height:100px}.modal-content .modal-hr{border:1px dashed #ccc}.modal__field{width:100%}.profile-container{text-align:center}.profile-container h2{font-family:Open Sans,sans-serif;color:#252525;font-size:18px;margin-bottom:0}.profile-container p{font-family:Open Sans,sans-serif;color:#777;font-size:14px;margin-top:0}.rm-filter{justify-content:space-between}.rm-filter,.rm-filter-by{display:flex;align-items:center}.rm-filter-by,.rm-filter-by p{margin-top:0!important}.rm-filter-by p{margin-bottom:0!important;font-family:Open Sans,sans-serif;font-size:14px}.rm-filter-field{width:170px}.contact-field{width:140px}.modal-footer{display:flex;justify-content:flex-end;padding-bottom:20px}.rm-table{max-height:300px;overflow-y:scroll}.rm-table::-webkit-scrollbar{display:none}.rm-table{-ms-overflow-style:none}.alert-container,.confirm-container{padding:10px;text-align:center}.card-footer{display:flex;justify-content:flex-end;padding:20px}.p-filter{color:#252525}.p-filter,.p-filter2{font-size:12px;margin:0}.p-filter2{color:#777;font-weight:700}.participant-modal{max-height:300px;overflow-x:hidden;overflow-y:auto}.intruksi-modal{max-height:550px;overflow-y:auto}.intruksi-modal h3{color:#00a1ed;margin-top:0}.intruksi-modal p{color:grey;font-weight:500}.card-grid-modal{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:40px;grid-column-gap:40px;overflow-y:auto}.template-email-keterangan-header p{margin:0;padding:10px 0 10px 20px}.template-email-keterangan-body p{margin:0;font-size:12px;padding:5px 0 5px 20px}.input-kredit{width:50px!important;text-align:center;border-radius:10px;padding:10px 20px;border:1px solid #ccc}.input-kredit:focus{outline-width:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media screen and (max-width:768px){.modal-content{width:100%;outline:0;border-radius:5px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#fff}.modal-header h2{font-size:18px}.modal{align-items:flex-end}}.portal-header{width:87%;margin:auto;height:100px;z-index:2;position:relative}.portal-shape{width:100%;position:absolute}.shape-top{top:-50px}.shape-bottom{bottom:-50px}.portal-logo{width:150px;padding:20px 0}.portal-body{width:87%;margin:auto;z-index:2000}.portal-body-h2,.portal-body-p{margin:5px}.portal-body-h2{font-family:"Ibarra Real Nova",serif;color:#252525!important}.portal-body-p{font-size:14px;color:#444}.portal-card-wrapper{display:inline-flex;flex-wrap:wrap;margin-top:140px;grid-row-gap:100px;row-gap:100px}.portal-card{width:250px;height:330px;border-radius:20px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#fff;position:relative;display:flex;flex-direction:column;justify-content:space-between}.portal-card img{width:90%;position:absolute;top:-80px;padding:15px}.portal-card-content{margin-top:90px;padding:20px 20px 0}.portal-card-footer{padding:0 20px 20px}.portal-card-content h1{font-size:18px;margin:10px 0;color:#00a1ed}.portal-card-content p{color:#444;margin:0 0 15px!important}@media screen and (max-width:768px){.portal-shape{display:none}.portal-card{margin-top:100px;width:100%}.portal-card-wrapper{margin-top:120px}.portal-card img{top:-120px}.portal-card-content{margin-top:100px}}.content-wrapper{margin-left:250px;padding:100px 60px 15px 30px}.content-wrapper,.content-wrapper-expand{min-height:100vh;background-color:#f8f8f8;transition:all .3s ease-in-out}.content-wrapper-expand{margin-left:80px;padding:100px 30px 15px}.toast-wrapper{border-radius:50px!important;background-color:#c7ebfa!important;text-align:center;padding:0!important;width:100!important}.toast-text{color:#00a1ed!important;font-size:16px;margin-left:100px;font-weight:700;padding:0!important}.hamburger .line{width:30px;height:4px;background-color:rgba(0,161,237,.9);display:block;margin:4px auto;transition:all .3s ease-in-out}.hamburger:hover{cursor:pointer}#hamburger-1.is-active .line:nth-child(2){opacity:0}#hamburger-1.is-active .line:first-child{transform:translateY(10px) rotate(45deg)}#hamburger-1.is-active .line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.in-mobile-wrapper{padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100vh}.beranda-wrapper{margin-top:10px}.beranda-status-wrapper{width:100%;display:flex;background:url(/static/media/status_bg.ef6d00a1.png);background-repeat:no-repeat;background-size:100%}.beranda-ilustrasi{width:30%;position:relative}.beranda-status{width:70%;padding:10px}.beranda-status h2{font-weight:400;font-size:16px}.beranda-status span{font-weight:700}.beranda-status h2{margin:5px 0}.beranda-status p{font-size:14px;margin:5px 0 15px}.beranda-grid{display:flex}.beranda-grid>div{min-height:100px;background-color:#fff;box-shadow:0 3px 10px 0 rgba(37,37,37,.35);padding:10px 20px 0;margin-right:15px}.beranda-grid>div p{margin:5px 0}.head-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.head-section h4{color:#6a7267;font-weight:600;line-height:1.38;margin:0}.card-content{box-shadow:0 3px 6px 0 hsla(0,0%,46.7%,.35);background-color:#fff;display:flex;flex-direction:column}.card-table{padding:20px}.card-table__head{width:100%;height:40px;display:flex;justify-content:space-between;align-items:center}progress{border-radius:5px;height:20px;text-align:center;position:relative}progress::-webkit-progress-bar{background-color:#c3cfd5!important;border-radius:5px}progress::-webkit-progress-value{background-color:#00a1ed!important;border-radius:5px 5px 5px 5px}progress::-moz-progress-bar{background-color:#c3cfd5!important;border-radius:10px 10px 10px 10px}progress:before{content:attr(data-label);font-size:.8em;vertical-align:0;position:absolute;color:#fff;left:0;right:0;top:3px}.card-table__pagination{display:flex;justify-content:flex-end}.icon-action{width:15px;height:15px;margin:5px 2px 5px 10px;cursor:pointer}.assign-btn{box-shadow:0 3px 6px 0 rgba(0,161,237,.35)!important;background-color:#fff!important;width:180px!important;height:30px!important}.form-content{display:flex}.form-informasi{width:43%;margin-right:20px}.form-informasi,.progress-pengerjaan{padding:20px;box-shadow:0 3px 10px 0 rgba(37,37,37,.25);background-color:#fff}.progress-pengerjaan{margin-bottom:20px;position:relative}.daftar-peserta{padding:20px;box-shadow:0 3px 10px 0 rgba(37,37,37,.25);background-color:#fff}.field-radius{border-radius:10px!important}.add-proposal__field{width:100%;margin-bottom:15px!important}.progress-wrapp{position:relative;height:30vh}.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:10px;z-index:3;position:relative}.progress-grid>div{box-shadow:0 3px 10px 0 rgba(37,37,37,.25);background-color:#fff;padding:5px 15px}.progress-grid>div p{margin:5px 0}.card-content-item-jurnal-text{color:#777!important;margin:2px!important;font-size:13px!important;font-weight:600!important;padding:0!important}.card-content-item-jurnal-text-without-weight{color:#777!important;margin:4px!important;font-size:13px!important;font-weight:400!important;padding:4px!important}.card-content-item-jurnal-text-without-weight-blue{color:#00a1ed!important;margin:4px!important;font-size:13px!important;font-weight:400!important;padding:4px!important}.tooltip-progress{box-shadow:0 3px 10px 0 rgba(37,37,37,.25);background-color:#fff;position:absolute;padding:5px;z-index:2;left:150px;top:-2px}.tooltip-progress p{margin:0;font-size:11px;font-weight:700}.download-container,.filter-container{background-color:#fff;box-shadow:0 3px 10px 0 rgba(37,37,37,.25);padding:10px;position:absolute;right:60px;z-index:3}.download-container{width:250px}.backdrop{width:75%;position:absolute;height:700px;z-index:2;top:-10px}.card-pagination{font-size:14px}.search::-webkit-input-placeholder{font-size:10px}.search:-ms-input-placeholder{font-size:10px}.search::-ms-input-placeholder{font-size:10px}.search::placeholder{font-size:10px}.btn-action{min-width:100px!important;margin:0 10px!important;height:30px!important}.card-white{padding:20px;background-color:#fff;box-shadow:0 3px 10px 0 rgba(37,37,37,.25);margin-bottom:20px}.foto-section{display:flex}.empty-circle{background-color:#eee}.ava-peserta,.empty-circle{width:60px;height:60px;border-radius:100%;position:absolute;left:0}.ava-peserta{object-fit:cover}.admin-info,.client-info{width:48%}.audio-player:focus{outline:none!important}.audio-player{height:35px;display:block;width:100%}.audio-player-empty{width:100%}.disable-player{width:95%;border-radius:20px 20px 20px 20px;background-color:#ebebeb;padding:7px 7px 7px 15px;display:flex}.disable-player p{margin:0;font-weight:500}@media screen and (max-width:768px){.audio-player{width:100%;display:block}.disable-player{width:98%}}.beranda-info{width:100%;height:200px;background:url(/static/media/beranda-info.3e5628f3.png);background-repeat:no-repeat;background-size:100% 100%;position:relative;margin-top:20px}.beranda-women{position:absolute;width:200px;bottom:10px}.beranda-card-container{display:flex;align-items:center;justify-content:center;height:100%;grid-gap:30px;gap:30px}.beranda-card{width:200px;height:100px;box-shadow:0 5px 6px 0 rgba(51,51,51,.2);background-color:#fff;padding:20px;color:#333}.beranda-card h2{margin:0 0 20px}.beranda-card h1{margin:0}.beranda-card img{width:50px}.total-card{width:150px;height:80px;box-shadow:0 5px 6px 0 rgba(51,51,51,.2);background-color:#fff;padding:20px;color:#333}.total-card h3{margin:0 0 20px}.total-card h1{margin:0}.total-card img{width:40px}.progress-bar{margin-top:30px}.bar-dtra{width:100%;height:10px;margin-top:5px;margin-bottom:10px;background-color:#00a0ec!important;border-radius:10px}.bar-dtra::-webkit-progress-bar{background-color:#e1f3fa!important;border-radius:10px}.bar-dtra{margin:0}.bar-dtra::-webkit-progress-value{background-color:#00a0ec!important;border-radius:10px 10px 10px 10px}.bar-dtra::-moz-progress-bar{background-color:#00a0ec!important;border-radius:10px 10px 10px 10px}.help{width:28px;height:20px;background-color:#00a1ed;color:#fff;font-family:"Lato",sans-serif;border-radius:100%;text-align:center;cursor:pointer;display:flex;justify-content:center;align-items:center}.help-wrapper{position:absolute;border-radius:4px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#fff;width:400px;padding:10px;right:30px;top:50px;z-index:2}.help-wrapper p{font-size:12px}.help-backdrop{position:absolute;width:100%;height:100%;z-index:1}.help-mobile{padding:10px}.help-mobile p{font-size:14px;font-weight:600}.spex2-option-item{width:100%;background-color:rgba(204,236,251,.5);cursor:pointer;margin-bottom:20px}.spex2-option-item p{margin:0}.selected{background-color:#00a1ed}.selected p{color:#fff}.dtra-option-wrapper{display:flex;justify-content:space-between;align-items:center}.box{box-shadow:0 3px 6px rgba(51,51,51,.2);width:25%;padding:20px}.report-wrapper{width:75%;margin:auto;font-family:"Ibarra Real Nova",serif}.report-wrapper p{font-family:"Lato",sans-serif;color:#464646}body{-webkit-print-color-adjust:exact}.pagebreak{margin-top:100px}@media print{@page{size:A4;margin:0}.report-wrapper{width:100%}.report-footer,.report-header{width:100%!important}.report-header{margin-bottom:250px}.pagebreak{page-break-before:always}.report-h1-title{font-size:40px!important;color:#00a1ed}}.report-shape{background-image:linear-gradient(90deg,#00a1ed,#9b013c)}.report-shape,.report-shape2{margin:0 0 0 auto;width:600px;height:40px;border-radius:0 0 0 100px}.report-shape2,.report-shape3{background-image:linear-gradient(90deg,rgba(0,161,237,.5),rgba(155,1,60,.5))}.report-shape3{margin:0 auto 0 0;width:95%}.report-shape3 h1{font-size:22px;color:#fff;padding:10px 10px 10px 50px}.report-shape4{margin:0 auto 0 0;width:100%;background-image:linear-gradient(90deg,rgba(0,161,237,.5),rgba(155,1,60,.5))}.report-shape4 h1{font-size:22px;color:#fff;padding:10px 10px 10px 50px}.report-h1-title{font-size:70px;color:#00a1ed}.vertical-title{color:rgba(155,1,60,.05);font-size:80px;position:absolute;right:-220px;top:120px}.vertical-text,.vertical-title{transform:rotate(-90deg)}.report-title{position:relative;min-height:150px}.report-information p{font-size:18px;margin-bottom:5px;font-family:"Lato",sans-serif;color:#464646;font-size:16px}.text-bold{font-weight:700!important}.report-map{text-align:center}.report-map img{width:90%}.report-header{top:0;margin-bottom:100px}.report-footer,.report-header{position:fixed;width:75%;background-color:#fff;z-index:1}.report-footer{bottom:0;height:50px}.report-footer p{font-size:18px;font-weight:700;margin:0;font-family:"Lato",sans-serif}.page2{margin-top:100px}.div-margin,.div-margin2{width:90%;margin:auto}.strategic-text p{color:#464646;font-size:14px;font-family:"Lato",sans-serif}.pemetaan p{margin:10px}.div-table p{font-size:14px;font-weight:400}.border-bottom-table{border-bottom:1px solid #eee}.footer-space,.header-space{height:110px}.content{width:100%!important}.lps-flex{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:10}.form-80{width:80%}@media screen and (max-width:768px){.report-header{width:100%;height:120px;display:flex;flex-direction:column;justify-content:space-between}.report-wrapper{width:100%}.content{margin-top:20px}.report-footer{width:100%}.report-shape{width:300px}.lps-flex{grid-template-columns:repeat(1,1fr);grid-row-gap:3}.box,.form-80{width:100%}.box{box-shadow:0 3px 6px rgba(51,51,51,.2);padding:0}.help{width:27px;height:27px}}
/*# sourceMappingURL=main.15222278.chunk.css.map */