@import url(https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:rgba(60,60,60,.29);--vt-c-divider-light-2:rgba(60,60,60,.12);--vt-c-divider-dark-1:rgba(84,84,84,.65);--vt-c-divider-dark-2:rgba(84,84,84,.48);--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:rgba(60,60,60,.66);--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:hsla(0,0%,92%,.64);--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px;--ms-px:.5rem;--ms-line-height:1.5;--ms-py:.2rem;--ms-font-size:13px;--theme-primary:#3d5c5e;--theme-primary-orange:#fe7743;--theme-gray-bg:#ebebeb;--theme-light-gray-bg:#f0f0f0;--theme-dark-gray-bg:#858585;--theme-green:#384f41;--theme-blue-green:#3d5c5e;--theme-text-color:#87af49}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:after,:before{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-container{min-height:inherit;width:100%;height:100vh;padding:0;display:flex;justify-content:center}.login-wrapper{padding:2.2rem 2rem;border-radius:0;height:100%;width:100%;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}.login-form-wrapper{padding:2rem 1.5rem}.system-name{font-family:Poppins,sans-serif;text-transform:uppercase;font-size:1.8rem;font-weight:600;color:#fff}@media (width >= 1024px){.login-wrapper{width:48%;padding:1.5rem 3rem}.login-form-wrapper{padding:3rem 2.2rem}.login-container{padding:1rem 4rem}}.sidebar-content-container{background-color:var(--theme-primary);width:60px;height:100vh}.link-container{padding:.3em .1em;display:flex;align-items:center;gap:.3rem}.icon-container{width:22px}.header-menu-mobile .link-container{padding:.3rem 1rem}.header-menu-mobile .link-iterator:hover{background-color:#67a5ab}.header-menu-mobile .link-container span,.header-menu-mobile .link-container svg{color:#fff}.content-header-container{background-color:var(--theme-blue-green);height:75px;position:relative}.header-content{padding:2.5rem 1.5rem 1rem 1.5rem}.header-menu-mobile{position:absolute;background-color:var(--theme-blue-green);width:100%;padding:.8rem 0}@media (width >= 1024px){.content-header-container{height:55px}.header-content{padding:1.5rem 1rem}}.content-left,.profile-menu{display:none}.link-container{height:2rem}.__logout-btn svg,.content-left .sidebar-menu a,.content-left .sidebar-menu span,.content-left .sidebar-menu svg{color:var(--theme-blue-green)!important}.content-left .link-container{padding:.4rem .6rem;.link-title{font-size:9.1pt!important}}.link-container:hover{background-color:rgba(61,92,94,.2);.link-title{font-weight:550!important}}.link-iterator:has(.router-link-active),.router-link-exact-active{background-color:#67a5ab!important}.attendance-monitoring footer{bottom:20px;background-color:var(--theme-gray-bg)}@media (width >= 1024px){.hamburger-menu,.header-menu-mobile{display:none}.content-left,.profile-menu{display:block}.content-left{display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem 0;width:180px;background-color:var(--theme-light-gray-bg)}.link-iterator:has(.router-link-active),.router-link-exact-active{background-color:#fff!important;border-radius:2rem 0 0 2rem}.attendance-monitoring footer{background-color:transparent}}#app{min-width:100%;min-height:inherit;font-family:Montserrat,sans-serif}.dp__input{padding:2px 30px 2px 32px!important}.footer-wrapper a{display:flex;align-items:center;height:60px!important;background-color:transparent!important}.swal2-container{font-family:Montserrat,sans-serif!important}.swal2-modal{width:80%}.footer-wrapper .sidebar-menu{display:flex!important;flex-direction:row!important}.time-btn{background-image:linear-gradient(0deg,#548285,#5e8f92,#699ca0,#70afb3,#7fc2c7);width:180px;aspect-ratio:1;border-radius:50%!important;border:10px solid #e3e3e3!important}.time-btn:hover{box-shadow:6px 10px 40px 0 rgba(136,165,191,.48),-6px -10px 16px 0 hsla(0,0%,100%,.8)!important;background-image:linear-gradient(0deg,#537e81,#619395,#6fa5ac,#78b3b6,#7fc2c7)}.page-title{font-family:Poppins,sans-serif;font-weight:550}.btn-sm,.form-control-sm{font-size:.8rem!important}.multiselect-option{font-size:13px!important}.swal2-toast{padding:.5em .8em!important;.swal2-html-container{margin-top:0!important;font-size:9.5pt!important}.swal2-title{font-size:11pt!important};}.swal2-modal{.swal2-title{font-size:19pt;padding:.3em 1em 0}.swal2-html-container{font-size:10.5pt}.swal2-actions button{font-size:10pt}.spinner-border{width:3.5rem!important;height:3.5rem!important}}.valid{border:1px solid green!important}.invalid{border:1px solid red!important}.swal2-bottom{padding-bottom:95px}.swal2-toast{border-radius:25px!important;padding:.1em 1em!important;.swal2-icon{width:18px!important;min-width:18px!important;height:18px!important;margin-right:0!important;border-width:.15em!important}.swal2-title{margin:.25em 1em;font-size:.8em!important}.swal2-html-container{margin-bottom:.25em!important;font-size:.7em!important}}.employment-information-section{.multiselect{padding:0!important}}@media (width >= 768px){.swal2-modal{width:32em}}#app{height:100vh;font-size:13px;font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}