.sidebarRight .nav>.nav-item a[data-toggle=collapse][aria-expanded=true]:before,
.sidebarRight .nav>.nav-item.active:hover>a:before,
.sidebarRight .nav>.nav-item.active>a:before,
.sidebarRight[data-background-color=white] .nav>.nav-item a[data-toggle=collapse][aria-expanded=true]:before,
.sidebarRight[data-background-color=white] .nav>.nav-item.active:hover>a:before,
.sidebarRight[data-background-color=white] .nav>.nav-item.active>a:before {
   opacity: 1 !important;
   position: absolute;
   z-index: 1;
   width: 3px;
   height: 100%;
   content: '';
   left: 0;
   top: 0
}

.sidebarRight,
.sidebarRight[data-background-color=white] {
   position: fixed;
   top: 0;
   bottom: 0;
   right: 0;
   width: 250px;
   margin-top: 62px;
   display: block;
   z-index: 1000;
   color: #fff;
   font-weight: 200;
   background: #fff;
   box-shadow: 4px 4px 10px rgba(69, 65, 78, .06);
   transition: all .3s
}

.sidebarRight.full-height,
.sidebarRight[data-background-color=white].full-height {
   margin-top: 0
}

.sidebarRight .user,
.sidebarRight[data-background-color=white] .user {
   margin-top: 20px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 12.5px;
   border-bottom: 1px solid #f1f1f1;
   display: block;
   margin-left: 10px;
   margin-right: 10px
}

.sidebarRight .user .info a,
.sidebarRight[data-background-color=white] .user .info a {
   white-space: nowrap;
   display: block;
   position: relative
}

.sidebarRight .user .info a:focus,
.sidebarRight .user .info a:hover,
.sidebarRight[data-background-color=white] .user .info a:focus,
.sidebarRight[data-background-color=white] .user .info a:hover {
   text-decoration: none
}

.sidebarRight .user .info a>span,
.sidebarRight[data-background-color=white] .user .info a>span {
   font-size: 14px;
   font-weight: 400;
   color: #777;
   display: flex;
   flex-direction: column
}

.sidebarRight .user .info a>span .user-level,
.sidebarRight[data-background-color=white] .user .info a>span .user-level {
   color: #555;
   font-weight: 600;
   font-size: 12px;
   margin-top: 5px
}

.sidebarRight .user .info a .link-collapse,
.sidebarRight[data-background-color=white] .user .info a .link-collapse {
   padding: 7px 0
}

.sidebarRight .user .info .caret,
.sidebarRight[data-background-color=white] .user .info .caret {
   position: absolute;
   top: 17px;
   right: 0;
   border-top-color: #777
}

.sidebarRight .sidebarRight-wrapper,
.sidebarRight[data-background-color=white] .sidebarRight-wrapper {
   position: relative;
   max-height: calc(100vh - 75px);
   min-height: 100%;
   overflow: auto;
   width: 100%;
   z-index: 4;
   padding-bottom: 100px;
   transition: all .3s
}

.sidebarRight .sidebarRight-wrapper .sidebarRight-content,
.sidebarRight[data-background-color=white] .sidebarRight-wrapper .sidebarRight-content {
   padding-top: 0;
   padding-bottom: 55px
}

.sidebarRight .sidebarRight-wrapper .scroll-element.scroll-y,
.sidebarRight[data-background-color=white] .sidebarRight-wrapper .scroll-element.scroll-y {
   top: 5px !important
}

.sidebarRight .nav,
.sidebarRight[data-background-color=white] .nav {
   display: block;
   float: none;
   margin-top: 20px
}

.sidebarRight .nav .nav-section,
.sidebarRight[data-background-color=white] .nav .nav-section {
   margin: 15px 0 0 0
}

.sidebarRight .nav .nav-section .sidebarRight-mini-icon,
.sidebarRight[data-background-color=white] .nav .nav-section .sidebarRight-mini-icon {
   text-align: center;
   font-size: 15px;
   color: #909093;
   display: none
}

.sidebarRight .nav .nav-section .text-section,
.sidebarRight[data-background-color=white] .nav .nav-section .text-section {
   padding: 2px 30px;
   font-size: 12px;
   color: #727275;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .5px;
   margin-bottom: 12px;
   margin-top: 20px
}

.sidebarRight .nav>.nav-item,
.sidebarRight[data-background-color=white] .nav>.nav-item {
   display: list-item
}

.sidebarRight .nav>.nav-item.active>a,
.sidebarRight[data-background-color=white] .nav>.nav-item.active>a {
   color: #575962 !important
}

.sidebarRight .nav>.nav-item.active>a:before,
.sidebarRight[data-background-color=white] .nav>.nav-item.active>a:before {
   background: #1d7af3
}

.sidebarRight .nav>.nav-item.active>a p,
.sidebarRight[data-background-color=white] .nav>.nav-item.active>a p {
   color: #575962 !important;
   font-weight: 600
}

.sidebarRight .nav>.nav-item.active:hover>a:before,
.sidebarRight[data-background-color=white] .nav>.nav-item.active:hover>a:before {
   background: #1d7af3
}

.sidebarRight .nav>.nav-item.active a i,
.sidebarRight[data-background-color=white] .nav>.nav-item.active a i {
   color: #4d7cfe
}

.sidebarRight .nav>.nav-item.submenu,
.sidebarRight[data-background-color=white] .nav>.nav-item.submenu {
   background: rgba(0, 0, 0, .03)
}

.sidebarRight .nav>.nav-item.submenu>li>a i,
.sidebarRight[data-background-color=white] .nav>.nav-item.submenu>li>a i {
   color: rgba(23, 125, 255, .76)
}

.sidebarRight .nav>.nav-item a:focus,
.sidebarRight .nav>.nav-item>a:hover,
.sidebarRight[data-background-color=white] .nav>.nav-item a:focus,
.sidebarRight[data-background-color=white] .nav>.nav-item>a:hover {
   background: rgba(0, 0, 0, .03)
}

.sidebarRight .nav>.nav-item a,
.sidebarRight[data-background-color=white] .nav>.nav-item a {
   display: flex;
   align-items: center;
   color: #575962;
   padding: 6px 25px;
   width: 100%;
   font-size: 14px;
   font-weight: 400;
   position: relative;
   margin-bottom: 3px
}

.sidebarRight .nav>.nav-item a:focus,
.sidebarRight .nav>.nav-item a:hover,
.sidebarRight[data-background-color=white] .nav>.nav-item a:focus,
.sidebarRight[data-background-color=white] .nav>.nav-item a:hover {
   text-decoration: none
}

.sidebarRight .nav>.nav-item a:focus p,
.sidebarRight .nav>.nav-item a:hover p,
.sidebarRight[data-background-color=white] .nav>.nav-item a:focus p,
.sidebarRight[data-background-color=white] .nav>.nav-item a:hover p {
   color: #575962 !important;
   font-weight: 600
}

.sidebarRight .nav>.nav-item a:focus i,
.sidebarRight .nav>.nav-item a:hover i,
.sidebarRight[data-background-color=white] .nav>.nav-item a:focus i,
.sidebarRight[data-background-color=white] .nav>.nav-item a:hover i {
   color: #4d7cfe !important
}

.sidebarRight .nav>.nav-item a .letter-icon,
.sidebarRight[data-background-color=white] .nav>.nav-item a .letter-icon {
   color: #a1a2a6;
   margin-right: 15px;
   width: 25px;
   text-align: center;
   vertical-align: middle;
   float: left;
   font-size: 20px;
   font-weight: 200
}

.sidebarRight .nav>.nav-item a i,
.sidebarRight[data-background-color=white] .nav>.nav-item a i {
   color: #8d9498;
   margin-right: 15px;
   width: 25px;
   text-align: center;
   vertical-align: middle;
   float: left;
   font-size: 18px;
   line-height: 30px
}

.sidebarRight .nav>.nav-item a i[class^=flaticon-],
.sidebarRight[data-background-color=white] .nav>.nav-item a i[class^=flaticon-] {
   font-size: 20px
}

.sidebarRight .nav>.nav-item a p,
.sidebarRight[data-background-color=white] .nav>.nav-item a p {
   font-size: 14px;
   margin-bottom: 0;
   margin-right: 5px;
   white-space: nowrap;
   color: #8d9498
}

.sidebarRight .nav>.nav-item a .caret,
.sidebarRight[data-background-color=white] .nav>.nav-item a .caret {
   margin-left: auto;
   margin-right: 10px;
   transition: all .5s;
   color: #8d9498
}

.sidebarRight .nav>.nav-item a[data-toggle=collapse][aria-expanded=true],
.sidebarRight[data-background-color=white] .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] {
   background: 0 0
}

.sidebarRight .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] p,
.sidebarRight[data-background-color=white] .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #575962
}

.sidebarRight .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=white] .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] i {
   color: #4d7cfe
}

.sidebarRight .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=white] .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] .caret {
   transform: rotate(-180deg)
}

.sidebarRight .nav>.nav-item a[data-toggle=collapse][aria-expanded=true]:before,
.sidebarRight[data-background-color=white] .nav>.nav-item a[data-toggle=collapse][aria-expanded=true]:before {
   background: #1d7af3
}

.sidebarRight .nav.nav-primary>.nav-item a:focus i,
.sidebarRight .nav.nav-primary>.nav-item a:hover i,
.sidebarRight .nav.nav-primary>.nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=white] .nav.nav-primary>.nav-item a:focus i,
.sidebarRight[data-background-color=white] .nav.nav-primary>.nav-item a:hover i,
.sidebarRight[data-background-color=white] .nav.nav-primary>.nav-item a[data-toggle=collapse][aria-expanded=true] i {
   color: #1572e8 !important
}

.sidebarRight .nav.nav-primary>.nav-item a[data-toggle=collapse][aria-expanded=true]:before,
.sidebarRight[data-background-color=white] .nav.nav-primary>.nav-item a[data-toggle=collapse][aria-expanded=true]:before {
   background: #1572e8 !important
}

.sidebarRight .nav.nav-primary>.nav-item.active a:before,
.sidebarRight[data-background-color=white] .nav.nav-primary>.nav-item.active a:before {
   background: #1572e8 !important
}

.sidebarRight .nav.nav-primary>.nav-item.active a i,
.sidebarRight[data-background-color=white] .nav.nav-primary>.nav-item.active a i {
   color: #1572e8 !important
}

.sidebarRight .nav.nav-secondary>.nav-item a:focus i,
.sidebarRight .nav.nav-secondary>.nav-item a:hover i,
.sidebarRight .nav.nav-secondary>.nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=white] .nav.nav-secondary>.nav-item a:focus i,
.sidebarRight[data-background-color=white] .nav.nav-secondary>.nav-item a:hover i,
.sidebarRight[data-background-color=white] .nav.nav-secondary>.nav-item a[data-toggle=collapse][aria-expanded=true] i {
   color: #6861ce !important
}

.sidebarRight .nav.nav-secondary>.nav-item a[data-toggle=collapse][aria-expanded=true]:before,
.sidebarRight[data-background-color=white] .nav.nav-secondary>.nav-item a[data-toggle=collapse][aria-expanded=true]:before {
   background: #6861ce !important
}

.sidebarRight .nav.nav-secondary>.nav-item.active a:before,
.sidebarRight[data-background-color=white] .nav.nav-secondary>.nav-item.active a:before {
   background: #6861ce !important
}

.sidebarRight .nav.nav-secondary>.nav-item.active a i,
.sidebarRight[data-background-color=white] .nav.nav-secondary>.nav-item.active a i {
   color: #6861ce !important
}

.sidebarRight .nav.nav-info>.nav-item a:focus i,
.sidebarRight .nav.nav-info>.nav-item a:hover i,
.sidebarRight .nav.nav-info>.nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=white] .nav.nav-info>.nav-item a:focus i,
.sidebarRight[data-background-color=white] .nav.nav-info>.nav-item a:hover i,
.sidebarRight[data-background-color=white] .nav.nav-info>.nav-item a[data-toggle=collapse][aria-expanded=true] i {
   color: #48abf7 !important
}

.sidebarRight .nav.nav-info>.nav-item a[data-toggle=collapse][aria-expanded=true]:before,
.sidebarRight[data-background-color=white] .nav.nav-info>.nav-item a[data-toggle=collapse][aria-expanded=true]:before {
   background: #48abf7 !important
}

.sidebarRight .nav.nav-info>.nav-item.active a:before,
.sidebarRight[data-background-color=white] .nav.nav-info>.nav-item.active a:before {
   background: #48abf7 !important
}

.sidebarRight .nav.nav-info>.nav-item.active a i,
.sidebarRight[data-background-color=white] .nav.nav-info>.nav-item.active a i {
   color: #48abf7 !important
}

.sidebarRight .nav.nav-success>.nav-item a:focus i,
.sidebarRight .nav.nav-success>.nav-item a:hover i,
.sidebarRight .nav.nav-success>.nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=white] .nav.nav-success>.nav-item a:focus i,
.sidebarRight[data-background-color=white] .nav.nav-success>.nav-item a:hover i,
.sidebarRight[data-background-color=white] .nav.nav-success>.nav-item a[data-toggle=collapse][aria-expanded=true] i {
   color: #31ce36 !important
}

.sidebarRight .nav.nav-success>.nav-item a[data-toggle=collapse][aria-expanded=true]:before,
.sidebarRight[data-background-color=white] .nav.nav-success>.nav-item a[data-toggle=collapse][aria-expanded=true]:before {
   background: #31ce36 !important
}

.sidebarRight .nav.nav-success>.nav-item.active a:before,
.sidebarRight[data-background-color=white] .nav.nav-success>.nav-item.active a:before {
   background: #31ce36 !important
}

.sidebarRight .nav.nav-success>.nav-item.active a i,
.sidebarRight[data-background-color=white] .nav.nav-success>.nav-item.active a i {
   color: #31ce36 !important
}

.sidebarRight .nav.nav-warning>.nav-item a:focus i,
.sidebarRight .nav.nav-warning>.nav-item a:hover i,
.sidebarRight .nav.nav-warning>.nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=white] .nav.nav-warning>.nav-item a:focus i,
.sidebarRight[data-background-color=white] .nav.nav-warning>.nav-item a:hover i,
.sidebarRight[data-background-color=white] .nav.nav-warning>.nav-item a[data-toggle=collapse][aria-expanded=true] i {
   color: #ffad46 !important
}

.sidebarRight .nav.nav-warning>.nav-item a[data-toggle=collapse][aria-expanded=true]:before,
.sidebarRight[data-background-color=white] .nav.nav-warning>.nav-item a[data-toggle=collapse][aria-expanded=true]:before {
   background: #ffad46 !important
}

.sidebarRight .nav.nav-warning>.nav-item.active a:before,
.sidebarRight[data-background-color=white] .nav.nav-warning>.nav-item.active a:before {
   background: #ffad46 !important
}

.sidebarRight .nav.nav-warning>.nav-item.active a i,
.sidebarRight[data-background-color=white] .nav.nav-warning>.nav-item.active a i {
   color: #ffad46 !important
}

.sidebarRight .nav.nav-danger>.nav-item a:focus i,
.sidebarRight .nav.nav-danger>.nav-item a:hover i,
.sidebarRight .nav.nav-danger>.nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=white] .nav.nav-danger>.nav-item a:focus i,
.sidebarRight[data-background-color=white] .nav.nav-danger>.nav-item a:hover i,
.sidebarRight[data-background-color=white] .nav.nav-danger>.nav-item a[data-toggle=collapse][aria-expanded=true] i {
   color: #f25961 !important
}

.sidebarRight .nav.nav-danger>.nav-item a[data-toggle=collapse][aria-expanded=true]:before,
.sidebarRight[data-background-color=white] .nav.nav-danger>.nav-item a[data-toggle=collapse][aria-expanded=true]:before {
   background: #f25961 !important
}

.sidebarRight .nav.nav-danger>.nav-item.active a:before,
.sidebarRight[data-background-color=white] .nav.nav-danger>.nav-item.active a:before {
   background: #f25961 !important
}

.sidebarRight .nav.nav-danger>.nav-item.active a i,
.sidebarRight[data-background-color=white] .nav.nav-danger>.nav-item.active a i {
   color: #f25961 !important
}

.sidebarRight .nav-collapse,
.sidebarRight[data-background-color=white] .nav-collapse {
   margin-top: 0;
   margin-bottom: 15px;
   padding-bottom: 15px;
   padding-top: 10px
}

.sidebarRight .nav-collapse li.active>a,
.sidebarRight[data-background-color=white] .nav-collapse li.active>a {
   font-weight: 600
}

.sidebarRight .nav-collapse li a:before,
.sidebarRight .nav-collapse li a:hover:before,
.sidebarRight[data-background-color=white] .nav-collapse li a:before,
.sidebarRight[data-background-color=white] .nav-collapse li a:hover:before {
   opacity: 0 !important
}

.sidebarRight .nav-collapse li a,
.sidebarRight[data-background-color=white] .nav-collapse li a {
   margin-bottom: 3px !important;
   padding: 10px 25px !important
}

.sidebarRight .nav-collapse li a .sub-item,
.sidebarRight[data-background-color=white] .nav-collapse li a .sub-item {
   font-size: 14px;
   position: relative;
   margin-left: 25px;
   opacity: .85
}

.sidebarRight .nav-collapse li a .sub-item:before,
.sidebarRight[data-background-color=white] .nav-collapse li a .sub-item:before {
   content: '';
   height: 4px;
   width: 4px;
   background: rgba(131, 132, 138, .89);
   position: absolute;
   left: -15px;
   top: 50%;
   transform: translateY(-50%);
   border-radius: 100%
}

.sidebarRight .nav-collapse li a:hover .sub-item,
.sidebarRight[data-background-color=white] .nav-collapse li a:hover .sub-item {
   opacity: 1
}

.sidebarRight .nav-collapse li a .sidebarRight-mini-icon,
.sidebarRight[data-background-color=white] .nav-collapse li a .sidebarRight-mini-icon {
   font-size: 18px;
   color: #c3c5ca;
   margin-right: 15px;
   width: 25px;
   text-align: center;
   vertical-align: middle;
   float: left;
   font-weight: 300 !important
}

.sidebarRight .nav-collapse.subnav,
.sidebarRight[data-background-color=white] .nav-collapse.subnav {
   padding-bottom: 10px;
   margin-bottom: 0
}

.sidebarRight .nav-collapse.subnav li a,
.sidebarRight[data-background-color=white] .nav-collapse.subnav li a {
   padding-left: 40px !important
}

.sidebarRight.sidebarRight-style-2 .nav .nav-item {
   padding: 0 15px
}

.sidebarRight.sidebarRight-style-2 .nav .nav-item a {
   padding: 8px 10px;
   border-radius: 5px
}

.sidebarRight.sidebarRight-style-2 .nav .nav-item a:focus,
.sidebarRight.sidebarRight-style-2 .nav .nav-item a:hover,
.sidebarRight.sidebarRight-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
   background: rgba(199, 199, 199, .2)
}

.sidebarRight.sidebarRight-style-2 .nav .nav-item a:focus i,
.sidebarRight.sidebarRight-style-2 .nav .nav-item a:focus p,
.sidebarRight.sidebarRight-style-2 .nav .nav-item a:hover i,
.sidebarRight.sidebarRight-style-2 .nav .nav-item a:hover p,
.sidebarRight.sidebarRight-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight.sidebarRight-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #575962 !important
}

.sidebarRight.sidebarRight-style-2 .nav .nav-item.active a:before {
   background: 0 0
}

.sidebarRight.sidebarRight-style-2 .nav .nav-item .active a {
   background: rgba(199, 199, 199, .2)
}

.sidebarRight.sidebarRight-style-2 .nav .nav-item .active a i,
.sidebarRight.sidebarRight-style-2 .nav .nav-item .active a p {
   color: #575962 !important
}

.sidebarRight.sidebarRight-style-2 .nav .nav-item.submenu {
   background: 0 0 !important
}

.sidebarRight.sidebarRight-style-2 .nav .nav-item a[data-toggle=collapse][aria-expanded=true]:before {
   background: 0 0 !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-primary>.nav-item.active>a {
   background: #1572e8 !important;
   box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .1), 4px 4px 15px -5px rgba(21, 114, 232, .4) !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-primary>.nav-item.active>a:before {
   background: 0 0 !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-primary>.nav-item.active>a .caret,
.sidebarRight.sidebarRight-style-2 .nav.nav-primary>.nav-item.active>a i,
.sidebarRight.sidebarRight-style-2 .nav.nav-primary>.nav-item.active>a p,
.sidebarRight.sidebarRight-style-2 .nav.nav-primary>.nav-item.active>a span {
   color: #fff !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-primary>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i {
   color: #fff !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-secondary>.nav-item.active>a {
   background: #6861ce !important;
   box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .1), 4px 4px 15px -5px rgba(104, 97, 206, .4) !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-secondary>.nav-item.active>a:before {
   background: 0 0 !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-secondary>.nav-item.active>a .caret,
.sidebarRight.sidebarRight-style-2 .nav.nav-secondary>.nav-item.active>a i,
.sidebarRight.sidebarRight-style-2 .nav.nav-secondary>.nav-item.active>a p,
.sidebarRight.sidebarRight-style-2 .nav.nav-secondary>.nav-item.active>a span {
   color: #fff !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-secondary>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i {
   color: #fff !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-info>.nav-item.active>a {
   background: #48abf7 !important;
   box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .1), 4px 4px 15px -5px rgba(72, 171, 247, .4) !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-info>.nav-item.active>a:before {
   background: 0 0 !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-info>.nav-item.active>a .caret,
.sidebarRight.sidebarRight-style-2 .nav.nav-info>.nav-item.active>a i,
.sidebarRight.sidebarRight-style-2 .nav.nav-info>.nav-item.active>a p,
.sidebarRight.sidebarRight-style-2 .nav.nav-info>.nav-item.active>a span {
   color: #fff !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-info>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i {
   color: #fff !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-success>.nav-item.active>a {
   background: #31ce36 !important;
   box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .1), 4px 4px 15px -5px rgba(49, 206, 54, .4) !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-success>.nav-item.active>a:before {
   background: 0 0 !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-success>.nav-item.active>a .caret,
.sidebarRight.sidebarRight-style-2 .nav.nav-success>.nav-item.active>a i,
.sidebarRight.sidebarRight-style-2 .nav.nav-success>.nav-item.active>a p,
.sidebarRight.sidebarRight-style-2 .nav.nav-success>.nav-item.active>a span {
   color: #fff !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-success>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i {
   color: #fff !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-warning>.nav-item.active>a {
   background: #ffad46 !important;
   box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .1), 4px 4px 15px -5px rgba(255, 173, 70, .4) !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-warning>.nav-item.active>a:before {
   background: 0 0 !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-warning>.nav-item.active>a .caret,
.sidebarRight.sidebarRight-style-2 .nav.nav-warning>.nav-item.active>a i,
.sidebarRight.sidebarRight-style-2 .nav.nav-warning>.nav-item.active>a p,
.sidebarRight.sidebarRight-style-2 .nav.nav-warning>.nav-item.active>a span {
   color: #fff !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-warning>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i {
   color: #fff !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-danger>.nav-item.active>a {
   background: #f25961 !important;
   box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .1), 4px 4px 15px -5px rgba(242, 89, 97, .4) !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-danger>.nav-item.active>a:before {
   background: 0 0 !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-danger>.nav-item.active>a .caret,
.sidebarRight.sidebarRight-style-2 .nav.nav-danger>.nav-item.active>a i,
.sidebarRight.sidebarRight-style-2 .nav.nav-danger>.nav-item.active>a p,
.sidebarRight.sidebarRight-style-2 .nav.nav-danger>.nav-item.active>a span {
   color: #fff !important
}

.sidebarRight.sidebarRight-style-2 .nav.nav-danger>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i {
   color: #fff !important
}

.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item a:focus i,
.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item a:focus p,
.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item a:hover i,
.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item a:hover p,
.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item a:focus i,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item a:focus p,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item a:hover i,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item a:hover p,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #b9babf !important
}

.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item.active a,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item.active a {
   color: #fff
}

.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item.active a .caret,
.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item.active a i,
.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item.active a p,
.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item.active a span,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item.active a .caret,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item.active a i,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item.active a p,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item.active a span {
   color: #fff
}

.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] p,
.sidebarRight.sidebarRight-style-2[data-background-color=dark2] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] span,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] p,
.sidebarRight.sidebarRight-style-2[data-background-color=dark] .nav .nav-item.active a[data-toggle=collapse][aria-expanded=true] span {
   color: #fff
}

.page-wrapper.has-sidebarRight .page-inner {
   margin-right: 22.5rem
}

.page-sidebarRight {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   display: flex;
   flex-direction: column;
   max-width: 22.5rem;
   box-shadow: none;
   transform: translate3d(100%, 0, 0);
   overflow: auto;
   z-index: 999;
   transition: transform .2s ease-in-out;
   border-left: 1px solid rgba(61, 70, 79, .125) !important
}

.page-sidebarRight .back {
   width: 100%;
   display: flex;
   align-items: center;
   padding: 1rem;
   box-shadow: 0 0 0 1px rgba(61, 70, 79, .05), 0 1px 3px 0 rgba(61, 70, 79, .15);
   font-size: 15px
}

.page-sidebarRight-section {
   flex: 1;
   overflow-y: auto
}

@media (min-width:1200px) {
   .page-sidebarRight {
      transform: translateZ(0)
   }
}

@media (max-width:1200px) {
   .page-wrapper.has-sidebarRight .page-inner {
      margin-right: 0
   }

   .pagesidebarRight_open .page-sidebarRight {
      transform: translate3d(0, 0, 0) !important;
      max-width: unset
   }
}


@media screen and (min-width:991px) {
   .sidebarRight_minimize .main-panel {
      width: calc(100% - 75px);
      transition: all .3s
   }

   .sidebarRight_minimize .logo-header {
      width: 75px;
      transition: all .3s;
      padding: 0;
      text-align: center
   }

   .sidebarRight_minimize .logo-header .big-logo {
      margin-right: 0
   }

   .sidebarRight_minimize .logo-header .logo {
      position: absolute;
      transform: translate3d(25px, 0, 0);
      opacity: 0
   }

   .sidebarRight_minimize .logo-header .logo img {
      display: none
   }

   .sidebarRight_minimize .logo-header .nav-toggle {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      height: 100%;
      right: 0 !important
   }

   .sidebarRight_minimize .sidebarRight {
      width: 75px;
      transition: all .3s
   }

   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper {
      width: 75px;
      transition: all .3s
   }

   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .user {
      padding-left: 0;
      padding-right: 0
   }

   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .user [class^=avatar-] {
      float: none !important;
      margin: auto
   }

   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .user .info {
      display: none
   }

   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .user .info span {
      display: none
   }

   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .nav-item {
      position: relative
   }

   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .nav-item a .letter-icon {
      display: block !important
   }

   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .nav-item a i {
      margin-right: unset
   }

   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .nav-item a .badge,
   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .nav-item a .caret,
   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .nav-item a p,
   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .nav-item a span {
      display: none;
      transition: all .3s
   }

   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .nav-item a .sidebarRight-mini-icon {
      display: block !important;
      margin-right: 0
   }

   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .nav-item.active .nav-collapse,
   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .nav-item.submenu .nav-collapse {
      display: none
   }

   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .nav-section .text-section {
      display: none
   }

   .sidebarRight_minimize .sidebarRight .sidebarRight-wrapper .nav-section .sidebarRight-mini-icon {
      display: block
   }

   .sidebarRight_minimize .sidebarRight:hover {
      width: 250px
   }

   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper {
      width: 250px
   }

   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .user {
      padding-left: 15px;
      padding-right: 15px
   }

   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .user [class^=avatar-] {
      float: left !important;
      margin-right: 11px !important
   }

   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .user .info {
      display: block
   }

   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .user .info span {
      display: block
   }

   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .nav-item a i {
      margin-right: 15px
   }

   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .nav-item a .badge,
   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .nav-item a .caret,
   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .nav-item a p,
   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .nav-item a span {
      display: block
   }

   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .nav-item a .sidebarRight-mini-icon {
      display: block !important;
      margin-right: 15px
   }

   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .nav-item.active .nav-collapse,
   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .nav-item.submenu .nav-collapse {
      display: block
   }

   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .nav-section .sidebarRight-mini-icon {
      display: none
   }

   .sidebarRight_minimize .sidebarRight:hover .sidebarRight-wrapper .nav-section .text-section {
      display: block
   }

   .sidebarRight_minimize.sidebarRight_minimize_hover .logo-header {
      width: 250px;
      padding-left: 25px;
      padding-right: 25px;
      text-align: left
   }

   .sidebarRight_minimize.sidebarRight_minimize_hover .logo-header .logo {
      opacity: 1 !important;
      transform: translate3d(0, 0, 0) !important;
      position: relative !important
   }

   .sidebarRight_minimize.sidebarRight_minimize_hover .logo-header .logo img {
      display: inline-block !important
   }

   .sidebarRight_minimize.sidebarRight_minimize_hover .main-panel {
      width: calc(100% - 250px)
   }

   .sidebarRight_minimize_hover .logo-header .nav-toggle {
      right: 18px !important;
      transform: translateX(0) !important;
      left: unset
   }
}

.overlay-sidebarRight:not(.is-show) .sidebarRight {
   left: -250px
}

.overlay-sidebarRight .main-panel {
   width: 100% !important
}

@media screen and (min-width:991px) {
   
   .compact-wrapper .sidebarRight {
      width: 175px
   }

   .compact-wrapper .sidebarRight .badge {
      position: absolute;
      top: 8px;
      right: 8px
   }

   .compact-wrapper .sidebarRight .text-section {
      text-align: center
   }

   .compact-wrapper .sidebarRight .nav>.nav-item a {
      flex-direction: column
   }

   .compact-wrapper .sidebarRight .nav>.nav-item a i {
      margin-right: 0
   }

   .compact-wrapper .sidebarRight .nav>.nav-item a p {
      margin-right: 0
   }

   .compact-wrapper .sidebarRight .nav>.nav-item a .caret {
      display: none
   }

   .compact-wrapper .sidebarRight .nav-collapse li a .sub-item {
      margin-left: 0;
      text-align: center
   }

   .compact-wrapper .sidebarRight .nav-collapse li a .sub-item:before {
      display: none
   }

}

@media screen and (min-width:991px) {
   
   .classic-wrapper .sidebarRight {
      position: relative;
      float: left;
      margin-top: 0
   }

   .classic-wrapper .sidebarRight .sidebarRight-wrapper {
      max-height: unset;
      min-height: 100%
   }


   .sidebarRight_minimize .classic-wrapper .logo-header .logo {
      position: relative;
      transform: unset;
      opacity: 1
   }

   .sidebarRight_minimize .classic-wrapper .logo-header .logo img {
      display: inline-block
   }

   .sidebarRight_minimize .classic-wrapper .logo-header .nav-toggle {
      left: unset;
      transform: unset;
      right: 18px !important
   }
}

@media screen and (min-width:991px) {
   .static-sidebarRight {
      height: unset
   }

   .static-sidebarRight .sidebarRight {
      position: static;
      float: left
   }

   .static-sidebarRight .sidebarRight .sidebarRight-wrapper {
      max-height: unset;
      min-height: 100%
   }

   .static-sidebarRight .main-panel {
      height: unset
   }

   .static-sidebarRight .main-panel .content {
      margin-bottom: 60px
   }

   .static-sidebarRight .footer {
      position: absolute;
      bottom: 0
   }
}

.sidebarRight[data-background-color=dark] {
   background: #1a2035 !important
}

.sidebarRight[data-background-color=dark] .user {
   border-color: rgba(181, 181, 181, .1) !important
}

.sidebarRight[data-background-color=dark] .user .info a>span {
   color: #b9babf
}

.sidebarRight[data-background-color=dark] .user .info a>span .user-level {
   color: #8d9498
}

.sidebarRight[data-background-color=dark] .nav>.nav-item.active>a p {
   color: #b9babf !important
}

.sidebarRight[data-background-color=dark] .nav>.nav-item a {
   color: #b9babf !important
}

.sidebarRight[data-background-color=dark] .nav>.nav-item a:focus p,
.sidebarRight[data-background-color=dark] .nav>.nav-item a:hover p,
.sidebarRight[data-background-color=dark] .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #b9babf !important
}

.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a:focus,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a:hover,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #1a2035 !important
}

.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a .caret,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a i,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a p,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a:focus i,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a:focus p,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a:hover i,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a:hover p,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=dark].sidebarRight-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #1a2035 !important
}

.sidebarRight[data-background-color=dark] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=dark] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=dark] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

.sidebarRight[data-background-color=dark2] {
   background: #1f283e !important
}

.sidebarRight[data-background-color=dark2] .user {
   border-color: rgba(181, 181, 181, .1) !important
}

.sidebarRight[data-background-color=dark2] .user .info a>span {
   color: #b9babf
}

.sidebarRight[data-background-color=dark2] .user .info a>span .user-level {
   color: #8d9498
}

.sidebarRight[data-background-color=dark2] .nav>.nav-item.active>a p {
   color: #b9babf !important
}

.sidebarRight[data-background-color=dark2] .nav>.nav-item a {
   color: #b9babf !important
}

.sidebarRight[data-background-color=dark2] .nav>.nav-item a:focus p,
.sidebarRight[data-background-color=dark2] .nav>.nav-item a:hover p,
.sidebarRight[data-background-color=dark2] .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #b9babf !important
}

.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a:focus,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a:hover,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #1f283e !important
}

.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a .caret,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a i,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a p,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a:focus i,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a:focus p,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a:hover i,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a:hover p,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=dark2].sidebarRight-style-2 .nav .nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #1f283e !important
}

.sidebarRight[data-background-color=dark2] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=dark2] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=dark2] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

.sidebarRight[data-background-color=blue] {
   background: #1572e8 !important
}

.sidebarRight[data-background-color=blue] .user {
   margin-top: 0;
   padding-top: 12.5px;
   border-top: 1px solid;
   border-color: rgba(255, 255, 255, .1) !important
}

.sidebarRight[data-background-color=blue] .user .info a>span {
   color: #fff
}

.sidebarRight[data-background-color=blue] .user .info a>span .user-level {
   color: #eaeaea
}

.sidebarRight[data-background-color=blue] .user .info .caret {
   border-top-color: #fff
}

.sidebarRight[data-background-color=blue] .nav .nav-item a {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=blue] .nav .nav-item a .caret,
.sidebarRight[data-background-color=blue] .nav .nav-item a i,
.sidebarRight[data-background-color=blue] .nav .nav-item a p {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=blue] .nav .nav-item a:focus,
.sidebarRight[data-background-color=blue] .nav .nav-item a:hover,
.sidebarRight[data-background-color=blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
   color: #fff !important
}

.sidebarRight[data-background-color=blue] .nav .nav-item a:focus .caret,
.sidebarRight[data-background-color=blue] .nav .nav-item a:focus i,
.sidebarRight[data-background-color=blue] .nav .nav-item a:focus p,
.sidebarRight[data-background-color=blue] .nav .nav-item a:hover .caret,
.sidebarRight[data-background-color=blue] .nav .nav-item a:hover i,
.sidebarRight[data-background-color=blue] .nav .nav-item a:hover p,
.sidebarRight[data-background-color=blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #fff !important
}

.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a:focus,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a:hover,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #1572e8 !important
}

.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a .caret,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a i,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a p,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a:focus i,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a:focus p,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a:hover i,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a:hover p,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=blue] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #1572e8 !important
}

.sidebarRight[data-background-color=blue] .nav .nav-section .sidebarRight-mini-icon,
.sidebarRight[data-background-color=blue] .nav .nav-section .text-section {
   color: #eaeaea
}

.sidebarRight[data-background-color=blue] .nav .nav-collapse li a .sub-item:before {
   background: #eaeaea
}

.sidebarRight[data-background-color=blue] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=blue] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=blue] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

.sidebarRight[data-background-color=blue2] {
   background: #1269db !important
}

.sidebarRight[data-background-color=blue2] .user {
   margin-top: 0;
   padding-top: 12.5px;
   border-top: 1px solid;
   border-color: rgba(255, 255, 255, .1) !important
}

.sidebarRight[data-background-color=blue2] .user .info a>span {
   color: #fff
}

.sidebarRight[data-background-color=blue2] .user .info a>span .user-level {
   color: #eaeaea
}

.sidebarRight[data-background-color=blue2] .user .info .caret {
   border-top-color: #fff
}

.sidebarRight[data-background-color=blue2] .nav .nav-item a {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=blue2] .nav .nav-item a .caret,
.sidebarRight[data-background-color=blue2] .nav .nav-item a i,
.sidebarRight[data-background-color=blue2] .nav .nav-item a p {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=blue2] .nav .nav-item a:focus,
.sidebarRight[data-background-color=blue2] .nav .nav-item a:hover,
.sidebarRight[data-background-color=blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
   color: #fff !important
}

.sidebarRight[data-background-color=blue2] .nav .nav-item a:focus .caret,
.sidebarRight[data-background-color=blue2] .nav .nav-item a:focus i,
.sidebarRight[data-background-color=blue2] .nav .nav-item a:focus p,
.sidebarRight[data-background-color=blue2] .nav .nav-item a:hover .caret,
.sidebarRight[data-background-color=blue2] .nav .nav-item a:hover i,
.sidebarRight[data-background-color=blue2] .nav .nav-item a:hover p,
.sidebarRight[data-background-color=blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #fff !important
}

.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a:focus,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a:hover,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #1269db !important
}

.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a .caret,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a i,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a p,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a:focus i,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a:focus p,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a:hover i,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a:hover p,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=blue2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #1269db !important
}

.sidebarRight[data-background-color=blue2] .nav .nav-section .sidebarRight-mini-icon,
.sidebarRight[data-background-color=blue2] .nav .nav-section .text-section {
   color: #eaeaea
}

.sidebarRight[data-background-color=blue2] .nav .nav-collapse li a .sub-item:before {
   background: #eaeaea
}

.sidebarRight[data-background-color=blue2] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=blue2] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=blue2] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

.sidebarRight[data-background-color=purple] {
   background: #6861ce !important
}

.sidebarRight[data-background-color=purple] .user {
   margin-top: 0;
   padding-top: 12.5px;
   border-top: 1px solid;
   border-color: rgba(255, 255, 255, .1) !important
}

.sidebarRight[data-background-color=purple] .user .info a>span {
   color: #fff
}

.sidebarRight[data-background-color=purple] .user .info a>span .user-level {
   color: #eaeaea
}

.sidebarRight[data-background-color=purple] .user .info .caret {
   border-top-color: #fff
}

.sidebarRight[data-background-color=purple] .nav .nav-item a {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=purple] .nav .nav-item a .caret,
.sidebarRight[data-background-color=purple] .nav .nav-item a i,
.sidebarRight[data-background-color=purple] .nav .nav-item a p {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=purple] .nav .nav-item a:focus,
.sidebarRight[data-background-color=purple] .nav .nav-item a:hover,
.sidebarRight[data-background-color=purple] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
   color: #fff !important
}

.sidebarRight[data-background-color=purple] .nav .nav-item a:focus .caret,
.sidebarRight[data-background-color=purple] .nav .nav-item a:focus i,
.sidebarRight[data-background-color=purple] .nav .nav-item a:focus p,
.sidebarRight[data-background-color=purple] .nav .nav-item a:hover .caret,
.sidebarRight[data-background-color=purple] .nav .nav-item a:hover i,
.sidebarRight[data-background-color=purple] .nav .nav-item a:hover p,
.sidebarRight[data-background-color=purple] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=purple] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=purple] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #fff !important
}

.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a:focus,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a:hover,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #6861ce !important
}

.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a .caret,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a i,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a p,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a:focus i,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a:focus p,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a:hover i,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a:hover p,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=purple] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #6861ce !important
}

.sidebarRight[data-background-color=purple] .nav .nav-section .sidebarRight-mini-icon,
.sidebarRight[data-background-color=purple] .nav .nav-section .text-section {
   color: #eaeaea
}

.sidebarRight[data-background-color=purple] .nav .nav-collapse li a .sub-item:before {
   background: #eaeaea
}

.sidebarRight[data-background-color=purple] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=purple] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=purple] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

.sidebarRight[data-background-color=purple2] {
   background: #5c55bf !important
}

.sidebarRight[data-background-color=purple2] .user {
   margin-top: 0;
   padding-top: 12.5px;
   border-top: 1px solid;
   border-color: rgba(255, 255, 255, .1) !important
}

.sidebarRight[data-background-color=purple2] .user .info a>span {
   color: #fff
}

.sidebarRight[data-background-color=purple2] .user .info a>span .user-level {
   color: #eaeaea
}

.sidebarRight[data-background-color=purple2] .user .info .caret {
   border-top-color: #fff
}

.sidebarRight[data-background-color=purple2] .nav .nav-item a {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=purple2] .nav .nav-item a .caret,
.sidebarRight[data-background-color=purple2] .nav .nav-item a i,
.sidebarRight[data-background-color=purple2] .nav .nav-item a p {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=purple2] .nav .nav-item a:focus,
.sidebarRight[data-background-color=purple2] .nav .nav-item a:hover,
.sidebarRight[data-background-color=purple2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
   color: #fff !important
}

.sidebarRight[data-background-color=purple2] .nav .nav-item a:focus .caret,
.sidebarRight[data-background-color=purple2] .nav .nav-item a:focus i,
.sidebarRight[data-background-color=purple2] .nav .nav-item a:focus p,
.sidebarRight[data-background-color=purple2] .nav .nav-item a:hover .caret,
.sidebarRight[data-background-color=purple2] .nav .nav-item a:hover i,
.sidebarRight[data-background-color=purple2] .nav .nav-item a:hover p,
.sidebarRight[data-background-color=purple2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=purple2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=purple2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #fff !important
}

.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a:focus,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a:hover,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #5c55bf !important
}

.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a .caret,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a i,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a p,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a:focus i,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a:focus p,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a:hover i,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a:hover p,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=purple2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #5c55bf !important
}

.sidebarRight[data-background-color=purple2] .nav .nav-section .sidebarRight-mini-icon,
.sidebarRight[data-background-color=purple2] .nav .nav-section .text-section {
   color: #eaeaea
}

.sidebarRight[data-background-color=purple2] .nav .nav-collapse li a .sub-item:before {
   background: #eaeaea
}

.sidebarRight[data-background-color=purple2] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=purple2] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=purple2] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

.sidebarRight[data-background-color=light-blue] {
   background: #48abf7 !important
}

.sidebarRight[data-background-color=light-blue] .user {
   margin-top: 0;
   padding-top: 12.5px;
   border-top: 1px solid;
   border-color: rgba(255, 255, 255, .1) !important
}

.sidebarRight[data-background-color=light-blue] .user .info a>span {
   color: #fff
}

.sidebarRight[data-background-color=light-blue] .user .info a>span .user-level {
   color: #eaeaea
}

.sidebarRight[data-background-color=light-blue] .user .info .caret {
   border-top-color: #fff
}

.sidebarRight[data-background-color=light-blue] .nav .nav-item a {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=light-blue] .nav .nav-item a .caret,
.sidebarRight[data-background-color=light-blue] .nav .nav-item a i,
.sidebarRight[data-background-color=light-blue] .nav .nav-item a p {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=light-blue] .nav .nav-item a:focus,
.sidebarRight[data-background-color=light-blue] .nav .nav-item a:hover,
.sidebarRight[data-background-color=light-blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
   color: #fff !important
}

.sidebarRight[data-background-color=light-blue] .nav .nav-item a:focus .caret,
.sidebarRight[data-background-color=light-blue] .nav .nav-item a:focus i,
.sidebarRight[data-background-color=light-blue] .nav .nav-item a:focus p,
.sidebarRight[data-background-color=light-blue] .nav .nav-item a:hover .caret,
.sidebarRight[data-background-color=light-blue] .nav .nav-item a:hover i,
.sidebarRight[data-background-color=light-blue] .nav .nav-item a:hover p,
.sidebarRight[data-background-color=light-blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=light-blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=light-blue] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #fff !important
}

.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a:focus,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a:hover,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #48abf7 !important
}

.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a .caret,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a i,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a p,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a:focus i,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a:focus p,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a:hover i,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a:hover p,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=light-blue] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #48abf7 !important
}

.sidebarRight[data-background-color=light-blue] .nav .nav-section .sidebarRight-mini-icon,
.sidebarRight[data-background-color=light-blue] .nav .nav-section .text-section {
   color: #eaeaea
}

.sidebarRight[data-background-color=light-blue] .nav .nav-collapse li a .sub-item:before {
   background: #eaeaea
}

.sidebarRight[data-background-color=light-blue] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=light-blue] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=light-blue] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

.sidebarRight[data-background-color=light-blue2] {
   background: #3697e1 !important
}

.sidebarRight[data-background-color=light-blue2] .user {
   margin-top: 0;
   padding-top: 12.5px;
   border-top: 1px solid;
   border-color: rgba(255, 255, 255, .1) !important
}

.sidebarRight[data-background-color=light-blue2] .user .info a>span {
   color: #fff
}

.sidebarRight[data-background-color=light-blue2] .user .info a>span .user-level {
   color: #eaeaea
}

.sidebarRight[data-background-color=light-blue2] .user .info .caret {
   border-top-color: #fff
}

.sidebarRight[data-background-color=light-blue2] .nav .nav-item a {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=light-blue2] .nav .nav-item a .caret,
.sidebarRight[data-background-color=light-blue2] .nav .nav-item a i,
.sidebarRight[data-background-color=light-blue2] .nav .nav-item a p {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=light-blue2] .nav .nav-item a:focus,
.sidebarRight[data-background-color=light-blue2] .nav .nav-item a:hover,
.sidebarRight[data-background-color=light-blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
   color: #fff !important
}

.sidebarRight[data-background-color=light-blue2] .nav .nav-item a:focus .caret,
.sidebarRight[data-background-color=light-blue2] .nav .nav-item a:focus i,
.sidebarRight[data-background-color=light-blue2] .nav .nav-item a:focus p,
.sidebarRight[data-background-color=light-blue2] .nav .nav-item a:hover .caret,
.sidebarRight[data-background-color=light-blue2] .nav .nav-item a:hover i,
.sidebarRight[data-background-color=light-blue2] .nav .nav-item a:hover p,
.sidebarRight[data-background-color=light-blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=light-blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=light-blue2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #fff !important
}

.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a:focus,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a:hover,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #3697e1 !important
}

.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a .caret,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a i,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a p,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a:focus i,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a:focus p,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a:hover i,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a:hover p,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=light-blue2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #3697e1 !important
}

.sidebarRight[data-background-color=light-blue2] .nav .nav-section .sidebarRight-mini-icon,
.sidebarRight[data-background-color=light-blue2] .nav .nav-section .text-section {
   color: #eaeaea
}

.sidebarRight[data-background-color=light-blue2] .nav .nav-collapse li a .sub-item:before {
   background: #eaeaea
}

.sidebarRight[data-background-color=light-blue2] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=light-blue2] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=light-blue2] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

.sidebarRight[data-background-color=green] {
   background: #31ce36 !important
}

.sidebarRight[data-background-color=green] .user {
   margin-top: 0;
   padding-top: 12.5px;
   border-top: 1px solid;
   border-color: rgba(255, 255, 255, .1) !important
}

.sidebarRight[data-background-color=green] .user .info a>span {
   color: #fff
}

.sidebarRight[data-background-color=green] .user .info a>span .user-level {
   color: #eaeaea
}

.sidebarRight[data-background-color=green] .user .info .caret {
   border-top-color: #fff
}

.sidebarRight[data-background-color=green] .nav .nav-item a {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=green] .nav .nav-item a .caret,
.sidebarRight[data-background-color=green] .nav .nav-item a i,
.sidebarRight[data-background-color=green] .nav .nav-item a p {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=green] .nav .nav-item a:focus,
.sidebarRight[data-background-color=green] .nav .nav-item a:hover,
.sidebarRight[data-background-color=green] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
   color: #fff !important
}

.sidebarRight[data-background-color=green] .nav .nav-item a:focus .caret,
.sidebarRight[data-background-color=green] .nav .nav-item a:focus i,
.sidebarRight[data-background-color=green] .nav .nav-item a:focus p,
.sidebarRight[data-background-color=green] .nav .nav-item a:hover .caret,
.sidebarRight[data-background-color=green] .nav .nav-item a:hover i,
.sidebarRight[data-background-color=green] .nav .nav-item a:hover p,
.sidebarRight[data-background-color=green] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=green] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=green] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #fff !important
}

.sidebarRight[data-background-color=green] .nav>.nav-item.active>a,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a:focus,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a:hover,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #31ce36 !important
}

.sidebarRight[data-background-color=green] .nav>.nav-item.active>a .caret,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a i,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a p,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a:focus i,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a:focus p,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a:hover i,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a:hover p,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=green] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #31ce36 !important
}

.sidebarRight[data-background-color=green] .nav .nav-section .sidebarRight-mini-icon,
.sidebarRight[data-background-color=green] .nav .nav-section .text-section {
   color: #eaeaea
}

.sidebarRight[data-background-color=green] .nav .nav-collapse li a .sub-item:before {
   background: #eaeaea
}

.sidebarRight[data-background-color=green] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=green] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=green] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

.sidebarRight[data-background-color=green2] {
   background: #2bb930 !important
}

.sidebarRight[data-background-color=green2] .user {
   margin-top: 0;
   padding-top: 12.5px;
   border-top: 1px solid;
   border-color: rgba(255, 255, 255, .1) !important
}

.sidebarRight[data-background-color=green2] .user .info a>span {
   color: #fff
}

.sidebarRight[data-background-color=green2] .user .info a>span .user-level {
   color: #eaeaea
}

.sidebarRight[data-background-color=green2] .user .info .caret {
   border-top-color: #fff
}

.sidebarRight[data-background-color=green2] .nav .nav-item a {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=green2] .nav .nav-item a .caret,
.sidebarRight[data-background-color=green2] .nav .nav-item a i,
.sidebarRight[data-background-color=green2] .nav .nav-item a p {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=green2] .nav .nav-item a:focus,
.sidebarRight[data-background-color=green2] .nav .nav-item a:hover,
.sidebarRight[data-background-color=green2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
   color: #fff !important
}

.sidebarRight[data-background-color=green2] .nav .nav-item a:focus .caret,
.sidebarRight[data-background-color=green2] .nav .nav-item a:focus i,
.sidebarRight[data-background-color=green2] .nav .nav-item a:focus p,
.sidebarRight[data-background-color=green2] .nav .nav-item a:hover .caret,
.sidebarRight[data-background-color=green2] .nav .nav-item a:hover i,
.sidebarRight[data-background-color=green2] .nav .nav-item a:hover p,
.sidebarRight[data-background-color=green2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=green2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=green2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #fff !important
}

.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a:focus,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a:hover,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #2bb930 !important
}

.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a .caret,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a i,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a p,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a:focus i,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a:focus p,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a:hover i,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a:hover p,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=green2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #2bb930 !important
}

.sidebarRight[data-background-color=green2] .nav .nav-section .sidebarRight-mini-icon,
.sidebarRight[data-background-color=green2] .nav .nav-section .text-section {
   color: #eaeaea
}

.sidebarRight[data-background-color=green2] .nav .nav-collapse li a .sub-item:before {
   background: #eaeaea
}

.sidebarRight[data-background-color=green2] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=green2] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=green2] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

.sidebarRight[data-background-color=orange] {
   background: #ffad46 !important
}

.sidebarRight[data-background-color=orange] .user {
   margin-top: 0;
   padding-top: 12.5px;
   border-top: 1px solid;
   border-color: rgba(255, 255, 255, .1) !important
}

.sidebarRight[data-background-color=orange] .user .info a>span {
   color: #fff
}

.sidebarRight[data-background-color=orange] .user .info a>span .user-level {
   color: #eaeaea
}

.sidebarRight[data-background-color=orange] .user .info .caret {
   border-top-color: #fff
}

.sidebarRight[data-background-color=orange] .nav .nav-item a {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=orange] .nav .nav-item a .caret,
.sidebarRight[data-background-color=orange] .nav .nav-item a i,
.sidebarRight[data-background-color=orange] .nav .nav-item a p {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=orange] .nav .nav-item a:focus,
.sidebarRight[data-background-color=orange] .nav .nav-item a:hover,
.sidebarRight[data-background-color=orange] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
   color: #fff !important
}

.sidebarRight[data-background-color=orange] .nav .nav-item a:focus .caret,
.sidebarRight[data-background-color=orange] .nav .nav-item a:focus i,
.sidebarRight[data-background-color=orange] .nav .nav-item a:focus p,
.sidebarRight[data-background-color=orange] .nav .nav-item a:hover .caret,
.sidebarRight[data-background-color=orange] .nav .nav-item a:hover i,
.sidebarRight[data-background-color=orange] .nav .nav-item a:hover p,
.sidebarRight[data-background-color=orange] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=orange] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=orange] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #fff !important
}

.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a:focus,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a:hover,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #ffad46 !important
}

.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a .caret,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a i,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a p,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a:focus i,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a:focus p,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a:hover i,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a:hover p,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=orange] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #ffad46 !important
}

.sidebarRight[data-background-color=orange] .nav .nav-section .sidebarRight-mini-icon,
.sidebarRight[data-background-color=orange] .nav .nav-section .text-section {
   color: #eaeaea
}

.sidebarRight[data-background-color=orange] .nav .nav-collapse li a .sub-item:before {
   background: #eaeaea
}

.sidebarRight[data-background-color=orange] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=orange] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=orange] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

.sidebarRight[data-background-color=orange2] {
   background: #ff9e27 !important
}

.sidebarRight[data-background-color=orange2] .user {
   margin-top: 0;
   padding-top: 12.5px;
   border-top: 1px solid;
   border-color: rgba(255, 255, 255, .1) !important
}

.sidebarRight[data-background-color=orange2] .user .info a>span {
   color: #fff
}

.sidebarRight[data-background-color=orange2] .user .info a>span .user-level {
   color: #eaeaea
}

.sidebarRight[data-background-color=orange2] .user .info .caret {
   border-top-color: #fff
}

.sidebarRight[data-background-color=orange2] .nav .nav-item a {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=orange2] .nav .nav-item a .caret,
.sidebarRight[data-background-color=orange2] .nav .nav-item a i,
.sidebarRight[data-background-color=orange2] .nav .nav-item a p {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=orange2] .nav .nav-item a:focus,
.sidebarRight[data-background-color=orange2] .nav .nav-item a:hover,
.sidebarRight[data-background-color=orange2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
   color: #fff !important
}

.sidebarRight[data-background-color=orange2] .nav .nav-item a:focus .caret,
.sidebarRight[data-background-color=orange2] .nav .nav-item a:focus i,
.sidebarRight[data-background-color=orange2] .nav .nav-item a:focus p,
.sidebarRight[data-background-color=orange2] .nav .nav-item a:hover .caret,
.sidebarRight[data-background-color=orange2] .nav .nav-item a:hover i,
.sidebarRight[data-background-color=orange2] .nav .nav-item a:hover p,
.sidebarRight[data-background-color=orange2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=orange2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=orange2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #fff !important
}

.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a:focus,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a:hover,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #ff9e27 !important
}

.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a .caret,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a i,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a p,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a:focus i,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a:focus p,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a:hover i,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a:hover p,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=orange2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #ff9e27 !important
}

.sidebarRight[data-background-color=orange2] .nav .nav-section .sidebarRight-mini-icon,
.sidebarRight[data-background-color=orange2] .nav .nav-section .text-section {
   color: #eaeaea
}

.sidebarRight[data-background-color=orange2] .nav .nav-collapse li a .sub-item:before {
   background: #eaeaea
}

.sidebarRight[data-background-color=orange2] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=orange2] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=orange2] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

.sidebarRight[data-background-color=red] {
   background: #f25961 !important
}

.sidebarRight[data-background-color=red] .user {
   margin-top: 0;
   padding-top: 12.5px;
   border-top: 1px solid;
   border-color: rgba(255, 255, 255, .1) !important
}

.sidebarRight[data-background-color=red] .user .info a>span {
   color: #fff
}

.sidebarRight[data-background-color=red] .user .info a>span .user-level {
   color: #eaeaea
}

.sidebarRight[data-background-color=red] .user .info .caret {
   border-top-color: #fff
}

.sidebarRight[data-background-color=red] .nav .nav-item a {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=red] .nav .nav-item a .caret,
.sidebarRight[data-background-color=red] .nav .nav-item a i,
.sidebarRight[data-background-color=red] .nav .nav-item a p {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=red] .nav .nav-item a:focus,
.sidebarRight[data-background-color=red] .nav .nav-item a:hover,
.sidebarRight[data-background-color=red] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
   color: #fff !important
}

.sidebarRight[data-background-color=red] .nav .nav-item a:focus .caret,
.sidebarRight[data-background-color=red] .nav .nav-item a:focus i,
.sidebarRight[data-background-color=red] .nav .nav-item a:focus p,
.sidebarRight[data-background-color=red] .nav .nav-item a:hover .caret,
.sidebarRight[data-background-color=red] .nav .nav-item a:hover i,
.sidebarRight[data-background-color=red] .nav .nav-item a:hover p,
.sidebarRight[data-background-color=red] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=red] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=red] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #fff !important
}

.sidebarRight[data-background-color=red] .nav>.nav-item.active>a,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a:focus,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a:hover,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #f25961 !important
}

.sidebarRight[data-background-color=red] .nav>.nav-item.active>a .caret,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a i,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a p,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a:focus i,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a:focus p,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a:hover i,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a:hover p,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=red] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #f25961 !important
}

.sidebarRight[data-background-color=red] .nav .nav-section .sidebarRight-mini-icon,
.sidebarRight[data-background-color=red] .nav .nav-section .text-section {
   color: #eaeaea
}

.sidebarRight[data-background-color=red] .nav .nav-collapse li a .sub-item:before {
   background: #eaeaea
}

.sidebarRight[data-background-color=red] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=red] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=red] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

.sidebarRight[data-background-color=red2] {
   background: #ea4d56 !important
}

.sidebarRight[data-background-color=red2] .user {
   margin-top: 0;
   padding-top: 12.5px;
   border-top: 1px solid;
   border-color: rgba(255, 255, 255, .1) !important
}

.sidebarRight[data-background-color=red2] .user .info a>span {
   color: #fff
}

.sidebarRight[data-background-color=red2] .user .info a>span .user-level {
   color: #eaeaea
}

.sidebarRight[data-background-color=red2] .user .info .caret {
   border-top-color: #fff
}

.sidebarRight[data-background-color=red2] .nav .nav-item a {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=red2] .nav .nav-item a .caret,
.sidebarRight[data-background-color=red2] .nav .nav-item a i,
.sidebarRight[data-background-color=red2] .nav .nav-item a p {
   color: #eaeaea !important
}

.sidebarRight[data-background-color=red2] .nav .nav-item a:focus,
.sidebarRight[data-background-color=red2] .nav .nav-item a:hover,
.sidebarRight[data-background-color=red2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] {
   color: #fff !important
}

.sidebarRight[data-background-color=red2] .nav .nav-item a:focus .caret,
.sidebarRight[data-background-color=red2] .nav .nav-item a:focus i,
.sidebarRight[data-background-color=red2] .nav .nav-item a:focus p,
.sidebarRight[data-background-color=red2] .nav .nav-item a:hover .caret,
.sidebarRight[data-background-color=red2] .nav .nav-item a:hover i,
.sidebarRight[data-background-color=red2] .nav .nav-item a:hover p,
.sidebarRight[data-background-color=red2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=red2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=red2] .nav .nav-item a[data-toggle=collapse][aria-expanded=true] p {
   color: #fff !important
}

.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a:focus,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a:hover,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] {
   background: #fff !important;
   color: #ea4d56 !important
}

.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a .caret,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a i,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a p,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a:focus .caret,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a:focus i,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a:focus p,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a:hover .caret,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a:hover i,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a:hover p,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] .caret,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] i,
.sidebarRight[data-background-color=red2] .nav>.nav-item.active>a[data-toggle=collapse][aria-expanded=true] p {
   color: #ea4d56 !important
}

.sidebarRight[data-background-color=red2] .nav .nav-section .sidebarRight-mini-icon,
.sidebarRight[data-background-color=red2] .nav .nav-section .text-section {
   color: #eaeaea
}

.sidebarRight[data-background-color=red2] .nav .nav-collapse li a .sub-item:before {
   background: #eaeaea
}

.sidebarRight[data-background-color=red2] .scrollbar-inner>.scroll-element .scroll-bar {
   background-color: #f7f7f7
}

.sidebarRight[data-background-color=red2] .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.sidebarRight[data-background-color=red2] .scrollbar-inner>.scroll-element:hover .scroll-bar {
   background-color: #dcdbdb
}

@media screen and (min-width:991px) {

   .sidebarRight .scroll-element {
      opacity: 0;
      transition: all .2s
   }

   .sidebarRight:hover .scroll-element {
      opacity: 1
   }

   .sidebarRight[data-background-color]:before {
      background: rgba(255, 255, 255, .2) !important;
      z-index: 1000
   }
}

@media screen and (max-width:991px) {

   .sidebarRight {
      position: fixed;
      left: 0;
      right: 0 !important;
      transform: translate3d(-270px, 0, 0) !important;
      transition: all .5s;
      margin-top: 0
   }
   
   .sidebarRight:before {
      background: 0 0
   }

   .nav_open .sidebarRight {
      transform: translate3d(0, 0, 0) !important;
      border-right: 1px solid #f1f1f1
   }

   .sidebarRight .sidebarRight-wrapper {
      padding-top: 0
   }

   .sidebarRight .sidebarRight-wrapper .sidebarRight-content {
      padding-top: 0 !important
   }

   .sidebarRight .sidebarRight-wrapper .scroll-element.scroll-y {
      top: 0 !important
   }

   .quick_sidebarRight_open .quick-sidebarRight {
      width: 350px
   }

   .page-sidebarRight {
      background: #fff
   }

   .topbar_open .navbar-header .navbar-nav>.nav-item:last-child .quick-sidebarRight-toggler {
      padding-left: 5px !important
   }
}

@media screen and (max-width:350px) {
   .quick_sidebarRight_open .quick-sidebarRight {
      width: 100%;
      padding: 20px
   }
}