body,
html{
    font: 16px 'Roboto',Arial,sans-serif;
}
h1 {
    color: #212529;
    font-size: 28px;
    font-weight: 500;
    line-height: 44px;
    margin: 0;
}
.layout__inner {
    margin: 0 auto;
    max-width: 1024px;
}
.topline__block {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #dee2e6;
    z-index: 1038;
    padding: 16px 0;
    margin: 0 0 16px 0;
}
.topline__row  {
    display: flex;
    justify-content: space-between;
}
.content__inner {
    display: flex;
    flex-wrap: wrap;
}
.layout__col {
    margin: 0 -8px;
}
.layout__leftcol {
    margin: 0 8px;
}
.layout__rightcol {
    margin: 0 8px;
}
.layout__bottom {
    display: flex;
    width: 100%;
}
.block__white {
    overflow: hidden;
    background: var(--white, #FFF);
    border: 1px solid var(--stroke-transparent, rgba(0, 0, 0, 0.10));
    border-radius: 10px;
    padding: 20px;
    margin: 0 0 16px 0;
}
.block__wide {
    padding: 20px 0;
}
.block__white-sml {
    padding: 14px 20px;
}
.block__title {
    display: flex;
    justify-content: space-between;
    color: var(--black, #212529);
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 16px 0;
}
.block__titlecount {
    color: var(--grey-2, #999);
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 0 6px;
}
.mb-32 {
    margin: 0 0 32px 0;
}
.pad-0 {
    padding: 0;
}
/* .topnav__photolink {
    overflow: hidden;
    border-radius: 50%;
    padding: 0 !important;
    font-size: 22px;
    line-height: 22px;
    width: 40px;
    min-width: 40px;
    height: 40px;
} */
.main-header .profile__avatar {
    font-size: 22px;
}
.main-header .profile__img {
    border-radius: 50%;
    width: 40px;
    min-width: 40px;
    height: 40px;
}
.layout__empty {
    color: var(--alias-content-primary-a-enabled, #39393D);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    width: 100%;
    padding: 40px;
}










.layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link {
    width: 260px;
}
.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: 64px;
}
@media (max-width: 1060px) {
    .layout-navbar-fixed .wrapper .content-wrapper {
        margin-top: 48px;
    }
}
.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link {
    height: 64px;
}
@media (max-width: 1060px) {
    .layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link,
    .layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link,
    .layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link {
        height: 48px;
    }
}
[class*=sidebar-light] .brand-link {
    height: 64px;
}
@media (max-width: 1060px) {
    [class*=sidebar-light] .brand-link {
        height: 48px;
    }
}
.main-sidebar {
    border-right: 1px solid #dee2e6;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10)!important;
    /* width: 260px; */
    width: 352px;
}
.guestuser .main-sidebar {
    width: 260px;
}
.layout-navbar-fixed .wrapper .main-header {
    height: 64px;
    z-index: 1040;
    margin-left: 0;
}
@media (max-width: 1060px) {
    .layout-navbar-fixed .wrapper .main-header {
        height: 48px;
    }
}
aside .sidebar {
    /* position: fixed; */
    position: sticky;
    display: flex;
    flex-direction: column;
    top: 64px;
    left: 64px;
    padding: 0;
    width: 288px;
    height: calc(100vh - 60px);
}
@media (max-width: 1060px) {
    aside .sidebar {
        position: fixed;
        height: calc(100vh - 48px);
        top: 48px;
    }
}
.guestuser aside .sidebar {
    left: 0;
    width: auto;
}
.sidebar-collapse aside .sidebar {
    left: unset;
}
.sidebar-mini.sidebar-collapse .sidebar {
    top: 64px;
}
@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused, .sidebar-mini.sidebar-collapse .main-sidebar:hover {
        z-index: 1039;
    }
}
.sidebar-open .main-sidebar {
    z-index: 1039;
}
.nav-sidebar>.nav-item .float-right {
    margin-top: 0;
}
aside .sidebar__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    border-right: 1px solid var(--stroke-filled, #E5E5E5);
    height: calc(100vh - 60px);
    top: 64px;
    width: 64px;
    min-width: 64px;
}
@media (max-width: 1060px) {
    aside .sidebar__left {
        height: calc(100vh - 48px);
        top: 48px;
    }
}
.sidebar__commlist {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 252px);
}
.sidebar__commlist::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.sidebar__commitem {
    display: flex;
    cursor: pointer;
    position: relative;
    transition: all .15s ease-in-out;
    width: 64px;
    height: 64px;
    padding: 12px;
}
.sidebar__commitem::before {
    content: ' ';
    display: block;
    position: absolute;
    border: 1px solid var(--stroke-transparent, rgba(0, 0, 0, 0.10));
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 12px;
}
.sidebar__commitem:hover {
    background: var(--grey-bg, #EDEFF1);
}
.sidebar__commitem-active {
    background: #C8DBFC;
    border-left: 4px solid var(--blue-2, #4869EA);
    padding: 12px 12px 12px 8px;
}
.sidebar__commitem-active::before {
    margin: 12px 12px 12px 8px;
}
.sidebar__commitem-active:hover {
    background: #C8DBFC;
}
.sidebar__commimg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.sidebar__itemsec {
    cursor: pointer;
    transition: all .15s ease-in-out;
    width: 64px;
    height: 64px;
    padding: 12px;
}
.sidebar__itemsecinner {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--grey-bg, #EDEFF1);
    transition: all .15s ease-in-out;
    border: 0.64px solid var(--stroke-transparent, rgba(0, 0, 0, 0.10));
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.sidebar__commadd {
    background-image: url('../img/sidebar_ico1_b.svg');
}
.sidebar__itemsec:hover .sidebar__commadd {
    background-image: url('../img/sidebar_ico1_w.svg');
    border: 0.64px solid var(--stroke-transparent, rgba(0, 0, 0, 0.10));
    background-color: var(--blue-2, #4869EA);
}
.sidebar__support {
    background-image: url('../img/sidebar_ico2_b.svg');
}
.sidebar__itemsec:hover .sidebar__support {
    background-image: url('../img/sidebar_ico2_w.svg');
    border: 0.64px solid var(--stroke-transparent, rgba(0, 0, 0, 0.10));
    background-color: var(--blue-2, #4869EA);
}
.sidebar__faq {
    background-image: url('../img/sidebar_ico3_b.svg');
}
.sidebar__itemsec:hover .sidebar__faq,
.sidebar__faq-active {
    background-image: url('../img/sidebar_ico3_w.svg');
    border: 0.64px solid var(--stroke-transparent, rgba(0, 0, 0, 0.10));
    background-color: var(--blue-2, #4869EA);
}

.sidebar__community {
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    width: 264px;
    padding: 12px;
    margin: 12px 12px 8px 12px;
}
.sidebar__community::before {
    content: ' ';
    display: block;
    background-image: url('../img/sidebar-commico.svg');
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin: 0 12px 0 0;
}
.sidebar__communityname {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: var(--black, #212529);
    -webkit-line-clamp: 1;
    font-size: 16px;
    font-weight: 500;
}

.sidebar__menucomm {
    border-bottom: 1px solid var(--stroke-transparent, rgba(0, 0, 0, 0.10));
    padding: 0 12px 24px 12px;
}
.sidebar__menuitemcomm {
    display: flex;
    align-items: center;
    width: 264px;
    height: 40px;
    padding: 0 0 0 24px;
}
.sidebar__menuitemcomm::before {
    content: ' ';
    display: block;
    background-image: url('../img/sidebar-line.svg');
    background-repeat: no-repeat;
    width: 16px;
    height: 40px;
}
.sidebar__menuitemcomm:last-of-type:before {
    background-image: url('../img/sidebar-line-bottom.svg');
}
.sidebar__menulinkcomm {
    display: block;
    border: 1px solid #FFFFFF;
    color: var(--black, #212529);
    transition: all .15s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 4px 8px;
    width: 100%;
    border-radius: 4px;
}
.sidebar__menulinkcomm:hover {
    border: 1px solid var(--stroke-filled, #E5E5E5);
}
.sidebar__menulinkcomm-active {
    border: 1px solid var(--Button-disabled, #C6C6CA);
    color: var(--black, #212529);
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}
[class*=sidebar-light-] .sidebar a {
    text-decoration: none;
    color: var(--black, #212529);
}
[class*=sidebar-light-] .sidebar a:hover {
    color: var(--black, #212529);
}



.sidebar__menu {
    padding: 12px 12px 0 12px;
}
.sidebar__menuitem {
    display: flex;
    align-items: center;
    transition: all .15s ease-in-out;
    color: var(--black, #212529);
    height: 48px;
    padding: 12px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
}
.sidebar__menuitem:hover {
    background: rgba(0, 0, 0, 0.07);
}
.sidebar__menuitem::before {
    content: ' ';
    display: block;
    margin: 0 12px 0 0;
    width: 24px;
    height: 24px;
}
.sidebar__menuitem-expert::before {
    background-image: url('../img/menu-ico1_g.svg');
}
.sidebar__menuitem-comm::before {
    background-image: url('../img/menu-ico2_g.svg');
}
.sidebar__menuitem-chat::before {
    background-image: url('../img/menu-ico3_g.svg');
}
.sidebar__menuitem-active {
    background: rgba(0, 0, 0, 0.07);
    color: var(--black, #212529);
    font-size: 16px;
    font-weight: 500;
}
.sidebar__menuitem-active.sidebar__menuitem-expert::before {
    background-image: url('../img/menu-ico1_b.svg');
}
.sidebar__menuitem-active.sidebar__menuitem-comm::before {
    background-image: url('../img/menu-ico2_b.svg');
}
.sidebar__menuitem-active.sidebar__menuitem-chat::before {
    background-image: url('../img/menu-ico3_b.svg');
}


.sidebar__profile {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--stroke-filled, #E5E5E5);
    padding: 12px 16px 12px 12px;
    margin: auto 0 0 0;
}
.sidebar__profileinfowrap {
    display: flex;
}
.sidebar__profileimg {
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 12px 0 0;
}
.profile__img {
    width: 100%;
}
.sidebar__profilename {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: var(--black, #212529);
    -webkit-line-clamp: 1;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 3px 0;
}
.sidebar__profiledesc {
    color: var(--grey-3, #86868A);
    font-size: 14px;
    font-weight: 400;
}
.sidebar__profileedit {
    display: flex;
    align-items: center;
}

.brand-link {
    padding: 16.5px 0px;
}
@media (max-width: 1060px) {
    .brand-link {
        padding: 10px 0px;
    }
}
.brand-logo {
    height: 31px;
}
@media (max-width: 1060px) {
    .brand-logo {
        height: 20px;
    }
}


.sidebar__commavatar,
.sidebar__profileimg .profile__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-transform: uppercase;
    background: linear-gradient(180deg, #B393F6 0%, #6F63E1 100%);
    color: var(--white, #FFF);
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
    border-radius: 50%;
    width: 40px;
    min-width: 40px;
    height: 40px;
}