*{margin:0;padding:0}body,html{height:100%;width:100%;color:#2f4f4f;overflow:hidden;background-color:transparent}#searchIcon,path,svg{pointer-events:none}.close{padding:revert;background-color:transparent;border:none}.card,.modal-content{background-color:#f5f5f5}.modal .close{color:#f5f5f5}.hide{display:none}.modal .modal-footer{border-top:1px solid #00f}.modal-footer button{background-color:#00f;color:#f5f5f5}.modal.alert,.modal.confirm{text-align:center;font-weight:700}.modal-header{background-color:#00f;color:#f5f5f5}nav{background-color:#00f}.navbar-brand{color:#fff}#searchContainer{border-radius:2rem;border:2px solid #000;background-color:#f5f5f5}#searchIcon,#searchInput,.menuBtn,.searchFilterBackBtn{padding:revert;background-color:transparent;border:none}#searchIcon,.menuBtn,.searchFilterBackBtn{font-size:1.2rem}.navbar>.menuBtn,.navbar>.searchFilterBackBtn{color:#f5f5f5;border:2px solid #f5f5f5;border-radius:2rem}#searchInput::placeholder{color:#2f4f4f}#searchInput:focus{box-shadow:none}#groupsContainer{background-color:#f5f5f5}#groupsContainer button{padding:revert;background-color:transparent;border:none;outline:0}#groupsContainer input:focus,#groupsContainer select:focus{box-shadow:0 0 0 .25rem rgb(211 211 211 / 50%);border-color:rgb(211 211 211)}.filterSelected{background-color:#4169e1}.filterSelected button{color:#f5f5f5}.slideOutPersonnelList{transform:translateX(400px);transition-property:transform;transition-duration:.3s;transition-timing-function:ease-in-out}.slideInPersonnelList{transform:translateX(0);transition-property:transform;transition-duration:.3s;transition-timing-function:ease-in-out}@keyframes highlightOut{0%{background-color:rgba(65,105,225,1)}100%{background-color:rgba(65,105,225,0)}}.personnelAddedHighlightOut{background-color:#00f;animation-name:highlightOut;animation-duration:4s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.165,.84,.44,1)}.card-footer,.card-header,.offcanvas-header{background-color:#00f}.card-footer,.card-footer button,.card-header,.card-header button,.offcanvas-header,.offcanvas-header .close{color:#f5f5f5}.personnelListItem{border-bottom:1px solid #2f4f4f;font-weight:700}#personnelList :last-child{border:none}#personnelList,.personnelListItem{background-color:#f5f5f5}.personnelListItem .thumbImg{background-color:#00f;color:#f5f5f5;border-radius:50%;font-size:1.3rem;height:3.5rem;width:3.5rem}.personnelListItem .fullName{text-transform:capitalize}#personnelList li.personnelListItem{cursor:pointer}.noPersonnel{margin-top:16px;align-self:center}#addPersonnelBtn{position:absolute;bottom:1.5rem;right:1.5rem;background-color:#00f;color:#f5f5f5;border-radius:50%;font-size:1.3rem;width:3.5rem;height:3.5rem;padding:revert;border:none;outline:0}#personnelDetailsModal .thumbImg{background-color:#00f;color:#f5f5f5;border-radius:50%;font-size:1.5rem;width:5rem;height:5rem}#preLoader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#f5f5f5}#preLoader .spinner-border{position:absolute;top:50%;margin-top:-3rem;left:50%;margin-left:-3rem;width:6rem;height:6rem;color:#00f;background-color:#f5f5f5}