@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400&display=swap);body,html{background:#f6f7fa;color:#808285;font-family:sans-serif;font-family:Poppins,sans-serif;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:#000}button{background:#57a7bb;border:none;border-radius:9999px;box-sizing:border-box;color:#fff;display:block;font-size:1.2rem;font-weight:lighter;height:40px;letter-spacing:.5px;margin:0;padding:0 10px;width:100%}button,button:hover{transition:all .2s ease-in-out}button:hover{background:#408c9f;cursor:pointer}button.cancelBtn{background:#f7f6fa;color:#000}button.cancelBtn:hover{background:#e8e7e7}button.deleteBtn{background:#da3f41;color:#fff}button.deleteBtn:hover{background:#c12527}.field{position:relative}.field label{background:#fff;color:#808285;display:block;font-size:.8rem;left:10px;letter-spacing:1px;padding:0 10px;position:absolute;text-transform:capitalize;top:-50%;-webkit-transform:translateY(100%);transform:translateY(100%)}.field input{border:1px solid #d3d3d3;border-radius:15px;box-sizing:border-box;font-size:1.4rem;height:60px;line-height:60px;margin:0;padding:0 20px;width:100%}.capitalize{text-transform:capitalize}.alert{font-size:.8rem;margin-top:10px;padding:10px;text-align:center}.alert.error{background:#da3f41;color:#fff}header{background:#fff}header .headerContentWrap{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px}header .clientLogo{height:auto;max-width:200px}header .navBtn{background:#ebebeb;color:#000;font-size:1rem;padding:0 20px}header .navBtn.active{background:#57a7bb;color:#fff}header .logoutBtn{align-items:center;background:#fff;color:#000;display:flex;font-size:1rem;justify-content:center;margin:0;text-align:right;text-transform:capitalize}header .logoutBtn img{height:20px;margin:0 0 0 10px;width:auto}header nav{display:flex;gap:5px}@media (min-width:768px){header .headerContentWrap{flex-direction:row;padding:20px 0}}.modal{align-items:center;background:hsla(0,0%,50%,.3);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10}.modal .contentWrap{background:#fff;border-radius:20px;box-shadow:0 5px 20px rgba(0,0,0,.2);box-sizing:border-box;padding:20px;position:relative}.modal .contentWrap button{margin:10px 0 0}.modal h2{margin:0 0 10px}.modal .btnGroup{display:flex;gap:20px}.modal .btnGroup button{font-size:1rem}.modal .btnGroup .cancelBtn{background:#f7f6fa;color:#000}.modal .btnGroup .cancelBtn:hover{background:#e8e7e7}.modal.clientModal .field,.modal.userModal .field{margin:20px 0}#Login{align-items:center;display:flex;flex-direction:column-reverse;height:100vh;justify-content:center}#Login section{box-sizing:border-box;height:100%;width:100%}#Login section .logo{width:200px}#Login section.left{background:#fff;box-sizing:border-box;padding:20px}#Login section.left .logo{left:30px;position:absolute;top:30px}#Login section .loginFrmWrap{display:flex;flex-direction:column;justify-content:center;position:relative}#Login section .loginFrmWrap .field{margin-bottom:20px}#Login section.right{align-items:center;background-position:50%;background-size:cover;display:flex;justify-content:center;width:100%}#Login .formWrap{margin:0 auto;width:100%}#Login .formWrap button{margin:20px 0 0}@media (min-width:768px){#Login{flex-direction:row}#Login section.left .loginFrmWrap{display:flex;height:100%;justify-content:center;margin:0 auto;max-width:400px}}#AdminWrap .contentWrap{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column-reverse;gap:20px;justify-content:space-between;margin-top:20px;max-width:1200px;padding:0 20px}#AdminWrap .contentWrap .addBtn{flex:1 0 auto;max-width:100%}@media (min-width:768px){.contentWrap{margin:0 auto;max-width:800px;min-width:400px}#AdminWrap .contentWrap{flex-direction:row}#AdminWrap .contentWrap .addBtn{max-width:300px}}.table{background:#fff;border-radius:10px;flex:0 1 100%;padding:20px}.table,.table .titles{box-sizing:border-box;width:100%}.table .titles{border-bottom:1px solid #d3d3d3;color:grey;display:flex;font-size:.8rem;justify-content:space-between;padding:10px;text-transform:capitalize}.table .titles article{flex:1 1}.table .titles article:first-child,.table .titles article:nth-child(3){flex:0.5 1}.table .titles article:last-child{display:block;flex:0.1 1;width:50px}.table .listingItem{box-sizing:border-box;display:flex;font-size:1rem;gap:10px;justify-content:space-between;padding:10px;width:100%}.table .listingItem article{align-items:center;display:flex;flex:1 1}.table .listingItem article:first-child,.table .listingItem article:nth-child(3){flex:0.5 1}.table .listingItem article:last-child{flex:0.1 1;text-align:right;width:50px}.table .listingItem article.clientID img{height:auto;margin:0 5px 0 10px;opacity:.5;width:10px}.table .listingItem article.clientID img:hover{cursor:pointer;opacity:1}.table .listingItem article.clientID span{font-size:.6rem}.table .listingItem article .trashBtn{background:none;border-radius:9999px;height:30px;margin:0;opacity:.5;padding:0;position:relative;width:30px;z-index:1}.table .listingItem article .trashBtn img{pointer-events:none;width:50%}.table .listingItem article .trashBtn:hover{cursor:pointer;opacity:1}.table .listingItem:hover{background:#f7f6fa;cursor:pointer}.table.users .titles article{flex:0 1 100%}.table.users .titles article:nth-child(3){flex:1 0 30px}.table.users .listingItem article{display:block;flex:0 1 50%;overflow:hidden;text-overflow:ellipsis}.table.users .listingItem article:nth-child(3){flex:1 0 30px}@media (min-width:768px){.table{background:#fff;border-radius:10px;box-sizing:border-box;flex:0 1 100%;gap:20;padding:20px}}.modal.dataModal{align-items:center;flex-direction:column;justify-content:flex-start;overflow-y:scroll}.modal.dataModal .contentWrap{margin:20px;max-width:800px}.modal.dataModal .contentWrap h2{margin:0 0 40px;text-align:center}.modal.dataModal .contentWrap .dataPointsForm{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px}.modal.dataModal .contentWrap .dataPointsForm .field{margin:0 0 10px;width:100%}.modal.dataModal .contentWrap .listResults{display:flex;flex-direction:column;max-height:300px;overflow-y:scroll}.modal.dataModal .contentWrap .titles article,.modal.dataModal .contentWrap .titles article:first-child,.modal.dataModal .contentWrap .titles article:nth-child(3){flex:1 1}.modal.dataModal .contentWrap .titles article:last-child{display:block;flex:0.1 1;width:50px}.modal.dataModal .contentWrap .listingItem{padding:5px 10px}.modal.dataModal .contentWrap .listingItem article:first-child,.modal.dataModal .contentWrap .listingItem article:nth-child(3){flex:1 1}.modal.dataModal .contentWrap .listingItem:hover{background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;cursor:default}@media (min-width:768px){.modal.dataModal{justify-content:center}.modal.dataModal .contentWrap{margin:0}.modal.dataModal .contentWrap .dataPointsForm{flex-direction:row}.modal.dataModal .contentWrap .dataPointsForm .field{margin:0 10px 0 0}.modal.dataModal .contentWrap .dataPointsForm button{flex:0 1;margin:0;padding:0 20px}}.clientDeleteModal .contentWrap{max-width:400px}.clientDeleteModal .contentWrap .image{margin:20px 0 50px;position:relative}.clientDeleteModal .contentWrap .image img{display:block;margin:0 auto;position:relative;width:40px;z-index:3}.clientDeleteModal .contentWrap .image .circle{border-radius:999px;display:block;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.clientDeleteModal .contentWrap .image .circle.small{background:#f5d8da;height:60px;width:60px;z-index:2}.clientDeleteModal .contentWrap .image .circle.large{background:#faebeb;height:80px;width:80px;z-index:1}.clientDeleteModal .contentWrap h2{text-align:center}.clientDeleteModal .contentWrap p{font-size:1rem}.clientDeleteModal .contentWrap .btnGroup{display:flex;gap:20px}.clientDeleteModal .contentWrap .btnGroup button{font-size:1rem}
/*# sourceMappingURL=main.60b58950.css.map*/