body{padding-right:0!important}.website-app :root{--white-transparent:hsla(0,0%,100%,.5);--white:#fff;--black:#000;--text-light:#fff;--text-dark:#231f20;--dark:#3a4166;--dark-gray:#726f6f;--gray:#e1e1e7;--light-gray:#b8b6b6;--light-gray-rgb:237,237,244;--soft-gray:#f4f4f7;--soft-gray-2:#f8f8f8;--blue:#e22726;--primary-surface:#f8c9c9;--blue-gradient:#e22726;--blue-gradient-2:#e22726;--light-blue:#fff1f1;--soft-blue:#fff1f1;--soft-blue-secondary:#fff1f1;--green:#63ed7a;--soft-green:#e0fce4;--red:#fc544b;--soft-red:#f9d5d4;--orange:#f9ac50;--yellow:#ffc107;--soft-orange:#fce8d2;--bg-light:#fff;--shadow-primary:#fff1f1;--shadow-success:rgba(168,245,180,.75);--shadow-danger:rgba(255,112,79,.5);--shadow-dark:rgba(58,65,102,.075)}.website-app .color-primary{color:var(--blue)!important}.website-app .color-dark{color:var(--dark)!important}.website-app .color-secondary{color:var(--dark-gray)!important}.website-app .btn-ss{padding:8px 24px!important}.website-app .btn-ss:hover{box-shadow:none!important}.website-app .btn-primary-ss{background-color:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}.website-app .btn-primary-ss:hover{background-color:#e22726!important;border-color:#e22726!important}.website-app .btn-outline-primary-ss{border-color:var(--blue)!important;color:var(--blue)!important}.website-app .btn-outline-primary-ss:hover{background-color:var(--blue)!important;color:#fff!important}.website-app .btn-outline-danger-ss{border-color:var(--red)!important;color:var(--red)!important}.website-app .btn-outline-danger-ss:hover{background-color:var(--red)!important;color:#fff!important}.website-app .btn-outline-warning-ss{border-color:var(--yellow)!important;color:var(--yellow)!important}.website-app .btn-outline-warning-ss:hover{background-color:var(--yellow)!important;color:#fff!important}.website-app .shadow-primary-ss{box-shadow:0 5px 15px var(--shadow-primary)!important}.website-app .shadow-none-ss{box-shadow:none!important}.website-app .dropdown-ss.dropdown-web-ss .dropdown-toggle:after{margin-left:.5em!important}.website-app .dropdown-ss.dropdown-web-ss .dropdown-menu{border-radius:10px!important;border:1px solid var(--light-graygray);box-shadow:0 10px 25px rgba(58,65,102,.1)!important;min-width:16rem!important;width:auto!important;padding:1rem 0}.website-app .dropdown-ss.dropdown-web-ss .dropdown-menu .dropdown-item{font-size:.875em;color:var(--dark);font-weight:600;padding:1em 1.5em;transition:.3s}.website-app .dropdown-ss.dropdown-web-ss .dropdown-menu .dropdown-item:hover{background-color:var(--soft-blue);border-left:5px solid var(--blue);padding-left:16px}.website-app .dropdown-ss.dropdown-web-ss .dropdown-menu .dropdown-item.active{background-color:var(--soft-blue)}.website-app .wrapper{position:relative;top:-4.5em;border-radius:10px;background-color:#fff;z-index:5;box-shadow:0 10px 30px rgba(3,0,26,.1)}.website-app .wrapper.container{padding:0}.website-app .wrapper li,.website-app .wrapper p{font-size:1.125em;font-weight:600;line-height:35px}.website-app .wrapper li{background:url(/tmp/images/li-marker.svg) no-repeat 0;list-style-type:none}.website-app .my-list li{margin:1em 0}.website-app .title-content{font-weight:600;margin:1.5em 0;z-index:-2}.website-app .title-content:after{content:"";display:block;border-bottom:3px solid var(--blue);width:3em;margin-top:.5em}.website-app .card-img{-o-object-fit:cover;object-fit:cover}.website-app .breadcrumb{border-radius:10px 10px 0 0;background:var(--blue)}.website-app ol.breadcrumb{padding:1.188em}.website-app .breadcrumb-item+.breadcrumb-item:before{color:#fff}.website-app .breadcrumb li{font-weight:600;cursor:pointer}.website-app .title-border{border-left:5px solid var(--blue);padding-left:.42em}.website-app .btn{padding-left:2em;padding-right:2em}.website-app .bg-primary,.website-app .btn-primary-ss{background-color:var(--blue)!important}.website-app .color-primary{color:var(--blue)}.website-app .title-section{font-size:2em}.website-app .awssld__wrapper{margin-top:100px;height:670px}.website-app .awssld__content{justify-content:flex-start;color:#fff}.website-app .awssld__bullets{bottom:50px;right:75px;z-index:99;justify-content:flex-end}.website-app .awssld__bullets button{margin:0 10px}.website-app .slider-body{margin-top:25em;margin-left:5em;margin-right:5em;position:absolute}.website-app .slider-body .title-border i,.website-app .slider-body p{font-size:1.25em}.website-app .slider-body .title-border h2{font-size:2.5em}.website-app .navbar{top:0;min-height:100px;background:url(/img/bg-navbar.png) no-repeat 50%!important;background-size:cover!important}.website-app .card-img-overlay{background:linear-gradient(180deg,rgba(7,0,66,.4),rgba(4,0,36,.45))}.website-app .accordion .card-header{background-color:transparent!important}.website-app .section-header{text-align:center}.website-app .section-header:after{content:"";display:block;margin:0 auto;height:2px;width:200px;background:var(--blue)}.website-app .keen-slider img{width:750px;height:450px;-o-object-fit:cover;object-fit:cover}.website-app [class*=" number-slide"],.website-app [class^=number-slide]{background:gray;display:flex;align-items:center;justify-content:center;font-size:50px;color:#fff;font-weight:500;height:200px}.website-app .navigation-wrapper{position:relative}.website-app .dots{display:flex;padding:10px 0;justify-content:center}.website-app .dot{border:none;width:10px;height:10px;background:#c5c5c5;border-radius:50%;margin:0 5px;padding:5px;cursor:pointer}.website-app .dot:focus{outline:none}.website-app .dot.active{background:#000}.website-app .arrow{width:100px;height:100px;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);fill:#fff;cursor:pointer}.website-app .arrow--left{left:-3.5em}.website-app .arrow--right{right:-3.5em}.website-app .arrow--disabled{fill:hsla(0,0%,100%,.5)}.website-app .banner{margin-top:100px;height:384px}.website-app .footer{background:url(/tmp/images/bg-footer.png) no-repeat 50%;background-size:cover}.website-app .content-page{background:url(/tmp/images/bg-content-page.png);background-repeat:repeat-y;background-size:cover}.website-app hr{border-bottom:2px solid #e1e1e7}.website-app .pointer{cursor:pointer}.website-app .pointer-events-auto{pointer-events:auto!important}.website-app .react-player{background-color:#f4f4f7;border:none;outline:none}.website-app .react-player video:focus{outline:none!important}.website-app .img-frame{top:5.5%;left:6.25%;width:85%}.website-app .img-frame-jurusan{height:77%!important}.website-app .selamat-datang{background:url(/tmp/images/bg-selamat-datang-section.png) no-repeat 50%;background-size:cover}.website-app .selamat-datang .row{margin:0}.website-app .text-visi{font-size:1.5rem;font-weight:500}.website-app .why-us{background:url(/tmp/images/bg-why-us.png) no-repeat 50%;background-size:cover}.website-app .video-profil{position:relative}.website-app .video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white)}.website-app .video-icon:hover{cursor:pointer}.website-app .kompetensi-keahlian{background:url(/tmp/images/bg-kompetensi-keahlian.png) no-repeat 50%;min-height:768px}.website-app .image-jurusan{width:350px;height:250px;transition:.8s;cursor:pointer}.website-app .image-jurusan:after{content:"";position:absolute;z-index:1;top:50%;left:50%;width:500px;height:500px;transform:translate(-140%,-50%);background:linear-gradient(180deg,rgba(7,0,66,.45),rgba(4,0,36,.45));border-radius:50%;transition:.8s}.website-app .image-jurusan:hover:after{transform:translate(-50%,-50%)}.website-app .image-jurusan:hover img{transform:translate(-50%,-50%) scale(1.3) rotate(20deg)}.website-app .image-jurusan img{position:absolute;height:110%;top:50%;left:50%;transform:translate(-50%,-50%);transition:.8s}.website-app .image-jurusan .icon-jurusan{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-2000px,-50%);transition:.8s;transition-timing-function:ease-in;background:var(--blue)}.website-app .image-jurusan:hover .icon-jurusan{transform:translate(-50%,-50%);transition-timing-function:ease}.website-app .virtual-tour{background:url(/tmp/images/bg-virtual-tour.png) no-repeat 50%;background-size:cover}.website-app .berita-dan-literasi .info-terbaru{padding:4px 32px;font-weight:600;border-width:3px}.website-app .berita-dan-literasi .card{border-radius:10px;border:none;box-shadow:0 10px 30px rgba(3,0,26,.2)}.website-app .berita-dan-literasi .card-img{border-radius:10px 10px 0 0}.website-app .berita-dan-literasi .card-title{max-height:75px;overflow:hidden;font-size:1.25em;font-weight:600}.website-app .berita-dan-literasi .card .btn{font-size:.75em;padding:4px 16px}.website-app .berita-dan-literasi .card .card-img-overlay{height:180px;background:linear-gradient(180deg,rgba(7,0,66,.4),rgba(4,0,36,.45));border-radius:10px 10px 0 0}.website-app .guru p{font-weight:700}.website-app .guru .btn-outline-primary{font-size:.75em;font-weight:600;padding:6px 24px}.website-app .card-ekskul{border-radius:10px;border:none;box-shadow:0 20px 30px rgba(3,0,26,.2)}.website-app .card-ekskul .card-img{border-radius:10px 10px 0 0;height:140px}.website-app .card-ekskul .card-body{border-radius:0 0 10px 10px;color:#fff;font-weight:700}.website-app .card-sarpras{transition:.8s;cursor:pointer}.website-app .card-sarpras:after{content:"";position:absolute;z-index:1;top:50%;left:50%;width:500px;height:500px;transform:translate(-140%,-50%);background:linear-gradient(180deg,rgba(7,0,66,.45),rgba(4,0,36,.45));border-radius:50%;transition:.8s}.website-app .card-sarpras:hover:after{transform:translate(-50%,-50%)}.website-app .card-sarpras .btn-primary-ss{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-2000px,-50%);transition:.8s;transition-timing-function:ease-in;font-size:.75em}.website-app .card-sarpras:hover .btn-primary-ss{transform:translate(-50%,-50%);transition-timing-function:ease}.website-app .berita-content .berita-content-text{font-size:1em;line-height:25px}.website-app .berita .berita-img img{width:325px;height:275px;-o-object-fit:contain;object-fit:contain}.website-app .berita .btn-primary-ss{padding:3px 24px}.website-app .img-berita-detail{width:720px;height:360px}.website-app .berita-lainnya img,.website-app .img-berita-detail{-o-object-fit:contain;object-fit:contain}.website-app .kontak-info-content .alamat{background:url(/tmp/images/alamat-icon.svg) no-repeat 0;padding-left:4em}.website-app .kontak-info-content .telepon{background:url(/tmp/images/telepon-icon.svg) no-repeat 0;padding-left:4em}.website-app .kontak-info-content .email{background:url(/tmp/images/email-icon.svg) no-repeat 0;padding-left:4em}.website-app .kontak-form .form-group .form-control::-moz-placeholder{color:#e1e1e7;font-size:.9em}.website-app .kontak-form .form-group .form-control:-ms-input-placeholder{color:#e1e1e7;font-size:.9em}.website-app .kontak-form .form-group .form-control::placeholder{color:#e1e1e7;font-size:.9em}.website-app .kontak-form .form-group textarea{resize:none}.website-app .kontak-form .btn-primary-ss{font-size:.875em}@media screen and (max-width:992px){.website-app .img-frame{top:5.5%;left:6.25%;width:89%}.website-app .img-frame.img-frame-jurusan{width:89%!important;height:73%!important}}@media screen and (max-width:768px){.website-app .why-us .video-profil{display:flex;justify-content:center}.website-app .wrapper-content{padding:0 20px}.website-app .arrow{width:80px;height:80px}.website-app .arrow--left{left:-2em}.website-app .arrow--right{right:-2em}.website-app .wrapper .row,.website-app .wrapper-content{margin:0}.website-app .footer img{width:60px;height:60px;margin-bottom:24px}}@media screen and (max-width:425px){.website-app .arrow{display:none}.website-app .awssld__bullets{bottom:50px;right:0;justify-content:center}.website-app .slider-body{margin-left:1em;margin-right:1em}.website-app .card-ekskul .card-img{height:275px!important}.website-app .lambang-sekolah img{text-align:center}.website-app .wrapper .row,.website-app .wrapper-content{margin:0}}.landing-app :root{--gray:#707070;--secondary-gray:#707070;--blue:#e22726;--primary-surface:#f8c9c9;--secondary-blue:#3146bb;--black:#333}.landing-app html{scroll-behavior:smooth}.landing-app body{padding-right:0!important;color:var(--gray)}.landing-app .hero{width:100%;min-height:768px;background-image:url(/img/landing/BG-Hero.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.landing-app .hero .button-navigation .button-navigation-items .button-navigation-icon{transition:.3s;width:100px;height:100px;border-radius:50%}.landing-app .hero .button-navigation .button-navigation-items p{font-size:.9em;font-weight:600;transition:.3s}.landing-app .hero .button-navigation .button-navigation-items:hover{color:var(--blue);cursor:pointer}.landing-app .hero .button-navigation .button-navigation-items .button-navigation-icon{box-shadow:0 5px 25px rgba(58,65,102,.1)!important}.landing-app .hero .button-navigation .button-navigation-items:hover .button-navigation-icon{box-shadow:0 5px 25px #fff1f1!important}.landing-app .hero .button-navigation .button-navigation-items .icon{width:80px;height:80px;background-size:80px 80px;transition:.5s}.landing-app .hero .button-navigation .button-navigation-items:hover .button-navigation-text{color:var(--blue)!important}.landing-app .hero .button-navigation .button-navigation-items .icon-web{background-image:url(/img/landing/icon-landing-pusat-informasi.png)}.landing-app .hero .button-navigation .button-navigation-items:hover .icon-web{background-image:url(/img/landing/icon-landing-pusat-informasi-hover.png)}.landing-app .hero .button-navigation .button-navigation-items .icon-virtual-tour{background-image:url(/img/landing/icon-landing-jelajah-sekolah.png)}.landing-app .hero .button-navigation .button-navigation-items:hover .icon-virtual-tour{background-image:url(/img/landing/icon-landing-jelajah-sekolah-hover.png)}.landing-app .hero .button-navigation .button-navigation-items .icon-rapor{background-image:url(/img/icon-rapor-admin-portal.svg)}.landing-app .hero .button-navigation .button-navigation-items:hover .icon-rapor{background-image:url(/img/icon-rapor-admin-portal-hover.svg)}.landing-app .hero .button-navigation .button-navigation-items .icon-dapodik{background-image:url(/img/icon-admin-dapodik-portal.svg)}.landing-app .hero .button-navigation .button-navigation-items:hover .icon-dapodik{background-image:url(/img/icon-admin-dapodik-portal-hover.svg)}.landing-app .hero .button-navigation .button-navigation-items .icon-ppdb{background-image:url(/img/landing/icon-landing-ppdb.svg)}.landing-app .hero .button-navigation .button-navigation-items:hover .icon-ppdb{background-image:url(/img/landing/icon-landing-ppdb-hover.svg)}.landing-app .hero .button-navigation .button-navigation-items .icon-smarteschool,.landing-app .hero .button-navigation .button-navigation-items:hover .icon-smarteschool{background-image:url(/img/cazbox-edu.svg)}.landing-app .hero .button-navigation .button-navigation-items .icon-program-gpds{background-image:url(/img/landing/icon-landing-program-gpds.svg)}.landing-app .hero .button-navigation .button-navigation-items:hover .icon-program-gpds{background-image:url(/img/landing/icon-landing-program-gpds-hover.svg)}.landing-app .fitur .fitur-content-text p{line-height:30px}.landing-app .fitur .fitur-content-text .fitur-content-text-button .btn{font-weight:600;padding:7px 45px;transition:.3s}.landing-app .fitur .fitur-content-text .fitur-content-text-button .btn:hover{border:3px solid var(--blue);color:var(--blue);padding:4px 42px;background-color:transparent}:root{--text-light:#fff;--text-dark:#231f20;--dark:#3a4166;--dark-gray:#726f6f;--gray:#e1e1e7;--light-gray:#b8b6b6;--soft-gray:#f4f4f7;--light-gray-rgb:237,237,244;--soft-gray-2:#f8f8f8;--blue:#e22726;--primary-surface:#f8c9c9;--blue-gradient:#e22726;--blue-gradient-2:#e22726;--light-blue:#fff1f1;--soft-blue:#fff1f1;--green:#63ed7a;--soft-green:#e0fce4;--red:#fc544b;--soft-red:#f9d5d4;--orange:#f9ac50;--yellow:#ffc107;--soft-orange:#fce8d2;--bg-light:#fff;--shadow-primary:#fff1f1;--shadow-success:rgba(168,245,180,.75);--shadow-danger:rgba(255,112,79,.5);--shadow-dark:rgba(58,65,102,.075)}.auth-layout{min-height:100vh}.buku-tamu-layout{min-height:100vh;background-image:url(/img/bg-buku-tamu.png);background-size:cover}.buku-tamu-layout .css-1pahdxg-control,.buku-tamu-layout .css-yk16xz-control{font-size:14px!important;padding:5px!important}.buku-tamu-layout label{font-size:16px}.buku-tamu-layout input{font-size:14px}.buku-tamu-layout .css-yk16xz-control .css-1wa3eu0-placeholder{color:#bec8d0!important}.hapus-signature{transition:.3s}.hapus-signature:hover{background-color:var(--red)!important;box-shadow:0 5px 15px var(--shadow-danger)!important}.signature-hover{transition:.3s}.signature-hover:hover{background-color:var(--soft-blue)!important;border-color:var(--blue)!important}.signature-hover:hover .signature-text{color:var(--blue)!important}#buku-tamu{background-color:#eef5ff}#buku-tamu p{width:75%!important}.dangerous-html img{max-width:100%;max-height:500px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;text-align:center;display:block}.dangerous-html p{margin-bottom:0!important;text-indent:0!important}.dangerous-html.excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dangerous-html.text-white *{color:#fff!important}html{overflow-x:hidden}body{font-family:Nunito Sans,sans-serif!important;font-size:inherit!important;color:var(--dark-gray)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;color:inherit;font-weight:inherit!important}.fs-8-ss{font-size:.5em!important}.fs-12-ss{font-size:.75em!important}.fs-10-ss{font-size:.625em!important}.fs-14-ss{font-size:.875em!important}.fs-18-ss{font-size:1.125em!important}.ff-tahoma{font-family:Tahoma,sans-serif!important}.fw-semibold{font-weight:600!important}.fw-extrabold{font-weight:800!important}.fw-black{font-weight:900!important}.color-primary{color:var(--blue)!important}.color-dark{color:var(--dark)!important}.color-secondary{color:var(--dark-gray)!important}.color-success{color:var(--green)!important}.color-danger{color:var(--red)!important}.color-warning{color:var(--orange)!important}.title-page:after{left:0}.title-page-center:after,.title-page:after{content:"";height:5px;width:100px;position:absolute;bottom:-.625em;background:var(--blue)}.title-page-center:after{z-index:10;left:35%}.title-border{border-left:5px solid var(--blue);padding-left:.42em}.bg-yellow{background-color:var(--yellow)!important}.bg-primary{background-color:var(--blue)!important}.bg-primary-surface{background-color:var(--primary-surface)!important}.bg-light-primary{background-color:var(--light-blue)!important}.bg-soft-primary{background-color:var(--soft-blue)!important}.bg-secondary{background-color:var(--dark-gray)!important}.bg-light-secondary{background-color:var(--gray)!important}.bg-light-gray-rgb{background-color:rgba(var(--light-gray-rgb),.45)}.bg-soft-secondary{background-color:var(--light-gray)!important}.bg-very-soft-secondary{background-color:var(--soft-gray)!important}.bg-very-soft-secondary-2{background-color:var(--soft-gray-2)!important}.bg-danger{background-color:var(--red)!important}.bg-soft-danger{background-color:var(--soft-red)!important}.bg-success{background-color:var(--green)!important}.bg-success-proyek{background-color:#51d868!important}.bg-soft-success{background-color:var(--soft-green)!important}.bg-warning{background-color:var(--orange)!important}.bg-soft-warning{background-color:var(--soft-orange)!important}.bg-gray{background-color:var(--gray)!important}.bg-gradient-primary{background:var(--blue-gradient)!important}.bg-gradient-primary-2{background:var(--blue-gradient-2)!important}.bg-transparent{background:transparent!important}.bg-light,.bg-white{background-color:#fff!important}.bg-main,.smartschool-app{background-color:#f8f9fa!important}.hr-ss{height:1px!important;background:var(--gray)!important;opacity:.5!important}.label-ss{padding:4px 16px}.label-light-primary-ss{background-color:var(--light-blue)!important;color:var(--blue)!important;border-color:var(--light-blue)!important}.label-light-warning-ss{background-color:var(--soft-orange)!important;color:var(--orange)!important;border-color:var(--soft-orange)!important}.label-light-success-ss{background-color:var(--soft-green)!important;color:var(--green)!important;border-color:var(--soft-green)!important}.label-light-danger-ss{background-color:var(--soft-red)!important;color:var(--red)!important;border-color:var(--soft-red)!important}.outline-primary-ss{border:1px solid var(--blue)!important;color:var(--blue)!important}.btn-ss{padding:8px 24px!important}.btn-ss:hover{box-shadow:none!important}.btn-primary-ss{background-color:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}.btn-primary-ss:hover{background-color:#e22726!important;border-color:#e22726!important}.btn-outline-primary-ss{border-color:var(--blue)!important;color:var(--blue)!important}.btn-outline-primary-ss:hover{background-color:var(--blue)!important;color:#fff!important}.btn-success-ss{background-color:var(--green)!important;border-color:var(--green)!important;color:#fff}.btn-success-ss:hover{background-color:#45dc5e!important;border-color:#45dc5e!important}.btn-danger-ss{background-color:var(--red)!important;border-color:var(--red)!important;color:#fff}.btn-danger-ss:hover{background-color:#ec453c!important;border-color:#ec453c!important;box-shadow:none!important}.btn-outline-warning-ss{border-color:var(--yellow)!important;color:var(--yellow)!important}.btn-outline-warning-ss:hover{background-color:var(--yellow)!important;color:#fff!important}.btn-outline-danger-ss{border-color:var(--red)!important;color:var(--red)!important}.btn-outline-danger-ss:hover{background-color:var(--red)!important;color:#fff!important}.btn-warning-ss{background-color:var(--yellow)!important;border-color:var(--yellow)!important;color:#fff!important}.btn-warning-ss:hover{background-color:#ecb100!important;border-color:#ecb100!important;color:#fff}.btn-secondary-ss{background-color:var(--dark-gray)!important;border-color:var(--dark-gray)!important;color:#fff!important}.btn-secondary-ss:hover{background-color:#707489!important;border-color:#80849c!important;color:#fff}.btn-secondary-operator-ss{background-color:#e1e1e7!important;border-color:#e1e1e7!important;color:#80849c!important}.btn-secondary-operator-ss:hover{background-color:#d8d8df!important;border-color:#d8d8df!important;color:#80849c}.btn-outline-secondary-ss{border-color:var(--dark-gray)!important;color:var(--dark-gray)!important}.btn-outline-secondary-ss:hover{background-color:var(--dark-gray)!important;color:#fff!important}.btn-secondary-disable-ss:disabled,.btn-secondary-disable-ss[disabled]{background-color:var(--gray)!important;border-color:var(--gray)!important;color:#fff!important}.btn-cetak{background:var(--soft-blue);border:1px solid #fff;transition:.5s}.btn-cetak:hover{background:#e0edff;border-color:var(--blue)}.btn-switch-ss{border:1px solid var(--dark-gray)!important;color:var(--dark-gray)!important;background-color:#fff!important}.btn-switch-ss:hover{border-color:var(--blue)!important}.btn-switch-ss.active,.btn-switch-ss:hover{background-color:var(--light-blue)!important;color:var(--blue)!important}.btn-switch-ss.active{border:1px solid var(--blue)!important}.btn-switch-ss.active:hover{background-color:var(--light-blue)!important;color:var(--blue)!important;border-color:var(--blue)!important}.card-header-ss{border-radius:10px 10px 0 0!important}.card-footer-ss{border-radius:0 0 10px 10px!important}.card-footer-ss,.card-header-ss{background:#fff;border:none}.nav-tabs-ss{border-bottom:5px solid var(--light-gray)}.nav-tabs-ss .nav-link{color:var(--dark-gray)!important;margin-bottom:0!important;border:none!important;position:relative;padding:.5rem 0;margin-right:48px}.nav-tabs-ss .nav-link:after{content:"";height:5px;width:0;position:absolute;left:0;bottom:-.313em;background:var(--blue)}.nav-tabs-ss .nav-link:hover{border:none!important}.nav-tabs-ss .active.nav-link{color:var(--blue)!important}.nav-tabs-ss .active.nav-link:after{width:100%}.side-nav-ss{z-index:3}.side-nav-ss .nav-link{border-radius:.313rem}.side-nav-ss .nav-link:hover{background-color:var(--soft-blue)!important}.side-nav-ss .nav-link:hover .dropdown.dropdown-ss #dropdownEditDeleteKegiatan{display:block!important}.side-nav-ss .nav-link .dropdown.dropdown-ss #dropdownEditDeleteKegiatan{display:none!important}.side-nav-ss .nav-link.active{background-color:var(--soft-blue)!important}.shadow-primary-ss{box-shadow:0 5px 15px var(--shadow-primary)!important}.shadow-secondary-ss{box-shadow:0 5px 15px rgba(225,225,231,.8)!important}.shadow-danger-ss{box-shadow:0 5px 15px var(--shadow-danger)!important}.shadow-success-ss{box-shadow:0 5px 15px var(--shadow-success)!important}.shadow-dark-ss{box-shadow:0 5px 15px var(--shadow-dark)!important}.border-primary-ss{border-color:var(--blue)!important}.border-secondary-ss{border-color:var(--dark-gray)!important}.border-light-secondary-ss{border-color:var(--gray)!important}.border-success-ss{border-color:var(--green)!important}.border-danger-ss{border-color:var(--red)!important}.rounded-ss{border-radius:.625rem!important}.rounded-ss-top-left{border-top-left-radius:.625rem!important}.rounded-ss-top-right{border-top-right-radius:.625rem!important}.rounded-ss-bottom-left{border-bottom-left-radius:.625rem!important}.rounded-ss-bottom-right{border-bottom-right-radius:.625rem!important}.pointer{cursor:pointer}.cursor-default{cursor:default!important}.no-drop,.not-allowed{cursor:not-allowed}.banner{background:var(--blue)!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:50%!important}.banner,.banner-barang{height:250px;left:0;right:0;top:2.25em}.banner-barang{background:url(/img/bg-banner-barang.png)!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:50%!important}.banner-ser{height:200px;background:url(/img/bg-banner-ser.png)!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:50%!important;left:0;right:0;top:2.25em}.z-100{z-index:100}.dropdown-ss .dropdown-toggle:after{margin-left:.5em!important;transform:rotate(0deg)!important}.dropdown-ss .rounded-circle.template-rapor-buku-induk.d-flex.show{transform:rotate(180deg)!important}.dropdown-ss .dropdown-menu{border-radius:10px!important;border:1px solid var(--light-graygray);box-shadow:0 10px 25px rgba(58,65,102,.1)!important;width:16rem;padding:1rem 0}.dropdown-ss .dropdown-menu .dropdown-item{font-size:.875em;color:var(--dark-gray);font-weight:600;padding:1em;transition:.3s}.dropdown-ss .dropdown-menu .dropdown-item.active,.dropdown-ss .dropdown-menu .dropdown-item:hover{background-color:var(--soft-blue)}.dropdown-ss .dropdown-menu-ss{z-index:10!important}.modal{z-index:1101!important}.modal,.modal-open{padding-right:0!important}.modal-backdrop{z-index:1100!important}.modal-ss{background:rgba(3,0,26,.5)!important}.modal-ss .modal-fullscreen .modal-content{border-radius:0!important}.modal-ss .modal-fullscreen .modal-footer,.modal-ss .modal-fullscreen .modal-header{border-radius:0!important;min-height:80px!important}.modal-ss .modal-lg .modal-body,.modal-ss .modal-xl .modal-body{height:550px}.modal-ss .modal-sm{max-width:350px}.modal-ss .modal-sm .modal-content{box-shadow:0 5px 15px var(--shadow-primary)!important}.modal-ss .modal-sm .modal-content .modal-body{height:auto!important;padding:1.5em}.modal-ss .modal-sm .modal-content .modal-footer{height:auto;border-radius:0 0 10px 10px}.modal-ss .modal-content{border-radius:10px;border:none;outline:none}.modal-ss .modal-header{height:85px!important;background-color:var(--blue)!important;color:#fff!important;padding:0 1.5em;border-radius:10px 10px 0 0;border:none}.modal-ss .modal-header .btn-close{background:url(/img/btn-close.svg) 50% no-repeat!important;opacity:1!important}.modal-ss .modal-header.white-background{background-color:#fff!important}.modal-ss .modal-header.white-background .btn-close{background:url(/img/btn-close-grey.svg) 50% no-repeat!important}.modal-ss .modal-body{padding:1.5em}.modal-ss .modal-footer{min-height:80px!important;background-color:var(--soft-gray)!important;border:none;padding:0 1.5em;border-radius:0 0 10px 10px}.modal-ss .modal-footer .btn-primary-ss{border-radius:100px;padding:8px 24px;background:var(--blue-gradient);font-weight:700;font-size:1em!important;box-shadow:0 5px 15px var(--shadow-primary)!important}.modal-ss .modal-footer .btn-secondary{border-radius:100px;padding:8px 32px;background:#fff;border-color:var(--gray);color:var(--dark);font-weight:700;font-size:1em!important}.modal-ss .modal-footer>*{margin:0}.modal-ss .form-label{font-size:1.125em;font-weight:700;color:var(--dark)}.modal-ss .form-control,.modal-ss .form-select{border-radius:.625rem;resize:none;border-color:var(--gray)!important;color:var(--dark);padding:.875em!important}.modal-ss .form-control::-moz-placeholder,.modal-ss .form-select::-moz-placeholder{color:#d0bebe}.modal-ss .form-control:-ms-input-placeholder,.modal-ss .form-select:-ms-input-placeholder{color:#d0bebe}.modal-ss .form-control::placeholder,.modal-ss .form-select::placeholder{color:#d0bebe}.modal-ss.modal-detail .modal-header{background-color:#fff!important;border-bottom:1px solid var(--gray)!important}.modal-ss.modal-detail .modal-header .btn-close{background:url(/img/btn-close-modal-detail.svg) 50% no-repeat!important}.modal-ss.modal-detail .modal-body{height:auto!important;min-height:550px!important}.modal-ss.modal-white .modal-header{background-color:#fff!important}.modal-ss.modal-white .modal-header .btn-close{background:url(/img/btn-close-modal-detail.svg) 50% no-repeat!important}.modal-ss.modal-white .modal-body{height:auto!important;min-height:550px!important}.modal-ss.modal-detail.modal-detail-kategori .modal-header{border-bottom:none!important}.modal-ss.modal-detail.modal-detail-kategori .modal-body{padding-top:0!important}#modalAddPostingan{background:none;position:absolute;height:150vh}#modalAddPostingan .modal-dialog,#modalAddPostingan .modal-dialog .modal-content{overflow-y:visible!important}#modalAddPostingan .modal-dialog .modal-content .modal-body{overflow-y:scroll}.modal-backdrop{background:rgba(3,0,26,.5)!important}.modal-backdrop.show{opacity:1}.reactive-btn.btn-save-admin{padding:12px 48px!important}.reactive-btn.btn-save-admin:not(.no-animation):hover:not(:disabled):not(.disabled){box-shadow:none!important;margin:0!important;padding:12px 48px!important}.reactive-btn{padding:8px 24px!important;box-shadow:0 5px 15px var(--shadow-primary)!important}.reactive-btn:not(.no-animation):hover:not(:disabled):not(.disabled){box-shadow:none!important;margin:0!important;padding:8px 24px!important}.reactive-btn:not(.no-animation):active:not(:disabled):not(.disabled){margin:0!important;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)!important}.reactive-btn:not(.no-animation):focus:not(:disabled):not(.disabled){box-shadow:0 0 0 .25rem rgba(49,132,253,.5)!important}.divider{width:100%;height:1px;background:var(--gray)}.textarea-auto{padding-right:.5em;font-size:.875em!important;color:var(--dark)}.textarea-auto::-moz-placeholder{color:var(--dark-gray)}.textarea-auto:-ms-input-placeholder{color:var(--dark-gray)}.textarea-auto::placeholder{color:var(--dark-gray)}.textarea-auto:active,.textarea-auto:focus{outline:none!important}.form-search.form-control{width:200px;background:url(/img/search-icon.svg) 96% no-repeat!important;border-width:1px;box-shadow:none;cursor:text;border-radius:50rem!important}.form-search.form-control:focus{border-color:var(--blue)!important;box-shadow:0 0 0 .25rem #e22726}.form-check-surel:checked~.form-check-label{background:var(--soft-blue)!important}.form-check-surel .form-check-radio-surel:checked~.form-check-label{box-shadow:none!important;background:var(--soft-blue)!important;border:1px solid var(--blue)!important;transition:.5s}.form-check-surel .form-check-input{z-index:1;top:14%;left:3%;width:19px;height:19px}.form-check-surel .form-check-input:checked~.form-check-label{box-shadow:none!important;background:var(--soft-blue)!important;border:1px solid var(--blue)!important;transition:.5s}.form-check-surel .form-check-label{transition:.5s;border:1px solid #fff!important}.form-check-input{transition:.3s;margin-top:0!important;vertical-align:auto;border-radius:50rem!important}.form-check-input .form-check-label{transition:.3s}.form-check-input:checked,.form-check-input:focus{background-color:var(--blue)!important;border-color:var(--blue)!important}.form-check-input:checked~.form-check-label{border-color:var(--blue)!important}.form-check-ss .form-check-radio:checked~.form-check-label{color:var(--blue)!important}.form-check-ss .form-check-radio-salah:checked~.form-check-label-salah{color:var(--red)!important}.form-check-ss .form-check-input{transition:.3s;margin-top:0!important;vertical-align:auto;border-radius:50rem!important}.form-check-ss .form-check-input .form-check-label{transition:.3s}.form-check-ss .form-check-input:checked~.form-check-label{border-color:var(--blue)!important}.form-check-ss .form-check-input:focus~.form-check-label{box-shadow:0 0 0 .25rem #e22726}.form-check-ss .form-check-ambil-soal:checked~.form-check-label{background-color:var(--light-blue)!important}.form-check-ss .form-check-input-salah{transition:.3s}.form-check-ss .form-check-input-salah:checked{background-color:var(--red)!important;border-color:var(--red)!important}.form-check-ss .form-check-input-salah:focus{box-shadow:0 0 0 .25rem rgba(255,112,79,.25);border-color:var(--red)}.form-check-ss .form-check-input-salah .form-check-label-salah{transition:.3s}.form-check-ss .form-check-input-salah:checked~.form-check-label-salah{border-color:var(--red)!important}.form-check-ss .form-check-input-salah:focus~.form-check-label-salah{box-shadow:0 0 0 .25rem rgba(255,112,79,.25)}.form-check-exam-ss .form-check-radio:checked~.form-check-label{background-color:var(--soft-green)!important;border-color:var(--green)!important}.form-check-exam-ss .form-check-radio:hover~.form-check-label{border-color:var(--green)!important}.form-check-exam-ss .form-check-label{transition:.3s}.form-check-exam-ss .form-check-radio-salah:checked~.form-check-label{background-color:var(--soft-red)!important;border-color:var(--red)!important}.form-check-ragu-ragu .form-check-input{transition:.3s;background-color:var(--yellow)!important;border-color:#fff}.form-check-ragu-ragu .form-check-input:checked{background-color:var(--yellow)!important;border-color:var(--yellow)!important}.form-check-ragu-ragu .form-check-input:focus{box-shadow:0 0 0 .25rem rgba(255,196,115,.25);border-color:var(--yellow)}.form-check-ragu-ragu .form-check-input .form-check-label{transition:.3s}.form-check-ragu-ragu .form-check-input:checked~.form-check-label{color:var(--yellow)!important;background-color:var(--soft-orange)!important;border-color:var(--soft-orange)!important}.form-check-ragu-ragu .form-check-input:focus~.form-check-label{box-shadow:0 0 0 .25rem rgba(255,196,115,.25)!important}.form-switch.form-switch-ss .form-check-input{width:3.75em!important;height:2em!important}.list-group-item{padding:1em}.list-group-flush>.list-group-item:last-child{border-bottom-width:1px}.card-lampiran-materi{border:1px solid var(--gray);padding:16px;border-radius:10px;word-break:break-all}.pdf-icon{width:50px;height:50px;background:var(--blue);line-height:50px;text-align:center;border-radius:50%}.btn-pratinjau-file{width:100px!important;height:24px!important;padding:0!important}.nav-side-tab-ss .nav-link .nav-side-tab-color-secondary{color:var(--dark-gray)!important}.nav-side-tab-ss .nav-link .nav-side-tab-color-dark{color:var(--dark)!important}.nav-side-tab-ss .nav-link.active{background-color:var(--blue)}.nav-side-tab-ss .nav-link.active .nav-side-tab-color-dark,.nav-side-tab-ss .nav-link.active .nav-side-tab-color-secondary{color:#fff!important}.react-multi-select .css-1r4vtzz,.react-multi-select .css-48ayfv{width:100%;border-radius:.625rem;border:1px solid var(--gray);box-shadow:none;padding:1em;font-size:1em!important;background:url(/img/bg-form-select.svg)!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-position-y:47%!important;background-size:16px 12px!important}.react-multi-select .css-1r4vtzz .css-1gpjby2,.react-multi-select .css-1r4vtzz .css-1v99tuv,.react-multi-select .css-48ayfv .css-1gpjby2,.react-multi-select .css-48ayfv .css-1v99tuv{font-family:Nunito Sans,sans-serif!important;font-size:1em!important;font-weight:400!important;color:var(--dark)!important}.react-multi-select .css-1gpjby2{display:none}.react-multi-select .css-1pcexqc-container{border-radius:.625rem!important;box-shadow:0 5px 15px var(--shadow-dark)!important}.react-multi-select .css-1pcexqc-container .css-1jllj6i-control{background-color:var(--soft-gray);border:1px solid var(--gray)}.react-multi-select .css-1pcexqc-container .css-1jllj6i-control,.react-multi-select .css-1pcexqc-container .css-6y1x9t-control{font-family:Nunito Sans,sans-serif!important;border-radius:.625rem!important;margin:1em .5em!important}.react-multi-select .css-1pcexqc-container .css-1vr111p-option{color:var(--dark)!important}.react-multi-select .css-1pcexqc-container .css-1vr111p-option:hover{background-color:var(--soft-blue)!important}.react-multi-select .css-1pcexqc-container .css-1qprcsu-option{background-color:var(--light-blue)!important}.react-multi-select.select-share-posting .css-1r4vtzz,.react-multi-select.select-share-posting .css-48ayfv{width:100%;border-radius:50rem;border:1px solid var(--gray);box-shadow:none;padding:.25em 4em .25em 1.5em;background-position-x:80%}.form-label{font-size:1.125em;font-weight:700;color:var(--dark)}.form-floating-ss.form-floating>label{padding:1rem!important}.form-floating-ss.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.725rem!important;padding-bottom:.625rem!important}.form-floating-ss.form-floating>.form-control:not(:-ms-input-placeholder){padding-top:1.725rem!important;padding-bottom:.625rem!important}.form-floating-ss.form-floating>.form-control:focus,.form-floating-ss.form-floating>.form-control:not(:placeholder-shown){padding-top:1.725rem!important;padding-bottom:.625rem!important}.form-floating>.form-control,.form-floating>.form-select{padding:1em!important}.form-control,.form-select{border-radius:.625rem!important;resize:none!important;border-color:var(--gray)!important;color:var(--dark)!important;padding:.875em;transition:.3s}.form-control::-moz-placeholder,.form-select::-moz-placeholder{color:#bec8d0}.form-control:-ms-input-placeholder,.form-select:-ms-input-placeholder{color:#bec8d0}.form-control::placeholder,.form-select::placeholder{color:#bec8d0}.form-select{background:url(/img/bg-form-select.svg)!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-position-y:47%!important;background-size:16px 12px!important}.form-control[type=date]::-webkit-calendar-picker-indicator,.form-control[type=time]::-webkit-calendar-picker-indicator{color:transparent;opacity:1;display:block;width:.75em;height:.75em;border:none}.form-control[type=date]::-webkit-calendar-picker-indicator{background:url(/img/calendar-day-solid.svg) no-repeat}.form-control[type=time]::-webkit-calendar-picker-indicator{background:url(/img/clock-solid.svg) no-repeat}.form-control:hover,.form-select:hover{border-color:var(--blue)!important}.form-control:focus,.form-select:focus{border-color:var(--blue)!important;box-shadow:0 0 0 2px rgba(24,144,255,.2)!important}.form-control.rounded-pill{border-radius:50rem!important}.anticon.anticon-check.ant-steps-finish-icon svg{margin-bottom:7px!important}.ant-steps-item-title{font-weight:700!important}.ant-steps-item-icon{background-color:var(--blue)!important;border:none!important;color:#fff!important}.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title,.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:var(--dark)!important}.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:var(--gray)!important}.ant-select-selector{border-radius:.625rem!important;padding:.875em!important}.ant-select-multiple .ant-select-selection-item{position:static!important;line-height:1.75!important}.ant-select-dropdown{z-index:1150!important}.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:var(--blue)!important;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--blue)!important;border-right-width:1px!important}.ant-select-multiple .ant-select-selection-placeholder{right:20px!important;left:20px!important}.ant-select-selection-placeholder{font-size:16px!important}.form-konfirmasi-salah,.form-konfirmasi-salah:focus{box-shadow:0 0 0 .25rem rgba(255,112,79,.25)!important;border-color:var(--red)!important}.rotate-180{transform:rotate(180deg)}.rotate-0{transform:rotate(0deg)}.scrollbar-x-overlay{overflow-x:hidden!important}.scrollbar-x-overlay:hover{overflow-x:scroll!important}.scrollbar-y-overlay:hover{overflow-y:scroll!important}.hover-scale{transition:.3s}.hover-scale:hover{transform:scale(1.2)!important}.hover-shadow-none{transition:.3s}.hover-shadow-none:hover{box-shadow:none!important}.img-fit-cover{-o-object-fit:cover;object-fit:cover}.img-fit-contain,.img-fit-cover{-o-object-position:center;object-position:center}.img-fit-contain{-o-object-fit:contain;object-fit:contain}.accordion-ss .accordion-button:after{background-image:url(/img/accordion-dropdown.svg);width:1em;height:1em;background-size:1em}.pdf-ss{height:200px}.sb-avatar{font-family:Nunito Sans!important;font-size:1em!important;font-weight:700!important}.icon-navigasi-operator{width:80px;height:80px}.ant-badge-count{background:#fc544b!important;box-shadow:none!important}.badge-primary-ss .ant-badge-count{background:#2680eb!important}.help-items{transition:.3s}.help-items:hover{background-color:var(--soft-blue)!important}.__floater__body .react-joyride__tooltip{border-radius:10px;box-shadow:0 10px 25px hsla(0,0%,100%,.5)!important}.__floater__body button[data-action=primary]{background-color:var(--blue)!important;box-shadow:0 5px 15px var(--shadow-primary)!important;transition:.3s}.__floater__body button[data-action=primary]:hover{background-color:#e22726!important;box-shadow:none!important}.__floater__body button[data-action=back],.__floater__body button[data-action=skip]{font-weight:700!important}.__floater__body button[data-action=skip]{color:var(--dark-gray)!important}.__floater__body button[data-action=back]{color:var(--blue)!important}.__floater__body button[data-action=close] svg g path{fill:var(--dark)!important}.select-ant-ss .ant-select-selector{height:54.5px!important}.select-ant-ss .ant-select-selector,.select-ant-ss .ant-select-selector .ant-select-selection-search{display:flex!important;align-items:center!important}.select-ant-ss .ant-select-selector .ant-select-selection-item{position:static!important}.filter-hari-jam-mengajar select.form-select{padding:8px 32px 8px 24px!important;border-radius:50em!important}.table-istirahat{background:rgba(255,196,115,.2)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{-moz-appearance:textfield!important}.bg-proyek-kolaborasi{height:125px}.bg-detail-proyek-kolaborasi{height:185px}.css-yk16xz-control{padding:.475rem;border-color:var(--gray)!important;border-radius:.625rem!important;cursor:pointer}.css-yk16xz-control .css-1wa3eu0-placeholder{color:#bec8d0!important}.css-yk16xz-control .css-1okebmr-indicatorSeparator{display:none}.unduh-select .css-26l3qy-menu{position:relative!important;z-index:9999999999999!important}.css-1fhf3k1-control{padding:.475rem;border-color:var(--gray)!important;border-radius:.625rem!important}.css-1fhf3k1-control .css-1wa3eu0-placeholder{color:var(--gray)!important}.css-1fhf3k1-control .css-109onse-indicatorSeparator{display:none}.css-1pahdxg-control{padding:.475rem;border-color:var(--blue)!important;border-radius:.625rem!important;box-shadow:0 0 0 2px rgba(24,144,255,.2)!important}.css-1pahdxg-control .css-1okebmr-indicatorSeparator{display:none}.bg-partner-kolaborasi{height:65px}.bg-detail-partner-kolaborasi{height:150px}.footer-button .btn-primary-ss{border-radius:100px;padding:8px 24px;background:var(--blue-gradient);font-weight:700;font-size:1em!important;box-shadow:0 5px 15px var(--shadow-primary)!important}.footer-button .btn-primary-ss:hover{box-shadow:none!important}.footer-button .btn-secondary{border-radius:100px;padding:8px 32px;background:#fff;border-color:var(--gray);color:var(--dark);font-weight:700;font-size:1em!important}.footer-button .btn-secondary:hover{background:var(--dark-gray);color:#fff}.ant-picker-input input{font-size:1rem!important}.ant-picker-input .ant-picker-suffix{margin-left:0;padding:.2em}.ant-picker-dropdown{z-index:1150!important}.go2484888251,.go4268192979{transform:translate(-25%,-25%)}.rpp-meta-data{margin-top:-1px}.love-rpp-responsive .go2484888251,.love-rpp-responsive .go4268192979{transform:translate(30%,-25%)}.btn-tambah-table{transition:.3s;background:rgba(217,238,255,.3)}.btn-tambah-table:hover{background:rgba(217,238,255,.75)}.table-ketidakhadiran-rapor{width:30%}.ant-input-number-handler-wrap{display:none!important}.table-kkm{display:flex}.table-kkm .table-kkm-list{display:flex;align-items:center;padding:.5em;margin-left:.1em}.table-kkm .table-kkm-list:first-child{border-left:10px solid var(--blue);margin-left:0;flex:1 1;min-width:45%;width:100%}.table-kkm .table-kkm-list:nth-child(2),.table-kkm .table-kkm-list:nth-child(3){margin-left:0;min-width:10%;width:100%}.table-kkm .table-kkm-list:nth-child(4){margin-left:0;max-width:75px;width:100%}.table-kkm.table-kkm-heading .table-kkm-list.table-kkm-heading{padding-top:1em!important;padding-bottom:1em!important;color:var(--dark);background:rgba(237,237,244,.4);font-weight:700}.table-kkm.table-kkm-heading .table-kkm-list.table-kkm-heading:first-child{padding-left:1.25em}.table-template{display:flex}.table-template .table-template-list{display:flex;align-items:center;padding:.5em;margin-left:.1em}.table-template .table-template-list:first-child{border-left:10px solid var(--blue);margin-left:0;flex:1 1;min-width:30%;width:100%}.table-template .table-template-list:nth-child(2){margin-left:0;min-width:10%;width:100%}.table-template .table-template-list:nth-child(3){margin-left:0;max-width:50%;width:100%}.table-template .table-template-list:nth-child(4){margin-left:0;max-width:40px;width:100%}.table-template.table-template-heading .table-template-list.table-template-heading{padding-top:1em!important;padding-bottom:1em!important;color:var(--dark);background:rgba(237,237,244,.4);font-weight:700}.table-template.deleted .table-template-list:first-child{border-left:10px solid var(--dark-gray)!important}.sb-avatar__image{-o-object-fit:cover!important;object-fit:cover!important}.print-page{width:100%;font-family:Tahoma,sans-serif!important;color:#000!important}.print-page .border-dark{border-color:#000!important}.print-page .table tr{border:2px solid #000}.print-page .table td,.print-page .table th{border:2px solid #000;padding:.5em 1em}.print-page .rapor-yadika-print .table td,.print-page .rapor-yadika-print .table th{border:2px solid #000;padding:2px 8px!important}.print-page.color-dark{color:#000!important}.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.note-modal-backdrop{z-index:899!important}.twitter-picker{box-shadow:none!important;border:1px solid var(--gray)!important;border-radius:10px!important}.twitter-picker div{margin:0 16px 16px 0!important}.note-editor.note-frame{border-radius:.625rem;border-color:var(--gray)!important}.note-editor.note-frame .note-toolbar{border-radius:.625rem .625rem 0 0;background-color:#fff!important;border-color:var(--gray)!important;padding:4px 8px 8px}.note-editor.note-frame .note-toolbar .note-btn-group button{border:none}.note-editor.note-frame .note-toolbar button.note-btn.dropdown-toggle:after{display:none!important}.note-editor.note-frame .note-toolbar .note-icon-font.note-recent-color{background-color:var(--light-blue)!important}.note-editor.note-frame .note-toolbar .note-btn.active,.note-editor.note-frame .note-toolbar .note-btn.focus,.note-editor.note-frame .note-toolbar .note-btn:active,.note-editor.note-frame .note-toolbar .note-btn:focus,.note-editor.note-frame .note-toolbar .note-btn:hover{background-color:var(--soft-blue)!important}.note-editor.note-frame .note-toolbar .note-btn i{color:var(--dark)!important}.note-editor.note-frame .note-toolbar .note-btn.active,.note-editor.note-frame .note-toolbar .note-btn:active{background-image:none;box-shadow:none!important}.note-editor.note-frame .note-toolbar .note-btn.active i,.note-editor.note-frame .note-toolbar .note-btn:active i{color:var(--blue)!important}.note-editor.note-frame .note-toolbar .note-dropdown-menu{border-radius:10px!important;border:1px solid var(--light-gray);box-shadow:0 10px 25px rgba(58,65,102,.1)!important}.note-editor.note-frame .note-toolbar .note-dropdown-menu .note-dropdown-item{border-radius:5px;padding-top:2px;padding-bottom:2px;color:var(--dark);transition:.3s}.note-editor.note-frame .note-toolbar .note-dropdown-menu .note-dropdown-item:hover{background-color:var(--soft-blue)}.note-editor.note-frame .note-editable{min-height:150px}.note-editor.note-frame .note-resizebar,.note-editor.note-frame .note-statusbar{display:none}.note-editor.note-frame .note-modal.open{background:rgba(3,0,26,.5)!important;font-family:Nunito Sans!important}.note-editor.note-frame .note-modal.open .note-modal-content{border-radius:10px;border:none;outline:none;box-shadow:0 5px 15px var(--shadow-primary)!important;transform:translateY(50%)}.note-editor.note-frame .note-modal.open .note-modal-content .note-modal-header{padding:24px;border-radius:10px 10px 0 0;background-color:var(--blue)!important;border:none}.note-editor.note-frame .note-modal.open .note-modal-content .note-modal-header h4{color:#fff!important;font-weight:700!important}.note-editor.note-frame .note-modal.open .note-modal-content .note-modal-header button{background:url(/img/btn-close.svg) 50% no-repeat!important;opacity:1!important;width:24px;height:24px}.note-editor.note-frame .note-modal.open .note-modal-content .note-modal-header button i{display:none!important}.note-editor.note-frame .note-modal.open .note-modal-content .note-modal-body{padding:24px}.note-editor.note-frame .note-modal.open .note-modal-content .note-modal-body label{margin-bottom:8px}.note-editor.note-frame .note-modal.open .note-modal-content .note-modal-body input{padding:12px 16px;border-color:var(--gray)!important}.note-editor.note-frame .note-modal.open .note-modal-content .note-modal-body input.note-dialog-image-file-16312401244091{border-radius:10px!important}.note-editor.note-frame .note-modal.open .note-modal-content .note-modal-footer{padding:24px;height:80px;background-color:var(--soft-gray)!important;border-radius:0 0 10px 10px}.note-editor.note-frame .note-modal.open .note-modal-content .note-modal-footer .btn-primary-ss{border-radius:100px;padding:8px 24px;background:var(--blue-gradient);font-weight:700;font-size:1em!important;box-shadow:0 5px 15px var(--shadow-primary)!important;transition:.3s}.note-editor.note-frame .note-modal.open .note-modal-content .note-modal-footer .btn-primary-ss:hover{box-shadow:none!important}.code-input{display:flex;flex-direction:column;align-items:flex-start}.code-input .code-label{margin-bottom:16px}.code-input .code-inputs{display:flex;justify-content:space-between;align-items:center}.code-input .code-inputs .form-control{text-align:center;width:14%!important;height:50px!important;padding:8px!important;font-weight:900!important;font-size:20px!important;color:var(--dark)!important}.bg-cover{background-size:cover!important}.bg-contain{background-size:contain!important}.bg-no-repeat{background-repeat:no-repeat!important}.bg-center{background-position:50%!important}.bg-x-left{background-position-x:left!important}.bg-x-center{background-position-x:center!important}.bg-x-right{background-position-x:right!important}.bg-y-top{background-position-x:top!important}.bg-y-center{background-position-x:center!important}.bg-y-bottom{background-position-x:bottom!important}.input-file-ss{border:1px solid #e22726;background-color:#fff1f1;transition:.3s}.input-file-ss:hover{border-color:#f05c5c;background-color:var(--primary-surface)}.file-attachment-ss{border:1px solid var(--soft-blue);background-color:var(--soft-blue);transition:.3s}.file-attachment-ss:hover{border-color:#f05c5c;background-color:#d9e9ff}.btn-collapse span img{transition:.3s}.btn-collapse.active span img{transform:rotate(-180deg)!important}.clamp-1{-webkit-line-clamp:1}.clamp-1,.clamp-2{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.clamp-2{-webkit-line-clamp:2}.clamp-3{-webkit-line-clamp:3}.clamp-3,.clamp-4{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.clamp-4{-webkit-line-clamp:4}.btn-collapse.collapsed span img{transform:rotate(-180deg)!important}.css-yk16xz-control:hover{border-color:var(--blue)!important;cursor:pointer!important}main{min-height:100vh;padding-top:77px}main.main-ppdb{padding-top:0!important}.card-ss{box-shadow:0 10px 30px rgba(58,65,102,.075)!important;border:none;border-radius:10px!important}.navbar-ss{z-index:1001;box-shadow:0 10px 25px rgba(3,0,26,.3)!important}.avatar{border:4px solid #fff!important;border-radius:50%}.nav-link-ss{padding:0}.nav-link-ss.active{border-bottom:5px solid var(--blue);background:#fff!important;color:var(--blue)!important;border-radius:0}.nav-pills-ss .active{background:var(--soft-blue)!important;color:var(--text-dark)!important}.nav-pills-ss a{color:var(--text-dark)}.modal-content-ss{min-height:500px}.form-search{position:relative}.form-search span{position:absolute;right:0;transform:translateY(-36px) scale(.8)}.table-responsive{overflow-y:hidden}.table-ss td,.table-ss th{text-align:left}.table-ss{width:100%;border-collapse:collapse}.table-ss td,.table-ss th{padding:1.5rem}.table-ss th{background:rgba(237,237,244,.35);font-size:1.125em;font-weight:700;color:var(--dark)}.table-ss tr{color:var(--dark-gray)}.table-ss tr:nth-child(odd){background:rgba(244,244,247,.4)}.table-ss.table-mutasi tr{background:#fff!important}.table-ss.table-mutasi td{border:1px solid var(--gray)}.switch-nav{width:280px;box-shadow:0 5px 20px #fff1f1!important}.switch-nav .nav-item{z-index:2}.switch-nav .nav-item .nav-link{width:130px;color:var(--dark-gray)!important;transition:.3s;z-index:1}.switch-nav .nav-item .nav-link.active{color:#fff!important;background-color:transparent!important}.switch-nav .nav-item .slider{width:130px;height:38px;transition:.3s;top:0;left:0;z-index:-1}.switch-nav .nav-item .nav-link~.slider{transform:translateX(100%)}.switch-nav .nav-item .nav-link.active~.slider{transform:translateX(0)}.mb-login{margin-bottom:96px}.card-role{border-color:var(--gray);transition:.3s}.card-role:hover{border-color:var(--blue)!important;background:#fff1f1}.card-role:hover .card-body h5{color:var(--blue)!important}.form-login{width:80%!important}.alert-hallo-content{max-width:45%}.alert-hallo-new .alert-hallo-content-new{max-width:50%}.alert-hallo-new img{width:230px!important;position:absolute;top:-13%;right:4%}.card-absen-kelas{min-height:155px}.card-absen-kelas .card-header-ss{background-color:#e22726!important;background-size:cover!important;background-position:50%!important;height:62px}.card-absen-kelas .list-kelas:hover{background-color:var(--soft-blue)}.card-absen-kelas.card-list-jadwal-ujian .card-header-ss{background-color:#e22726!important;background-size:cover!important;background-position:50%!important}.card-absen-hadir,.card-absen-izin,.card-absen-sakit{border-color:var(--gray);transition:.3s}.card-absen-hadir:hover{border-color:var(--blue)!important;background:var(--primary-surface)}.card-absen-hadir:hover .card-body h5{color:var(--blue)!important}.card-absen-hadir.active{border-color:var(--blue)!important;background:var(--primary-surface)}.card-absen-hadir.active .card-body h5{color:var(--blue)!important}.card-absen-izin:hover{border-color:var(--green)!important;background:rgba(168,245,180,.075)}.card-absen-izin:hover .card-body h5{color:var(--green)!important}.card-absen-izin.active{border-color:var(--green)!important;background:rgba(168,245,180,.075)}.card-absen-izin.active .card-body h5{color:var(--green)!important}.card-absen-sakit:hover{border-color:var(--orange)!important;background:rgba(255,196,115,.075)}.card-absen-sakit:hover .card-body h5{color:var(--orange)!important}.card-absen-sakit.active{border-color:var(--orange)!important;background:rgba(255,196,115,.075)}.card-absen-sakit.active .card-body h5{color:var(--orange)!important}.card-tugas-kelas .card-header{min-height:113px}.card-tugas-kelas .label-ss{width:90px!important;height:24px!important;padding:0!important}.notification-bar-verification{top:77px!important;z-index:75!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:50%!important}.card-kelas-ss .card-body{border-radius:10px 10px 0 0;background:var(--blue-gradient)!important;background-size:cover;background-position:100%;height:156px}.card-kelas-ss .card-body .card-kelas-name{max-width:75%!important}.card-kelas-ss .card-kelas-footer{border-radius:0 0 10px 10px}.card-kelas-ss.materi-lainnya .dropdown{visibility:hidden}.card-kelas-ss:hover.materi-lainnya .dropdown{visibility:visible}.card-jadwal-hari-ini .card-header-ss{background:var(--blue)}.card-jadwal-hari-ini .jadwal-items{transition:.3s}.card-jadwal-hari-ini .jadwal-items:hover{background-color:var(--soft-blue)}.card-jadwal-hari-ini .jadwal-items-active{background-color:var(--soft-green)}.card-jadwal-hari-ini .jadwal-items-non-absen{background-color:var(--soft-red)}.card-jadwal-hari-ini .jadwal-items-active .btn-success-ss{padding:4px 20px!important}.container-jadwal{right:0}.date-picker-kehadiran .ant-picker{border-radius:50em 0 0 50em!important;padding:8px 24px!important;border-color:var(--gray)!important}.date-picker-kehadiran .btn-ss{border-radius:0 50em 50em 0;border:1.5px solid var(--blue)!important}.main-jadwal-mengajar{padding-top:0!important;padding-left:204px!important;background:var(--soft-gray)!important}.side-nav-jadwal-mengajar{position:fixed;left:0;bottom:0;width:214px;height:calc(100vh - 139.19px);background:#fff;overflow-y:auto}.side-nav-jadwal-mengajar .side-nav-item{transition:.3s}.side-nav-jadwal-mengajar .side-nav-item:hover{background:var(--soft-blue)}.select-jadwal-mengajar .css-1pahdxg-control,.select-jadwal-mengajar .css-yk16xz-control{font-size:14px!important;padding-bottom:0!important;padding-top:0!important}.kelas-rekap.slider-rapor.slider-peserta-ujian.slider-hari-mengajar .horizontal-menu{padding:0!important}.kelas-rekap.slider-rapor.slider-peserta-ujian.slider-hari-mengajar .horizontal-menu .menu-wrapper .menu-wrapper--inner{height:39px!important}.kelas-rekap.slider-rapor.slider-peserta-ujian.slider-hari-mengajar .arrow-next{right:-14px!important}.kelas-rekap.slider-rapor.slider-peserta-ujian.slider-hari-mengajar .arrow-prev{left:-14px!important}.select-kelas-jadwal-mengajar .css-1fhf3k1-control .css-109onse-indicatorSeparator,.select-kelas-jadwal-mengajar .css-1pahdxg-control .css-1okebmr-indicatorSeparator,.select-kelas-jadwal-mengajar .css-yk16xz-control .css-1okebmr-indicatorSeparator{display:block!important}.list-penerima-surat-keputusan:hover .list-penerima-surat-keputusan-menu{display:block}.list-penerima-surat-keputusan .list-penerima-surat-keputusan-menu{transition:.3s;display:none;position:absolute;left:0;top:44px;border-radius:10px!important;border:1px solid var(--light-graygray);background:#fff;box-shadow:0 10px 25px rgba(58,65,102,.1)!important;min-width:16rem!important;width:auto!important;padding:8px 0;z-index:1}.list-penerima-surat-keputusan .list-penerima-surat-keputusan-menu .list-penerima-surat-keputusan-item{list-style:none!important;font-size:.875em;color:var(--dark);font-weight:600;padding:8px 16px;transition:.3s}.list-penerima-surat-keputusan .list-penerima-surat-keputusan-menu:hover{display:block}.card-rekening-keuangan{background-image:url(/img/bg-kartu-rekening.png)!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:50%!important}.card-rekening-keuangan:hover #dropdownMenuLink{display:flex!important}.card-rekening-keuangan #dropdownMenuLink{display:none!important}.card-overview-dashboard-keuangan{background:url(/img/bg-pattern.png) 100% 0;background-repeat:no-repeat}.dropdown-toggle.dropdown-search-perpustakaan-toggle.dropdown-toggle-secondary:after{background-image:url(/img/icon-dropdown-secondary.svg)!important}.dropdown-toggle-secondary:focus{border-color:var(--blue)!important}.form-control.form-search.form-search-mutasi{width:100%!important}.form-control.form-search.form-search-mutasi::-moz-placeholder{color:var(--dark-gray)!important}.form-control.form-search.form-search-mutasi:-ms-input-placeholder{color:var(--dark-gray)!important}.form-control.form-search.form-search-mutasi::placeholder{color:var(--dark-gray)!important}.date-picker-mutasi{border-color:var(--gray)!important}.date-picker-mutasi input{font-size:16px}.date-picker-mutasi input::-moz-placeholder{color:var(--dark-gray)!important;font-weight:600}.date-picker-mutasi input:-ms-input-placeholder{color:var(--dark-gray)!important;font-weight:600}.date-picker-mutasi input::placeholder{color:var(--dark-gray)!important;font-weight:600}.date-picker-mutasi .ant-picker-suffix{color:var(--dark-gray)!important}.ant-picker-focused{border-color:var(--blue)!important}.form-search-mutasi.form-search-tunggakan{background-position:98%}.daftar-akun-keuangan .nestable-icon{border-radius:50rem!important;box-shadow:0 10px 30px var(--shadow-primary);margin:0!important}.daftar-akun-keuangan .icon-minus-gray,.daftar-akun-keuangan .icon-plus-gray,.daftar-akun-keuangan .nestable-icon{width:24px!important;height:24px!important}.daftar-akun-keuangan .icon-minus-gray{background-image:url(/img/icon-collapse-up.svg)}.daftar-akun-keuangan .icon-plus-gray{background-image:url(/img/icon-collapse-down.svg)}.input-saldo-rekening .ant-input-number-input-wrap input:not([type=range]){text-align:left!important}.btn-tambah-rumus-laba-rugi{transition:.3s;padding:8px 24px;border-left:10px solid #bfc1cd;background:#f9f9fb}.btn-tambah-rumus-laba-rugi:hover{border-left:10px solid #999caf;background:var(--soft-gray)}.rumus-tag .rumus-tag-text{border-radius:5px 0 0 5px;background:var(--gray)}.rumus-tag .rumus-tag-times{border-radius:0 5px 5px 0;background:var(--gray);transition:.3s}.rumus-tag .rumus-tag-times:hover{color:var(--red)!important;background:var(--soft-red)}.kategori-rumus-laba-rugi-wrap .kategori-rumus-laba-rugi-item{transition:.3s}.kategori-rumus-laba-rugi-wrap .kategori-rumus-laba-rugi-item .kategori-rumus-laba-rugi-plus{transition:.3s;opacity:0}.kategori-rumus-laba-rugi-wrap .kategori-rumus-laba-rugi-item:hover{background:var(--soft-blue);color:var(--blue)!important}.kategori-rumus-laba-rugi-wrap .kategori-rumus-laba-rugi-item:hover .kategori-rumus-laba-rugi-plus{opacity:1}.select-perencanaan-analisis-keuangan .css-1pahdxg-control,.select-perencanaan-analisis-keuangan .css-yk16xz-control{border-radius:50rem!important;padding-top:1px!important;padding-bottom:1px!important}.select-akun-keuangan .css-1pahdxg-control,.select-akun-keuangan .css-yk16xz-control{border-radius:50rem!important;padding-top:0!important;padding-bottom:0!important;height:42px!important}.card-header-kelas-ss .card-body{border-radius:10px 10px 0 0;background:url(/img/bg-smartschool-1.png) no-repeat 50%;background-size:cover}.card-analisis-materi .topik-items .label-topik{width:90px;height:24px}.card-analisis-materi .topik-items{transition:.3s}.card-analisis-materi .topik-items:hover{background-color:var(--soft-blue)}.card-analisis-materi .topik-items p{max-width:60%}.card-post .card-post-content{max-width:73%}#modalNilaiTugas .modal-header{height:auto!important}#modalNilaiTugas .modal-header .modal-title .dropdown-menu{width:100%}.btn-pengembalian-tugas{top:484px}.list-absen-kelas .list-group-info .label-ss{width:90px;height:30px}.list-absen-kelas .list-group-info .btn-ss{width:160px;height:30px;padding:0!important}.drop-file{border:1px solid var(--light-blue)}.card-content-informasi-tugas{max-height:calc(100vh - 213px);overflow:hidden}.card-content-informasi-tugas:hover{overflow-y:scroll}.card-content-lampiran-tugas{min-height:calc(100vh - 213px)}.kegiatan-items{border:1px solid #e22726;background-color:#fff1f1;transition:.3s}.kegiatan-items:hover{border-color:#f05c5c;background-color:var(--primary-surface)}.kegiatan-items.disabled{background-color:#f4f4f7!important;pointer-events:none!important}.kegiatan-items.disabled,.kegiatan-items.disabled:hover{border-color:transparent!important}.btn-tambah-kegiatan-item{transition:.3s;background-color:#fff1f1;border:1px solid #fff1f1}.btn-tambah-kegiatan-item:hover{background-color:#fff1f1;border-color:var(--blue)}.btn-tambah-kegiatan-item:focus{border-color:var(--blue)!important;outline:none!important}.nav-kegiatan.kelas-rekap .horizontal-menu{padding:0!important}.nav-kegiatan.kelas-rekap .horizontal-menu .menu-wrapper .menu-wrapper--inner{height:106px!important}.nav-kegiatan.kelas-rekap .horizontal-menu .arrow-next,.nav-kegiatan.kelas-rekap .horizontal-menu .arrow-prev{top:50%!important;transform:translateY(-50%)!important}.banner.banner-kegiatan{height:190px}.card-materi-ss .card-body{border-radius:10px}.card-detail-materi{background-color:var(--bg-light);padding:16px;border-radius:10px;min-height:192px}.card-detail-materi .ellipsis-h{right:0;top:0;margin:16px 16px 0 0;cursor:pointer}.card-detail-materi .circle{display:inline-block;background-color:var(--blue);width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;color:var(--text-light);margin-bottom:16px}.card-detail-materi.tambah-bab{background-color:transparent;border:2px solid var(--gray);display:flex;justify-content:center;align-items:center}.card-detail-materi.tambah-bab .plus{background-color:var(--dark-gray);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 5px 15px rgba(58,65,102,.3)!important}.side-nav-ujian{width:261px;min-height:196px;position:fixed}.table-stream-ujian .label-ss{padding:0!important;width:105px!important;height:24px!important}.ant-statistic-content{display:flex!important;font-size:14px!important;font-family:Nunito Sans,sans-serif!important}.ant-statistic-content .ant-statistic-content-value{color:var(--blue)!important}.dropdown-ss.dropdown-kelas-ujian .dropdown-menu{max-height:432px;overflow-y:auto!important}.back-to-ujian-detail{position:fixed!important}.dropdown-toggle.dropdown-search-perpustakaan-toggle.dropdown-kelas-peserta-ujian-toggle:after{width:12px!important;height:12px!important;background-size:12px!important;vertical-align:0!important;margin-left:1.5em!important;transition:.3s}.kelas-rekap.slider-rapor.slider-peserta-ujian .horizontal-menu .menu-wrapper .menu-wrapper--inner{height:84px!important}.ujian-content-footer{position:fixed!important}.waktu-ujian .ant-statistic-content{font-size:18px!important}.waktu-ujian .ant-statistic-content-value{color:#fff!important}.main-mengerjakan-ujian .wrapper-fixed{top:82px;left:0;right:0;z-index:99}.table-analisis-soal-ujian{table-layout:fixed!important}.table-analisis-soal-ujian .tr-collapse-button{transition:.3s}.table-analisis-soal-ujian .tr-collapse-button.show,.table-analisis-soal-ujian .tr-collapse-button:hover td{background-color:#f8f8fa!important}.list-number-topik-container{width:168px;min-height:553px;max-height:553px;background:var(--soft-blue);border-radius:10px;position:fixed;overflow-x:hidden}.list-number-topik-container .mt-50{margin-top:50px}.list-number-topik-container .list-number-topik-header{background:var(--blue);border-top-left-radius:10px;border-top-right-radius:10px}.list-number-topik-container .list-number-topik-header div{padding:16px 0}.list-number-topik-container .list-number-topik-content{margin-top:24px}.list-number-topik-container .list-number-topik-content .plus-container{background:var(--dark-gray);width:50px;height:50px;line-height:50px;border-radius:50%;position:relative;z-index:2;text-align:center;cursor:pointer}.list-number-topik-container .list-number-topik-content .plus-container.stick-to-bottom{bottom:20px}.list-number-topik-container .list-number-topik-content .list-number-topik-circle{position:relative;z-index:1}.list-number-topik-container .list-number-topik-content .list-number-topik-circle .circle{display:inline-block;width:50px;height:50px;text-align:center;line-height:50px;background-color:var(--bg-light);border-radius:50%;box-shadow:0 5px 15px var(--shadow-dark);color:var(--text-dark)}.list-number-topik-container .list-number-topik-content .list-number-topik-circle .circle.active{background-color:var(--blue);color:var(--text-light)}.list-number-topik-container .list-number-topik-content .list-number-topik-stripe{width:23px;height:70px;background:var(--gray);position:absolute;left:50%;transform:translateX(-50%);top:45px;z-index:-1}.list-topik-horizontal .list-topik-horizontal-container{border-radius:10px 0 0 10px;white-space:nowrap;overflow-x:auto}.list-topik-horizontal .list-topik-horizontal-container .list-number-topik-circle{position:relative;z-index:1}.list-topik-horizontal .list-topik-horizontal-container .list-number-topik-circle .circle{display:inline-block;width:50px;height:50px;text-align:center;line-height:50px;background-color:var(--bg-light);border-radius:50%;box-shadow:0 5px 15px var(--shadow-dark);color:var(--text-dark)}.list-topik-horizontal .list-topik-horizontal-container .list-number-topik-circle .circle.active{background-color:var(--blue);color:var(--text-light)}.list-topik-horizontal .list-topik-horizontal-container .list-number-topik-stripe{width:75px;height:23px;background:var(--gray);position:absolute;right:-200%;transform:translateX(-50%);top:30%;z-index:-1}.list-topik-horizontal .list-topik-horizontal-container .plus-container{background:var(--dark-gray);width:50px;height:50px;line-height:50px;border-radius:50%;position:relative;z-index:2;text-align:center;cursor:pointer}.list-topik-horizontal .plus-button-container{border-radius:0 10px 10px 0}.bab-detail .bab-title{width:80%}.bab-detail .bab-title .form-control.form-bab-materi{padding:0 0 .25em!important;border-radius:0!important}.bab-detail .bab-title .form-control.form-bab-materi:focus{border-color:var(--blue)!important;box-shadow:none!important}.bab-detail .col-md-10{background-color:var(--bg-light);padding:24px;border-radius:10px;box-shadow:0 10px 25px var(--shadow-dark);min-height:553px}.bab-detail .topik-component .lampiran-materi{margin-top:70px}.bab-detail .topik-component .card-lampiran-materi{border:1px solid var(--gray);padding:16px;border-radius:10px}.bab-detail .topik-component .pdf-icon{width:50px;height:50px;background:var(--blue);line-height:50px;text-align:center;border-radius:50%}.modal-kuis .opsi-jawaban{display:inline-block;width:45px;height:45px;border-radius:50%;background-color:var(--blue);text-align:center;line-height:45px;color:var(--text-light);font-weight:700}.modal-kuis .card-rubrik{border:1px solid var(--gray);border-radius:10px;padding:16px;width:85%}.btn-pratinjau-kuis:hover svg g path,.btn-pratinjau-kuis:hover svg g path circle{fill:#fff!important}.list-nomor-ujian-wrapper{min-height:83px!important}.list-nomor-ujian-container{min-height:67px!important}.h-auto-ss{min-height:475px!important}.wrapper-fixed{position:fixed}.soal-active{border:1px solid var(--dark-gray);color:var(--dark-gray)}.soal-active:hover{color:var(--dark-gray)!important}.list-soal-menjodohkan .list-group-item{padding:1.25em 0}.form-search-perpustakaan.form-control{background:url(/img/search-icon.svg) 0 no-repeat;background-size:1.25em;border-width:0;box-shadow:none;padding-top:1.5em!important;padding-bottom:1.5em!important;padding-left:2.75em!important}.form-search-perpustakaan.form-control ::-moz-placeholder{color:var(--dark-gray)!important}.form-search-perpustakaan.form-control :-ms-input-placeholder{color:var(--dark-gray)!important}.form-search-perpustakaan.form-control ::placeholder{color:var(--dark-gray)!important}.form-search-perpustakaan.form-control:focus{box-shadow:none!important}.form-search-filter-perpus{background:url(/img/search-icon.svg) 95% no-repeat;padding-right:2.75em!important}.form-search-filter-perpus:focus{border-color:var(--blue)!important}.dropdown-toggle.dropdown-search-perpustakaan-toggle:after{border:none!important;width:1rem!important;height:1rem!important;background-image:url(/img/icon-dropdown-perpus.svg)!important;background-size:1rem!important;vertical-align:0!important;margin-left:1.5em!important;transition:.3s}.dropdown-perpustakaan-toggle-container.show .dropdown-toggle.dropdown-search-perpustakaan-toggle:after,.dropdown-toggle.dropdown-search-perpustakaan-toggle.show:after{transform:rotate(180deg)!important}.dropdown-toggle.dropdown-sort-perpus-toggle.dropdown-search-perpustakaan-toggle:after{margin-left:1em!important}.btn-collapse-filter{transition:.3s}.btn-collapse-filter:focus{box-shadow:none!important}.btn-collapse-filter.active{background-color:var(--light-gray)!important;color:var(--dark-gray)!important;border-color:var(--light-gray)!important}.card-buku-perpustakaan:hover #dropdownMenuLink{display:flex!important}.card-buku-perpustakaan #dropdownMenuLink{display:none!important}.card-buku-perpustakaan .card-img-overlay{height:200px;background:linear-gradient(180deg,rgba(7,0,66,.4),rgba(4,0,36,.45));border-radius:10px 10px 0 0}.swiper-container{margin-left:0!important;margin-right:0!important}.swiper-container .swiper-slide{width:auto!important}.banner.banner-search{height:120px!important}.reactive-btn.btn-download-buku-perpus{box-shadow:none!important;border:1px solid var(--blue)!important}.select-mapel-buku-perpus .ant-select-selector{height:54.5px!important}.select-mapel-buku-perpus .ant-select-selector,.select-mapel-buku-perpus .ant-select-selector .ant-select-selection-search{display:flex!important;align-items:center!important}.select-mapel-buku-perpus .ant-select-selector .ant-select-selection-item{position:static!important}.container-editor-postingan{min-height:445px}.container-editor-postingan .note-editor.note-frame{height:82%!important}.container-editor-postingan .note-editor.note-frame .note-statusbar{display:none!important}.form-search-pembayaran{background:url(/img/search-icon.svg) 99% no-repeat;padding-right:1.75em!important;border-radius:0!important;border-left:0!important;border-top:0!important;border-right:0!important;padding-left:0!important;padding-bottom:.5em!important}.form-search-pembayaran:focus{border-color:var(--blue)!important;box-shadow:none!important}.list-group-notifikasi .list-group-notifikasi-item .content{transition:.3s;cursor:pointer}.list-group-notifikasi .list-group-notifikasi-item .content:hover{background-color:var(--soft-blue)!important}.card-proyek:hover #dropdownMenuLink{display:flex!important}.card-proyek #dropdownMenuLink{display:none!important}.card-proyek .card-img-overlay{height:185px;background:linear-gradient(180deg,rgba(7,0,66,.65),rgba(4,0,36,.65));border-radius:10px 10px 0 0}.select-filter-proyek .ant-select-selector{background:transparent!important}.select-filter-proyek .ant-select-selector .ant-select-selection-item{background:#fff!important}.activity-items{padding-bottom:24px}.activity-items .activity-items-content{z-index:2}.activity-items .activity-items-content .activity-avatar{z-index:5}.activity-items .activity-items-stripe{width:5px;height:100%;background:var(--light-gray);z-index:1;left:1.25em;top:1em}.search-illustasi-kolaborasi .search-illustasi-kolaborasi-content{width:50%}.search-illustasi-kolaborasi .search-illustrasi-kolaborasi-img{position:absolute;height:200px;width:auto;top:-10px;right:3%}.search-illustasi-kolaborasi .search-form{width:95%!important;left:3.5%;bottom:-2.5em;z-index:2;transition:bottom .5s}.search-illustasi-kolaborasi .search-form .card-search-form{height:90px;transition:.5s}.search-illustasi-kolaborasi .search-form .card-search-form.show{height:478px}.search-illustasi-kolaborasi .search-form .form-search-perpustakaan{width:90%}.search-illustasi-kolaborasi .search-form .pencarian-detail{opacity:0;transition:opacity .1s;position:relative;z-index:-999}.search-illustasi-kolaborasi .search-form .pencarian-detail.show{opacity:1;transition:opacity 1.75s;z-index:1}.search-illustasi-kolaborasi .search-form.show{z-index:1105;bottom:-26.75em}.search-illustasi-kolaborasi .search-form.up{z-index:60}.search-illustasi-kolaborasi .search-form-button .btn-primary-ss{border-radius:100px;padding:8px 24px;background:var(--blue-gradient);font-weight:700;font-size:1em!important;box-shadow:0 5px 15px var(--shadow-primary)!important}.search-illustasi-kolaborasi .search-form-button .btn-primary-ss:hover{box-shadow:none!important}.search-illustasi-kolaborasi .search-form-button .btn-secondary{border-radius:100px;padding:8px 32px;background:#fff;border-color:var(--gray);color:var(--dark);font-weight:700;font-size:1em!important}.search-illustasi-kolaborasi .search-form-button .btn-secondary:hover{background:var(--dark-gray);color:#fff}.backdrop-search-kolaborasi.show{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1101;background:rgba(3,0,26,.5)!important}.modal-fullscreen.modal-undang-anggota .modal-body{overflow-y:visible!important}.form-check-undang-anggota-proyek .form-check-input{transition:.3s;background-color:var(--blue)!important;border-color:#fff;background-image:url(/img/check-plus.svg)}.form-check-undang-anggota-proyek .form-check-input:checked{background-color:var(--blue)!important;border-color:var(--blue)!important;transition:.3s}.form-check-undang-anggota-proyek .form-check-input:focus{box-shadow:#fff1f1;border-color:var(--blue)}.form-check-undang-anggota-proyek .form-check-input .form-check-label{transition:.3s}.form-check-undang-anggota-proyek .form-check-input:checked~.form-check-label{color:var(--blue)!important;background-color:var(--light-blue)!important;border-color:var(--light-blue)!important}.form-check-undang-anggota-proyek .form-check-input:focus~.form-check-label{box-shadow:#fff1f1!important}.card-partner-kolaborasi{transition:.5s}.card-partner-kolaborasi.checked{transition:.5s;box-shadow:0 10px 25px var(--shadow-primary)!important}.delete-jobdesk{transition:.3s}.delete-jobdesk:hover{color:var(--red)}.name-user-profil{padding-left:197px!important}.name-user-profil .img-user-profil{top:-4.25em;left:19px}.card-buku-perpustakaan.card-rpp .card-img-overlay{height:125px;background:none;border-radius:10px 10px 0 0}.navbar-ppdb .navbar-brand{margin-right:150px}.navbar-ppdb .nav-link{padding:.75em}.navbar-ppdb.active{z-index:100;box-shadow:0 10px 25px rgba(58,65,102,.15)!important;background:#fff}.navbar-ppdb.active .logo-ss{background-image:url(/img/cazbox-edu.svg)!important;background-position:50%;background-size:contain}.navbar-ppdb.active .navbar-nav-ppdb .nav-item .nav-link{color:var(--dark)!important}.navbar-ppdb.active .navbar-nav-ppdb .nav-item .nav-link.active{border-bottom:1px solid var(--blue)}#beranda{min-height:675px;background:url(/img/bg-hero-ppdb.png);background-size:cover;background-repeat:no-repeat;background-position:bottom}#pengumuman-ppdb{background:url(/img/bg-pengumuman-ppdb.png);background-size:cover;background-repeat:no-repeat;background-position:100% 100%}#bg-rekap-nilai{background:url(/img/bg-rekap-nilai.png);background-size:cover;background-repeat:no-repeat;background-position:100% 0}#bg-detail-buku-induk{background:url(/img/bg-detail-buku-induk.png);background-size:cover;background-repeat:no-repeat;background-position:100% 0}#bg-card-ujian-penerimaan{height:150px;background:url(/img/bg-card-ujian-penerimaan.png);background-size:cover;background-repeat:no-repeat;background-position:100% 0}#tabel-pendaftaran-ppdb{height:100%;background:url(/img/bg-tabel-pendaftaran-ppdb.png);background-size:cover;background-repeat:no-repeat;background-position:100% 0}#jalur-ppdb{height:100%;background:url(/img/bg-jalur-ppdb.png);background-size:contain;background-repeat:no-repeat;background-position:100% 0}#alur-pendaftaran{background:url(/img/bg-alur-pendaftaran-ppdb.png);background-size:cover;background-repeat:no-repeat;background-position:bottom}#alur-pendaftaran .alur-pendaftaran-items{padding-bottom:24px}#alur-pendaftaran .alur-pendaftaran-items .alur-pendaftaran-items-content{z-index:2}#alur-pendaftaran .alur-pendaftaran-items .alur-pendaftaran-items-content .alur-pendaftaran-items-card,#alur-pendaftaran .alur-pendaftaran-items .alur-pendaftaran-items-content .alur-pendaftaran-items-number{z-index:5}#alur-pendaftaran .alur-pendaftaran-items .alur-pendaftaran-items-stripe{width:20px;height:100%;background:var(--light-blue);z-index:1;left:7.5%;top:3em}#alur-pendaftaran .card-alur-pendaftaran{min-height:200px;background:url(/img/bg-card-alur-pendaftaran-ppdb.png),#fff;background-repeat:no-repeat;background-position:100% 100%}#jalur-pendaftaran .nav-pills.nav-jalur-pendaftaran .nav-link{width:240px!important;min-height:125px!important;padding:24px!important;display:flex!important;justify-content:center!important;align-items:center!important;color:var(--dark-gray)!important;font-size:1.5em!important;font-weight:700!important;background-color:var(--light-gray)!important;border-radius:.313em!important;border:none!important;outline:none!important;transition:.3s!important}#jalur-pendaftaran .nav-pills.nav-jalur-pendaftaran .nav-link.active{color:#fff!important;background:linear-gradient(90deg,#2680eb,#3146bb)!important;box-shadow:0 5px 15px var(--shadow-primary)!important}#jalur-pendaftaran{background:url(/img/bg-jalur-pendaftaran.png);background-repeat:no-repeat;background-size:cover;background-position:bottom;min-height:400px}#biaya{background:url(/img/bg-jalur-pendaftaran-biaya.png);background-repeat:no-repeat;background-size:cover;background-position:bottom}#biaya .card-biaya-pendaftaran .card-body{min-height:150px!important;background:url(/img/bg-card-biaya-ppdb.png),#fff;background-repeat:no-repeat;background-position:100% 100%}#jadwal{background:#f4f8ff}#jadwal .card-jadwal-pendaftaran .card-body{min-height:150px!important;background:url(/img/bg-card-jadwal-ppdb.png),#fff;background-repeat:no-repeat;background-position:100% 100%}#footer-ppdb .footer-content{background:url(/img/bg-footer-ppdb.png);background-position:50%;background-size:cover;min-height:319px;padding-top:85px;background-repeat:no-repeat}.jalur-akan-dibuka,.jalur-dibuka-hadir,.jalur-sudah-ditutup{cursor:pointer;transition:.3s}.jalur-akan-dibuka{border-color:var(--blue)!important}.jalur-akan-dibuka:hover{background:#e22726}.jalur-dibuka{border-color:var(--green)!important}.jalur-dibuka:hover{background:rgba(168,245,180,.075)}.jalur-ditutup{border-color:var(--red)!important}.jalur-ditutup:hover{background:rgba(255,112,79,.075)}.card-buku-induk{background:url(/img/bg-card-buku-induk.png);background-repeat:no-repeat;background-size:cover;background-position:100% 100%;min-height:183px;cursor:pointer}.card-buku-induk.card-rapor{background:url(/img/bg-card-rapor.png);background-repeat:no-repeat;background-size:cover;background-position:100% 100%;min-height:183px;cursor:pointer}.step-ppdb{flex:1 1}.step-ppdb .step-check{display:flex}.step-ppdb .step-content{background-color:var(--soft-blue);color:var(--dark)}.step-ppdb.menu-active .step-check{display:none}.step-ppdb.menu-active .step-content{background:linear-gradient(180deg,#2680eb,#3146bb);color:#fff}.step-ppdb.disabled{pointer-events:none}.step-ppdb.disabled .step-content{background-color:var(--gray)}.kartu-peserta-ppdb{padding:72px}.icon-surel{transition:.3s}.icon-surel:hover{color:var(--blue);cursor:pointer;background:rgba(238,245,255,.7)!important}.icon-surel:hover .icon-surel-arsip{fill:var(--blue)}.subnav-rapor .subnav-link.active{color:var(--blue)!important}.subnav-rapor .dropdown-subnav-rapor .dropdown-toggle:after{border:none!important;width:11px!important;height:11px!important;background-image:url(/img/icon-dropdown-rapor.svg)!important;background-position:50%!important;background-size:11px!important;vertical-align:0!important;margin-left:.5em!important;transition:.3s}.subnav-rapor .dropdown-subnav-rapor .subnav-link.active.dropdown-toggle:after{background-image:url(/img/icon-dropdown-rapor-active.svg)!important}.subnav-rapor .dropdown-subnav-rapor .dropdown-toggle.show:after{transform:rotate(180deg)!important}.card-rapor-siswa{transition:.5s}.card-rapor-siswa .icon-edit-rapor-siswa{display:none;transition:.5s}.card-rapor-siswa:hover{background-color:#fff1f1;border-color:#f05c5c!important}.card-rapor-siswa:hover .icon-edit-rapor-siswa{display:block}.kelas-rekap.slider-rapor .horizontal-menu .menu-wrapper .menu-wrapper--inner{height:134px!important}.dropdown-rapor .dropdown-toggle.dropdown-search-perpustakaan-toggle.dropdown-toggle-rapor:after{background-image:url(/img/arrow-button-white.svg)!important;margin-left:.5em!important;margin-top:2px!important;width:12px!important;height:12px!important;background-size:12px!important}.dropdown-rapor .dropdown-menu{left:50%;transform:translateX(-50%)}.bg-depan-kartu-pelajar{background:url(/img/bg-depan-kartu-pelajar.svg);background-size:cover;background-repeat:no-repeat;background-position:100% 100%}.bg-belakang-kartu-pelajar{background:url(/img/bg-belakang-kartu-pelajar.svg);background-size:cover;background-repeat:no-repeat;background-position:100% 100%}.card-arsip-ss .card-body{background:var(--soft-gray);align-content:space-between}.card-arsip-ss .card-body,.card-tambah-arsip-ss{border-radius:10px 10px 0 0;height:170px;display:grid}.card-tambah-arsip-ss{background:var(--soft-blue);border:1px solid var(--blue);align-content:center;justify-content:center}.form-control.form-search.form-search-disposisi{width:100%!important}.form-control.form-search.form-search-disposisi::-moz-placeholder{font-weight:700;color:var(--dark-gray)!important}.form-control.form-search.form-search-disposisi:-ms-input-placeholder{font-weight:700;color:var(--dark-gray)!important}.form-control.form-search.form-search-disposisi::placeholder{font-weight:700;color:var(--dark-gray)!important}.kelas-rekap .horizontal-menu{width:100%!important;position:relative;padding:0 16px}.kelas-rekap .horizontal-menu .menu-wrapper{width:100%!important}.kelas-rekap .horizontal-menu .menu-wrapper .menu-wrapper--inner{display:flex!important;align-items:flex-end!important;height:133px!important}.kelas-rekap .step-content.active{background:linear-gradient(180deg,#2680eb,#3146bb)}.kelas-rekap .arrow-next,.kelas-rekap .arrow-prev{position:absolute!important;z-index:2;top:50%;transform:translateY(-50%)}.kelas-rekap .arrow-prev{left:-17px}.kelas-rekap .arrow-next{right:-17px}.kelas-rekap .scroll-menu-arrow--disabled{visibility:hidden}.date-picker-header-kbm .ant-picker{height:0!important;border-radius:5px!important}.date-picker-header-kbm .ant-picker input{font-size:12px!important}.card-download-konten-pembelajaran{transition:.3s;border:1px solid #fff}.card-download-konten-pembelajaran:hover{background-color:#fff1f1;border-color:#f05c5c!important;box-shadow:none!important}.card-daftar-alumni{transition:.5s}.card-daftar-alumni .icon-delete{display:none;transition:.5s}.card-daftar-alumni:hover{box-shadow:none!important;border-color:var(--blue)!important}.card-daftar-alumni:hover .icon-delete{display:block}.card-daftar-alumni.card-scroll-menu{border-color:var(--gray)!important}@media(max-width:992px){.lg-fs-1{font-size:40px!important}.lg-fs-2{font-size:32px!important}.lg-fs-3{font-size:28px!important}.lg-fs-4{font-size:24px!important}.lg-fs-5{font-size:20px!important}.lg-fs-6{font-size:16px!important}.lg-fs-18-ss{font-size:18px!important}.lg-fs-14-ss{font-size:14px!important}.lg-fs-12-ss{font-size:12px!important}.lg-w-auto{width:auto!important;min-width:auto!important}.lg-w-100{width:100%!important}.lg-h-auto{height:auto!important;min-height:auto!important}.lg-position-static{position:static!important}.lg-position-relative{position:relative!important}.lg-position-absolute{position:absolute!important}.lg-position-fixed{position:fixed!important}main{padding-top:66px!important}.card-kelas-ss .card-body .card-kelas-name{max-width:100%!important}.card-header-kelas-ss .card-footer-ss .card-header-button .button-items,.card-header-kelas-ss .card-footer-ss .kelas-nav a{border-bottom:1px solid var(--light-gray)}.btn-pengembalian-tugas,.card-penilaian-tugas{min-width:0;max-width:none!important;position:static}.btn-pengembalian-tugas{top:none}.card-absen-kelas .text-content{max-width:100%!important}.side-nav-ujian{width:100%;height:auto}.back-to-ujian-detail,.side-nav-ujian{position:static!important}.wrapper-fixed{position:relative}.name-user-profil{padding-left:24px!important}.name-user-profil .img-user-profil{bottom:-5.25em;left:auto!important}.name-user-profil .img-user-profil.img-user-profil-alumni{left:50%!important;transform:translateX(-50%)!important}.name-user-profil h4{margin-top:56px!important}.cover-rpp{margin-top:-38px}.rpp-meta-data{margin-top:none}.notification-bar-verification{top:66px!important}.navbar-collapse.collapse{transition:.3s;height:0;overflow-y:auto}.navbar-collapse.collapse.show{height:100vh}.navbar .collapse:not(.show){display:block!important}.main-jadwal-mengajar{padding-top:0!important}}@media(max-width:768px){.md-fs-1{font-size:40px!important}.md-fs-2{font-size:32px!important}.md-fs-3{font-size:28px!important}.md-fs-4{font-size:24px!important}.md-fs-5{font-size:20px!important}.md-fs-6{font-size:16px!important}.md-fs-18-ss{font-size:18px!important}.md-fs-14-ss{font-size:14px!important}.md-fs-12-ss{font-size:12px!important}.md-w-auto{width:auto!important;min-width:auto!important}.md-w-100{width:100%!important}.md-h-auto{height:auto!important;min-height:auto!important}.md-position-static{position:static!important}.md-position-relative{position:relative!important}.md-position-absolute{position:absolute!important}.md-position-fixed{position:fixed!important}.alert-hallo-content-new h3{font-size:1.25em}.alert-hallo-content-new p{font-size:.875em}.table-ss.table-bobot-nilai td:before{left:1em!important}.table-ss.table-bobot-nilai .td-judul h6{opacity:0}.table-ss.table-bobot-nilai .td-judul:before{max-width:300px;word-wrap:break-word;color:var(--dark)}.table-ss.table-bobot-nilai .td-jumlah-bobot{padding-left:75%}.table-ss.table-bobot-nilai td.td-jumlah-bobot:before{max-width:100%!important;color:var(--blue);top:50%;transform:translateY(-50%)}.table-ss.table-bobot-nilai td.td-judul-jumlah{background:var(--soft-blue)!important}.table-ss.table-bobot-nilai td.td-judul-jumlah:before{color:var(--blue)!important}.table-ss{box-shadow:none}.table-ss thead{display:none}.table-ss td,.table-ss th{padding:1em}.table-ss td:before{content:attr(data-th);max-width:150px;word-wrap:break-word;position:absolute;left:.5em;font-weight:700}.table-ss .td-barang:before{left:1.5em!important}.table-ss td{padding-left:160px}.table-ss td,.table-ss tr{display:block}.table-ss tr{position:relative;margin-bottom:2em}.table-ss td:first-child{background:var(--light-gray)}.table-ss td.actions{text-align:right}.table-ss td.actions *{text-align:left}.card-kelas-ss .card-body .card-kelas-name{max-width:75%!important}.card-post .card-post-content{max-width:100%}.card-content-informasi-tugas{max-height:none!important}.bab-detail .bab-title{width:100%!important}.form-search-mutasi.form-search-tunggakan{background-position:92%!important}.search-illustasi-kolaborasi .search-illustasi-kolaborasi-content{width:100%;order:2}.search-illustasi-kolaborasi .search-illustrasi-kolaborasi-img{position:relative;height:auto!important;width:300px;top:-10px;right:auto!important;order:1;margin-left:auto;margin-right:auto}.card-search-form.show{height:auto!important}.search-form{left:5%!important}.search-form.show{bottom:-29.75em!important}.navbar-ppdb .navbar-brand{margin-right:0!important}#alur-pendaftaran .alur-pendaftaran-items-number{z-index:6!important;margin-bottom:-16px}.alur-pendaftaran-items .alur-pendaftaran-items-stripe{left:48.15%!important}#footer-ppdb .footer-content{padding-top:175px}.kartu-peserta-ppdb{padding:24px}.table-ketidakhadiran-rapor{width:100%}.dropdown-search-perpustakaan.dropdown-search-rpp{width:100%;border-radius:0 0 10px 10px;background-color:var(--blue)!important}.dropdown-search-perpustakaan.dropdown-search-rpp .dropdown-menu{width:100%}.dropdown-search-perpustakaan.dropdown-search-rpp .dropdown-toggle{border-width:0!important;color:#fff!important}.dropdown-search-perpustakaan.dropdown-search-rpp .dropdown-toggle.dropdown-search-perpustakaan-toggle:after{background-image:url(/img/arrow-button-white.svg)!important}.header-buku-tamu{text-align:center;border-radius:10px 10px 0 0!important}.foto-kartu-pelajar{text-align:center}.nama-kartu-pelajar{margin-top:5%!important}.logo-kartu-pelajar img{width:40px!important;height:40px!important}.modal-ss .modal-md .modal-body{height:550px}.circle-help{bottom:9%!important}.table-kerja .table-kerja-list{padding:8px 16px!important;max-width:none!important}.table-kerja .table-kerja-list:first-child{border-top-width:10px!important;border-top-style:solid;min-width:100%!important;border-left:none!important;font-weight:700}.table-kerja .table-kerja-list.tambah-table-kerja{border-top:none!important;padding-left:24px}.table-kkm .table-kkm-list{padding:8px 16px!important;max-width:none!important}.table-kkm .table-kkm-list p{width:50%!important}.table-kkm .table-kkm-list:first-child{border-top-width:10px!important;border-top-style:solid;min-width:100%!important;border-left:none!important}.table-kkm .table-kkm-list:first-child a{font-weight:700!important}.table-template .table-template-list{padding:8px 16px!important;max-width:none!important}.table-template .table-template-list p{width:50%!important}.table-template .table-template-list .textarea-template-list{width:100%!important;height:auto!important}.table-template .table-template-list:first-child{border-top-width:10px!important;border-top-style:solid;min-width:100%!important;border-left:none!important}.ujian-content-footer{position:static!important}.main-jadwal-mengajar{padding-left:0!important}}@media(max-width:770px){.card-content-informasi-tugas{max-height:555px!important}}@media(max-width:576px){.sm-fs-1{font-size:40px!important}.sm-fs-2{font-size:32px!important}.sm-fs-3{font-size:28px!important}.sm-fs-4{font-size:24px!important}.sm-fs-5{font-size:20px!important}.sm-fs-6{font-size:16px!important}.sm-fs-18-ss{font-size:18px!important}.sm-fs-14-ss{font-size:14px!important}.sm-fs-12-ss{font-size:12px!important}.sm-w-auto{width:auto!important;min-width:auto!important}.sm-w-100{width:100%!important}.sm-h-auto{height:auto!important;min-height:auto!important}.sm-position-static{position:static!important}.sm-position-relative{position:relative!important}.sm-position-absolute{position:absolute!important}.sm-position-fixed{position:fixed!important}.alert-hallo-new .alert-hallo-content-new{max-width:100%!important}.alert-hallo-new img{width:230px!important;position:relative;right:0;top:-45px}.form-search.form-control{width:auto!important}.form-search.form-control.form-search-mutasi{width:100%!important}.modal-ss .modal-footer,.modal-ss .modal-header{height:auto!important;padding:1.5em!important}.list-absen-kelas .list-group-info .btn-ss{width:125px!important}.card-absen-kelas .text-content{max-width:75%!important}.alert-hallo .alert-hallo-content{max-width:100%!important}.alert-hallo img{margin-top:-50px!important}.card-jadwal-ujian .w-75,.form-login{width:100%!important}.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{display:flex;flex-direction:column}.fc-toolbar-title{margin:1em 0!important}#formSearchBukuPerpustakaan{width:auto!important}.dropdown-search-perpustakaan{width:100%;border-radius:0 0 10px 10px;background-color:var(--blue)!important}.dropdown-search-perpustakaan .dropdown-menu{width:100%}.dropdown-search-perpustakaan .dropdown-toggle{border-width:0!important;color:#fff!important}.dropdown-search-perpustakaan .dropdown-toggle.dropdown-search-perpustakaan-toggle:after{background-image:url(/img/arrow-button-white.svg)!important}.search-form{left:6%!important}.search-form.show{bottom:-38.75em!important}.search-rpp-content{margin-top:6.5em!important}.form-check-surel .form-check-input{left:7%}.notification-bar-verification{background-position:bottom!important}.navbar-mengerjakan-ujian{position:relative!important}.main-mengerjakan-ujian{padding-top:0!important}.main-mengerjakan-ujian .wrapper-fixed{top:0!important}.ujian-content-container{margin-top:24px!important}.select-jadwal-mengajar .css-1pahdxg-control,.select-jadwal-mengajar .css-yk16xz-control{font-size:12px!important}.mb-login{margin-bottom:48px}}@media(max-width:425px){.alur-pendaftaran-items .alur-pendaftaran-items-stripe{left:47.55%!important}.landing-app #buku-tamu p{width:100%!important}.ujian-content-container .row .col-md-12 .card.card-ss .mb-4{overflow-y:hidden;overflow-x:scroll}.ujian-content-container .row .col-md-12 .card.card-ss .mb-4 .dangerous-html{width:500px}}@media print{.bg-primary,.btn-primary-ss{background-color:var(--blue)!important;-webkit-print-color-adjust:exact}}@media print and (width:21cm)and (height:29.7cm){@page{margin:3cm}}.react-datepicker-wrapper{width:100%}.komen-timeline .icon-trash-komen-timeline{visibility:hidden}.komen-timeline:hover .icon-trash-komen-timeline{visibility:visible}.ant-select-selection-item{top:-12px;height:32px}.my-progress-bar{width:300px;position:fixed;top:20px;right:-300px;z-index:9999;border:1px solid var(--light-gray);border-radius:4px;box-shadow:0 10px 30px rgba(3,0,26,.1);padding:16px;background-color:#fff;opacity:0}.my-progress-bar .CircularProgressbar{width:50px!important}.my-progress-bar.active{right:20px;transition:.3s;opacity:1}.my-progress-bar.hide{right:-300px;transition:.3s;opacity:0}.circle{background-color:var(--blue);color:var(--text-light)}.circle,.circle-auth{display:inline-block;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;margin-bottom:16px}.circle-auth{background-color:#fff;color:var(--blue)}.table-kerja{display:flex}.table-kerja .table-kerja-list{display:flex;align-items:center;padding:.5em;margin-left:.1em}.table-kerja .table-kerja-list:first-child{border-left:10px solid var(--blue);margin-left:0;flex:1 1;min-width:350px;width:100%}.table-kerja .table-kerja-list:nth-child(2),.table-kerja .table-kerja-list:nth-child(3){margin-left:0;max-width:150px;width:100%}.table-kerja .table-kerja-list:nth-child(4){margin-left:0;max-width:175px;width:100%}.table-kerja .table-kerja-list:nth-child(5){margin-left:0;max-width:150px;width:100%}.table-kerja .table-kerja-list:nth-child(6){margin-left:0;max-width:75px;width:100%}.table-kerja.table-kerja-heading .table-kerja-list.table-kerja-heading{padding-top:1em!important;padding-bottom:1em!important;color:var(--dark);background:rgba(237,237,244,.4);font-weight:700}.table-kerja.table-kerja-heading .table-kerja-list.table-kerja-heading:first-child{padding-left:1.25em}.cctv{height:400px;background:var(--dark-gray);display:flex;justify-content:center;align-items:center;text-align:center}.cctv *{color:#fff!important}.table-kkm .table-kkm-list:first-child{min-width:35%}.table-kkm .table-kkm-list:nth-child(2),.table-kkm .table-kkm-list:nth-child(3){min-width:15%}.table-kkm .table-kkm-list:nth-child(4){max-width:50px}.kartu-peserta-pdf-export{width:3508px;height:2480px}.canvas-wrapper{position:relative}.canvas-wrapper canvas{left:0;position:absolute}.text-overflow-ellipsis{text-overflow:ellipsis}.card-tata-tertib .dropdown-tata-tertib{display:none}.card-tata-tertib:hover .dropdown-tata-tertib{display:block}.ReactModal__Overlay.ReactModal__Overlay--after-open{z-index:9999999!important}.sk-fading-circle{margin:100px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:var(--spinner-color);border-radius:100%;animation:sk-circleFadeDelay 1.2s ease-in-out infinite both}.sk-fading-circle .sk-circle2{transform:rotate(30deg)}.sk-fading-circle .sk-circle3{transform:rotate(60deg)}.sk-fading-circle .sk-circle4{transform:rotate(90deg)}.sk-fading-circle .sk-circle5{transform:rotate(120deg)}.sk-fading-circle .sk-circle6{transform:rotate(150deg)}.sk-fading-circle .sk-circle7{transform:rotate(180deg)}.sk-fading-circle .sk-circle8{transform:rotate(210deg)}.sk-fading-circle .sk-circle9{transform:rotate(240deg)}.sk-fading-circle .sk-circle10{transform:rotate(270deg)}.sk-fading-circle .sk-circle11{transform:rotate(300deg)}.sk-fading-circle .sk-circle12{transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{animation-delay:-1s}.sk-fading-circle .sk-circle4:before{animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}.alert-notification{position:fixed;top:78px;left:0;right:0}@media screen and (max-width:1226px){.alert-notification{top:98px!important}}@media screen and (max-width:992px){.alert-notification{top:86px!important}}.dropdown-kelas-materi[aria-expanded=true] img{transform:rotate(180deg)}.dropdown-kelas-materi img{transition:.3s}.swal-overlay{z-index:9999999999}.banner-ai{background-image:url(/img/banner-gamma-ai.svg);backround-repeat:no-repeat;background-size:cover;border:1px solid #b7d5f8}@media(max-width:576px){.banner-ai{background-image:none}}.MLK__backdrop,.ML__keyboard{z-index:999999999999999!important}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.05);background-color:rgba(0,0,0,.05);width:7px;height:7px;border-radius:12px}::-webkit-scrollbar{width:10px;height:7px;background-color:#f4f4f7;border-radius:12px}::-webkit-scrollbar-thumb{background-color:#80849c;border-radius:12px}