#sidebar{
padding-top:0 !important;
}
#sidebar-inner .logo-box{
margin-left:10px;
position:relative;
height:100%;
width:106px;
float:left;
}
#sidebar-inner .logo-box .logo-text{
background:url('../../images/logo/logo-evai-light.svg') no-repeat left center;
position:absolute;
background-size:auto 40px;
width:106px;
height:64px;
vertical-align:middle;
display:table-cell;
text-align:center;
transform:scale(0.9);
}
#sidebar-inner .menu.accordion-menu a{
color:#34425A;
height:100%;
}
#sidebar-inner li .dropdown-menu{
margin-top:16px !important;
z-index:99999;
}
#sidebar-inner .menu.accordion-menu a.nav-link{
vertical-align:middle;
line-height:24px;
border-top:solid 4px transparent;
border-bottom:solid 4px transparent;
font-weight:700;
padding:16px 0 !important;
margin:0px 16px !important;
font-size:14px;
letter-spacing:0.05em;
}
.menu.accordion-menu>li.active>a.nav-link{
color:#6abeb9 !important;
border-top:solid 4px #6abeb9 !important;
}
.nav-link{
-webkit-transition:border 0.3s 0.1s;
transition:border 0.2s 0.1s;
}
.nav-link:hover{
border-top:solid 4px #6abeb9 !important;
}
.u-profile a:hover,
.log-out a:hover{
color:#2b384e !important;
background-color:#fff !important;
}
.top-menu .navbar-nav>li>a{
display:block;
padding:20px 16px;
color:#34425A;
border:none;
position:relative;
line-height:24px;
text-decoration:none;
}
.top-menu .navbar-nav .dropdown.open [name="dropdown-arrow"]{
transform:rotate(180deg);
}
.top-menu .navbar-nav .dropdown [name="dropdown-arrow"]{
height:18px;
width:18px;
}
.profile-dropdown{
width:238px;
top:64px;
right:16px !important;
border-radius:8px !important;
border:1px solid #EBEDF0;
box-shadow:0px 2px 16px 0px #1D1D1D14;
}
.profile-dropdown li a{
font-size:14px;
font-weight:500;
line-height:24px;
color:var(--primary-blue);
padding:8px;
margin:8px;
border-radius:4px;
text-decoration:none;
}
.profile-dropdown li:first-child:hover,
.profile-dropdown li:first-child{
border-radius:8px 8px 0 0 !important;
}
.profile-dropdown li:last-child:hover,
.profile-dropdown li:last-child{
border-radius:8px 8px !important;
}
.profile-dropdown.dropdown-menu:after,
.profile-dropdown.dropdown-menu:before{
display:none !important;
}
.help-layout{
display:grid;
grid-template-columns:auto 32px;
grid-template-rows:48px 48px;
row-gap:16px;
column-gap:16px;
grid-template-areas:
"helpcenter help"
"sumitrequest help";
}
.help-position{
position:fixed;
right:0;
top:70%;
z-index:15;
}
.main-help-button{
grid-area:help;
padding:8px 4px 8px 4px;
width:32px;
border-radius:8px 0 0 8px;
background-color:var(--primary-blue);
color:white;
border-color:var(--blue-80);
border-width:1px 0 1px 1px;
border-style:solid;
font-weight:700;
font-size:14px;
box-shadow:none;
}
.main-help-button:hover{
background-color:#3f5973;
}
.vertical-help-text{
text-orientation:upright;
writing-mode:vertical-lr;
font-size:12px;
margin-top:8px;
width:24px;
line-height:24px;
}
#help-center-button{
grid-area:helpcenter;
}
#submit-request-button{
grid-area:sumitrequest;
}
.secondary-help-button{
width:200px;
background-color:white;
color:var(--primary-blue);
border-radius:8px;
border:1px solid var(--blue-10);
text-align:left;
font-size:16px;
font-weight:500;
line-height:24px;
padding:4px 16px;
}
.secondary-help-button:hover{
background-color:#F2FAF9;
}
.secondary-help-button:active{
background-color:#E5F5F4;
}
.secondary-help-button > img{
margin-right:8px;
}
.help-overlay{
background-color:var(--primary-blue);
opacity:64%;
position:fixed;
top:0;
height:100vh;
width:100vw;
z-index:14;
}
.page-footer{
text-align:center;
color:white;
background-color:#384c65;
width:100%;
display:block;
position:absolute;
bottom:0;
padding:9px 0;
line-height:16px;
height:var(--app-footer-height);
}