:root{--bg-light:#ecf0f2;--primary-color:#535d65;--secondary-color:#bad4ab;--dark-color:#353b3d;--navbar-height:4rem;--custom-border:1px solid #dee2e6}::-webkit-scrollbar{width:.25rem;height:.25rem}::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:.125rem}::-webkist-scrollbar-track{background-color:#0000}@media (max-width:425px){:root{--navbar-height:3.4rem}}body{background-color:var(--bg-light)}body *{font-family:arial}.bg-primary-colour-bo{background-color:var(--primary-color)}.primary-colour-bo{color:var(--primary-color)}.w-100{width:100%}.small{font-size:80%}.link-decoration{text-decoration:none}.hand-cursor{cursor:pointer}.wait-cursor{cursor:wait}#mainBoApp,.main-content{transition:margin-left .3s ease-in-out}.auth-forms{background-color:#fff;border-radius:.25rem;width:100%;max-width:380px;margin:auto;padding:1.25rem}@media screen and (min-width:425px){.auth-forms{min-width:360px}}.switch-toggle>input[type=checkbox]{border-color:var(--primary-color);width:2.6rem;height:1.4rem}.switch-toggle>input[type=checkbox]:checked{border-color:var(--primary-color);background-color:var(--primary-color)}.home{max-width:1920px;padding-top:1.21rem;padding-left:1.25rem;padding-right:1.25rem}.welcomeLink{border-radius:3px;justify-content:space-between;width:100%;font-weight:200;display:flex}.welcomeLink i{line-height:1.5}.welcomeLinkFirst{background-color:#007bff;border:#007bff}.welcomeLinkFirst:hover,.welcomeLinkFirst:first-child:active{background-color:#006ee3;border:#006ee3}.welcomeLinkSecond{background-color:#6c757d;border:#6c757d}.welcomeLinkSecond:hover,.welcomeLinkSecond:first-child:active{background-color:#5d656c;border:#5d656c}.welcomeLinkThird{background-color:#17a2b8;border:#17a2b8}.welcomeLinkThird:hover,.welcomeLinkThird:first-child:active{background-color:#118799;border:#118799}@media (min-width:300px) and (max-width:425px){.welcomeLink{flex-direction:column;align-items:center}.welcomeLink i{font-size:2rem}.welcomeLink span{font-size:1rem}}
.mainContainer{width:100%;min-width:1920px;height:var(--navbar-height);background-color:#2f353a;padding:0}.mainContainer #BOnavbar{flex-wrap:nowrap;align-items:center;gap:1rem;width:100%;max-width:1920px;padding-left:.75rem;padding-right:.75rem;justify-content:flex-start!important}.mainContainer button i.expand-offcanvas{font-size:1.5rem}.nav-logo{width:12rem;margin-right:auto;padding:0;justify-content:flex-start!important;display:flex!important}.nav-logo .logo-size{width:auto;max-width:160px;height:auto;margin:0;padding:20px}.navbar-brand{text-align:left!important;margin:0!important;padding:0!important}.navdropdown{margin:auto}.navdropdown a#nav-dropdown:before{display:none}.navdropdown .dropdown-menu{width:12rem}.navdropdown i{padding-left:.7rem;padding-right:1rem;font-size:1.5rem}#offcanvasNavbar-expand{color:#fff;background-color:#2f353a;transition:all .3s ease-in-out}.body-expanded{margin-left:20rem}.offcanvas.offcanvas-start.show{width:20rem}.offcanvas-header{justify-content:flex-end;padding:.5rem;display:flex}.offcanvas-header i{padding:.3rem;font-size:1.5rem}.offcanvas-body{border:0;padding:0}.navbar-nav.nav-pills a.nav-link{padding-top:.75rem;padding-bottom:.75rem;padding-left:1rem;font-size:90%}.navbar-nav.nav-pills a.nav-link i{width:6%}.navbar-nav.nav-pills a.nav-link:hover{background-color:#5b799e;border:none}.navbar-nav.nav-pills a.nav-link.active{border:#2d3234;border-left:4px solid var(--primary-color);background-color:#345175;border-top:2px solid #272b2d;border-radius:0;box-shadow:inset 0 2px 2px #1c1f204d,inset 0 -2px 2px #1c1f204d}.navbar-nav.nav-pills .nav-item.dropdown a:after{animation:.3s linear forwards rotateLeft;position:absolute;top:1.3rem;right:1rem}.navbar-nav.nav-pills .nav-item.dropdown a.nav-link{padding-top:.75rem;padding-bottom:.75rem;padding-left:1rem;font-size:90%}.navbar-nav.nav-pills .nav-item.dropdown a.nav-link i{width:6%}.navbar-nav.nav-pills .nav-item.dropdown a.nav-link.show{color:#fff;background-color:#2d3234;border-top:2px solid #272b2d;border-radius:0;box-shadow:inset 0 3px 5px #1c1f204d}.navbar-nav.nav-pills .nav-item.dropdown .dropdown-menu.show{border-top:2px solid #272b2d;border-bottom:2px solid #272b2d;border-radius:0;padding:0;box-shadow:inset 0 -5px 5px #1c1f204d}.navbar-nav.nav-pills .nav-item.dropdown .dropdown-menu.show a{color:#fff;background-color:#2d3234;padding-top:.75rem;padding-bottom:.75rem;padding-left:2.5rem;font-size:90%}.navbar-nav.nav-pills .nav-item.dropdown .dropdown-menu.show a i{width:6%}.navbar-nav.nav-pills .nav-item.dropdown .dropdown-menu.show a:hover{background-color:#212425;border:none}.navbar-nav.nav-pills .nav-item.dropdown{transition:all .3s}.navbar-nav.nav-pills .nav-item.show.dropdown{border-left:4px solid var(--primary-color)}.navbar-nav.nav-pills .nav-item.show.dropdown a:after{animation:.3s linear forwards rotateDown}@keyframes rotateDown{0%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes rotateLeft{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@media (max-width:1919px){.mainContainer{width:100%;min-width:100vw;max-width:100vw}}@media (max-width:550px){.mainContainer #BOnavbar{justify-content:space-between;padding-left:.25rem;padding-right:.25rem}.navdropdown{margin-left:0}.nav-logo{width:6.65rem}}
