.dashboard-container{width:100%;height:100%;max-width:2000px;background-color:#f8f8f8}.dashboard-container button{transition:all .3s ease-in-out}.dashboard-container .mainDashHeader{position:relative;display:flex;width:100%;padding:30px 100px 7px;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.dashboard-container .sideNav{display:none}.dashboard-container ul li p{margin:0}.dashboard-container ul li svg{width:20px;height:20px}.dashboard-container .menuBtn,.dashboard-container .sideNav ul .mobileSettings,.sideNav ul .li-line{display:none}.dashboard-container .logoNdNav{display:flex;justify-content:space-between;align-items:center;gap:40px;width:60%}.dashboard-container .logoNdNav i{margin:0}.dashboard-container .mainDashHeader .accountsListViewCont{position:absolute;top:80px;left:calc(100% - 650px);display:flex;flex-direction:column;width:400px;height:fit-content;padding:20px;background-color:var(--white);border-radius:10px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);opacity:0;transform:translateY(20px);visibility:hidden;z-index:48;transition:transform .35s ease-out,opacity .35s ease-out,visibility 0s .35s}.dashboard-container .mainDashHeader .accountsListViewCont[data-visible=true]{opacity:1;transform:translateY(0);visibility:visible;transition:transform .35s ease-out,opacity .35s ease-out}.dashboard-container .mainDashHeader .accountsListViewCont .alvcHd{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dashboard-container .mainDashHeader .accountsListViewCont .alvcHd h3{font-family:Nunito Sans;font-size:var(--font-size-lg);font-weight:600;margin:0}.dashboard-container .mainDashHeader .accountsListViewCont .alvcHd button{display:flex;background-color:var(--textBlack);gap:5px;color:var(--white);border-radius:10px;font-family:Nunito Sans;padding:5px 10px}.dashboard-container .mainDashHeader .accountsListViewCont .alvcHd button svg{min-width:24px;min-height:24px}.dashboard-container .mainDashHeader .accountsListViewCont .userAccountList{display:flex;flex-direction:column;width:100%;height:fit-content;max-height:300px;overflow-y:auto;overflow-x:hidden;background-color:var(--rateBgColor);border-radius:10px;padding:8px 0}.dashboard-container .mainDashHeader .accountsListViewCont .userAccountList .account{display:flex;align-items:center;gap:10px;cursor:pointer;border:1px solid transparent;padding:8px;width:100%;box-sizing:border-box}.dashboard-container .mainDashHeader .accountsListViewCont .userAccountList .account:hover{background-color:var(--white)}.dashboard-container .mainDashHeader .accountsListViewCont .userAccountList .accInitials{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--blue);height:40px;min-height:40px;width:40px;min-width:40px;font-weight:700;font-size:var(--font-size-md);margin:0;color:var(--white);font-family:Nunito Sans;border-radius:100vw;letter-spacing:1px}.dashboard-container .mainDashHeader .accountsListViewCont .userAccountList .accInitials svg{position:absolute;bottom:0;right:0;max-width:14px;max-height:14px}.dashboard-container .mainDashHeader .accountsListViewCont .userAccountList .accDetails{display:flex;flex-direction:column;width:calc(100% - 40px)}.dashboard-container .mainDashHeader .accountsListViewCont .userAccountList .accDetails p:first-child{color:var(--textBlack);font-weight:600;font-size:var(--font-size-md);font-family:Nunito Sans;width:90%;margin:0;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dashboard-container .mainDashHeader .accountsListViewCont .userAccountList .accDetails p:last-child{color:var(--textGrey1);font-weight:400;font-size:var(--font-size-sm);font-family:Nunito Sans;margin:0}.dashboard-container .mainDashHeader .accountsListViewCont .acctStatus{width:10px;height:10px;min-width:10px;min-height:10px;border-radius:100vw}.dashboard-container .mainDashHeader .accountsListViewCont .acctStatus.notApproved{background-color:#fbbe87}.dashboard-container .mainDashHeader ul{padding:0;list-style:none;display:flex;gap:32px;margin:10px auto 0}.dashboard-container .mainDashHeader ul li{position:relative;display:flex;justify-content:center;align-content:center;gap:10px;font-family:Nunito Sans;font-size:var(--font-size-md);font-weight:400;text-align:left;margin:0;padding-bottom:10px;border-bottom:2px solid transparent;cursor:pointer;color:var(--textGrey)}.dashboard-container .mainDashHeader ul li:hover{color:var(--textBlack)}.dashboard-container .mainDashHeader ul li:after{content:"";position:absolute;background-color:var(--green);width:100%;height:2px;left:0;bottom:-12px;transform:scale(0);transform-origin:center}.dashboard-container .mainDashHeader ul li.active{color:var(--textBlack)}.dashboard-container .mainDashHeader ul li.active:after{transform:scale(1);transition:transform .3s}.dashboard-container .personalAccSettings{display:flex;align-items:center;gap:20px}.dashboard-container .personalAccSettings button:first-child{display:flex;align-items:center;text-wrap:nowrap;padding:7px 10px;border-radius:25px;border:none;gap:5px;font-size:.874rem;background:linear-gradient(90deg,#78b60f,#2eb0e9);cursor:pointer;max-width:278px}.dashboard-container .personalAccSettings button p{margin:0}.dashboard-container .personalAccSettings button:nth-child(2){background-color:transparent;color:var(--textGrey);font-family:Nunito Sans;font-size:var(--font-size-md);font-weight:500}.dashboard-container .personalAccSettings button:nth-child(2) .arrow-down-icon{transition:transform .35s ease-in-out;transform:rotate(0deg)}.dashboard-container .personalAccSettings .arrow-down-icon[data-active=true]{transform:rotate(180deg)}.dashboard-container .personalAccSettings .accInViewNameCOnt{display:flex;margin-right:10px;width:110px}.dashboard-container .personalAccSettings button:first-child p{font-family:Nunito Sans;font-size:var(--font-size-sm);font-weight:400;color:var(--white);line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%}.dashboard-container .personalAccSettings button:first-child svg{width:20px;height:20px;color:#fff}.dashboard-container .personalAccSettings button:first-child .tierBtn{display:flex;gap:5px;font-family:Nunito Sans;font-size:var(--font-size-sm);font-weight:700;color:var(--white);padding:5px;border-radius:20px;transition:all .2s ease-in-out}.dashboard-container .personalAccSettings button:first-child .tierBtn:hover{background:rgba(0,0,0,.13)}.dashboard-container .personalAccSettings button svg{width:20px;height:20px}.dashboard-container .personalAccSettings button.logoutBtn:hover svg path{fill:var(--green);transition:all .2s ease}.dashboard-container .personalAccSettings .settingBtn{position:relative;display:flex;align-items:center;gap:10px;border-bottom:2px solid transparent;cursor:pointer;color:var(--textGrey)}.dashboard-container .personalAccSettings .settingBtn:hover{color:var(--textBlack)}.dashboard-container .personalAccSettings .settingBtn:after{content:"";position:absolute;background-color:var(--green);width:100%;height:2px;left:0;bottom:-21px;transform:scale(0);transform-origin:center}.dashboard-container .personalAccSettings .settingBtn.active{color:var(--textBlack)}.dashboard-container .personalAccSettings .settingBtn.active:after{transform:scale(1);transition:transform .3s}.dashboard-container .personalAccSettings .settingBtn.active svg{color:var(--green)}@media (max-width:1300px){.dashboard-container .menuBtn{display:block;background-color:transparent;border:none;color:var(--textGrey);margin-right:5px}.dashboard-container .menuBtn svg{width:20px;height:20px}.dashboard-container .sideNav{position:fixed;top:0;right:0;width:280px;height:100dvh;background-color:var(--white);color:#fff;padding:20px;box-shadow:4px 0 10px rgba(0,0,0,.2);transform:translateX(100%);transition:transform .3s ease-in-out;z-index:1000;display:flex;flex-direction:column}.dashboard-container .sideNav[sidebar-vis=true]{transform:translateX(0);transition:all .3s ease}.dashboard-container .sideNav .closeBtn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;align-self:flex-start;color:var(--textBlack);margin-top:20px;margin-bottom:90px}.dashboard-container .sideNav .closeBtn svg{width:25px;height:25px}.dashboard-container .sideNav ul:first-child{margin-top:40px}.dashboard-container .sideNav ul{list-style:none;padding:0;margin:0;gap:10px;display:flex;flex-direction:column}.dashboard-container .sideNav ul li{gap:10px;font-size:var(--font-size-sm);font-weight:500;color:var(--textGrey);position:relative;display:flex;justify-content:left;align-items:center;text-align:left;margin:0;border-bottom:2px solid transparent;cursor:pointer;padding-left:20px;padding-top:15px;padding-bottom:15px;transition:all .2s ease-in}.dashboard-container .sideNav ul li:hover{background-color:#f3f3f3}.dashboard-container .sideNav ul li.active{color:var(--textBlack);background-color:#dfdfdf}.dashboard-container .mainDashHeader ul{display:none}.dashboard-container .logoNdNav{justify-content:left;gap:10px}.dashboard-container .personalAccSettings .settingBtn,.logoutBtn{display:none}.dashboard-container .sideNav .bottomUl{list-style:none;margin:0;display:flex;flex-direction:column;border-top:1px solid #e7e7e7;padding:0}.dashboard-container .sideNav .bottomUl .mobileSettings{display:flex;gap:10px;margin-top:20px}.dashboard-container .mainDashHeader .accountsListViewCont{left:calc(100% - 545px)}.sidebarLogout{display:flex;color:var(--textGrey)}}@media (max-width:850px){.dashboard-container .mainDashHeader{padding:30px 50px 7px}.dashboard-container .personalAccSettings{gap:30px}.dashboard-container .mainDashHeader .accountsListViewCont{left:calc(100% - 505px)}}@media (max-width:768px){.dashboard-container .logoNdNav i svg{width:130px}.dashboard-container .personalAccSettings .accInViewNameCOnt,.dashboard-container .personalAccSettings button p{display:none}}@media (max-width:600px){.dashboard-container .mainDashHeader{padding:30px 10px 7px}.dashboard-container .personalAccSettings button:first-child .tierBtn{display:none}.dashboard-container .mainDashHeader .accountsListViewCont{left:unset;right:10px;left:calc(100% - 465px)}}@media (max-width:477px){.dashboard-container .mainDashHeader .accountsListViewCont{width:calc(100% - 20px);left:0;right:unset;margin:0 10px}}@media (max-width:400px){.dashboard-container .personalAccSettings button:nth-child(2){display:none}}