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;background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.appbar{position:static;top:0;max-width:100vw;height:10vh;background-color:#fff;box-shadow:4px 4px 10px rgba(0,0,0,.25);padding:10px 17px;box-sizing:border-box}.logo{max-height:80%;cursor:pointer}.row{display:flex;justify-content:space-between;max-height:100%}.icons,.row{align-items:center}.icons{width:200px}.icons .message-icon{width:32px;cursor:pointer}.notification{object-fit:contain;height:40px;width:40px;cursor:pointer}.red-dot{background-color:red;width:14px;height:14px;display:flex;border-radius:100px;position:absolute;margin-left:32px}.admin-icons{display:flex;align-items:center;width:100%;justify-content:flex-end;padding-right:8px}.admin-icons:last-child{margin-left:8px}.dropdown{position:absolute;top:10%;right:0;background:#f1c40f;box-shadow:4px 4px 4px rgba(0,0,0,.25);min-width:200px;color:#fff}.dropdown-item{padding:8px 24px;border-bottom:1px solid #fff;cursor:pointer}.dropdown-item:hover{background:#f7cc1f}.dropdown-item:last-child{border:none}.avatar{border-radius:100px;background:#aaa;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.dashboard{overflow-x:hidden;overflow-y:hidden;max-height:100vh}#content,.content{padding:8px;display:flex;height:90vh;flex:1 1;flex-direction:row}.horizontal{flex-direction:row}body{font-family:"Hind Vadodara",sans-serif}.section-header{flex:1,1}.section-wraper{flex:1 1;padding-bottom:100px;display:flex;flex-direction:row;height:340px;padding:58px 24px 24px}.loading-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.conselor-stats{display:flex;flex-direction:row;justify-content:space-between;margin-top:32px;height:140px;width:500px;background:#fff;box-shadow:4px -4px 4px #e5e5e5,4px 4px 4px #e5e5e5,-4px 0 4px #e5e5e5;border-radius:15px}.conselor-stats-child{display:flex;border-left:2px solid #e5e5e5;flex:1 1;justify-content:space-around;align-items:center}.case-conference-count{padding:24px;text-align:center;margin:24px 24px 0;background:#fff;box-shadow:2px -2px 2px rgba(0,0,0,.25),2px 2px 2px rgba(0,0,0,.25),-2px 0 2px rgba(0,0,0,.25);border-radius:15px}.hover:hover{box-shadow:4px -4px 4px rgba(0,0,0,.25),4px 4px 4px rgba(0,0,0,.25),-4px 0 4px rgba(0,0,0,.25)}.conselor-edit-container{display:flex;flex-direction:column;padding:8px 0 100px;box-sizing:border-box;align-items:center;margin:auto;width:80vw;height:80vh;background:#fff;box-shadow:-2px 0 2px rgba(0,0,0,.25),2px 2px 2px rgba(0,0,0,.25),2px -2px 2px rgba(0,0,0,.25);border-radius:15px;overflow-y:scroll}input{background:#fff;border:1px solid #e5e5e5;box-shadow:0 4px 4px rgba(0,0,0,.25);padding:8px}@media only screen and (max-width:768px){.section-wraper{display:flex;flex-direction:column;justify-content:space-between;padding:0}}.jadwal-item .jadwal-form select{padding:7px;background:#fff;border:1px solid #e5e5e5;box-shadow:0 4px 4px rgba(0,0,0,.25);width:200px}.jadwal-item .jadwal-form select:focus{outline:none;border:none}.jadwal-item .jadwal-add{display:flex;align-items:center;justify-content:center;border-radius:24px;box-sizing:border-box;margin-top:24px;padding:4px;cursor:pointer;color:#fff}.jadwal-item{display:flex;align-items:center;justify-content:space-between}.fab-add,.jadwal-form{padding:8px}.fab-add{position:absolute;bottom:20vh;right:12vw;display:flex;background-color:#f1c40f;cursor:pointer;border-radius:24px}.button-s{font-size:120px;width:54px;width:20px}.navigation{flex:1 1;background:#f1c40f;box-shadow:6px 6px 4px rgba(0,0,0,.25);border-radius:15px;max-width:36px;height:70vh;margin:auto 8px;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;padding:8px}.icon-menu img{width:40px;cursor:pointer}.icon-menu-tooltip{display:none;position:absolute;margin-left:24px;margin-top:8px;padding:0 8px;color:#fff;background:rgba(0,0,0,.75)}.icon-menu:hover .icon-menu-tooltip{display:inline}@media only screen and (max-width:918px){.navigation{flex:none;position:absolute;min-width:100%;height:60px;bottom:0;left:0;margin:0;border-radius:0;flex-direction:row;padding:0}}.conseli-header{background:#e5e5e5;border:1px solid hsla(0,0%,97.6%,.87);box-sizing:border-box;height:94px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:12px;font-size:24px;font-weight:600}.conseli-header input{border:none;width:100%;height:32px;border-radius:90px;padding:0 24px;box-sizing:border-box}.conseli,.conseli-header input{background:#fff;box-shadow:4px 4px 8px rgba(0,0,0,.25)}.conseli{display:flex;padding:8px;cursor:pointer;transition:all .2s}.active-conseli{box-shadow:none;background:#fff}.active-conseli:hover{background:#ebf0f4}.conseli .detail{margin-left:4px;width:100%}.conseli .time{font-size:12px}.conselis ul{overflow-y:scroll;max-height:68vh;padding:0 4px 2px}.conselis ul li{list-style-type:none;padding:0;margin:13px 0 0}.hamburger .hamburger-bar{position:fixed;left:0;width:32px;height:4px;background-color:#686868}.left-menu{width:312px}.conseli .detail .title:hover{text-decoration:underline}@media only screen and (max-width:918px){.left-menu{position:fixed;left:-100vw;width:96vw}}.conseli-status{font-size:12px}.information .content .avatar{width:120px;height:120px}.information .conseli-profile{display:flex;align-items:center}.information .conseli-profile table td{padding-right:32px}.conseli-profile .conseli-details{margin-left:8px}.information .content .ctas{display:flex;margin-top:24px;flex-wrap:wrap}.ctas .cta{margin:2px 6px 8px 0}.ctas{margin-bottom:24px}.jadwal-badge{border:1px solid #e5e5e5;box-sizing:border-box;border-radius:90px;margin-left:12px;padding:4px 10px}@media only screen and (max-width:918px){.conseli-profile{flex-direction:column;align-items:center;justify-content:center}.information .content .ctas{max-width:100%;align-items:center}.cta{flex:1 1}}.button{border:none;padding:0;background:#f1c40f;box-shadow:none;border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;min-width:100%;cursor:pointer;transition:all .2s}.disabled{background:#868181;box-shadow:none;cursor:default}.button:hover{background:#f7cc1f;box-shadow:4px 4px 4px rgba(0,0,0,.25)}.disabled:hover{background:#868181}.btn-plus{width:24px;height:24px;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:100px;margin-left:8px;cursor:pointer}.records .title{font-weight:600;font-size:16px;line-height:50px;align-items:center;background:#e5e5e5;border:1px solid hsla(0,0%,97.6%,.87);padding:0 8px;box-sizing:border-box}.records-list{display:flex;flex-wrap:wrap}.record-card{width:100%;min-height:60px;background:#fff;box-shadow:4px 4px 8px rgba(0,0,0,.25);padding:4px 16px;box-sizing:border-box;margin-bottom:24px;display:flex;align-items:center}.record-card-button{color:"#F1C40F";cursor:pointer}.record-card .date{width:100px}.record-card .topic,.record-card .topic-input{width:200px;margin:0 8px}.record-card .record-input{flex:1 1;margin:0 8px}.records .title{display:flex;justify-content:space-between}.record-card:hover{background-color:#ebf0f4}.record-card .date{font-weight:600;font-size:13px}.record-card .problem{overflow-wrap:break-word;max-width:450px;font-size:13px}@media only screen and (max-width:918px){.record-card{width:100%}}.pagination{display:flex;height:24px;align-items:center}.current-page{font-size:14px;color:#868181;margin-right:8px}.pagination select{background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border:none;width:42px}.pagination select:focus{border:none}.dashboard-popup-card{background-color:#fff;box-shadow:4px -4px 4px #e5e5e5,4px 4px 4px #e5e5e5,-4px 0 4px #e5e5e5;border-radius:30px;width:90vw;height:90vh;margin:auto;padding:24px 52px;box-sizing:border-box;overflow-y:scroll}.dashboard-popup-card input{box-shadow:none}.dashboard-popup-card-title{font-weight:500;font-size:24px;line-height:50px}.dashboard-popup-container{width:100vw;height:100vh;position:absolute;top:0;left:0;max-width:100vw;overflow:hidden}.dashboard-popup-backdrop{opacity:.8}.dashboard-popup-backdrop,.dashboard-popup-content{background-color:#fff;position:absolute;left:0;top:0;height:100vh;width:100vw}.dashboard-popup-content{z-index:2;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.dashboard-popup-close{position:absolute;top:24px;right:24px;z-index:5;cursor:pointer}.agreement-card{display:flex;flex-direction:column;background:#fff;box-shadow:4px 4px 4px rgba(0,0,0,.25);border-radius:5px;height:70vh;width:30vw;margin-left:auto;margin-right:auto;padding:24px;box-sizing:border-box}.agreement-card-title{font-weight:600;text-align:center;margin-bottom:48px}.agreement-card-actions{display:flex;width:80%;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:64px}.agreement-container{width:100vw}.agreement-card-action-button{width:130px}.selector-checkboxs{background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;display:flex;flex-direction:column;width:100%}.conselor-check-disabled{color:#e5e5e5}.days-selector{display:flex;justify-content:space-between;background:#fff;box-shadow:4px -4px 4px rgba(0,0,0,.25),-4px 0 4px rgba(0,0,0,.25),4px 4px 4px rgba(0,0,0,.25);border-radius:5px;padding:8px 16px}.day{cursor:pointer}.active-day,.day{transition:all .3ms}.active-day{color:#f1c40f;border-bottom:1px solid #f1c40f}.hours-selector{display:flex;padding:8px 16px;margin-top:24px;flex-wrap:wrap}.hour{background:#fff;box-shadow:4px -4px 4px rgba(0,0,0,.25);border-radius:5px;width:139px;height:37px;cursor:pointer;transition:all .3ms;display:flex;align-items:center;justify-content:center;margin:8px 38px}.hour:hover{background:#ebf0f4;box-shadow:none}.active-hour{box-shadow:none}.active-hour,.active-hour:hover{background:#f1c40f;color:#fff;transition:all .3ms}.chat{box-sizing:border-box;display:flex;height:90vh}.chat,.chat .content{flex:1 1;flex-direction:column}.chat .content{padding:8px 0;overflow-y:hidden;height:70vh;width:100%}.chat .chat-container{padding:0 24px;height:90%;overflow-y:scroll}.chat .chat-controller{display:flex;align-items:center;padding:8px}.chat-controller input,.chat-controller textarea{width:100%;height:55px;background:#fff;border:1px solid rgba(169,165,165,.87);box-sizing:border-box;border-radius:100px;padding-left:24px}.chat-controller textarea{align-items:center;padding-top:20px}.chat-controller textarea::-webkit-input-placeholder{height:100%;line-height:90%}.chat-controller textarea:-ms-input-placeholder{height:100%;line-height:90%}.chat-controller textarea::-ms-input-placeholder{height:100%;line-height:90%}.chat-controller textarea::placeholder{height:100%;line-height:90%}.chat-controller img{width:70ppx;height:70px;cursor:pointer}.chat .bubble{width:100%;display:flex;flex-direction:row-reverse;width:intrinsic;width:-moz-max-content;width:-webkit-max-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.conselor-bubble{display:flex;flex-direction:row}.chat-date{background:#7ad6ff;box-shadow:-5px 5px 4px rgba(0,0,0,.25);border-radius:50px;text-align:center;max-width:100px;margin:0 auto;padding:4px 0}.case-conference{margin-top:64px;overflow-y:scroll;display:flex;flex:1 1}.step-container{background:hsla(0,0%,89.8%,.35);padding:24px;display:flex;flex-direction:column;margin:0 36px 36px 0;flex:0.6 1}.step-container h3{font-weight:600;font-size:40px;line-height:0}.step-card{background:hsla(0,0%,89.8%,.35);margin:12px 0;padding:8px;transition:all .4s;color:#868181}.active{background:#fff;box-shadow:6px 6px 4px rgba(0,0,0,.25)}.step-content{flex:1 1}.step-content .title{font-weight:600;font-size:25px;line-height:50px;letter-spacing:.08em;color:#000}.step-content .description{font-size:16px}.step{flex-direction:row}.input-flat{background:#fff;border:1px solid #e5e5e5;width:100%;height:32px}.setup-forms input,textarea{height:24px}.setup-forms input,.setup-forms textarea,textarea{background:#fff;border:1px solid #e5e5e5;width:80%}.setup-forms textarea{height:120px}.setup-forms input:focus,textarea:focus{box-shadow:#ff0}@media only screen and (max-width:976px){.step{flex-direction:column;align-items:center;padding-bottom:128px}}.stack-notification-container{position:fixed;bottom:0;left:8px;z-index:999;max-height:50vh;overflow-y:hidden}ul{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:16px;padding-inline-end:16px;padding:16px}ul li{list-style:none}.notification-stack-card{-webkit-animation:hide-stack 1s;animation:hide-stack 1s;-webkit-animation-delay:2s;animation-delay:2s;background-color:#fff;border-radius:6px;padding:12px;box-sizing:border-box;width:300px;min-height:72px;display:flex;align-items:center;justify-content:center;box-shadow:2px 3px 15px -2px #424242;margin-bottom:12px}@-webkit-keyframes hide-stack{0%{margin-left:0}to{margin-left:100px;display:none}}@keyframes hide-stack{0%{margin-left:0}to{margin-left:100px;display:none}}.notification-stack-close{position:absolute;margin-left:260px;cursor:pointer}.main-profile-card{background:#fff;box-shadow:2px -2px 2px rgba(0,0,0,.25),2px 2px 2px rgba(0,0,0,.25),-2px 0 2px rgba(0,0,0,.25);border-radius:15px;padding:24px 18px;display:flex;min-width:100px;box-sizing:border-box}.main-profile-card .bio{display:flex;flex-direction:column;width:100%;justify-content:space-between;margin-left:18px}.main-profile-card table{border-spacing:0}.main-profile-card table td{vertical-align:top;padding-right:12px}.stats-card{display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:#fff;box-shadow:2px -2px 2px rgba(0,0,0,.25),2px 2px 2px rgba(0,0,0,.25),-2px 0 2px rgba(0,0,0,.25);border-radius:15px;min-width:140px;padding:12px 12px 0;flex:1 1}.stats-card .count{font-weight:700;color:#f1c40f}.stats-card .title{text-align:center}.counter-container{text-align:center;display:flex;flex-direction:column;justify-content:space-around;padding:12px;align-items:center;height:80%}.counter-data{font-weight:700;font-size:40px}.schedule-card{background:#fff;box-shadow:2px -2px 2px rgba(0,0,0,.25),2px 2px 2px rgba(0,0,0,.25),-2px 0 2px rgba(0,0,0,.25);border-radius:15px;margin:0 24px;padding:18px 24px;min-width:260px;min-height:240px}.schedule-card table{width:100%}.schedule-card table td+td{text-align:end}.schedule-card .title{text-align:center}.schedule-card .day-selector{color:#373434;text-align:center;font-weight:700;margin-top:32px;margin-bottom:12px}.schedule-day-selector{cursor:pointer}@media only screen and (max-width:768px){.main-profile-card{flex-direction:column;min-width:90vw}.stats-card{min-width:125px}.stats-card .count{font-weight:700;font-size:40px;color:#f1c40f}.stats-card .title{font-size:8px}.schedule-card{margin:24px 0 0}}@media only screen and (max-width:476px){.stats-card{min-width:70px}}.information{flex:1 1;box-sizing:border-box}.information .content{padding:24px;flex-direction:column;overflow-y:scroll;max-height:68vh}.information .content .avatar{width:60px;height:60px}.conselor-conference{display:flex;align-items:center;margin-bottom:24px}.conselor-conference .conference-name{min-width:300px;padding-left:24px}.session-container{display:flex;flex:1 1}.no-session{align-items:center;justify-content:center;text-align:center}.no-session h2{font-weight:300}.session-ready{text-align:center}.content{flex-direction:column}.arrow{pointer-events:none}.arrow__path{stroke:#000;fill:transparent;stroke-dasharray:4 2}.arrow__head line{stroke:red;stroke-width:1px}.conseli-profile-card{padding:24px;background:#fff;box-shadow:2px -2px 2px rgba(0,0,0,.25),2px 2px 2px rgba(0,0,0,.25),-2px 0 2px rgba(0,0,0,.25);border-radius:15px;display:flex;margin:24px;flex-direction:column}.conseli-profile-buttons{display:flex;justify-content:space-evenly;width:55%;margin-left:auto;margin-right:auto;margin-top:16px}.conseli-profile-card table td{padding-left:54px}.conseli-profile-card table td:first-child{padding-left:0}.conseli-profile-card table td:last-child{width:220px}.conseli-profile-avatar{background-color:grey;width:100px;height:100px;border-radius:400px}.session-enrollment{display:flex;justify-content:space-between}.session-enrollment .information{flex:1 1;flex-direction:column;justify-content:start;padding:0 24px}.title{line-height:10px;margin-top:32px}.arsip-konselor-profile{display:flex;align-items:center;justify-content:space-between;border-radius:8px;box-shadow:2px 2px 6px rgba(0,0,0,.45);padding:12px 320px 12px 12px}.ganti-password-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ganti-password-card{display:flex;flex-direction:column;align-items:center;box-shadow:2px 2px 6px rgba(0,0,0,.55);padding:64px 14px;border-radius:12px}.ganti-password-card input{margin-top:8px;width:400px;padding:12px 4px}#home{margin-bottom:52px}.scroll-lock{max-height:30vh;overflow:hidden;margin:0}.wave{position:absolute;top:0;right:0;width:50%;z-index:0}.header{z-index:2;position:fixed;top:0;width:100vw;display:flex;background-color:#fff;justify-content:space-between;padding:4px 24px;box-sizing:border-box;align-items:center}.header img{height:52px}.landing-section{box-sizing:border-box;padding:24px 0}.landing-section-home{display:flex;flex-direction:column;justify-content:center;background-color:red;height:100%;width:100%}.landing-section .header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px}.landing-section .header img{max-height:46px}nav ul{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:40vw}nav ul li{list-style-type:none;padding-left:12px;font-size:24px;color:#fff}nav ul li a{color:#4e73df;text-decoration:none}.landing-section .bg{position:absolute;top:0;right:0;z-index:-2;height:86%}.people{position:absolute;right:78px;top:240px;height:60%}.hero h1{font-weight:700;font-size:56px;line-height:48px}.hero-quote{font-style:normal;font-weight:400;font-size:28px;line-height:40px;padding:8px 0;margin-bottom:24px}.hero{padding:0 24px;display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100vh;justify-content:center;color:#192b45}.hero a{text-decoration:none}.landing-section .services{display:flex;justify-content:space-around;width:90vw}.section-title{text-align:center;font-weight:600;font-size:36px;line-height:34px}.container-section{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:24px}.conselors-section{width:90vw}.conselor-slider{width:90vw;display:flex;overflow-x:hidden;justify-content:space-between}

/*!* the slides *!*/
/*!* the parent *!*/.conselors-list-card{width:260px;height:400px;background:#fff;box-shadow:2px 2px 2px rgba(0,0,0,.25),2px 2px 2px rgba(0,0,0,.25),inset 2px 2px 2px rgba(0,0,0,.25);border-radius:20px;text-align:left;align-items:center;justify-content:start;padding:24px 12px;display:flex;flex-direction:column;box-sizing:border-box}.conselors-list-name{font-weight:600;font-size:16px;line-height:50px}.conselors-list-profesion{font-weight:400;font-size:14px;line-height:25px}.conselors-list-avatar{width:120px;height:120px;background-color:grey;border-radius:100px;overflow:hidden}.conselors-list-avatar img{width:100%;height:100%;object-fit:cover}.quote-container{background:#fff;width:100%;color:#192b45;padding:20px 100px;display:flex;text-align:left;flex-direction:column;justify-content:space-evenly;height:340px;box-sizing:border-box;align-items:center;font-size:20px}.pengunguman-flash{background:#192b45;padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;height:340px}.pengunguman-wraper{width:30%}.pengunguman-flash-title{font-size:24px;font-weight:600;line-height:48px}.pengunguman-flash a{text-align:right;color:#fff}.slide-button{display:flex;align-items:center;justify-content:center;height:50px;width:50px;border-radius:500px;background:#fff;box-shadow:4px 4px 4px rgba(0,0,0,.25);cursor:pointer}.slide-button:hover{background:#eaeaea}@media screen and (max-width:800px){.pengunguman-wraper{width:70%}.header nav ul{display:none}.hero{width:100%;align-items:center}.landing-section .people{position:static;width:100%;display:none}.slide-button{display:none}.conselors-list-card{margin-top:24px}}@media screen and (max-width:400px){.pengunguman-wraper{width:100%}.hero-quote{font-size:12px}.hero h1{font-size:24px}.hero{padding:0;margin:0;width:90vw}.landing-section{max-width:100vw}}@media screen and (max-width:768px){.services{flex-direction:column;align-items:center;justify-content:space-between}}.icon-pengumuman{position:absolute;-webkit-transform:rotate(-56deg) scale(1.2);transform:rotate(-56deg) scale(1.2);right:20px;top:107vh}.slide-right{width:100%;overflow:hidden;margin-left:0;max-width:500px;-webkit-animation:slide-right 6s infinite;animation:slide-right 6s infinite}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(-800px);transform:translateX(-800px);opacity:0}20%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}80%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}}@keyframes slide-right{0%{-webkit-transform:translateX(-800px);transform:translateX(-800px);opacity:0}20%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}80%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}}.service-container{display:flex;flex-direction:column}.service-quote{text-align:left;font-size:24px;display:flex;max-width:300px;font-weight:500;justify-content:space-between;align-items:center}.service-quote img{margin-right:8px}.service-description{max-width:270px;margin-top:24px}.service-container img{object-fit:cover;border-radius:30px}.yellow-bar{height:6px;width:264px;background-color:#4e73df;margin:22px 0 52px}.popup-container{display:flex;flex:1 1;top:0;left:0;align-items:center;justify-content:center}.popup-backdrop,.popup-container{position:absolute;width:100vw;height:100vh}.popup-backdrop{background-color:#fff;opacity:.7;z-index:2}.popup-content{z-index:3;width:444px;height:400px;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;box-shadow:4px 2px 4px rgba(0,0,0,.25),-4px 2px 4px rgba(0,0,0,.25);border-radius:30px;position:absolute;text-align:center}.role-selector{display:flex;justify-content:space-around;width:50%;border-radius:80px;box-shadow:4px 2px 24px rgba(116,158,205,.35);padding:12px;margin:24px auto;color:#202a36}.role-selector .role{cursor:pointer;color:#749ecd}.active-role{color:#749ecd}.toggle{margin-left:-128px;margin-top:-12px;background:#4e73df;color:#fff;width:120px;height:49px;border-radius:32px;position:absolute;align-items:center;justify-content:center;display:flex;transition:all .2s}.toggle.is-konselor-selected{margin-left:128px;transition:all .2s}.role-item{position:absolute}.popup-forms{display:flex;justify-content:space-between;flex-direction:column;height:80px;width:100%;align-items:center}.popup-content .popup-forms input{background:#eaeaea;border-radius:90px;border:none;padding:8px 12px;width:50%}input:focus,textarea:focus{box-shadow:0 4px 4px #769fcd;outline:none}.popup-content .popup-forms input:focus{border-width:8px;background:#fff}.popup-content .popup-title{font-weight:600;font-size:20px;line-height:50px}.button-submit{width:55%;margin-top:8px}.popup-content .button{box-shadow:none}.popup-content .button:hover{box-shadow:0 4px 4px #769fcd}.popup-content .popup-forms input{color:rgba(65,64,64,.87)}.ask-account{display:flex;align-items:center;justify-content:center}.button-text{color:#769fcd}.button-text:hover{cursor:pointer;text-decoration:underline}.popup-content label{color:#769fcd;margin-left:8px;cursor:pointer}.popup-content label:hover{text-decoration:underline}.data-form-input{text-align:left;margin-top:8px}.data-form-title{font-weight:600}.data-form-avatar{object-fit:cover}.data-form-input input{padding:12px 0;width:240px;border:1px solid #e5e5e5;box-sizing:border-box;box-shadow:none;padding:12px 4px;transition:all .2s;width:340px}.data-form-input input:focus{box-shadow:0 4px 4px rgba(0,0,0,.25)}.data-form-input select{padding:12px 0}.data-form-input>textarea,.data-form-input select{border:1px solid #e5e5e5;box-sizing:border-box;box-shadow:none;transition:all .2s;width:340px}.data-form-input>textarea{padding:4px 0;min-height:80px}.data-form-input select:focus,.data-form-input textarea:focus{box-shadow:0 4px 4px rgba(0,0,0,.25)}.data-form-avatar{width:100px;height:100px;background-color:grey;border-radius:400px;margin-bottom:16px;margin-top:16px}.material-input input{padding:8px 4px;height:-webkit-max-content;height:-moz-max-content;height:max-content}.form-login input{color:red}.pengunguman-list{display:flex;flex-wrap:wrap;justify-content:space-around;width:80%}.pengunguman-card{margin-bottom:24px;width:230px;height:320px;transition:all .2s;cursor:pointer}.pengunguman-card,.pengunguman-card-detail{display:flex;flex-direction:column;background:#fff;box-shadow:2px 2px 2px rgba(0,0,0,.25),2px 2px 2px rgba(0,0,0,.25),inset 2px 2px 2px rgba(0,0,0,.25);border-radius:20px}.pengunguman-card-detail{width:80vw;min-height:80vh}.pengunguman-card:hover{box-shadow:3px 3px 3px rgba(0,0,0,.25),3px 3px 3px rgba(0,0,0,.25),inset 0 0 0 rgba(0,0,0,.25)}.pengunguman-card-title:hover{background:#618488;text-decoration:underline}.pengunguman-card-title{font-size:18px;padding:24px;background:#192b45;border-radius:20px 20px 0 0;flex:1 1;color:#fff;box-sizing:border-box;transition:all .5s}.pengunguman-card-description{flex:2 1;box-sizing:border-box;padding:8px 24px}.pengunguman-card-date{font-size:10px;margin-bottom:8px;display:flex;align-items:center}.pengunguman-card-date img{height:14px;margin-right:8px}body,html{scroll-padding:100px;max-width:100vw;overflow-x:hidden}.App,body,html{scroll-behavior:smooth}.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%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fab{background:#f1c40f;opacity:.7}.fab:hover{opacity:1}.hapus-pengumuman-popup{background-color:#fff;z-index:5;padding:42px;box-shadow:0 4px 5px rgba(0,0,0,.25);border-radius:12px}.hapus-pengumuman-actions{display:flex}.hapus-pengumuman-action{padding:8px}.hapus-pengumuman-title{font-weight:700;font-size:24px}.option{display:flex;flex-direction:column;padding-left:24px}.option-head{border:1px solid #e5e5e5;width:100%;padding:8px 12px;align-items:center;display:flex;justify-content:space-between}.date-picker{display:flex;flex-direction:row-reverse}.date-picker img{position:absolute;width:16px;height:16px;object-fit:contain;padding:8px}.option-search{display:flex}.option-search input{background:#fff;box-shadow:1px 1px 1px rgba(0,0,0,.25);border-radius:90px;border:none;height:32px;width:100%;padding-left:38px;box-sizing:border-box}.option-search img{width:20px;height:20px;margin-top:8px;margin-left:8px;object-fit:contain;position:absolute}.option-search input:focus{background:#fff;box-shadow:4px 4px 8px rgba(0,0,0,.25);border-radius:90px}.option input[type=text]{background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;height:32px;margin-bottom:24px}.option input[type=text]:focus{box-shadow:0 4px 4px rgba(0,0,0,.25)}.option-body{width:100%;overflow-y:scroll;padding-right:24px}.option-card{display:flex;justify-content:space-between;background:#f1c40f;height:86px;width:300px;padding:12px;box-sizing:border-box;color:#fff;box-shadow:1px 1px 2px rgba(0,0,0,.25);transition:all .2s;cursor:pointer;margin-bottom:24px}.option-head select{border-radius:4px;padding:4px;border:none;background:#fff;box-shadow:2px 2px 2px rgba(0,0,0,.25)}.option-head select:hover{background:#fff;box-shadow:4px 4px 8px rgba(0,0,0,.25)}.option-card-icon{width:25%}.option-card-body{width:75%}.option-body table{border:none}.option-item-separator{margin-bottom:12px}.option-item{box-shadow:2px 2px 2px rgba(0,0,0,.25);transition:all .2s}.option-item,.option-item:hover{margin-bottom:24px;padding-bottom:1em;background:#fff}.option-item:hover{box-shadow:4px 4px 8px rgba(0,0,0,.25)}.option table tr td{padding:12px 24px;border:none;font-size:12px;width:100px}.option-card-icon img{width:100%;height:100%;object-fit:contain}.option-card-disable{display:flex;justify-content:space-between;background:#fff;height:86px;width:300px;padding:12px;box-sizing:border-box;color:#f1c40f;box-shadow:1px 1px 2px rgba(0,0,0,.25);transition:all .2s;cursor:pointer;margin-bottom:24px}.option-wrapper{display:flex;flex-direction:column;flex:1 1;border-right:1px solid #e5e5e5;padding-right:24px;padding-top:48px}.option-card-title{font-weight:600}.option-card-description{font-size:12px}.option-card-disable:hover{box-shadow:4px 4px 8px rgba(0,0,0,.25)}.stat-single-count{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;box-shadow:4px -4px 4px #e5e5e5,4px 4px 4px #e5e5e5,-4px 0 4px #e5e5e5;border-radius:15px;height:120px;flex-grow:1;margin:24px;padding-top:24px}.stat-title{font-weight:500;font-size:15px}.stat-count{font-size:80px;font-weight:700;color:#f1c40f}.stat-multi-count{justify-content:space-between;padding:0 24px;background-color:#fff}.stat-chart,.stat-multi-count{display:flex;align-items:center;box-shadow:4px -4px 4px #e5e5e5,4px 4px 4px #e5e5e5,-4px 0 4px #e5e5e5;border-radius:15px;margin:24px}.stat-chart{background:#fff;width:250px;height:250px;justify-content:center}.histori-sesi-popup{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;position:absolute;top:0;left:0}.histori-sesi-popup-card{z-index:5;display:flex;justify-content:center;padding:24px;height:80vh;width:90vw;background:#fff;box-shadow:-4px 2px 4px rgba(0,0,0,.25),4px 2px 4px rgba(0,0,0,.25);border-radius:30px;overflow-y:scroll}.histori-sesi-popup-card .table,.histori-sesi-popup-card .table .table-row{width:100%}.histori-sesi-popup-card .table .table-row{display:flex}.histori-sesi-popup-card .table .table-data{display:flex;flex:1 1}.histori-sesi-popup-card .table .table-header{font-weight:700}.report-card .table{width:100%;text-align:center}.report-card .table .table-row{width:100%;display:flex}.report-card .table .table-data{display:flex;flex:1 1}.report-card .table .table-header{font-weight:700}.histori-sesi-popup-backdrop{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#fff;opacity:.5}.edit-pengunguman-popup{z-index:5;display:flex;flex-direction:column;justify-content:center;padding:24px;height:80vh;width:90vw;background:#fff;box-shadow:-4px 2px 4px rgba(0,0,0,.25),4px 2px 4px rgba(0,0,0,.25);border-radius:30px;overflow-y:scroll}.customDatePickerWidth,.customDatePickerWidth>div.react-datepicker-wrapper,.customDatePickerWidth>div>div.react-datepicker__input-container .customDatePickerWidth>div>div.react-datepicker__input-container input{width:140px;margin-left:4px}.admin-login-popup{display:flex;flex-direction:column;align-items:center;padding:32px 8px;border-radius:8px;box-shadow:-4px 2px 4px rgba(0,0,0,.25),4px 2px 4px rgba(0,0,0,.25)}.admin-login-popup input:not(:last-child){margin:0 80px 12px;width:200px;padding:12px;border-radius:18px}.admin-login-popup input:last-child{margin-top:24px}.admin-login-popup-title{font-weight:700;text-align:left;margin-bottom:12px}
/*# sourceMappingURL=main.adfdfad2.chunk.css.map */