@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css);:root{--color-1:#1eb6c4;--color-2:#000;--color-3:#6d797a;--color-4:#dcdfdf;--color-5:#e0e2e2;--color-6:#f1f3f3;--color-7:#f8f9f9;--color-8:#fff;--notification-bg:red;--notification-text:var(--color-8);--link-text:var(--color-3);--link-text-hover:var(--color-2);--link-bg-hover:var(--color-7);--icon:var(--color-3);--icon-hover:var(--color-1);--accordion-bg:var(--color-7);--accordion-border:var(--color-6);--row-bg-alt:#f1f3f3;--app-color-accent:#0c848f;--unread-border-width:0.2rem;--unread-border-color:var(--app-color-accent);--unread-border-bg:transparent;--unread-border-bg-alt:var(--row-bg-alt)}body{font-family:Lato;font-size:16px;margin:0;padding:0}#app,body{height:100vh}*{box-sizing:border-box}.icon-sm{font-size:.8em}.icon-md{font-size:1.2em}#__next>header{display:flex;border:1px solid var(--color-6);flex-wrap:wrap}.search{flex-grow:1;justify-content:flex-end}#logo{padding:.5rem;display:flex;justify-content:space-between;align-items:center}#logo img{max-width:3rem;height:auto;margin-right:.5rem}#profileDetails{display:none;flex-direction:column;align-items:center;position:absolute;right:20px;top:65px;background-color:#fff;border-radius:.3rem;padding:1rem;border:1px solid var(--color-4);box-shadow:0 0 .8rem .2rem var(--color-4);min-width:15rem}#profileDetails #user-photo{width:6rem;height:6rem;border-radius:50%;background-color:#ececec;margin:auto}#profileDetails #user-name{font-size:1.5rem;margin-top:1rem;font-weight:700}#profileDetails #user-email{font-size:1.2rem;color:var(--color-3)}#profileDetails #log-out{background-color:transparent;color:var(--color-1);border:none;font-size:1.3rem;font-weight:700;margin-top:1rem}.search,.search .search-container{display:flex;align-items:center}.search .search-container{position:relative}.search input{padding:.5rem .5rem .5rem 1.8rem}.search i{position:absolute;left:0}.search i:before{color:var(--color-3);width:1rem;height:1rem;padding-left:.5rem}.nav{flex-wrap:wrap;min-height:3rem;list-style:none;padding:0;margin:0;align-items:center;justify-content:space-between}.menu,.nav{display:flex}.menu{background-color:var(--color-8);flex-direction:column}.link-container.menu-collapse a{display:flex;justify-content:center;border-top:1px solid var(--color-6);border-bottom:1px solid var(--color-6);padding:.2rem}.spacer{flex-grow:1}.itemlink,.itemlink-container{cursor:pointer}.itemlink{display:flex;text-decoration:none;color:var(--link-text);font-weight:500;padding:1rem;align-items:center;position:relative;width:100%}.itemlink i{color:var(--icon)}.itemlink:hover{font-weight:500;color:var(--link-text-hover);background-color:var(--link-bg-hover)}.itemlink:hover i{color:var(--icon-hover)}.itemlink i+*{margin-left:.5rem}.content{display:flex;background-color:var(--color-6);flex-grow:1}.content-container{padding:1rem}.notification{background-color:var(--notification-bg);padding:0 .3rem;color:var(--notification-text);border-radius:2rem;font-size:.7rem;line-height:1rem;display:flex;align-items:center}*+.notification{margin-left:.3rem}.sub{position:absolute;right:20%;top:15%}.accordion{display:flex;flex-direction:column;background-color:var(--accordion-bg);border-left-width:0;border-right-width:0;transition:all .5s ease-in-out}.accordion .header{background-color:#fff;display:flex;transition:all .3s ease-in-out}.accordion .header .toggle{flex-grow:1;text-align:right;transition:all .3s ease-in-out}.accordion .header .toggle:before{justify-self:flex-end}.accordion .accordionMenu{transition:all .5s ease-in-out;height:auto;display:flex;flex-direction:column;overflow:hidden}.accordion .accordionMenu .itemlink{padding-left:2.8rem}.accordion.show{max-height:500px}.accordion.show .toggle{transform:scale(1)}.accordion.hide{max-height:2.5rem}.accordion.hide .toggle{transform:scaleY(-1)}:root{--page-padding:1rem}.card{display:grid;background-color:#fff}.card>.title{font-weight:700;font-size:1.3rem;padding:var(--page-padding)}.grid{display:grid;border-collapse:collapse;min-width:100%;overflow:auto}.grid .grid-body,.grid .grid-header,.grid .grid-header-row,.grid .grid-row{display:contents}.grid .grid-header{display:none}.grid td,.grid th{padding:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid th{position:sticky;top:0;text-align:left;font-weight:400;font-size:.7rem}.grid tr:nth-child(odd),.grid tr:nth-child(odd) td{background-color:#efefef}@media screen and (min-width:600px){.grid .grid-header{display:contents;font-size:.7rem;color:#575757}}.grid-row{display:contents}tr.unread{display:grid}tr.unread td{border-left:3px solid var(--app-color-accent)}@media screen and (min-width:600px){tr.unread{font-weight:700;display:contents}tr.unread td{border-left:unset}tr.unread td:first-child{background:linear-gradient(90deg,var(--unread-border-color) var(--unread-border-width),var(--unread-border-bg) var(--unread-border-width))}tr.unread:nth-child(odd) td:first-child{background:linear-gradient(90deg,var(--unread-border-color) var(--unread-border-width),var(--unread-border-bg-alt) var(--unread-border-width))}}.request-reasons{list-style:none;display:flex;justify-content:flex-start}.request-reasons>li{background-color:#fff;padding:.3rem 1rem;border-radius:1rem;text-transform:capitalize;margin:0 0 0 .5rem}.request-reasons>li.active,.request-reasons>li:hover{background-color:var(--color-6)}#__next{display:flex;flex-direction:column;height:100%;position:relative}content{flex-grow:1}.membersRequests tbody tr td:before{font-weight:700;font-size:.8rem;font-style:italic}.membersRequests tbody tr td:first-child:before{content:"Select: "}.membersRequests tbody tr td:nth-child(2):before{content:"Lead: "}.membersRequests tbody tr td:nth-child(3):before{content:"Name: "}.membersRequests tbody tr td:nth-child(4):before{content:"Reason: "}.membersRequests tbody tr td:nth-child(5):before{content:"Message: "}.membersRequests tbody tr td:nth-child(6):before{content:"Category: "}.membersRequests tbody tr td:nth-child(7):before{content:"Status: "}.membersRequests tbody tr td:nth-child(8):before{content:"Created: "}.membersRequests tbody tr td:nth-child(9):before{content:"Last Activity: "}.membersRequests tbody tr td:nth-child(10):before{content:"Due: "}@media screen and (min-width:600px){.membersRequests{grid-template-columns:repeat(2,30px) minmax(150px,1fr) minmax(100px,1fr) minmax(150px,1fr) minmax(90px,1fr) minmax(125px,1fr) repeat(3,minmax(110px,1fr))}.membersRequests tbody tr td:before{display:none}}