﻿*{margin:0;padding:0}.content{margin-left:250px;margin-top:90px;padding-right:2em}body{font-family:"Arial",sans-serif;color:#000;font-size:1em}.topBar{position:fixed;background-color:#fff;top:0;left:220px;right:0;height:64px;padding:0 32px 0 32px;border-bottom:solid #DFDFDF 1px;display:flex;align-items:center}.topBar__title{font-size:1em;font-weight:normal;margin-right:auto}.topBar__title-link{text-decoration:none;color:#9DA2B2}.topBar__title-link:hover span{text-decoration:underline}.topBar__userInfo{display:flex;flex-direction:column;border-right:solid #DFDFDF 1px;padding:0 0.6em 0 0;margin-right:10px}.topBar__userInfo-name{margin-left:auto}.topBar__userInfo-email{color:#9DA2B2}.topBar__logout{display:flex;background-color:#F8F9FC;padding:0.5em;border-radius:4px}.topBar__logout__link{color:#9DA2B2;text-decoration:none}.topBar__logout__link img{vertical-align:middle;height:auto;padding:0 0.1em 0 0}.topBar__logout__link:hover{text-decoration:underline}.nav{position:fixed;top:0;left:0;bottom:0;width:200px;display:flex;flex-direction:column;height:100%;background-color:#00153F;padding:10px}.nav__corner{text-align:start;margin-bottom:20px}.nav__corner__logo{padding:1em 0 0 0;width:150px}.nav__tabs__list{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column}.nav__tabs__list li{margin-bottom:0.5em}.nav__tabs__list li a{display:flex;text-decoration:none;color:#9DA2B2;font-weight:bold;font-family:"Arial",sans-serif;padding:0.5em;border-radius:4px}.nav__tabs__list li a.current{color:#fff;background-color:#FF2083}.nav__tabs__list li a.current img{filter:brightness(200%)}.nav__tabs__list li a img{vertical-align:middle;height:auto;padding:0 0.6em 0 0}.nav__logout{margin-top:auto;margin-bottom:30px}.nav__logout a{text-decoration:none;color:#fff;font-weight:bold;font-family:"Arial",sans-serif}.nav__logout a:hover{color:#2370c9}.employee__card{border:#DFDFDF solid 1px;border-radius:4px;display:flex;flex-direction:column;align-items:center;padding:1em}.employee__card__image{border-radius:50%;object-fit:cover;margin:0 0 0.7em 0}.employee__card__name{margin:0 0 0.7em 0;color:#00153F;text-align:center}.employee__card__name p{margin-top:0.2em;font-size:small}.employee__card__dayLeft{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#00153F;border-radius:4px;color:white;padding:0.5em}.employee__card__dayLeft h2{padding:0;margin:0}.employee__card__dayLeft p{margin:0.5em;font-weight:lighter;color:#9DA2B2;font-size:small}.employee__tabs{overflow:auto;display:flex;flex-direction:column;border-bottom:solid 1px #DFDFDF;margin-bottom:1em;margin-top:1em;min-width:60%}.employee__tabs h3{font-size:1.5rem;margin-bottom:1rem}.employee__tabs .employee__tabs-list{list-style:none;padding:0;display:flex;border-bottom:1px solid #DFDFDF;margin-bottom:1rem}.employee__tabs .employee__tabs-list .employee__tab-item{margin-right:1rem;padding-bottom:0.5rem;cursor:pointer}.employee__tabs .employee__tabs-list .employee__tab-item a{text-decoration:none;color:#000;font-weight:lighter;padding:0.5rem 1rem;display:block}.employee__tabs .employee__tabs-list .employee__tab-item a:hover{color:#FF2083}.employee__tabs .employee__tabs-list .employee__tab-item.active a{color:#FF2083;border-bottom:2px solid #FF2083}.employee__tabs .employee__tabs-list .employee__tab-item:last-child{margin-right:0}.table,.employee-list__table-content,.Admin__table-table{font-size:0.8em;min-width:400px;border-radius:5px 5px 0 0;overflow:hidden;width:100%;border-spacing:0 10px}.table th,.employee-list__table-content th,.Admin__table-table th,.table td,.employee-list__table-content td,.Admin__table-table td{padding:0.5em;text-align:center}.table th button,.employee-list__table-content th button,.Admin__table-table th button,.table td button,.employee-list__table-content td button,.Admin__table-table td button{margin-bottom:0.2em}.table th a,.employee-list__table-content th a,.Admin__table-table th a,.table td a,.employee-list__table-content td a,.Admin__table-table td a{text-decoration:none;color:#2370c9}.table th a:hover,.employee-list__table-content th a:hover,.Admin__table-table th a:hover,.table td a:hover,.employee-list__table-content td a:hover,.Admin__table-table td a:hover{text-decoration:underline}.table th .--paid,.employee-list__table-content th .--paid,.Admin__table-table th .--paid,.table td .--paid,.employee-list__table-content td .--paid,.Admin__table-table td .--paid{color:#00AD83}.table th .--unpaid,.employee-list__table-content th .--unpaid,.Admin__table-table th .--unpaid,.table td .--unpaid,.employee-list__table-content td .--unpaid,.Admin__table-table td .--unpaid{color:#fd5c63}.table th .--approved,.employee-list__table-content th .--approved,.Admin__table-table th .--approved,.table td .--approved,.employee-list__table-content td .--approved,.Admin__table-table td .--approved{color:#00AD83}.table th .--rejected,.employee-list__table-content th .--rejected,.Admin__table-table th .--rejected,.table td .--rejected,.employee-list__table-content td .--rejected,.Admin__table-table td .--rejected{color:#fd5c63}.table th .--updated,.employee-list__table-content th .--updated,.Admin__table-table th .--updated,.table td .--updated,.employee-list__table-content td .--updated,.Admin__table-table td .--updated{color:#FF2083}.table th .--cancelled,.employee-list__table-content th .--cancelled,.Admin__table-table th .--cancelled,.table td .--cancelled,.employee-list__table-content td .--cancelled,.Admin__table-table td .--cancelled{color:#9DA2B2}.table th .--requested,.employee-list__table-content th .--requested,.Admin__table-table th .--requested,.table td .--requested,.employee-list__table-content td .--requested,.Admin__table-table td .--requested{color:#000}.table tbody tr:hover,.employee-list__table-content tbody tr:hover,.Admin__table-table tbody tr:hover{background-color:#f4f6fa}.table tbody tr,.employee-list__table-content tbody tr,.Admin__table-table tbody tr{background-color:#F8F9FC}.table tr td:first-child,.employee-list__table-content tr td:first-child,.Admin__table-table tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.table tr td:last-child,.employee-list__table-content tr td:last-child,.Admin__table-table tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.employee-list__table-header{cursor:pointer}.employee-list__table-header:hover{color:#2370c9}.employee-list__table-header.ascending::after{content:"▲"}.employee-list__table-header.descending::after{content:"▼"}.employee-list__table-content{font-size:1em}.form,.admin__form,.employee__vacation-request__form{border:1px solid #DFDFDF;padding:1em;margin:0.5em 0;border-radius:12px}.form__group{margin-bottom:1.5em;display:flex;flex-direction:column}.form__group-label{color:#9DA2B2;padding-bottom:0.5em}.form__group-input{padding:0.75em;border-radius:4px;border:1px solid #DFDFDF;font-size:1em}.form__group-input:focus{border-color:#FF2083;outline:none}.form__group-textarea{max-width:90%;max-height:6em;min-width:90%;min-height:6em}.form__button-group{display:flex;flex-wrap:wrap;justify-content:space-around;gap:1em}.employee-tab-upcoming__form{display:flex;flex-direction:column;gap:0.2em}.employee-tab-upcoming__form input,.employee-tab-upcoming__form button{flex-grow:1}button{padding:0.75em 1.5em;border-radius:4px;border:none;cursor:pointer;font-size:1em}button:disabled{cursor:not-allowed;opacity:0.5}button.reset{background-color:#F8F9FC;color:#9DA2B2}button.reset:hover{background-color:#d4daed}button.other{background-color:#d6d8df;color:#23252d}button.other:hover{background-color:#9DA2B2}button.submit{background-color:#FF2083;color:#fff}button.submit:hover{background-color:#ec0069}button.admin{background-color:#7d32d7;color:#fff}button.admin:hover{background-color:#6423b3}.tooltip-container{position:relative}.tooltip-container-vacation{cursor:pointer}.tooltip-container .help-tip{position:absolute;display:none;border-radius:4px;background-color:#F8F9FC;border:1px solid #DFDFDF;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:1000}.tooltip-container .help-tip-vacation{right:0;padding:1em;width:300px;font-size:0.8em}.tooltip-container .help-tip-token{bottom:100%;left:0;padding:0.8em;width:250px}.tooltip-container input:hover+.help-tip-token{display:block}.tooltip-container .help-icon-vacation{display:inline-block;background-color:#d6d8df;border-radius:50%;padding:0.5em 0.8em;font-size:1em;font-weight:bold;color:#fff}.tooltip-container .help-icon-vacation:hover+.help-tip-vacation{display:block}.employee__vacation-request__help-block{margin:0.9em 0;padding-left:0.9em;border-left:4px solid #ccc}.employee__vacation-request__help-title{font-weight:bold;margin-bottom:0.5em}.employee__vacation-request__help-note{font-size:1em;color:#9DA2B2}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;z-index:1000}.modal__dialog{position:relative;background:#fff;padding:1em;top:35%;left:40%;border-radius:8px;width:400px;max-width:100%}.modal__header{display:flex;justify-content:space-between;align-items:center}.modal__header .modal__close{background-color:#F8F9FC;padding:0 0.25em 0 0.25em;font-size:1.5em}.modal__header .modal__close:hover{background-color:#f4f6fa;cursor:pointer}.modal__body{margin-top:1em;display:flex;flex-direction:column;gap:1em}.modal__footer{display:flex;justify-content:flex-end;gap:1em}.alert{width:100%;margin-bottom:1em;color:#fff;padding:0.5em;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.alert-success{background-color:#00AD83}.alert-error{background-color:#fd5c63}.alert__close{padding:0 0.25em 0 0.25em;font-size:1.5em}.alert__close:hover{cursor:pointer}.alert-login{position:absolute;top:3%;right:3%;background-color:#F8F9FC;color:#000;padding:0.5em;border-radius:4px;display:flex;align-items:center}.employee{display:flex;flex-direction:column;justify-content:center}.employee .line{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:1em}.employee .line__subpart{display:flex;flex-grow:1;gap:1em}.employee__card{width:175px;margin-right:1em}.employee__remaining-vacation{display:flex;flex-direction:column;flex-grow:1;min-width:60%}.employee__admin-actions{display:flex;padding:1em;flex-direction:column;justify-content:start;gap:1em;align-items:end}.employee__tabs{flex-grow:1;margin-right:2em}.employee__vacation-request{margin-right:2em}.employee__vacation-request__header{display:flex;justify-content:space-between}.employee__token-update{width:100%}.employee__token-update__title{margin-bottom:1em}.employee__token-update__form{display:flex;gap:1em}.employee__token-update .help-container{display:flex;gap:1em}.Admin{display:flex;justify-content:center;gap:1.5em;flex-wrap:wrap}.Admin__table{flex-grow:1;border-bottom:1px solid #DFDFDF}.upcoming{display:flex;flex-direction:column;gap:1em}.upcoming__header__info-message .download-link{color:#FF2083;text-decoration:none}.upcoming__header__info-message .download-link:hover{color:#d3005d}.upcoming__calendar{width:80%;align-self:center}.login{background-repeat:no-repeat;background-size:cover;color:white;display:flex;height:90vh;flex-direction:column;justify-content:space-between;padding:2em 0 2em 4em}.login__content{display:flex;flex-direction:column;width:59%}.login__content__title{font-weight:lighter;color:#9DA2B2}.login__content__description{font-size:3.5em;font-weight:bold;margin-bottom:0.5em}.login__content__description span{color:#FF2083}.login__content__button{width:10em}.login__footer{display:flex}.login__footer__logo{padding-right:1em}.login__footer__text-first{color:#9DA2B2}

/*# sourceMappingURL=main.css.map */