@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap");*{padding:0;margin:0;box-sizing:border-box}body{font-family:'Source Sans Pro', Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;background-color:#eeeeee}img{max-width:100%;height:auto}.container{width:96%;margin:auto;max-width:1400px}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}p{font-size:1.1em}a{text-decoration:none;transition:all 0.3s ease-in-out}.page{width:100%;padding:12vh 0}.page .container{display:grid;grid-template-columns:1fr;gap:20px}.page .container .col{width:100%}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-col .center-row{display:flex;justify-content:center;align-items:center;flex-direction:column}.two-third-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px}.two-third-col .left{grid-column:1/3}.two-third-col .right{grid-column:3/4}.content-box{background-color:white;border-top:10px solid #47ba57;box-shadow:0 4px 4px rgba(0,0,0,0.1);margin-bottom:20px}.content-box .heading{padding-top:5px;padding-bottom:5px;border-bottom:2px solid #e8e8e8}.content-box .heading h2{font-size:2.5em;margin-left:10px;color:#47ba57}.content-box .main{padding:20px}.content-box .main a{color:#47ba57;margin:auto}.form-group{width:100%;margin-bottom:20px}.form-group label{margin-bottom:5px;border-left:2px solid #47ba57;padding-left:5px;display:inline-block}.form-group input{border:none;border-bottom:#333 solid 2px;background-color:#f7f7f7;height:25px;width:100%;font-family:'Source Sans Pro', Helvetica, Arial, sans-serif}.form-group textarea{font-family:'Source Sans Pro', Helvetica, Arial, sans-serif;display:block;width:100%}.form-group input[type=time]{border:none;border-bottom:#333 solid 2px}.form-group input[type=date]{border:none;border-bottom:#333 solid 2px}form .form-text .quillWrapper{max-height:300px;overflow:auto}form .submit-btn{margin-top:20px;border:none;background-color:#47ba57;color:white;font-size:0.9em;padding:10px 20px;cursor:pointer;transition:all 0.3s ease}form .submit-btn:hover{background-color:darkgreen}.submit-btn{border:none;margin:2px 0;background-color:#47ba57;color:white;font-size:0.9em;padding:5px 10px;cursor:pointer;transition:all 0.3s ease}.submit-btn:hover{background-color:darkgreen}.notify{width:10px;height:10px;background-color:#2581d7;border-radius:50%;margin-right:10px;display:inline-block;position:absolute;left:-8px;top:10px}.article{width:100%}.article .container{background-color:white;box-shadow:0 4px 4px rgba(0,0,0,0.1);min-height:80vh;max-width:800px;padding:20px;margin-top:12vh}.article .container h1{color:#47ba57}.article .container h4{margin-bottom:20px;color:#333}@media (min-width: 768px){body{font-size:18px}.page .container{grid-template-columns:1fr 1fr}}@media (min-width: 1200px){.page .container{grid-template-columns:1fr 1fr 1fr}}.bottombar{background-color:white;position:fixed;bottom:0;z-index:100;width:100%;height:10vh}.bottombar .container{display:flex;justify-content:center;align-items:center;height:100%}.bottombar .container .active-page{background-color:#47ba57;color:white}.bottombar .container a{font-size:1.3em;padding:20px;color:#555;transition:0.1s ease}.bottombar .container a:hover{background-color:#47ba57;color:white}@media (min-width: 1200px){.bottombar{top:0;width:50%;background-color:unset;left:50%;transform:translate(-50%, 0)}}header{width:100%;padding:20px 0;z-index:100;background-color:white;box-shadow:0 4px 4px rgba(0,0,0,0.06);height:10vh;position:fixed;top:0}header .container{display:flex;justify-content:space-between;align-items:center;height:100%}header .container .nav-logo{width:100px}header .container .nav-items{display:flex;justify-content:center;align-items:center}header .container .nav-items i{font-size:1.3em;margin-left:10px;color:#47ba57;cursor:pointer;transition:all 0.3s ease}header .container .nav-items i:hover{color:darkgreen}header .container .nav-items .dropdown{position:relative}header .container .nav-items .dropdown:hover .drop-content{visibility:visible;opacity:1}header .container .nav-items .dropdown .drop-content{box-shadow:0 4px 4px rgba(0,0,0,0.2);background-color:white;position:absolute;transition:all 0.3s ease-in-out;opacity:0;top:1.7em;right:-2em;visibility:hidden;padding:5px 20px;width:100vw;max-width:500px}header .container .nav-items .dropdown .drop-content p{margin-bottom:5px}.notification{font-size:0.9em;transition:all 0.3s ease;cursor:pointer;padding:5px}.notification:hover{background-color:#f3f3f3}@media (min-width: 768px){header .container .nav-logo{width:200px}}.hours-box{width:100%;margin-bottom:20px}.hours-box h3{display:inline-block;float:left;width:55px;text-align:center;color:white;font-weight:800;margin-bottom:5px;margin-right:20px}.hours-box p{display:inline-block;color:#525252;font-size:0.9em}.hours-box .hours{background-color:#2581d7}.hours-box .sick{background-color:#be25d7}.hours-box .vacation{background-color:#d72f25}.big-num{font-size:4em}.todos .todo-box{margin-bottom:5px}.todos .completed{text-decoration:line-through;color:#777}.todos .todo-box{display:flex;justify-content:space-between}.todos .todo-box button{cursor:pointer;height:25px;width:25px;border-radius:50%;background-color:#e62c1c;color:white;border:none}.todos .todo-box button:hover{background-color:darkred}.todos .todo-box .item{display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:10px}.todos .todo-box .item p{font-size:1em;margin-top:-5px}.todos .todo-box .item input{margin-right:5px}.todos .todo-del{cursor:pointer;color:darkred;font-size:1em;text-decoration:none;background-color:unset;border:none}.eventlist .today{padding-left:10px;padding-top:10px;padding-bottom:10px;box-shadow:0 4px 4px rgba(0,0,0,0.1);margin-bottom:20px}.eventlist .dates{margin-bottom:10px;display:block}.eventlist .dates p:nth-child(2){color:darkgreen;font-size:1em}.eventlist h3{margin-bottom:10px;color:#757575}.eventlist p{font-size:0.8em;margin-right:10px;color:#222}.eventlist .future{padding-left:10px}.notification-home .notification{font-size:0.9em;transition:all 0.3s ease;width:100%;position:relative;cursor:pointer;padding:5px}.notification-home .notification:hover{background-color:#f3f3f3}.register .container form{background-color:white}.login{height:800px;width:100%}.login .container{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.login .container .content-box{width:100%;max-width:400px}.login .container img{width:80%;max-width:500px}.login .container form .form-group{width:100%}.login .container form .form-group input,.login .container form .form-group label{width:100%;margin:5px 0}#calendar{background-color:white;padding:20px;box-shadow:0 4px 4px rgba(0,0,0,0.1)}#calendar button{background-color:#47ba57;border:none}.events{margin-top:12vh;padding-bottom:12vh}.events .container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.events .container .col,.events .container .col2{width:100%}@media (min-width: 1024px){.events .container{flex-direction:row;justify-content:space-between}.events .container .col,.events .container .col2{width:49%}}@media (min-width: 1300px){.events .container{flex-direction:row}.events .container .col{width:33%}.events .container .col2{width:66%}}.hours-track .main{display:grid;grid-template-columns:1fr;gap:20px;text-align:center}.hours-track .main .total-clock{text-align:center}.hours-track .main .total-clock p{font-size:0.8em;width:100px;display:inline-block}.hours-track .main .total-clock h2{font-size:2em}.hours-track .main form{text-align:center}.hours-track .main form .form-row{display:flex;justify-content:center;align-items:center}.hours-track .main form .form-row input{width:80%}.hours-track .main form input{width:70px;display:block;margin:auto;height:30px;font-size:16px;border:none;width:80px;text-align:center;background-color:#f7f7f7;border-bottom:2px solid #333}.hours-track .main form button{display:block;margin:auto;cursor:pointer;background-color:#47ba57;border:none;color:white;padding:5px 20px;margin-top:10px;font-size:1em;transition:all 0.3s ease}.hours-track .main form button:hover{background-color:darkgreen}.time-sheet .main form .form-row{display:flex;justify-content:center;align-items:center}.time-sheet .main form .form-row label{display:block}.time-sheet .main form .form-row input{width:80%}.time-sheet .main table{text-align:left;width:100%;border:1px solid black}.time-sheet .main table th,.time-sheet .main table td{border:1px solid black;padding:5px}.hoursPage{width:100%;padding:12vh 0}.hoursPage .container{display:grid;grid-template-columns:1fr;gap:20px}.view-time .main #create-hours-form .form-row,.view-time .main #view-hours-form .form-row{display:flex;justify-content:center;align-items:center}.view-time .main #create-hours-form .form-row label,.view-time .main #view-hours-form .form-row label{display:block}.view-time .main #create-hours-form .form-row input,.view-time .main #view-hours-form .form-row input{width:95%}.view-time .main #view-times-table table{text-align:left;width:100%;border:1px solid black}.view-time .main #view-times-table table th,.view-time .main #view-times-table table td{border:1px solid black;padding:5px}@media (min-width: 1024px){.hoursPage .container{grid-template-columns:1fr 1fr}}@media (min-width: 1200px){.hoursPage .container{grid-template-columns:1fr 2fr}}.personal .main form button{cursor:pointer;padding:10px 20px;font-size:0.8em;background-color:#47ba57;color:white;border:none;transition:0.3s ease}.personal .main form button:hover{background-color:darkgreen}.reset-password .main #profile-password{margin-top:20px;cursor:pointer;padding:10px 20px;font-size:0.8em;background-color:#47ba57;color:white;border:none;transition:0.3s ease}.reset-password .main #profile-password:hover{background-color:darkgreen}.contacts .main .contact-box{margin-bottom:20px}.contacts .main .contact-box h3{color:#333;margin-bottom:5px}.contacts .main .contact-box p{color:#555;line-height:1.25}