.lhs-mobile {
    flex: 1 1 100% !important;
    max-width: 100% !important;
}

.rhs-mobile {
    flex: 1 1 100% !important;
    max-width: 100% !important;
    height: 100% !important;
}

.topnav-lhs-inner {
    display: flex;
    flex-direction: row;
    justify-content: start;
}

.topnav-lhs-nologo{
    height: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.topnav-lhs-nologo .mobilebar {
    padding-top: 0px;
}
.topnav-lhs-inner-mobile {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.topnavmainbaritems-mobile {
    width: 100%;
}

// ABOVE CLASS ARE NEW
amexio-homepage-northpanel .topnav {
    padding: 0px!important;
}

 .topnav-lhs {
    flex: 0 0 19%;
    max-width: 19%;
}

 .topnav-lhs-mobile {
    flex-direction: row;
    justify-content: space-evenly;
    display: flex;
}

 .topnav-lhs-mobile>div {
    flex-grow: 1;
}

 .topnav-lhs-mobile .mobilebar {
    flex-grow: 1;
}

 .topnav-lhs-mobile>div>span {
    padding: 0px !important;
}

 .topnav-rhs {
    flex-grow: 1;
    height: 50px;
}

 .topnav-lhs-mobile {
    padding-left: 45px;
}

amexio-homepage-westpanel .homepage-westpanel {
    padding-top: 50px;
}

amexio-homepage-centerpanel .homepage-centerpanel {
    padding: 10px;
    padding-top: 15px;
}

 .top-nav-button {
    padding-left: 0px;
}

.homepage-2 .sidenav::-webkit-scrollbar,
.homepage-3 .sidenav::-webkit-scrollbar {
    width: 3px;
}

.homepage-centerpanel-flex {
    flex-grow: 1;
    padding-top: 50px;
    width: 81%;
    
} 
.homepage-centerpanel-flex-fullview {
    flex-grow: 1;
    padding-top: 50px;
    width: 100%;
} 

.homepage-3 .homepage-expand {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.homepage-3 .homepage-collapse {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
}

.homepage-2 .homepage-expand {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.homepage-2 .homepage-collapse {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.homepage-northpanel-flex {
    display: flex;
    flex-direction: row
}

.collaspe-icon-style {
    position: fixed;
    left: 17%;
    top: 0px;
    width: 50px;
    border-radius: 100%;
    height: 50px;
}

.homepage-bar-collapse {
    padding-left: 10px;
    padding-right: 15px;
}

.homepage-bar-collapse .fa {
    font-size: 26px;
}

.homepage3-bar .fa {
    font-size: 26px;
}

.collaspe-icon-style amexio-image {
    display: flex;
    align-items: center;
}