@charset "UTF-8";.table-absensi-siswa{border-collapse:separate;border-spacing:0 5px}.table-absensi-siswa td,.table-absensi-siswa th{text-align:left;font-family:Poppins;font-size:clamp(13px,2vw,1em);height:30px}.table-absensi-siswa th{height:40px}.left-out{margin-left:10px}.left-out .arrow-out img{margin-top:10px;width:30px;float:left;margin-left:10px;margin-right:10px}@media only screen and (max-width:900px){.left-out .arrow-out img{width:25px}}@media only screen and (max-width:700px){.left-out .arrow-out img{width:20px}}@media only screen and (max-width:900px){.left-out .arrow-out img{width:15px;margin-top:13px}}.left-out h1{font-family:Poppins;max-width:clamp(30rem,2vw,40rem);font-size:clamp(.8em,2vw,2em);font-weight:600;line-height:37px;text-align:left;margin-top:3px}.left-out .list-absen-kelas{width:-moz-fit-content;width:fit-content;font-size:clamp(.8em,2vw,2em);margin-left:50px;margin-top:-10px}.table-absensi-siswa td:not(:nth-child(2)),.table-absensi-siswa th:not(:nth-child(2)){text-align:center}td{border-collapse:collapse;outline:0}.table-absensi-siswa thead{font-weight:700}.table-absensi-siswa tbody td:first-child,.table-absensi-siswa thead th:first-child{border-top-left-radius:15px;border-bottom-left-radius:15px}.table-absensi-siswa tbody td:last-child,.table-absensi-siswa thead th:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px}.table-absensi-siswa td:first-child,.table-absensi-siswa th:first-child{width:5%}.table-absensi-siswa td:nth-child(2),.table-absensi-siswa th:nth-child(2){width:30%}.table-absensi-siswa td:nth-child(3),.table-absensi-siswa th:nth-child(3){width:20%}.table-absensi-siswa td:nth-child(4),.table-absensi-siswa th:nth-child(4){width:25%}.table-absensi-siswa td:nth-child(5),.table-absensi-siswa th:nth-child(5){width:20%}@media screen and (min-width:1200px){.table-absensi-siswa td,.table-absensi-siswa th{font-size:clamp(13px,2vw,1em);padding:3px}}@media screen and (max-width:993px){.table-absensi-siswa{max-width:100%}.list-absen-kelas{margin-top:-10px;margin-left:38px!important}}@media screen and (max-width:700px){.table-absensi-siswa{max-width:100%}.table-absensi-siswa td:nth-child(2){max-width:90px;margin-top:10px}}@media screen and (max-width:400px){.table-absensi-siswa{max-width:95%}.table-absensi-siswa td,.table-absensi-siswa th{padding:5px;font-size:11px}.table-absensi-siswa td:nth-child(2){max-width:90px;margin-top:10px}}.container-fluid-no-padding{padding-left:2.5%;padding-right:2.5%}.input-with-icon{position:relative}.input-with-icon i{position:absolute;left:10px;top:50%;transform:translateY(-43%);font-size:17px}.input-search{padding-left:40px;background-color:#f1f0f0;border-radius:10px;border:none;width:100%;box-shadow:0 0 5px 1px rgba(0,0,0,.25);font-size:20px;font-weight:400;height:35px}.card-hadir{margin-bottom:20px;position:relative;background:#fff;background-clip:padding-box; /* !importanté */border:5px solid transparent; /* !importanté */border-radius:1em}.card-hadir:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-5px; /* !importanté */border-radius:inherit; /* !importanté */background:linear-gradient(90deg,rgba(57,82,253,.4),rgba(100,67,215,.4) 23.91%,rgba(156,48,168,.4) 45.28%,hsla(330,8%,61%,.4) 66.08%,rgba(250,18,88,.4) 83.41%)}.card-header-hadir{margin:auto;border-radius:10px 10px 0 0;border-bottom:1px solid #ddd;width:90%;background-color:#fff;font-family:Poppins}.card-title-hadir{font-size:20px;text-align:left}.card-body-hadir{width:100%}.card-body-hadir .number-kehadiran{font-weight:700;font-size:94px;line-height:90%;margin-left:5%;color:#000}@media (max-width:1200px){.card-body-hadir .number-kehadiran{font-size:65px}}@media (max-width:995px){.card-body-hadir .number-kehadiran{font-size:50px}}@media (max-width:765px){.card-body-hadir .number-kehadiran{font-size:94px}}.card-body-hadir .unit{font-size:16px}.attendance-card{margin-top:10px;position:relative;background-color:#fff;border:1px solid #ddd;border-radius:20px;padding:15px;box-shadow:5px 5px 20px 5px rgba(59,63,66,.2);width:100%;height:489px}@media (max-width:760px){.attendance-card{margin-top:27%}}#attendance-title{font-weight:700;text-align:left;font-size:16px;margin-top:14px;margin-left:10px}.subtitle-card{font-weight:400;margin-left:2px;font-size:14px;display:block;color:#777}.line-chart{position:relative;height:60%;margin-top:15%;width:80%;margin-inline:auto}.legend{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;font-size:small}.legend-item{margin-right:10px}.legend-item,.legend-item-1{display:flex;flex-direction:row;align-items:center;gap:6px;margin-top:19px}.legend-item-1{margin-right:45px}.legend-item-2{display:flex;flex-direction:row;align-items:center;gap:6px;margin-top:38px;margin-right:10px}.legend-color{display:inline-block;width:10px;height:10px;border-radius:100%}.attendance-card-years{position:relative;background-color:#fff;border:1px solid #ddd;border-radius:20px;padding:15px;box-shadow:5px 5px 20px 5px rgba(59,63,66,.2);width:100%;height:66.8%}.line-chart-years{position:relative;height:60%;margin-top:5%;width:90%;margin-inline:auto}.presensi-preview-card{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:681px;height:86px;border-radius:15px;box-shadow:0 0 15px 1px rgba(0,0,0,.2);margin:auto;padding:0 20px}#presensi-title-preview{font-weight:400;text-align:left;font-size:32px;margin-left:10px;margin-top:20px;color:#000}.subtitle-title-preview{font-weight:400;margin-left:2px;font-size:10px;display:block;color:#000}.presensi-btn-preview{width:156px;height:36px;border:none;border-radius:8px;background:#0a66a0;color:#fff;font-size:14px;font-weight:700;cursor:pointer;outline:none;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}@media (max-width:768px){.presensi-preview-card{height:auto;max-width:calc(100% - 30px)}#presensi-title-preview{font-size:24px}.subtitle-title-preview{font-size:16px}}.action-title{margin-top:30px;margin-left:20px;gap:10px;display:flex}.action-title .text-title{font-size:32px;font-weight:600;font-family:Poppins}.action-title .text-title hr{margin-top:-.1px;border:0;border-top:2px solid #000;opacity:.7}.action-title .arrow-left{scale:1.1;margin-top:7px}.header{background:linear-gradient(90deg,#3752fe,#5448e4 8.47%,#703ecc 17.68%,#9532ad 26.89%,#aa2b9c 38.67%,#c02488 52.67%,#de196e 61.51%,#f91157 70.35%);width:95%;margin:0 auto;border-radius:15px;height:66px}.header .navbar-content{padding:0;margin:0}.header .profile-pw{color:blue;text-decoration:none}@media only screen and (max-width:900px){.header{height:56px}.header .school-logo{width:50px;height:50px}}.btn.dropdown-toggle:after{display:none}.school-logo{width:60px;height:60px;margin-left:10px;margin-top:-10px}.school-name{font-size:24px;color:#fff;font-weight:700;margin-top:-10px;font-family:Arial,Helvetica,sans-serif}@media only screen and (max-width:900px){.school-name{font-size:18px;margin-bottom:3px}}.btn-group button{margin-top:-7px;margin-right:1px;padding:5px}@media only screen and (max-width:900px){.btn-group button img{width:80%;height:80%;margin-bottom:1.5px}}.profile-icon{margin-left:7px}@media only screen and (max-width:900px){.profile-icon{width:130%}.dropdown-menu{width:80%!important}}.profile-name,.profile-nis,.profile-pw{font-size:14px;margin:0;margin-top:3px}@media only screen and (max-width:900px){.profile-name,.profile-nis,.profile-pw{font-size:10px}}.link-danger{text-decoration:none;font-size:small;justify-content:center;margin-left:10px}.link-danger:hover{cursor:pointer}@media only screen and (max-width:900px){.link-danger{font-size:10px}}.logout-icon{width:15px;height:16px;float:right;margin-top:5px;margin-right:10px}@media only screen and (max-width:900px){.logout-icon{width:13px;height:13px;margin-top:7px}}.button-absen{display:inline-block;padding:.2em .7em;margin:.2em 0;border-radius:.5em;background-color:#fff;color:#fff;text-align:center;text-decoration:none;font-size:1em;font-weight:600;cursor:pointer;font-family:Poppins;border:2px solid #fff}.button-absen:hover{background-color:#e6e6e6;color:#fff}.button-absen:active{background-color:#fff;color:#fff;box-shadow:0 .05em .1em rgba(0,0,0,.1);transform:translateY(.1em)}@media screen and (min-width:400px) and (max-width:922px){.button-absen{font-size:.8em;padding:.1em .6em}}.button-absen.green{display:inline-block;padding:.2em .7em;margin:.2em 0;border-radius:.5em;background-color:#fff;color:#6de435;text-align:center;text-decoration:none;font-size:1em;font-weight:600;cursor:pointer;font-family:Poppins;border:2px solid #6de435}.button-absen.green:hover{background-color:#53cb1b;color:#fff}.button-absen.green:active{background-color:#fff;color:#6de435;box-shadow:0 .05em .1em rgba(0,0,0,.1);transform:translateY(.1em)}@media screen and (min-width:400px) and (max-width:922px){.button-absen.green{font-size:.8em;padding:.1em .6em}}.button-absen.yellow{display:inline-block;padding:.2em .7em;margin:.2em 0;border-radius:.5em;background-color:#fff;color:#d6e435;text-align:center;text-decoration:none;font-size:1em;font-weight:600;cursor:pointer;font-family:Poppins;border:2px solid #d6e435;margin-left:3px}.button-absen.yellow:hover{background-color:#bdcb1b;color:#fff}.button-absen.yellow:active{background-color:#fff;color:#d6e435;box-shadow:0 .05em .1em rgba(0,0,0,.1);transform:translateY(.1em)}@media screen and (min-width:400px) and (max-width:922px){.button-absen.yellow{font-size:.8em;padding:.1em .6em}}.button-absen.blue{display:inline-block;padding:.2em .7em;margin:.2em 0;border-radius:.5em;background-color:#fff;color:#5855ee;text-align:center;text-decoration:none;font-size:1em;font-weight:600;cursor:pointer;font-family:Poppins;border:2px solid #5855ee;margin-left:3px;padding:.2em .84em}.button-absen.blue:hover{background-color:#2a27e9;color:#fff}.button-absen.blue:active{background-color:#fff;color:#5855ee;box-shadow:0 .05em .1em rgba(0,0,0,.1);transform:translateY(.1em)}@media screen and (min-width:400px) and (max-width:922px){.button-absen.blue{font-size:.8em;padding:.1em .6em}}.button-absen.red{display:inline-block;padding:.2em .7em;margin:.2em 0;border-radius:.5em;background-color:#fff;color:#e43535;text-align:center;text-decoration:none;font-size:1em;font-weight:600;cursor:pointer;font-family:Poppins;border:2px solid #e43535;margin-left:3px}.button-absen.red:hover{background-color:#cb1b1b;color:#fff}.button-absen.red:active{background-color:#fff;color:#e43535;box-shadow:0 .05em .1em rgba(0,0,0,.1);transform:translateY(.1em)}@media screen and (min-width:400px) and (max-width:922px){.button-absen.red{font-size:.8em;padding:.1em .6em}}.button-absen.green.active{background-color:#6de435;color:#fff;box-shadow:0 .05em .1em rgba(0,0,0,.1);transform:translateY(.03em)}.button-absen.yellow.active{background-color:#d6e435;color:#fff;transform:translateY(.03em)}.button-absen.blue.active{background-color:#5855ee}.button-absen.blue.active,.button-absen.red.active{color:#fff;box-shadow:0 .05em .1em rgba(0,0,0,.1);transform:translateY(.03em)}.button-absen.red.active{background-color:#e43535}.small{padding:.25em .6em;font-size:clamp(.6em,2vw,.8em)}.small-blue{padding:.25em .77em;font-size:clamp(.5em,2vw,.8em)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}