:root{--primaryColor:#f3b10a;--mainDark:#2f323a;--mainWhite:#fff;--mainBlack:#000;--mainGrey:#828282;--textFamily:"Lato",sans-serif;--purpleColor:#be0bce;--mainSpacing:0.1rem;--mainTransition:all 0.3s linear}body{margin:0;padding:0}.header{position:fixed;background:#2f323a;padding:30px 40px;width:100%;height:70px;z-index:100}.left_area h3{color:#fff;margin-top:-35px;text-transform:uppercase;font-size:22px;font-weight:900;font-family:var(--fontFamily)}.left_area span{color:#1dc4e7}.logout_btn{padding:5px 12px;background:#f3b10a;background:var(--primaryColor);margin-top:-35px;float:right;border-radius:5px;color:#fff;font-family:var(--fontFamily);font-weight:600;transition:all .4s ease}.logout_btn:hover{background:#27858d;text-decoration:none;color:#dbd4d4}.sidebar{background:#2f323a;margin-top:60px;padding-top:30px;position:fixed;left:0;width:250px;height:91%;overflow-y:auto;transition:.4s;transition-property:left;z-index:100}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar ul li{list-style-type:none}.sidebar li .sidebar-navlink{color:#fff;display:block;width:100%;line-height:60px;text-decoration:none;padding-left:30px;box-sizing:border-box;transition:all .5s ease}.active,.sidebar li .sidebar-navlink:hover{background:#38bbc8}.sidebar li .sidebarsub{background:transparent}.sidebar li .sidebar-icons{padding-right:13px;font-size:40px}.sidebar li .sidebar-navlink .sub-menu-icon{float:right;margin-top:23px;color:#fff;font-size:20px;margin-right:13px}.sub-menu{overflow:hidden;transition:all .4s ease;z-index:1;padding-left:20px}.sidebar li .sub-menu-navlink{display:block;position:relative;color:#fff;font-size:15px;padding:20px 20px 20px 45px;border-bottom:1px solid #615e5e;transition:all .4s ease}.sidebar li .sub-menu-navlink:hover{text-decoration:none;color:#d1cbcb;background:#f3b10a;background:var(--primaryColor)}.headerlabel #sidebar_btn{z-index:1;color:#fff;position:fixed;cursor:pointer;left:380px;font-size:23px;margin:-20px;transition:.5s ease}.headerlabel #sidebar_btn:hover{color:#f3b10a;color:var(--primaryColor)}#check:checked~.sidebar{left:-190px}#check:checked~.sidebar .sidebar-navlink span{display:none}#check:checked~.sidebar .sidebar-navlink{font-size:20px;margin-left:170px;width:80px}.content{margin-left:250px;background-position:50%;background-size:cover;height:auto;transition:all .4s ease;padding-top:5%;padding-left:5px}#check:checked~.content{margin-left:60px}#check{display:none}.show-subnav{display:block;transition:all .4s ease}.no-showsubnav{display:none;transition:all .4s ease}.loading{display:flex;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading:after{content:"";width:50px;height:50px;border-color:#4facc9 #ddd rgba(184,181,181,.877);border-style:solid;border-width:10px;border-radius:50%;-webkit-animation:loading 1s linear infinite!important;animation:loading 1s linear infinite!important}@-webkit-keyframes loading{to{transform:rotate(1turn)}}@keyframes loading{to{transform:rotate(1turn)}}.dashboard{margin:20px 0}.dashboard-page{background:#e2dede;padding:30px 20px;box-shadow:0 3px 8px rgba(0,0,0,.24);border:4mm ridge var(--purpleColor)}.dashboard-content{background:#f04f0f;border-radius:10px;text-align:center;display:flex;align-items:center;justify-content:center;height:100px;margin:5px}.dashboardContent2{background:rgba(240,79,15,.616)}.dashboardContent3{background:#75dd1f}.dashboardContent4{background:#10cc0a}.dashboardContent5{background:#05fafa}.dashboardContent6{background:rgba(22,228,228,.548)}.dashboardContent7{background:#8e0bda}.dashboardContent8{background:rgba(142,11,218,.596)}.dashboardResources{background:#0d91dd}.dashboardResources2{background:rgba(13,145,221,.719)}.dashboard-nav{color:#fff;font-size:14px;font-weight:600;text-transform:uppercase}.dashboard-nav:hover{color:var(--primaryColor);text-decoration:none}.dashboard-content:hover{background:#6200ff;cursor:pointer}.title{color:var(--mainDark);font-size:20px;font-weight:600;padding-bottom:10px;text-transform:uppercase;text-align:center;border-bottom:thick double var(--primaryColor);margin-bottom:30px}.content-container{width:100%;margin:30px 0}.content-display{width:70%;margin:0 auto;font-family:var(--textFamily);color:var(--mainBlack)}.content-display h2{font-family:var(--textFamily);color:var(--mainDark);text-transform:uppercase;font-size:20px;font-weight:600;padding-bottom:15px;display:flex;align-items:center;justify-content:space-between}.content-display h2 span{border:1px solid var(--mainBlack);padding:3px 8px;border-radius:4px;font-size:15px;height:35px;width:70px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s ease}.content-display h2 span:hover{background:var(--purpleColor);color:#fff}.form-input{border:1px solid var(--primaryColor);padding:30px 10px;box-shadow:10px 15px var(--primaryColor);border-radius:5px}.inputfield{width:100%;height:50px;outline:none;border:1px solid var(--mainGrey);background:#fff;padding-left:8px;border-radius:5px;margin-bottom:20px}.inputfield:focus,.textareafield:focus{border:1px solid var(--purpleColor)}.textareafield{width:100%;outline:none;border:1px solid var(--mainGrey);background:#fff;padding-left:8px;border-radius:5px;margin-bottom:20px}.form-input label{font-size:var(--textFamily);font-size:15px;text-transform:uppercase;font-weight:600;display:block;color:var(--mainDark)}.input-div{padding:5px 0}.button-div{margin-top:20px;display:flex;justify-content:space-between}.submitButton{padding:10px 20px;background:var(--primaryColor);color:#fff;font-size:16px;border:none;transition:all .4s ease;text-transform:uppercase;font-weight:600;display:block;border-radius:5px}.disabled{pointer-events:none}.message{box-shadow:0 2px 8px 0 rgba(99,99,99,.2);background:#fff;color:var(--mainBlack);font-size:15px;color:green;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:flex-start;padding-left:10px;font-weight:600}.submitButton:hover{background:var(--purpleColor)}.clear{background:rgba(207,9,9,.795)}.clear:hover{background:#f70808}.post-content{padding:30px 0;text-align:center}.post-content .card img{width:100%;height:250px;object-fit:contain}.post-content .card .image span{width:100%;height:250px;overflow:hidden;padding:10px}.post-content .name{font-weight:600;text-transform:uppercase;font-size:16px;padding:10px 0;border-bottom:thick double var(--primaryColor);margin-bottom:20px}.post-content .location{padding-bottom:20px}.post-content .action{margin-bottom:30px;padding:2px 5px;display:flex;justify-content:space-between}.post-content .edit{background:var(--primaryColor)}.post-content .edit:hover{background:var(--purpleColor)}.post-content .action .del-btn{padding:2px 20px;background-color:#dc143c;border-radius:5px;cursor:pointer}@media screen and (max-width:600px){.content-display{width:95%;margin:0 auto;font-family:var(--textFamily);color:var(--mainBlack)}}td,th{border:1px solid #ddd;padding:8px}th{color:#333;text-transform:uppercase;font-size:15px;font-weight:700;padding:10px 0}tr:nth-child(2n){background-color:#4facc9}table{width:100%}.post-content{margin:0 20px}.post-topic{max-width:400px;line-height:30px;text-align:justify}td{color:#333}.name{text-transform:capitalize}.counter{text-align:center}.edit{padding:5px 25px;text-transform:uppercase;background:rgba(184,181,181,.658);border:none;color:#fff;font-weight:700;cursor:pointer;border-radius:4px;transition:o.4s all ease;height:40px;display:flex;align-items:center;justify-content:center}.edit:hover{background:rgba(184,181,181,.199);text-decoration:none}.delete{padding:5px 20px;text-transform:uppercase;background:rgba(230,95,95,.658);border:none;color:#fff;font-weight:700;cursor:pointer;transition:o.4s all ease;border-radius:4px}.delete:hover{background:rgba(230,95,95,.281)}.containerWrapper{padding:20px 0}.bookContainer{width:100%}.bookContainer .cardWrapper{display:flex!important;align-items:flex-start;justify-content:flex-start;width:100%;padding:5px 20px;border-radius:10px;margin:20px 0;grid-gap:20px;gap:20px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);background:hsla(0,0%,92.5%,.507)}.bookContainer .cardWrapper .image{width:100%!important;height:180px;flex:2 1;background:rgba(170,169,169,.507);border-radius:8px}@media screen and (max-width:500px){.bookContainer .cardWrapper{flex-direction:column}.bookContainer .cardWrapper .image{width:100%!important;height:auto}}@media screen and (max-width:800px){.bookContainer .cardWrapper .image{flex:4 1}}.bookContainer .cardWrapper .image img{width:100%;height:100%;object-fit:contain;border-radius:8px}.wrapper{flex:7 1}.bookContainer .name{font-size:17px;font-family:var(--textFamily);color:var(--mainBlack);font-weight:600}.bookContainer .author{position:relative;top:-2px;color:#d4d2d2;font-size:14px;font-family:var(--textFamily);text-transform:capitalize}.bookContainer .testimony{font-size:14px;font-family:var(--textFamily);color:var(--mainBlack);font-weight:600;padding:20px 0}.bookContainer .author span{color:#b1b0b0;font-size:15px;padding-right:20px}.bookContainer .postcontent{width:100%;padding:10px 0;text-align:left;font-family:var(--textFamily);color:var(--mainBlack);font-size:14px}.bookContainer .action{display:flex;grid-gap:2rem;gap:2rem}.bookContainer .action .del-btn{width:100px;border-radius:5px;background:#dc143c;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;color:#fff}.formpopupBody{position:absolute;width:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:#fff;padding:20px;border-radius:8px;margin:auto auto 40px;top:50%;left:50%;transform:translate(-50%,-50%)}.popupContainer{position:fixed;top:0;left:0;right:0;background-color:rgba(36,37,39,.788);z-index:999;overflow-y:auto;width:100%;height:100%;margin:auto;padding:0}.popupContainer .name{font-size:15px;font-weight:500px;font-family:var(--textFamily);padding-bottom:20px;color:var(--mainBlack)}.popupContainer .action{display:flex;align-items:center;justify-content:center;grid-gap:2rem;gap:2rem}.popupContainer .action button{width:100px;border-radius:5px;background:#cfcfcf;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;color:#fff;border:none}.popupContainer .action .yes{background:#dc143c}.tabContent{width:100%;display:none}.active-tabContent{display:block;margin-top:20px}
/*# sourceMappingURL=main.dca1028c.chunk.css.map */