:root{--green:#72b206;--lightgreen:#aad361;--black:#161616;--darkgrey:#3a3a3a}html{height:100%}body{font-family:"Open Sans",sans-serif;background:#eee;height:100%}body a{text-decoration:none}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:var(--lightgreen)}#preloader:before{content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid var(--green);border-top-color:var(--darkgrey);border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite}@-webkit-keyframes animate-preloader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes animate-preloader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lds-dual-ring.hidden{display:none}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:9999;opacity:1;transition:all .5s}.lds-dual-ring{display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:5% auto;border-radius:50%;border:6px solid var(--green);border-color:var(--green) transparent var(--darkgrey) transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#nav .navbar{transition:all .5s;z-index:997;transition:all .5s;background:var(--green)}#nav .logo img{padding:0;margin:0;max-height:60px}#nav .logo a{text-decoration:none}#nav .logo h1{font-family:'Poiret One',cursive;color:#fff;font-size:1rem;margin:0;padding:0;letter-spacing:2px;font-weight:700}#nav .navbar-nav button{text-decoration:none;font-size:1.2rem;font-weight:700;color:#fff;margin-left:5px;border:none}#nav .navbar-nav button:hover{color:var(--darkgrey);border:none}#nav .navbar-toggler{color:var(--green);background:var(--lightgreen)}#nav .navbar-nav button.itsLive{color:var(--darkgrey)}#main{margin-top:100px}.search{position:relative}.search input{border-radius:20px;text-indent:5px}.search input:focus{box-shadow:none;border:1px solid var(--green)}.search button{position:absolute;top:2px;right:0;height:38px;width:50px;border:none;background:transparent}.search button i{color:var(--green);font-size:1.3rem}.select.form-select{box-shadow:none;border-radius:10px}section{overflow:hidden}.wrapper{width:100%;margin:0 auto}.total-entries h5{font-weight:700;color:var(--darkgrey)}.no-arrow select{background-image:none}.add-button-employee button{background:var(--green);color:#fff;height:50px;width:50px;border-radius:50px;font-size:25px}.table{border-radius:8px;overflow:hidden}.table tbody{background:#fff}.table thead{background:var(--green);color:#fff}.employeeTable th{padding:15px 8px;font-size:1.1rem;letter-spacing:.5px;font-weight:bold;text-transform:uppercase}.employeeTable img{width:30px}.employeeTable tbody tr:hover{background:#e1ffc8}.employee-form-container{width:700px;max-width:100%}#addEmployeeModal .modal-header{background:var(--green);color:#fff}#left-arrow{margin:0!important;font-size:2rem;padding:0;color:#fff}#x-left{margin-right:65px;font-size:2.5rem;padding:0 30px;color:#df2c14}#employeeConfirmAddBtn{margin-left:65px;font-size:2.5rem;padding:0 30px;color:var(--green)}#addEmployeeForm p{font-size:.8rem;color:rgb(161,161,161)}#addEmployeeForm span{color:#f56957}#addEmployeeForm .error{color:#f56957}.container-details{width:700px;max-width:100%}#ed-left-arrow{margin:0!important;font-size:2rem;padding:0;color:#fff}#viewEmployeeModal .modal-header{background:var(--green);color:#fff}.employee-profile-photo,#ed-name{background:var(--green);color:#fff;letter-spacing:1px}.employee-profile-photo img{max-width:250px;margin:auto;padding:20px}#ed-tbody i{font-size:2rem;color:var(--green)}#ed-pencil-edit{color:#61b4f8;margin-right:65px;font-size:2rem;padding:0 30px}#ed-bin-delete{color:#df2c14;margin-left:65px;font-size:2rem;padding:0 30px}#editEmployeeModal .modal-header{background:var(--green);color:#fff}#edite-left-arrow{margin:0!important;font-size:2rem;padding:0;color:#fff}#xedite-left{margin-right:65px;font-size:2.5rem;padding:0 30px;color:#df2c14}#updateEmployeeBtn{margin-left:65px;font-size:2.5rem;padding:0 30px;color:var(--green)}#editEmployeeModal label{font-size:.8rem;color:rgb(161,161,161)}#editEmployeeForm .error{color:#f56957}#deleteEmployeeModal .modal-dialog{margin-top:60vh}#deleteEmployeeModal .modal-content{padding:15px 10px 0 10px}.dm-overlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;opacity:1;background:rgba(227,255,162,.9);transition:.3s ease-in;-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in}#cancelDeleteE-left{margin-right:40px}#deleteEmployeeBtn{margin-left:40px;color:#df2c14}.department-details-card{border-radius:8px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.12);overflow:hidden;margin:20px;max-width:100%;width:300px}.department-details-card img{width:300px;max-width:100%}.department-details-card .card-body{padding:1rem 1rem .2rem 1rem}#dept-tbody i{font-size:1.5rem;color:var(--green)}.department-details-card button i{font-size:1.8rem}#dept-pencil-edit{color:#61b4f8;margin-right:45px}#dept-bin-delete{color:#df2c14;margin-left:45px}.add-button-department button{background:var(--green);color:#fff;height:40px;width:250px;border-radius:20px;font-size:1.2rem;font-weight:700}.add-button-department button i{font-weight:bold}#addDepartmentModal .modal-header{background:var(--green);color:#fff}#addd-left-arrow{margin:0!important;font-size:2rem;padding:0;color:#fff}#xaddd-left{margin-right:65px;font-size:2.5rem;padding:0 30px;color:#df2c14}#addDepartmentBtn{margin-left:65px;font-size:2.5rem;padding:0 30px;color:var(--green)}#addDepartmentModal label{font-size:.8rem;color:rgb(161,161,161)}#addDepartmentForm .error{color:#f56957}#editDepartmentModal .modal-header{background:var(--green);color:#fff}#editud-left-arrow{margin:0!important;font-size:2rem;padding:0;color:#fff}#xeditud-left{margin-right:65px;font-size:2.5rem;padding:0 30px;color:#df2c14}#updateDepartmentBtn{margin-left:65px;font-size:2.5rem;padding:0 30px;color:var(--green)}#editDepartmentModal label{font-size:.8rem;color:rgb(161,161,161)}#editDepartmentForm .error{color:#f56957}#deleteDepartmentModal .modal-dialog{margin-top:60vh}#deleteDepartmentModal .modal-content{padding:15px 10px 0 10px}#cancelDeleteD-left{margin-right:40px}#deleteDepartmentBtn{margin-left:40px;color:#df2c14}.location-details-card{border-radius:8px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.12);overflow:hidden;margin:20px;max-width:100%;width:300px}.location-details-card img{width:300px;max-width:100%}.location-details-card .card-body{padding:1rem 1rem .2rem 1rem}.location-details-card button i{font-size:1.8rem}#loc-bin-delete{color:#df2c14}.add-button-location button{background:var(--green);color:#fff;height:40px;width:250px;border-radius:20px;font-size:1.2rem;font-weight:700}.add-button-location button i{font-weight:bold}#addLocationModal .modal-header{background:var(--green);color:#fff}#addl-left-arrow{margin:0!important;font-size:2rem;padding:0;color:#fff}#xaddl-left{margin-right:65px;font-size:2.5rem;padding:0 30px;color:#df2c14}#addLocationBtn{margin-left:65px;font-size:2.5rem;padding:0 30px;color:var(--green)}#addLocationModal label{font-size:.8rem;color:rgb(161,161,161)}#addLocationForm .error{color:#f56957}#deleteLocationModal .modal-dialog{margin-top:60vh}#deletelocationModal .modal-content{padding:15px 10px 0 10px}#cancelDeleteL-left{margin-right:40px}#deleteLocationBtn{margin-left:40px;color:#df2c14}#forbiddenDepartmentModal .modal-header{background:#df2c14;color:#fff}#forbiddenLocationModal .modal-header{background:#df2c14;color:#fff}.modal-title{margin-right:5px}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:20px;z-index:996;background:var(--green);width:50px;height:50px;border-radius:50px;transition:all .4s}.back-to-top i{font-size:25px;color:#fff;line-height:0}.back-to-top:hover{background:var(--lightgreen);color:#fff}.back-to-top.active{visibility:visible;opacity:1}@media screen and (max-width:770px){#main{padding:0}.table th{padding:8px 6px}tbody td{padding:4px!important}.container.table-responsive{padding:3px!important}}@media screen and (max-width:366px){.modal-body{padding:10px}.modal-footer{justify-content:space-between}.modal-footer button{margin:0!important}.delete-btn-footer button{margin:0 2px!important}.employee-profile-photo,#ed-name{background:var(--green);color:#fff;letter-spacing:1px}}@media screen and (max-width:380px){.department-details-card,.department-details-card img{width:250px;max-width:100%}}@media screen and (max-width:325px){.logo img{width:70px}.logo h1{font-size:.8rem!important}.employee-profile-photo img{width:150px;max-width:auto;margin:auto;padding:20px}.ed-table td{font-size:.8rem}.ed-table i{font-size:1.2rem!important}}@media screen and (max-height:815px){.modal-body{padding:10px!important}.modal-footer,.modal-header{padding:5px}.form-check{margin:10px 0 2px!important}.modal img{max-width:200px}}