#logo {
    display: block;
    height: 100px;
    margin: 0 0 4rem 0;
    background-image: url('../../../assets/theme/session/img/logo_inverse.svg');
    background-repeat: no-repeat;
    background-attachment: initial;
    background-position: left;
    background-size: contain;
}

.logo-sn {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.logo-nav {
    background-image: url('../../../assets/theme/session/img/logo.svg');
    background-repeat: no-repeat;
    background-attachment: initial;
    background-position: center;
    background-size: contain;
}

.full-page-intro {
    background-image: url('../../../assets/theme/session/img/bg_left.svg'), url('../../../assets/theme/session/img/bg_right.svg'), url('../../../assets/theme/session/img/bg.svg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left, right, center;
    background-size: cover;
}

.session-skin .header-bg {
    height: 12.5rem;
    background-image: url('../../../assets/theme/session/img/bg_left.svg'), url('../../../assets/theme/session/img/bg_right.svg'), url('../../../assets/theme/session/img/bg.svg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left, right, center;
    background-size: cover;
}

.session-skin .side-nav {
    background-color: #f9f9f9
}

.session-skin .side-nav .logo-sn {
    background-color: rgba(255,255,255,0.06)
}

.session-skin .side-nav .logo-sn a {
    height: 3rem;
    line-height: 3rem;
}

.session-skin .side-nav .logo-wrapper>div {
    background-color: transparent!important
}

.session-skin .side-nav .sn-avatar-wrapper img {
    border: 3px solid #178ab4
}

.session-skin .side-nav .social a:hover .fas,
.session-skin .side-nav .social a:hover .far {
    color: #4285f4!important;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.session-skin .side-nav .collapsible {
    margin: 0;
}

.session-skin .side-nav .collapsible li {
    background-color: transparent
}

.session-skin .side-nav .collapsible li .collapsible-header,
.session-skin .side-nav .collapsible li .collapsible-header i {
    color: #424242;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.session-skin .side-nav .collapsible li .collapsible-header.active,
.session-skin .side-nav .collapsible li .collapsible-header.active > i {
    color: #ffffff;
}

.session-skin .side-nav .collapsible li .collapsible-header.active {
    background-color: rgba(66,133,244,1)
}

.session-skin .side-nav .collapsible li .collapsible-header:hover {
    background-color: rgba(66,133,244,.6)
}

.session-skin .side-nav .collapsible li .collapsible-body a {
    color: #424242
}

.session-skin .side-nav .collapsible li .collapsible-body a:hover {
    background-color: transparent;
    color: #478EFF
}

.session-skin .side-nav .collapsible li .collapsible-body a:hover > i {
    color: #478EFF
}

.session-skin .side-nav .collapsible li.current-menu-item a,
.session-skin .side-nav .collapsible li.current-menu-item i {
    color: #478EFF
}

.session-skin .side-nav .collapsible li.current-menu-item a:hover,
.session-skin .side-nav .collapsible li.current-menu-item a:hover i {
    color: #478EFF
}

.session-skin .side-nav .fas,
.session-skin .side-nav .far {
    width: 1rem;
    margin: 0.6rem 1rem 0.6rem 0;
    font-size: 1rem;
    text-align: center;
    color: #fff
}

.session-skin .side-nav a {
    height: 2.5rem;
    padding-left: 1rem;
    line-height: 2.5rem;
    font-size: 0.8rem;
}

.session-skin  .side-nav .fas-angle-down.rotate-icon,
.session-skin  .side-nav .far-angle-down.rotate-icon {
    top: 0;
}

.session-skin .side-nav .collapsible-header a {
    padding-left: 1rem;
}

.session-skin .side-nav .collapsible-body a {
    padding-left: 2rem;
    white-space: nowrap;
}

.session-skin .side-nav .collapsible-body .collapsible-body a {
    padding-left: 3rem;
}

.session-skin .side-nav .sidenav-bg.mask-strong:after,
.session-skin .side-nav .sidenav-bg:after {
    background: rgba(13,36,60,.8)
}

.session-skin .side-nav .sidenav-bg.mask-light:after {
    background: rgba(13,36,60,.65)
}

.session-skin .side-nav .sidenav-bg.mask-slight:after {
    background: rgba(13,36,60,.5)
}