@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);.sidebar{background:#1b1b1b;flex-wrap:nowrap;height:100vh;overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:0;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:250px}.sidebar,.sidebar-logo{display:flex;flex-direction:column}.sidebar-logo{align-items:center;justify-content:center;padding:30px 0}.sidebar-menu{display:flex;flex-direction:column;flex-wrap:nowrap;gap:16px;width:100%}.sidebar-menu-btn{align-items:center;background:#1b1b1b;border-radius:0 20px 20px 0;color:#fff;display:flex;flex-direction:row;font-family:Ubuntu;font-size:16px;font-style:normal;font-weight:500;line-height:24px;padding:0 16px;transition:background-color .2s ease-in-out}.sidebar-menu-btn:hover{background:var(--dark-red);border-radius:0 20px 20px 0;color:#fff;cursor:pointer;text-decoration:none}@-webkit-keyframes sidebar-in{0%{margin-left:-100%}to{margin-left:0}}@keyframes sidebar-in{0%{margin-left:-100%}to{margin-left:0}}@media screen and (min-width:1024px){.sidebar-container{display:flex}}@media screen and (max-width:1024px){.sidebar{position:fixed;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:3}}button{-webkit-appearance:none;-moz-appearance:none;background:#0069ed;border:none;color:#fff;display:inline-block;font-family:sans-serif;font-size:1rem;line-height:1;margin:0;padding:1rem 2rem;text-align:center;text-decoration:none;transition:background .25s ease-in-out,-webkit-transform .15s ease;transition:background .25s ease-in-out,transform .15s ease;transition:background .25s ease-in-out,transform .15s ease,-webkit-transform .15s ease}button:focus,button:hover{background:#0053ba}button:focus{outline:1px solid #fff;outline-offset:-4px}button:active{-webkit-transform:scale(.99);transform:scale(.99)}.btn{align-items:center;border-radius:4px;display:flex;flex-direction:column;font-family:Ubuntu;font-size:14px;font-style:normal;font-weight:700;line-height:24px;outline:none;padding:8px 16px;transition:.1s ease-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn:hover{cursor:pointer}.btn-xl{font-size:20px;padding:16px 20px}.btn-l,.btn-xl{font-family:Ubuntu;font-style:normal;font-weight:700;line-height:24px}.btn-l{font-size:16px;padding:12px 16px}.btn-s{font-family:Ubuntu;font-size:12px;font-style:normal;font-weight:700;line-height:16px;padding:8px}.btn-primary{background:#b51d21;border:none;color:#fff}.btn-primary:hover{background-color:#ff9494;color:#fff;cursor:pointer}.btn-primary:active{background-color:#7a1013;color:#fff}.btn-outline{border:2px solid #b51d21;color:#b51d21}.btn-outline,.btn-outline-blue{background:#fff;box-sizing:border-box}.btn-outline-blue{border:2px solid #3874ab;color:#3874ab}.btn-outline-blue:hover{border:2px solid #648db3!important;color:#648db3;cursor:pointer}.btn-outline-blue:active{border:2px solid #2b5e8c!important;color:#2b5e8c}.btn-outline:hover{border:2px solid #ff9494!important;color:#ff9494;cursor:pointer}.btn-outline:active{border:2px solid #7a1013!important;color:#7a1013}.btn-green{background:#0ba95c;color:#fff}.btn-green:hover{background:#6ecf91;color:#fff}.btn-green:active{background:#008742}.btn-blue{background:#3874ab;border:2px solid #3874ab;color:#fff}.btn-blue:hover{background:#648db3;color:#fff}.btn-blue:active{background:#2b5e8c}.btn-yellow{background:#ffb619;color:#fff}.btn-yellow:hover{background:#fad78e;color:#fff}.btn-yellow:active{background:#e19e0e}.btn:disabled{color:#bbb}.btn:disabled,.btn:disabled:active,.btn:disabled:hover{background:#f6f6f6;cursor:auto}.nn-notif{-webkit-animation:toast-in-bottom .5s ease-out;animation:toast-in-bottom .5s ease-out;background:#c9e9cb;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#163618;display:flex;display:block;font-size:14px;font-weight:700;justify-content:space-between;left:50%;line-height:140%;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:8px 16px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .5s ease-in;width:80%}.modal,.nn-notif{bottom:0;position:fixed}.modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;left:0;right:0;top:0;z-index:999}.modalContent{background-color:#fff;border-radius:10px;width:500px}.modalHeader{padding:20px}.modalTitle{margin:0;text-align:center}.modalBody{border-top:1px solid #eee;padding:20px}.modalButtonContainer{display:flex;gap:16px;justify-content:end;margin-top:24px}.n-notif{-webkit-animation:toast-in-bottom .5s ease-out;animation:toast-in-bottom .5s ease-out;background:#f2c0c0;border-radius:8px;bottom:0;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#3f0d0e;display:flex;font-size:14px;font-weight:700;justify-content:space-between;left:50%;line-height:140%;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:8px 16px;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .5s ease-in;width:80%}.notif-hide{bottom:-20%}.notif-show{bottom:0}.notif-left{margin-right:auto;padding-right:20px}.notif-left,.notif-right{align-items:center;display:inline-flex;flex-direction:row;gap:12px;justify-content:flex-end}.notif-right{cursor:pointer}.notif-left>div,.notif-right>div{align-items:center;display:flex}@-webkit-keyframes toast-in-bottom{0%{bottom:-20%}to{bottom:0}}@keyframes toast-in-bottom{0%{bottom:-20%}to{bottom:0}}.scheduler-container{margin-top:24px}.scheduler-header-main{background:#ff4c4c;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:5px;padding:16px 0;position:-webkit-sticky;position:sticky;top:1;width:100%}.scheduler,.scheduler-header-main{display:grid;grid-template-columns:repeat(1,1.5fr) repeat(7,2fr)}.scheduler{grid-gap:1px;align-items:center;background:#fafafa;gap:1px;grid-template-areas:"clock clock";grid-template-rows:repeat(81,20px);justify-items:center;overflow-x:auto;overflow-y:none}.scheduler-header{align-items:center;background-color:#ff4c4c;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Ubuntu;font-size:16px;font-style:normal;font-weight:700;gap:12px;height:100%;justify-content:center;line-height:18px;position:-webkit-sticky;position:sticky;width:100%}.scheduler-header span:nth-child(2){font-size:20px}.scheduler .spacer{background:#f4f4f4;border-bottom:1px solid #c4c4c4;border-top:1px solid #c4c4c4;display:absolute;grid-column-end:10;grid-column-start:2;height:100%;width:100%}.scheduler .clock{grid-column-end:2;grid-column-start:1}.scheduler .schedule{background:rgba(27,170,86,.1);border-left:3px solid #1baa56;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;font-size:12px;font-weight:400;gap:5px;height:100%;justify-content:space-between;padding:10px;width:100%}.week-selection{align-items:center;display:flex;font-family:Ubuntu;font-size:16px;font-style:normal;font-weight:700;gap:24px;line-height:24px}@media screen and (max-width:769px){.scheduler-header span:first-child{font-family:monospace;overflow:hidden;white-space:nowrap;width:3ch}.scheduler-header span:nth-child(2){font-size:16px}}@media screen and (max-width:500px){.scheduler .schedule{font-size:8px;padding:5px}.week-selection{font-size:14px}}.jadwal-container{display:flex;flex-direction:column;flex-grow:1;margin-top:24px}.waktu>select{width:100px}.akun-container{margin-bottom:2em;width:100%}#eyepas{margin-left:8px}.checkbox-mapel{margin:8px 0}.akun-card{border-radius:16px;box-shadow:-1px 2px 6px 1px rgba(80,80,80,.2);display:flex;flex-direction:column;margin:auto;padding:24px;width:670px}.two-blocks{display:flex;flex-direction:row;gap:20px;justify-content:space-between;width:auto}input[type=text],select{size:5000px}#create-pass,select{width:95%}#create-pass,input[type=email],select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px}input[type=email],select{width:100%}.twobutton{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.navbar{background:linear-gradient(90deg,#b51d21,#d71b25,#fc182a);display:flex;flex-direction:column;flex-wrap:nowrap;height:60px;padding:5px 20px;position:-webkit-sticky;position:sticky;top:0;width:auto}.cardd{display:flex;justify-content:center}.navbar-menu{flex-wrap:nowrap;gap:16px;padding-top:6px;width:100%}.navbar-menu,.navbar-menu-btn{display:flex;flex-direction:row}.navbar-menu-btn{align-items:center;color:#fff;font-family:Ubuntu;font-size:16px;font-style:normal;font-weight:500;line-height:24px;padding:0 16px;transition:background-color .2s ease-in-out}.footer{background:linear-gradient(90deg,#b51d21,#d71b25,#fc182a);background-color:red;bottom:0;color:#fff;left:0;margin-top:32px;padding-bottom:32px;padding-top:32px;text-align:center;width:100%}.footer-menu{display:flex;justify-content:center}.text-footer{margin-left:16px}.fsubmit{width:100%}.blockd{width:88.5%}.page-title{margin-top:24px;text-align:center}#login-title,.page-title{display:flex;justify-content:center}#login-title{margin-bottom:24px;margin-top:0}.register{margin-top:24px}.error-message,.register{display:flex;justify-content:center}.error-message{color:#fc182a;font-size:12px;font-weight:700}input[type=text],select{width:100%}#log-pos,input[type=text],select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px}#log-pos,select{width:92%}.login-card{border-radius:16px;box-shadow:-1px 2px 6px 1px rgba(80,80,80,.2);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:20px auto auto;padding:50px 40px 40px 50px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.star{margin-left:4px}table{border:1px solid #ccc;margin:0;padding:0;table-layout:fixed}table caption{font-size:1.5em;margin:.5em 0 .75em}table tr{border:1px solid #ddd;padding:.35em}tr:nth-child(2n){background-color:#fafafa}td{word-wrap:break-word;max-width:350px}table td,table th{padding:.625em;text-align:left}table th{background-color:#b51d21;color:#fff;font-size:.85em;letter-spacing:.1em}@media screen and (max-width:600px){table{border:0;width:100%}table caption{font-size:1.3em}table thead{border-bottom:1px solid #ddd;font-size:.8em;text-align:right}table thead,table tr{display:block;margin-bottom:.625em}table tr{border-bottom:3px solid #ddd}table td{border-bottom:1px solid #ddd;display:block;font-size:.8em;text-align:right}table td:before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase}table td:last-child{border-bottom:0}}.table-none{border:1px solid transparent;border-collapse:separate}.btn-outline-secondary{border:2px solid #6c757d;box-sizing:border-box;color:#6c757d}.btn-outline-secondary:hover{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-outline-secondary:active{background-color:#51565a;border-color:#51565a;color:#fff}.btn-outline-red{background:#fff;border:2px solid #b51d21;box-sizing:border-box;color:#b51d21}.btn-outline-red:hover{border:2px solid #ff9494!important;color:#ff9494;cursor:pointer}.btn-outline-red:active{border:2px solid #7a1013!important;color:#7a1013}.btn-red{background:#b51d21;border:2px solid #b51d21;box-sizing:border-box;color:#fff}.btn-red:hover{background:#ff9494;border:2px solid #ff9494!important;cursor:pointer}.btn-red:active{background:#7a1013;border:2px solid #7a1013!important}.card-max-width{box-shadow:-1px 2px 6px 1px rgba(80,80,80,.2);width:100%}.card-content{margin-bottom:2em;margin-top:1em;padding:1.5em 2em}.center{text-align:center}.table-max{border-collapse:collapse;margin-bottom:2em;table-layout:auto;width:100%}.table-max #head{background-color:#b51d21;color:#fff}.inactive,input[type=date],input[type=text],select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}.inactive{background-color:#dadada}textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}input[type=submit]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:8px 0;padding:14px 20px;width:100%}input[type=submit]:hover{background-color:#45a049}.card-awal,.cardd{border-radius:16px;box-shadow:-1px 2px 6px 1px rgba(80,80,80,.2);padding:24px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card-awal{margin-top:40px}.card-role{background-color:#e4f2ea;border-radius:16px;box-shadow:-1px 2px 6px 1px rgba(80,80,80,.2);display:flex;justify-content:center;margin-bottom:24px;outline-style:dashed;padding:8px}label{font-weight:700}.star{color:#fc182a}.twobutton{margin-top:8px}.twobuttonsearch{display:inline-block;margin-top:8px}.box-right{display:flex;justify-content:right}.outer{margin-left:32px;margin-right:32px;margin-top:24px;width:100%}.tes{display:flex;justify-content:center;margin-bottom:2em}.judul-form{font-weight:700;margin-bottom:1em}.center{display:flex;justify-content:center}.namalabel{font-weight:400}.jenjang{margin-bottom:10px}ul.breadcrumb{background-color:#0ba95c;list-style:none;padding:10px 16px}ul.breadcrumb li{display:inline;font-size:14px}ul.breadcrumb li+li:before{color:#fff;content:"/\00a0";font-size:14px;padding:8px}ul.breadcrumb li a{color:#e9e9e9;font-size:14px;text-decoration:none}ul.breadcrumb li a:hover{color:#fff;font-size:14px;text-decoration:underline}.bractive{color:#fff;font-weight:700}.twobutton{display:inline-block;margin-left:8px}.space{display:flex;justify-content:space-between}.search-logo{height:15px;width:15px}#myInput{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAYAAAAP6L+eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFgSURBVHgB1VTBUQMxDNwECggV4A4SKsB0QCrIpYKkg5AKgAogFRB+/HA6CE9+7oArgRXWDcbYx92QT3ZmR5dYWulknYBjw6B0YK0d0VTkmDRkTe7IrXPOo6+wCq7IZUvcI7luSzBIRA3NEznRCu/JvdLo/wt99uRVSTwVfhWjQtNSEP3uNIGcX9CvTn2GkXOlor6tEgHPpE1brTzbsmH0PFM7z1WQwRyhXYuisF6YlWop6tABmlxaNmL8JCuMcCmCN/TDLon/Jdy8+gcOhEbYq7Xoh3ES/1M46pdhvyy642vec/cST8Wz2hU6gPnFzyCMHYrCTHqDULUUfYu/RcXfk+ucz2nye0rK17dk8LUGydKpdSTl1UXUqr8hL5HpcW4JGa1mhjIcwqg1bauYfNMqHCWwCGvzHN9rU1q1aS5L18BDTrwo3BUl8X8LZ8TP5E5OcAB47/fGGFkH7xR9wVHiEzXmhnJiblXFAAAAAElFTkSuQmCC);background-position:10px 10px;background-repeat:no-repeat;border:1px solid #ddd;font-size:16px;margin-bottom:12px;padding:12px 20px 12px 40px;width:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:#fafafa;line-height:1}body,html{margin:0;padding:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a,u{text-decoration:none}:root{--bright-red:#fc182a;--dark-red:#b51d21;--clicked-bright-red:#ff9494;--red-background:#fff4f4;--green:#0ba95c;--yellow:#ffb619;--brown:#cd9772;--blue:#3874ab}*{font-family:Ubuntu,sans-serif}.display{font-size:64px}h1{font-size:48px}h2{font-size:32px}h3{font-size:28px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}.bg-red{background-color:#fc182a;background-color:var(--bright-red)}.bg-darkred{background-color:#b51d21;background-color:var(--dark-red)}.bg-clickedred{background-color:#ff9494;background-color:var(--clicked-bright-red)}.bg-redbackground{background-color:#fff4f4;background-color:var(--red-background)}.bg-green{background-color:#0ba95c;background-color:var(--green)}.bg-yellow{background-color:#ffb619;background-color:var(--yellow)}.bg-brown{background-color:#cd9772;background-color:var(--brown)}.bg-blue{background-color:#3874ab;background-color:var(--blue)}button{all:none;cursor:pointer}button,input[type=reset],input[type=submit]{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background-color:none}::-webkit-scrollbar-thumb{background-color:#5c5c5c;border-radius:100px}.content{box-sizing:border-box;display:flex;flex-grow:1;margin:0 12px}.text-403{font-size:7vw;margin-bottom:0;margin-top:17%}.text-403,.text-small-403{color:#fafafa;text-align:center}.box-403{background-color:#b51d21;height:100%;width:100%}.centerin{display:flex;justify-content:center}
/*# sourceMappingURL=main.d0b06b58.css.map*/