.wrapper {
position: relative;
width: 100%;
height: auto;
min-height: 100%;
overflow-x: hidden
}

.wrapper.ng-leave {
display: none
}

.wrapper .aside-container {
position: absolute;
width: 220px;
top: 0;
left: 0;
bottom: 0;
z-index: 116;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.wrapper .aside-container .aside-inner {
padding-top: 55px;
height: 100%;
width: 220px;
overflow: hidden
}

.wrapper .aside-container .nav-floating {
left: inherit;
margin-left: 220px;
z-index: 1110;
min-width: 190px;
overflow: auto
}

.wrapper .section-container {
position: relative;
height: 100%;
margin-left: 0;
z-index: 111;
background-color: #f5f7fa;
margin-bottom: 60px !important
}

.wrapper .footer-container {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 60px;
border-top: 1px solid #e4eaec;
padding: 20px;
z-index: 109;
font-size: .875rem
}

.wrapper .footer-container p {
margin: 0
}

.modal-open .wrapper {
z-index: 0
}

.modal-open .section-container {
position: static
}

.modal-open .topnavbar {
z-index: 117
}

.content-wrapper {
padding: 15px;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, .15);
margin-top: -1px
}

.content-wrapper .unwrap {
margin: -15px
}

@media (min-width:768px) {
.content-wrapper .unwrap {
margin: -20px
}
}

.content-wrapper .content-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.5rem;
line-height: 1.1;
color: #929292;
margin: -15px -15px 20px;
padding: 15px;
font-weight: 400;
background-color: #fafbfc;
border-bottom: 1px solid #cfdbe2
}

.content-wrapper .content-heading small {
display: block;
font-size: 12px;
color: #909fa7
}

.content-wrapper .container,
.content-wrapper .container-fluid {
padding-left: 0;
padding-right: 0
}

@media (min-width:768px) {
.content-wrapper {
padding: 20px
}

.content-wrapper .content-heading {
margin: -20px -20px 20px;
padding: 20px
}

.content-wrapper .content-heading .btn,
.content-wrapper .content-heading button {
margin: 0
}
}

@media (min-width:768px) {
body {
min-height: 100%
}

.wrapper .footer-container,
.wrapper .section-container {
margin-left: 220px
}

.wrapper .section-container.has-sidebar-right {
margin-right: 240px
}

.wrapper .section-container.has-sidebar-right+.offsidebar {
z-index: 1
}
}

@media (max-width:767.98px) {
.wrapper .aside-container {
margin-left: -220px
}

.aside-toggled .wrapper .footer-container,
.aside-toggled .wrapper .section-container {
margin-left: 220px
}

.aside-toggled .wrapper .aside-container {
margin-left: 0
}

.csstransforms3d .wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.csstransforms3d .wrapper .footer-container,
.csstransforms3d .wrapper .section-container {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

.csstransforms3d .wrapper .aside-container,
.csstransforms3d .wrapper .footer-container,
.csstransforms3d .wrapper .section-container {
margin-left: 0;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}

.csstransforms3d .wrapper .aside-container {
-webkit-transform: translate3d(-220px, 0, 0);
transform: translate3d(-220px, 0, 0)
}

.csstransforms3d .aside-toggled .wrapper .footer-container,
.csstransforms3d .aside-toggled .wrapper .section-container {
-webkit-transform: translate3d(220px, 0, 0);
transform: translate3d(220px, 0, 0)
}

.csstransforms3d .aside-toggled .wrapper .aside-container {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}

@media (max-width:767.98px) {
.aside-collapsed .wrapper .aside-container {
margin-left: -70px
}

.aside-collapsed.aside-toggled .wrapper .footer-container,
.aside-collapsed.aside-toggled .wrapper .section-container {
margin-left: 70px
}

.aside-collapsed.aside-toggled .wrapper .aside-container {
margin-left: 0
}

.csstransforms3d .aside-collapsed .wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.csstransforms3d .aside-collapsed .wrapper .footer-container,
.csstransforms3d .aside-collapsed .wrapper .section-container {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}

.csstransforms3d .aside-collapsed .wrapper .aside-container,
.csstransforms3d .aside-collapsed .wrapper .footer-container,
.csstransforms3d .aside-collapsed .wrapper .section-container {
margin-left: 0;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}

.csstransforms3d .aside-collapsed .wrapper .aside-container {
-webkit-transform: translate3d(-70px, 0, 0);
transform: translate3d(-70px, 0, 0)
}

.csstransforms3d .aside-collapsed.aside-toggled .wrapper .footer-container,
.csstransforms3d .aside-collapsed.aside-toggled .wrapper .section-container {
-webkit-transform: translate3d(70px, 0, 0);
transform: translate3d(70px, 0, 0)
}

.csstransforms3d .aside-collapsed.aside-toggled .wrapper .aside-container {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}

.aside-collapsed {
overflow-y: auto
}

.aside-collapsed .wrapper .aside-container,
.aside-collapsed .wrapper .aside-container .aside-inner {
width: 70px
}

.aside-collapsed .wrapper .aside-container .nav-floating {
margin-left: 70px
}

@media (min-width:768px) {

.aside-collapsed .wrapper .footer-container,
.aside-collapsed .wrapper .section-container {
margin-left: 70px
}
}

@media (max-width:767.98px) {
.aside-collapsed-text .wrapper .aside-container {
margin-left: -90px
}

.aside-collapsed-text.aside-toggled .wrapper .footer-container,
.aside-collapsed-text.aside-toggled .wrapper .section-container {
margin-left: 90px
}

.aside-collapsed-text.aside-toggled .wrapper .aside-container {
margin-left: 0
}

.csstransforms3d .aside-collapsed-text .wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}

.csstransforms3d .aside-collapsed-text .wrapper .footer-container,
.csstransforms3d .aside-collapsed-text .wrapper .section-container {
margin-left: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}

.csstransforms3d .aside-collapsed-text .wrapper .aside-container {
margin-left: 0;
-webkit-transform: translate3d(-90px, 0, 0);
transform: translate3d(-90px, 0, 0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}

.csstransforms3d .aside-collapsed-text.aside-toggled .wrapper .footer-container,
.csstransforms3d .aside-collapsed-text.aside-toggled .wrapper .section-container {
-webkit-transform: translate3d(90px, 0, 0);
transform: translate3d(90px, 0, 0)
}

.csstransforms3d .aside-collapsed-text.aside-toggled .wrapper .aside-container {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}

.aside-collapsed-text {
overflow-y: auto
}

.aside-collapsed-text .wrapper .aside-container,
.aside-collapsed-text .wrapper .aside-container .aside-inner {
width: 90px
}

.aside-collapsed-text .wrapper .aside-container .nav-floating {
margin-left: 90px
}

@media (min-width:768px) {

.aside-collapsed-text .wrapper .footer-container,
.aside-collapsed-text .wrapper .section-container {
margin-left: 90px
}
}

@media (max-width:1140px) {

.layout-fixed.aside-toggled,
.layout-fixed.offsidebar-open {
overflow-y: hidden
}
}

.layout-fixed .wrapper .topnavbar-wrapper {
position: fixed;
top: 0;
width: 100%;
z-index: 121
}

.layout-fixed .wrapper .aside-container,
.layout-fixed .wrapper .offsidebar {
position: fixed
}

.layout-fixed .wrapper .aside-container {
height: 1px;
min-height: 100%
}

.layout-fixed .wrapper .aside-container .aside-inner {
position: fixed;
top: 0;
bottom: 0
}

.layout-fixed .wrapper .section-container {
margin-top: 55px
}

.layout-fixed .wrapper .aside-container .aside-inner,
_:-ms-lang(x) {
position: static !important
}

@media (min-width:992px) {
.layout-boxed {
overflow: auto !important
}

.layout-boxed .wrapper {
margin: 0 auto;
overflow: hidden;
-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, .25);
box-shadow: 0 0 13px rgba(0, 0, 0, .25)
}

.layout-boxed .wrapper .offsidebar {
position: absolute !important
}

.layout-boxed.layout-fixed .wrapper .aside-container .aside-inner,
.layout-boxed .wrapper .aside-container {
left: inherit
}
}

.sidebar-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 220px;
z-index: 112
}

.aside-collapsed .sidebar-backdrop {
left: 70px
}

.aside-collapsed-text .sidebar-backdrop {
left: 90px
}

.hidden-footer .wrapper .footer-container {
display: none
}

.hidden-footer .wrapper .section-container {
margin-bottom: 0 !important
}

.layout-fs .wrapper .section-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 60px;
top: 55px;
height: auto;
margin-top: 0 !important;
margin-bottom: 0 !important;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow: hidden
}

.layout-fs .wrapper .section-container .content-wrapper {
width: 100%;
height: 100%;
padding: 0
}

.layout-fs .wrapper .section-container .content-wrapper>* {
width: 100%;
height: 100%
}

.layout-fs.hidden-footer .wrapper .section-container {
bottom: 0
}

.layout-h .wrapper .section-container {
max-width: 1140px;
margin-left: auto;
margin-right: auto
}

.layout-h .wrapper .section-container .content-wrapper .content-heading {
display: none
}

.layout-h .wrapper .section-container {
margin-top: 0
}

.layout-h .wrapper .offsidebar {
margin-top: 55px
}

.layout-h .wrapper .footer-container {
margin: 0
}

.layout-h.layout-fixed .wrapper .offsidebar,
.layout-h.layout-fixed .wrapper .section-container {
margin-top: 55px
}

.aside-float .wrapper {
-webkit-box-shadow: 0 0 0 #000;
box-shadow: 0 0 0 #000
}

.aside-float .wrapper .footer-container {
border: 0
}

.aside-float .wrapper .aside-container {
padding: 15px 0;
background: transparent
}

.aside-float .wrapper .aside-container .aside-inner {
height: 100%;
top: 15px;
bottom: 15px;
left: inherit
}

.aside-float .wrapper .aside-container .sidebar {
border: 1px solid #e4eaec
}

.aside-float .wrapper .aside-container .sidebar:after {
display: none
}

@media (min-width:768px) {
.aside-float .wrapper .section-container {
padding-left: 15px
}

.aside-float .wrapper .footer-container {
left: 15px
}
}

.aside-float .wrapper .content-wrapper {
border: 0
}

.aside-float .wrapper .content-wrapper .content-heading {
padding-top: 30px;
border: 0;
background-color: transparent
}

.aside-float .wrapper .content-wrapper .unwrap {
margin: 0 !important
}

.aside-float.aside-toggled .wrapper .aside-container {
-webkit-transition: delay(.05s);
transition: delay(.05s)
}

.aside-float.aside-toggled .wrapper .aside-container .aside-inner {
margin-left: 15px
}

.aside-float.aside-toggled .wrapper .section-container {
padding-left: 15px
}

.aside-float.aside-toggled .wrapper .footer-container {
left: 15px
}

@media (min-width:768px) {
.aside-float.aside-collapsed .topnavbar .navbar-header {
width: 100px
}

.aside-float.aside-collapsed-text .topnavbar .navbar-header {
width: 120px
}

.aside-float.layout-fs .wrapper .section-container .content-wrapper {
padding: 0 0 0 20px
}

.aside-float .wrapper .aside-container .aside-inner {
margin-left: 15px
}
}

@media (min-width:992px) {
.aside-float.layout-boxed .wrapper .aside-container .aside-inner {
margin-left: 0
}

.aside-float.layout-boxed .wrapper .section-container {
padding-left: 0
}
}

.aside-float.aside-toggled.layout-fs .wrapper .section-container .content-wrapper {
padding: 0 0 0 20px
}

.wrapper .aside-container {
-webkit-transition: width .2s cubic-bezier(.35, 0, .25, 1), translate .2s cubic-bezier(.35, 0, .25, 1);
transition: width .2s cubic-bezier(.35, 0, .25, 1), translate .2s cubic-bezier(.35, 0, .25, 1)
}

@media screen and (prefers-reduced-motion:reduce) {
.wrapper .aside-container {
-webkit-transition: none;
transition: none
}
}

.aside-inner,
.navbar-header,
.sidebar>.sidebar-nav>li {
-webkit-transition: width .2s cubic-bezier(.35, 0, .25, 1);
transition: width .2s cubic-bezier(.35, 0, .25, 1)
}

.wrapper .section-container {
-webkit-transition: margin-left .2s cubic-bezier(.35, 0, .25, 1);
transition: margin-left .2s cubic-bezier(.35, 0, .25, 1)
}

.sidebar>.sidebar-nav .badge {
-webkit-animation: fadeInRight 1s;
animation: fadeInRight 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}

.aside-collapsed-text .sidebar>.sidebar-nav .badge,
.aside-collapsed .sidebar>.sidebar-nav .badge {
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s
}

.sidebar .sidebar-nav>li>a {
-webkit-animation: fadeInLeft .5s;
animation: fadeInLeft .5s
}

.navbar-brand .brand-logo,
.sidebar>.sidebar-nav>.nav-heading,
.sidebar>.sidebar-nav>li>a>span {
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s
}

.sidebar>.sidebar-nav>.nav-heading,
.sidebar li>.nav-item,
.sidebar li>a {
white-space: nowrap
}

.aside-collapsed-text .user-block-picture,
.aside-collapsed .user-block-picture {
-webkit-transition: width .2s cubic-bezier(.35, 0, .25, 1);
transition: width .2s cubic-bezier(.35, 0, .25, 1)
}

.aside-collapsed-text .user-block,
.aside-collapsed .user-block {
-webkit-transition: padding .2s cubic-bezier(.35, 0, .25, 1);
transition: padding .2s cubic-bezier(.35, 0, .25, 1)
}

.topnavbar {
-webkit-backface-visibility: hidden;
margin-bottom: 0;
border-radius: 0;
z-index: 1050;
border: 0;
padding: 0;
min-height: 55px;
background-color: #23b7e5;
background-image: -webkit-gradient(linear, left top, right top, from(#23b7e5), to(#51c6ea));
background-image: linear-gradient(90deg, #23b7e5 0, #51c6ea)
}

@media (min-width:768px) {
.topnavbar .navbar-header {
width: 220px;
text-align: center
}

.topnavbar .navbar-header .navbar-brand {
width: 100%
}
}

.topnavbar {
position: relative
}

.topnavbar .navbar-header {
background-color: transparent;
position: relative;
z-index: 11;
padding-left: 2rem
}

@media (min-width:768px) {
.topnavbar .navbar-header {
padding-left: 0
}
}

.topnavbar .navbar-header .navbar-brand {
padding: 0
}

.topnavbar .navbar-header .brand-logo-collapsed>img,
.topnavbar .navbar-header .brand-logo>img {
margin: 0 auto
}

.topnavbar .navbar-header .brand-logo {
display: block;
padding: 10px 15px
}

.topnavbar .navbar-header .brand-logo-collapsed {
display: none;
padding: 6px 15px
}

.topnavbar .dropdown {
position: static
}

.topnavbar .dropdown .dropdown-menu {
position: absolute;
margin-top: 0;
top: auto;
left: 0;
right: 0
}

@media (min-width:992px) {
.topnavbar .dropdown {
position: relative
}

.topnavbar .dropdown .dropdown-menu {
top: 54px;
left: 0;
right: auto
}

.topnavbar .dropdown .dropdown-menu-right {
right: 0;
left: auto
}
}

.topnavbar .navbar-nav>.nav-item>.nav-link {
padding: 1.1rem .95rem;
font-size: .85rem
}

.topnavbar .navbar-nav>.nav-item.show>.nav-link:focus,
.topnavbar .navbar-nav>.nav-item.show>.nav-link:hover,
.topnavbar .navbar-nav>.nav-item>.nav-link:focus,
.topnavbar .navbar-nav>.nav-item>.nav-link:hover {
color: #117391
}

.topnavbar .navbar-nav>.nav-item.active>.nav-link,
.topnavbar .navbar-nav>.nav-item.active>.nav-link:focus,
.topnavbar .navbar-nav>.nav-item.active>.nav-link:hover,
.topnavbar .navbar-nav>.nav-item.show>.nav-link,
.topnavbar .navbar-nav>.nav-item.show>.nav-link:focus,
.topnavbar .navbar-nav>.nav-item.show>.nav-link:hover {
background-color: transparent
}

.topnavbar .navbar-nav>li>[data-toggle=navbar-search] {
position: absolute;
top: 0;
right: 0;
z-index: 20;
font-size: 16px;
line-height: 55px;
color: #fff;
padding-top: 0;
padding-bottom: 0;
-webkit-transition: color .3s ease;
transition: color .3s ease
}

@media screen and (prefers-reduced-motion:reduce) {
.topnavbar .navbar-nav>li>[data-toggle=navbar-search] {
-webkit-transition: none;
transition: none
}
}

@media (min-width:768px) {
.topnavbar .navbar-nav>li>[data-toggle=navbar-search] {
color: #fff
}
}

@media (max-width:767.98px) {
.topnavbar .navbar-text {
margin: 10px
}
}

.layout-h .topnavbar .navbar-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 0;
text-align: left
}

@media (min-width:992px) {
.layout-h .topnavbar .navbar-header {
width: auto
}
}

.layout-h .topnavbar .navbar-header .navbar-brand {
min-height: 55px
}

.layout-h .topnavbar .navbar-toggler {
border: 0;
margin-left: auto
}

.layout-h .topnavbar .navbar-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255,255,255,0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

@media (max-width:991.98px) {
.layout-h .topnavbar .dropdown-menu {
left: 0 !important;
right: 0 !important
}
}

.layout-h .topnavbar .navbar-form {
left: 0
}

@media (max-width:767.98px) {
.sidebar-toggle {
position: absolute !important;
top: 2px;
left: 0;
z-index: 3001
}

.sidebar-toggle>em {
color: #fff
}
}

.topnavbar .navbar-form {
position: absolute;
top: -100%;
left: 0;
right: 0;
margin: 0;
padding: 0;
height: 55px;
z-index: 9001;
-webkit-transition: all .3s;
transition: all .3s;
border: 0;
border-bottom: 1px solid #e1e2e3
}

.topnavbar .navbar-form .form-group {
height: 100%;
width: 100%
}

.topnavbar .navbar-form .form-control {
height: 100%;
border: 0;
border-radius: 0;
width: 100%
}

.topnavbar .navbar-form.open {
top: 0
}

.topnavbar .navbar-form .navbar-form-close {
position: absolute;
height: 30px;
cursor: pointer;
top: 50%;
right: 0;
margin-top: -15px;
line-height: 30px;
margin-right: 10px;
color: #c1c2c3;
font-size: 1.5em;
pointer-events: auto
}

@media (min-width:576px) {
.topnavbar .navbar-form {
left: 220px
}
}

@media (min-width:992px) {

.topnavbar .navbar-nav>.nav-item.show>.nav-link,
.topnavbar .navbar-nav>.nav-item.show>.nav-link:focus,
.topnavbar .navbar-nav>.nav-item.show>.nav-link:hover {
-webkit-box-shadow: 0 -3px 0 #19a5d1 inset;
box-shadow: inset 0 -3px 0 #19a5d1;
-webkit-transition: all .2s;
transition: all .2s
}
}

@media screen and (min-width:992px) and (prefers-reduced-motion:reduce) {

.topnavbar .navbar-nav>.nav-item.show>.nav-link,
.topnavbar .navbar-nav>.nav-item.show>.nav-link:focus,
.topnavbar .navbar-nav>.nav-item.show>.nav-link:hover {
-webkit-transition: none;
transition: none
}
}

@media (min-width:768px) {
.aside-collapsed .topnavbar .navbar-header .brand-logo {
display: none
}

.aside-collapsed .topnavbar .navbar-header .brand-logo-collapsed {
display: block
}

.aside-collapsed .topnavbar .navbar-header {
width: 70px
}

.aside-collapsed .topnavbar .navbar-form {
left: 70px
}
}

@media (min-width:768px) {
.aside-collapsed-text .topnavbar .navbar-header .brand-logo {
display: none
}

.aside-collapsed-text .topnavbar .navbar-header .brand-logo-collapsed {
display: block
}

.aside-collapsed-text .topnavbar .navbar-header {
width: 90px
}

.aside-collapsed-text .topnavbar .navbar-form {
left: 90px
}
}

.sidebar {
height: 100%;
padding-bottom: 20px;
overflow-x: hidden;
-webkit-overflow-scrolling: touch
}

.sidebar:after {
content: "";
background: rgba(0, 0, 0, .15);
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 0;
width: 1px;
-webkit-transform: translateZ(0)
}

.sidebar .nav-heading {
padding: 12px 15px;
font-size: 13px;
letter-spacing: .035em;
pointer-events: none;
cursor: default
}

.sidebar-nav {
position: relative;
font-size: 14px;
margin-bottom: 0;
padding-left: 0;
list-style: none
}

.sidebar-nav>.nav-heading:first-child {
padding-top: 20px
}

.sidebar-nav>li {
display: block;
border-left: 3px solid transparent;
-webkit-transition: border-left-color .4s ease;
transition: border-left-color .4s ease
}

@media screen and (prefers-reduced-motion:reduce) {
.sidebar-nav>li {
-webkit-transition: none;
transition: none
}
}

.sidebar-nav>li>.nav-item,
.sidebar-nav>li>a {
position: relative;
display: block;
padding: 12px 24px;
letter-spacing: .025em;
font-weight: 400;
cursor: pointer
}

.sidebar-nav>li>.nav-item:focus,
.sidebar-nav>li>.nav-item:hover,
.sidebar-nav>li>a:focus,
.sidebar-nav>li>a:hover {
text-decoration: none;
outline: none;
color: #23b7e5
}

.sidebar-nav>li>.nav-item>em,
.sidebar-nav>li>a>em {
width: 1.8em;
display: inline-block;
font-style: normal;
line-height: 1;
-webkit-font-smoothing: antialiased
}

.sidebar-nav>li.active,
.sidebar-nav>li.active .sidebar-nav,
.sidebar-nav>li.active>.nav-item,
.sidebar-nav>li.active>.nav-item>em,
.sidebar-nav>li.active>a,
.sidebar-nav>li.active>a>em,
.sidebar-nav>li.open,
.sidebar-nav>li.open .sidebar-nav,
.sidebar-nav>li.open>.nav-item,
.sidebar-nav>li.open>.nav-item>em,
.sidebar-nav>li.open>a,
.sidebar-nav>li.open>a>em {
color: #23b7e5
}

.sidebar-nav>li.active {
border-left-color: #23b7e5
}

.sidebar-nav .badge {
display: block
}

@media only screen and (min-width:1025px) {
.sidebar:not(.show-scrollbar) {
margin-right: -17px;
overflow-y: scroll
}
}

.sidebar-subnav>.sidebar-subnav-header {
display: none;
padding: 10px 20px;
font-weight: 700
}

.sidebar-subnav>li {
border-left: 0 !important
}

.sidebar-subnav>li>.nav-item,
.sidebar-subnav>li>a {
display: block;
position: relative;
padding: 10px 20px 10px 53px;
font-weight: 400;
background-color: transparent !important
}

.sidebar-subnav>li>.nav-item:focus,
.sidebar-subnav>li>.nav-item:hover,
.sidebar-subnav>li>a:focus,
.sidebar-subnav>li>a:hover {
color: #23b7e5
}

.sidebar-subnav>li>.nav-item>em,
.sidebar-subnav>li>a>em {
display: inline-block;
width: 1.8em;
margin: 0 0 0 -2em
}

.sidebar-subnav>li.active>.nav-item,
.sidebar-subnav>li.active>a {
color: #23b7e5
}

.sidebar-subnav>li.active>.nav-item:after,
.sidebar-subnav>li.active>a:after {
border-color: #23b7e5;
background-color: #23b7e5
}

.sidebar-subnav>li .sidebar-nav>li {
padding-left: 5px
}

.sidebar-subnav.nav-floating {
border: 1px solid rgba(0, 0, 0, .15);
margin-left: -1px
}

.sidebar-subnav.nav-floating,
.sidebar-subnav.nav-floating .collapse,
.sidebar-subnav.nav-floating .sidebar-subnav {
height: auto !important;
display: block !important;
visibility: visible !important
}

.sidebar-subnav.nav-floating .collapse.opening,
.sidebar-subnav.nav-floating.opening,
.sidebar-subnav.nav-floating .sidebar-subnav.opening {
-webkit-animation: none !important;
animation: none !important
}

.sidebar-subnav.nav-floating>.sidebar-subnav-header {
display: block
}

.sidebar-subnav.nav-floating li>.nav-item,
.sidebar-subnav.nav-floating li>a {
padding-left: 20px
}

.sidebar-subnav.nav-floating li>.nav-item em,
.sidebar-subnav.nav-floating li>a em {
margin-left: 0
}

@media (min-width:768px) {
.sidebar>.sidebar-nav .badge {
margin: 2px 0 0
}
}

.aside-collapsed-text .sidebar,
.aside-collapsed .sidebar {
overflow-x: hidden
}

.aside-collapsed-text .sidebar>.sidebar-nav .sidebar-nav,
.aside-collapsed-text .sidebar>.sidebar-nav>.nav-heading,
.aside-collapsed-text .sidebar>.sidebar-nav>li>.nav-item>span,
.aside-collapsed-text .sidebar>.sidebar-nav>li>a>span,
.aside-collapsed .sidebar>.sidebar-nav .sidebar-nav,
.aside-collapsed .sidebar>.sidebar-nav>.nav-heading,
.aside-collapsed .sidebar>.sidebar-nav>li>.nav-item>span,
.aside-collapsed .sidebar>.sidebar-nav>li>a>span {
display: none !important
}

.aside-collapsed-text .sidebar>.sidebar-nav>li,
.aside-collapsed .sidebar>.sidebar-nav>li {
width: 69px
}

.aside-collapsed-text .sidebar>.sidebar-nav>li>.nav-item,
.aside-collapsed-text .sidebar>.sidebar-nav>li>a,
.aside-collapsed .sidebar>.sidebar-nav>li>.nav-item,
.aside-collapsed .sidebar>.sidebar-nav>li>a {
text-indent: -3px;
padding: 20px 0;
text-align: center
}

.aside-collapsed-text .sidebar>.sidebar-nav>li>.nav-item>em,
.aside-collapsed-text .sidebar>.sidebar-nav>li>a>em,
.aside-collapsed .sidebar>.sidebar-nav>li>.nav-item>em,
.aside-collapsed .sidebar>.sidebar-nav>li>a>em {
font-size: 1.6em;
width: auto
}

.aside-collapsed-text .sidebar>.sidebar-nav>li>.nav-item:focus,
.aside-collapsed-text .sidebar>.sidebar-nav>li>a:focus,
.aside-collapsed .sidebar>.sidebar-nav>li>.nav-item:focus,
.aside-collapsed .sidebar>.sidebar-nav>li>a:focus {
background-color: transparent
}

.aside-collapsed-text .sidebar>.sidebar-nav>li>.nav-item:focus>em,
.aside-collapsed-text .sidebar>.sidebar-nav>li>a:focus>em,
.aside-collapsed .sidebar>.sidebar-nav>li>.nav-item:focus>em,
.aside-collapsed .sidebar>.sidebar-nav>li>a:focus>em {
color: inherit
}

.aside-collapsed-text .sidebar .sidebar-nav .badge,
.aside-collapsed .sidebar .sidebar-nav .badge {
position: absolute;
top: 10px;
right: 5px;
text-indent: 0
}

.aside-collapsed-text .sidebar>.sidebar-nav>li>.nav-item>span,
.aside-collapsed-text .sidebar>.sidebar-nav>li>a>span {
display: block !important;
font-size: 12px
}

.aside-collapsed-text .sidebar>.sidebar-nav>li {
width: 88px
}

.aside-collapsed-text .sidebar>.sidebar-nav>li>a {
padding: 14px 0
}

.aside-collapsed-text .sidebar>.sidebar-nav>li>a>em {
font-size: 1.4em
}

.offsidebar {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 235px;
margin-top: 55px;
border-left: 1px solid #ccc;
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: -1
}

.offsidebar>.list-group {
min-height: 100%;
overflow: hidden;
-webkit-transform: translateZ(0)
}

.offsidebar .progress {
border: 0
}

.offsidebar .tab-content {
padding: 0;
border: 0
}

.offsidebar .nav-tabs {
border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.offsidebar .nav-tabs>.nav-item>.nav-link {
background-color: transparent;
border: 0;
border-right: 1px solid rgba(0, 0, 0, .05);
border-radius: 0;
color: #909fa7
}

.offsidebar .nav-tabs>.nav-item>.nav-link.active {
color: #4a5d66
}

@media (min-width:768px) {
.offsidebar {
margin-top: 55px
}
}

.offsidebar-open .offsidebar {
overflow-y: auto;
z-index: 116
}

@media (min-width:768px) {
.offsidebar-open {
overflow-y: auto
}
}

.offsidebar {
right: -235px
}

.no-csstransforms3d .offsidebar-open .offsidebar {
right: 0
}

.csstransforms3d .offsidebar {
right: 0;
-webkit-transform: translate3d(235px, 0, 0);
transform: translate3d(235px, 0, 0);
-webkit-transition: z-index 0s linear .3s, -webkit-transform .3s ease;
transition: z-index 0s linear .3s, -webkit-transform .3s ease;
transition: transform .3s ease, z-index 0s linear .3s;
transition: transform .3s ease, z-index 0s linear .3s, -webkit-transform .3s ease
}

.csstransforms3d .offsidebar-open .offsidebar {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease
}

.has-user-block {
display: block;
overflow: hidden;
border: 0 !important
}

.user-block {
position: relative;
padding: 25px 0 10px;
cursor: pointer
}

.user-block:after {
display: block;
clear: both;
content: ""
}

.user-block>.user-block-picture {
position: relative;
width: 60px;
margin: 0 auto
}

.user-block>.user-block-picture>img {
max-width: 100%;
height: auto
}

.user-block .user-block-info {
padding-top: 15px;
text-align: center;
white-space: nowrap
}

.user-block .user-block-info .user-block-name,
.user-block .user-block-info .user-block-role {
display: block
}

.user-block .user-block-info .user-block-name {
color: #7d848f
}

.user-block .user-block-info .user-block-role {
font-size: 12px;
color: #aaa
}

.user-block-status {
position: relative
}

.user-block-status>.circle {
position: absolute;
bottom: 0;
right: 0;
border: 2px solid #fff
}

.aside-collapsed-text .user-block,
.aside-collapsed .user-block {
padding: 15px 0 14px;
margin: 0;
text-align: center
}

.aside-collapsed-text .user-block>.user-block-picture,
.aside-collapsed .user-block>.user-block-picture {
float: none;
margin: 0 auto;
width: 50px
}

.aside-collapsed-text .user-block>.user-block-picture>.user-block-status,
.aside-collapsed .user-block>.user-block-picture>.user-block-status {
display: block
}

.aside-collapsed-text .user-block .user-block-info,
.aside-collapsed .user-block .user-block-info {
display: none
}

.setting-color {
padding: 0 5px
}

.setting-color>label {
display: block;
position: relative;
margin: 0 10px;
border-radius: 3px;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, .1);
cursor: pointer
}

.setting-color>label:first-child {
margin-left: 0
}

.setting-color>label:last-child {
margin-right: 0
}

.setting-color>label>.color {
display: block;
height: 18px
}

.setting-color>label>.split {
display: block
}

.setting-color>label>.split:after {
display: block;
clear: both;
content: ""
}

.setting-color>label>.split>.color {
display: block;
height: 37.5px
}

.setting-color>label>.split>.color:first-child {
float: left;
width: 70%
}

.setting-color>label>.split>.color:last-child {
float: right;
width: 30%
}

.setting-color>label>.icon-check {
position: absolute;
display: block;
left: 50%;
top: 50%;
width: 20px;
height: 20px;
margin-top: -20px;
margin-left: -10px;
text-align: center;
font-size: 1.33333333em;
vertical-align: -15%;
color: #fff;
opacity: 0
}

.setting-color>label>input[type=radio] {
position: absolute;
opacity: 0;
visibility: hidden
}

.setting-color>label>input[type=radio]:checked+.icon-check {
opacity: 1 !important
}

.text-main{
    color: var(--main)!important;
}
.text-sec{
    color: var(--sub)!important;
}
.bg-main{
    background-color: var(--main)!important;
}
.bg-main-gra{
    background: linear-gradient(90deg , var(--main) 0%, var(--sub) 100%)!important;
    border: none!important;
}
.border-main{
    border: 2px solid var(--main);
}
.border-top-main{
    border-top: 5px solid var(--main);
}
.border-main-gra{
    border: 2px solid;
    border-image-source: linear-gradient(90deg, var(--main) 0%, var(--sub) 100%);;
    border-image-slice: 1;
}
.btn-up:hover{
    transform: translateY(-10px);
    transition: 0.4s;
}
.underline-active {
    display: inline-block;
    color: var(--main);
    text-decoration: none;
}

.underline-active::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: var(--main);
    transition: width .3s;
}
h4 {
    width: 100%;
    /* overflow: hidden;
    white-space: nowrap; */
    text-overflow: ellipsis;
}
.underline-active:hover::after {
    width: 100%;
}
.wheel_hover{
    transition: 0.3s ease-in-out;
}
.wheel_hover:hover {
    transform:  scale(1.05);
}
*{
    font-family: 'Kanit', sans-serif;
}
h1 , h2 , h3, h4 ,h5{
    font-weight: 200;
}
hr{
    border-top: 2px solid var(--main);
    opacity: 1;
}
.banner{
    background: url("<?php echo $config['bg'];?>");
    background-position:  0% 25% ;
    background-size: cover!important;
    padding: 35px;
    height: auto;
}
.not-dec{
    text-decoration: none;
}
.bg-hallo{
    background:  linear-gradient(180deg, rgba(51,54,62,0.9) 73%, rgba(88,93,106,0.6) 100%) , url("https://i.ibb.co/ct3xJRM/wallpapersden-com-batman-dark-theme-1920x1080.jpg");
    background-size: cover!important;
    background-position: center;
    background-attachment: fixed;
    height: auto;
}
.page-wrapper{
    background-color: transparent; 
    background-image: url(""); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: 50% 50%;
}
.m-cent{
    margin: 0% auto!important;
}
.text-strongest{
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
}
.text-nav{
    color: #c2c9da!important;
}
.border-pro{
    background: #18243d;
    border: 1px solid #000;
}
.border-spe{
    background: #233458;
    border: 1px solid #000;
}
.border-main{
    border-color: var(--main)!important;
}
.bg-new-dark{
    background-color: #18243d;
}

.top-spe{
    border-top: 2px solid #000;
}
.bottom-spe{
    border-bottom: 2px solid #000;
}
.btn-pro-hover:hover{
    background-color: #233458!important;
    color: var(--main);
    transition: 0.4s;

}
@keyframes glow {
    0%,
    100% {
        box-shadow: 0 0 10px 0 var(--sub-opa-50);
        /* -webkit-box-shadow: 0 0 10px 0 rgba(231, 135, 27, 0.5); */
    }
    40%,
    60% {
        box-shadow: 0 0 30px 10px var(--sub-opa-25);
        /* -webkit-box-shadow: 0 0 30px 10px rgba(231, 135, 27, 0.25); */
    }
}
/* 992 */
@media only screen and (max-width: 992px) {
    .nav-item{
        border-right: none!important;
    }
    .nav-item.first{
        border-left: none!important;
    }
}
.header-top{
    background-color: var(--sub);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}