.sidebar,
    .sidebar-bg {
      background: #fff;
      width: 280px;
      left: 0;
      top: 0;
      bottom: 0;
      transition: 0.2s ease all;
      overflow: auto;
      border-right: 1px solid #E7EAEE;
    }
    
    .sidebar {
      position: fixed;
      top: 81px;
      z-index: 9;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      transition: 0.2s ease all;
    }
    
    .sidebar-bg {
      position: fixed;
     
    
    }
    
    .sidebar .nav {
      display: block;
  
    }
    .page-sidebar-minified .nav {
      padding-left: 0 !important;
    }
    
    .sidebar .nav>li {
      position: relative
    }
    
    .sidebar .nav>li>a {
      padding: 12px 16px 12px 12px;
      display: flex;
      color: #363636;
      text-decoration: none;
      position: relative;
      font-size: 18px;
    }
    
    .sidebar .nav>li:after,
    .sidebar .nav>li:before,
    .sidebar .nav>li>a:after,
    .sidebar .nav>li>a:before {
      content: '';
      clear: both;
      display: table
    }
    
    .sidebar .nav>li>a i {
      float: left;
      margin-right: 10px;
      width: 14px;
      text-align: center;
      line-height: 20px;
      font-size: 14px
    }
    
    .sidebar .nav>li>a i[class^=ion-] {
      margin-right: 8px;
      width: 18px;
      font-size: 18px;
      margin-left: -2px
    }
    
    .sidebar .nav>li>a .icon-img {
      float: left;
      margin-right: 10px;
      margin-top: 3px;
      width: 14px;
      height: 14px;
      overflow: hidden;
      border-radius: 3px
    }
    
    .sidebar .nav>li>a .icon-img img {
      display: block
    }
    
    .sidebar .nav>li>a .badge {
      margin-top: 1px;
      padding: 3px 8px;
      background: #1b1f24;
      font-weight: 600;
      font-size: 10px
    }
    
    .sidebar .nav>li.active>a {
      position: relative;
      z-index: 10
    }
    

    
    .sidebar .nav>li.active>a i {
      color: #00acac
    }
    
    .sidebar .nav>li.active>a .badge.badge-success,
    .sidebar .nav>li.active>a .label.label-success {
      background: #008a8a
    }
    
    .sidebar .nav>li.nav-header {
      margin: 0;
      padding: 15px 20px 3px;
      line-height: 20px;
      font-size: 11px;
      color: #889097;
      font-weight: 600
    }
    
    .sidebar .nav>li.nav-header a {
      padding: 0;
      margin: 0;
      display: inline
    }
    
    .sidebar .nav>li.nav-header a:focus,
    .sidebar .nav>li.nav-header a:hover {
      background: 0 0;
      color: #fff
    }
    
    .sidebar .nav>li.nav-header a i {
      float: none;
      margin: 0
    }
    
    .sidebar .nav>li.nav-profile {
      padding: 20px;
      color: #fff;
      background: #1a2229;
      overflow: hidden
    }
    
    .sidebar .nav>li.nav-profile a {
      padding: 0
    }
    
    .sidebar .nav>li.nav-profile>a {
      margin: -20px;
      padding: 20px;
      display: block;
      color: #fff
    }
    
    .sidebar .nav>li.nav-profile .image {
      width: 34px;
      height: 34px;
      margin-bottom: 10px;
      overflow: hidden;
      border-radius: 50%;
      position: relative;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat
    }
    
    .sidebar .nav>li.nav-profile .image.image-icon i {
      float: none;
      line-height: 48px;
      font-size: 24px;
      text-align: center;
      display: block;
      width: auto;
      margin: 0
    }
    
    .sidebar .nav>li.nav-profile .info {
      font-size: 14px;
      position: relative
    }
    
    .sidebar .nav>li.nav-profile .info .caret {
      margin-top: 2px
    }
    
    .sidebar .nav>li.nav-profile .info small {
      display: block;
      color: rgba(255, 255, 255, .75);
      font-size: 12px;
      margin-bottom: -5px
    }
    
    .sidebar .nav>li.nav-profile .cover {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: url("images/cover-sidebar-user.jpg") no-repeat;
      background-size: cover
    }
    
    .sidebar .nav>li.nav-profile .cover.with-shadow:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      transition: all .2s linear;
      background: rgba(26, 34, 41, .75)
    }
    
    .sidebar .nav>li.nav-profile a:focus .cover.with-shadow:before,
    .sidebar .nav>li.nav-profile a:hover .cover.with-shadow:before {
      opacity: .75
    }
    
    .sidebar .nav>li.nav-widget {
      padding: 10px 20px
    }
    
    .sidebar .nav>li.nav-widget i {
      margin-right: auto
    }
    
    .sidebar .nav.nav-profile {
      padding: 0 0 5px;
      border-bottom: 1px solid #035cb1;
      display: none
    }
    
    .sidebar .nav.nav-profile.active {
      display: block
    }
    
    .sidebar.sidebar-grid .nav>li>a {
      border-bottom: 1px solid #46505a;
      border-top: 1px solid #46505a
    }
    
    .sidebar.sidebar-grid .nav>li.active>a {
      border-color: #035cb1;
      z-index: 10
    }
    
    .sidebar.sidebar-grid .nav>li.expand>a,
    .sidebar.sidebar-grid .nav>li.expanding>a {
      border-bottom-color: transparent
    }
    
    .sidebar.sidebar-grid .nav>li+li {
      margin-top: -1px
    }
    
    .gradient-enabled .sidebar .nav>li.active>a .badge,
    .gradient-enabled .sidebar .nav>li.active>a .label.label-theme {
      background: rgba(0, 0, 0, .4)
    }
    
    .float-sub-menu li>a .caret,
    .sidebar li>a .caret {
      display: block;
      float: right;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      font-size: 11px;
      border: none
    }
    
    .float-sub-menu li>a .caret:before,
    .sidebar li>a .caret:before {
      content: '\f054';
      display: block;
      text-align: center;
      transition: all .2s linear;
      opacity: .5
    }
    
    .float-sub-menu li.active>a .caret:before,
    .float-sub-menu li.expand>a .caret:before,
    .float-sub-menu li.expanding>a .caret:before,
    .sidebar li.active>a .caret:before,
    .sidebar li.expand>a .caret:before,
    .sidebar li.expanding>a .caret:before {
      opacity: 1;
      transform: rotate(90deg)
    }
    
    .float-sub-menu li.closed>a .caret:before,
    .float-sub-menu li.closing>a .caret:before,
    .page-sidebar-minified .sidebar .caret:before,
    .page-sidebar-minified .sidebar li.active .caret:before,
    .page-sidebar-minified .sidebar li.expand .caret:before,
    .page-sidebar-minified .sidebar li.expanding .caret:before,
    .sidebar li.closed>a .caret:before,
    .sidebar li.closing>a .caret:before {
      transform: rotate(0)
    }
    
    .sidebar .sub-menu {
      list-style-type: none;
      padding: 0;
      /* padding: 5px 0 5px 5px; */
      margin: 0;
      position: relative;
      display: none;
      /* background: #035cb1; */
    }
    
    .sidebar li {
      position: relative;
      margin: 16px 0px;
    }
    
    .sidebar .sub-menu>li:after,
    .sidebar .sub-menu>li:before {
      position: absolute;
      content: ''
    }
    
    .sidebar .sub-menu>li:before {
      left: -13px;
      top: 0;
      bottom: 0;
      width: 2px
    }
    
    /* .sidebar .sub-menu>li:after {
        left: 0;
        width: 6px;
        height: 6px;
        border: 1px solid #889097;
        top: 11px;
        border-radius: 4px;
        margin-top: -2px;
        z-index: 10;
        background: #2d353c
        } */
    
    .sidebar .sub-menu>li:first-child:before {
      top: -14px
    }
    
    .sidebar .sub-menu>li:first-child:last-child:before {
      height: 27px
    }
    
    .sidebar .sub-menu>li:last-child:before {
      bottom: auto;
      height: 13px
    }
    
    /* .sidebar .sub-menu>li.has-sub>a:before,
        .sidebar .sub-menu>li:before,
        .sidebar .sub-menu>li>a:after {
        background: #ffffff80
        } */
    
    .sidebar .sub-menu>li.active:after {
      border-color: #00acac
    }
    
    .sidebar .sub-menu>li>a {
      padding:12px 16px 12px 12px;
      display: block;
      color: #363636;
      text-decoration: none;
      position: relative;
      font-size: 18px;
    }
    
    .sidebar li a.active,
    .sidebar li a.active:focus,
    .sidebar li a.active:hover,
    .sidebar li a:focus,
    .sidebar li a:hover {
      background: #D9EDFA;
      color: #074885 !important;
      border-right: 4px solid #074885;
      border-radius: 6px 0px 0px 6px;
    
    }
    
    
    .sidebar .sub-menu>li>a:after {
      content: '';
      position: absolute;
      left: -11px;
      top: 11px;
      width: 11px;
      height: 2px
    }
    
    .sidebar .sub-menu>li.has-sub>a:before {
      content: '';
      position: absolute;
      left: 2px;
      top: 11px;
      bottom: 11px;
      width: 2px
    }
    
    .sidebar .sub-menu .sub-menu {
      padding: 0px;
      /* padding: 0 0 0 15px; */
      background: 0 0
    }
    .sidebar .sub-menu .sub-menu li a {
      padding-left: 30px;
      padding-right: 0;
    }
    
    .sidebar .sub-menu .sub-menu li a:hover {
    background: #003e7a;
    color: #fff !important;
    }
    .sidebar .sub-menu .sub-menu li {
      border-top: 1px solid #cccccc4f;
      /* border-bottom: 1px solid #cccccc4f; */
    }
    .sidebar .sub-menu .sub-menu li a:hover {
      background: #fdaf69 !important;
      color: #000 !important;
      font-weight: 600;
      /* border-right: 6px solid #f05a6a !important; */
    }
    .sidebar .nav>li li.has-sub.active>a {
      color: #fff
    }
    
    .sidebar .has-sub.active>.sub-menu {
      display: block
    }
    
    .sidebar .nav .sub-menu>li>a .caret {
      margin-top: -1px;
      left: -5px;
      color: #a3a7ac
    }
    
    .page-sidebar-minified .sidebar {
      width: 60px;
      position: absolute;
      transition: 0.3s ease all;
    }
    
    .page-sidebar-minified .sidebar-bg {
      width: 60px;
      transition: 0.3s ease all;
    
    }
    
    .page-sidebar-minified .content {
      margin-left: 60px
    }
    
    .page-sidebar-minified .footer {
      margin-left: 85px;
      transition: 0.3s ease all;
    }
    
    .page-sidebar-minified.page-sidebar-fixed .sidebar {
      position: fixed;
      transition: 0.3s ease all;
    }
    
    .page-sidebar-minified:not(.page-sidebar-fixed) .sidebar .slimScrollDiv,
    .page-sidebar-minified:not(.page-sidebar-fixed) .sidebar .slimScrollDiv>div {
      overflow: visible !important;
      height: auto !important
    }
    
    .page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv,
    .page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv>div,
    .page-sidebar-minified.page-sidebar-fixed .sidebar .slimScrollDiv,
    .page-sidebar-minified.page-sidebar-fixed .sidebar .slimScrollDiv>div {
      overflow: hidden !important
    }
    
    .page-sidebar-minified .sidebar .nav>li>a {
      padding: 10px 16px
    }
    
    .page-sidebar-minified .sidebar .nav-header,
    .page-sidebar-minified .sidebar .nav-profile,
    .page-sidebar-minified .sidebar .nav>li>a>span {
      display: none
    }
    
    .page-sidebar-minified .sidebar .nav-profile.expand {
      display: none !important
    }
    
    .page-sidebar-minified .sidebar .caret {
      position: absolute;
      top: 10px;
      right: 5px
    }
    
    .page-sidebar-minified .sidebar .nav>li>a>i {
      margin: 0
    }
    
    .page-sidebar-minified .sidebar .nav li.has-sub>.sub-menu {
      position: absolute;
      left: 100%;
      top: 0;
      width: 220px;
      display: none;
      padding: 10px 0 10px 30px;
      margin: 0;
      background: #035cb1;
      color: #fff;
    }
    
    .page-sidebar-minified .sidebar-minify-btn i:before {
      content: '\f101'
    }
    
    .page-sidebar-minified.page-with-right-sidebar .content {
      margin-right: 60px;
      margin-left: 0
    }
    
    .page-sidebar-minified.page-with-right-sidebar .footer {
      margin-right: 90px;
      margin-left: 30px
    }
    
    .page-sidebar-minified.page-with-right-sidebar .sub-menu {
      left: auto !important;
      right: 100%
    }
    
    .page-sidebar-minified.page-with-right-sidebar .nav>li.has-sub>a .caret {
      position: absolute;
      left: 0
    }
    
    .page-sidebar-minified.page-with-right-sidebar .nav>li.has-sub>a .caret:before {
      content: '\f104'
    }
    
    .page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu .caret {
      left: 0;
      top: 2px;
      border-left: 4px solid transparent !important;
      border-right: 4px solid !important
    }
    
    .page-sidebar-minified.page-with-right-sidebar .sidebar .nav li.has-sub>.sub-menu {
      padding: 10px 30px 10px 0
    }
    
    .page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu:before {
      right: 26px;
      left: auto
    }
    
    .page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu>li>a:before {
      right: 0;
      left: auto;
      margin-right: -6px;
      margin-left: 0
    }
    
    .page-sidebar-minified.page-with-right-sidebar .sidebar-minify-btn i:before {
      content: '\f100'
    }
    
    .page-sidebar-minified .sidebar .slimScrollBar,
    .page-sidebar-minified .sidebar .slimScrollRail {
      display: none !important
    }
    
    .page-sidebar-minified .sidebar.sidebar-right .slimScrollBar {
      display: block !important
    }
    
    .sidebar-minify-btn {
      margin: 10px 0;
      float: right;
      color: #4B4B4B;
      border-radius: 20px 0 0 20px;
      position: absolute;
      right: 0;
      bottom: 0;
    }
    
    /* .sidebar-minify-btn:focus,
    .sidebar-minify-btn:hover {
      background: #035cb1 !important
    } */
    
    
    .page-with-light-sidebar .sidebar,
    .page-with-light-sidebar .sidebar-bg {
      background: #fff
    }
    
    .flat-black .page-with-light-sidebar .sidebar .nav>li>a,
    .page-with-light-sidebar .sidebar .nav>li>a {
      color: #575d63;
      font-weight: 600
    }
    
    .flat-black .page-with-light-sidebar .sidebar .nav>li>a:focus,
    .flat-black .page-with-light-sidebar .sidebar .nav>li>a:hover,
    .flat-black .page-with-light-sidebar .sidebar .sub-menu>li>a:focus,
    .flat-black .page-with-light-sidebar .sidebar .sub-menu>li>a:hover {
      color: #333
    }
    
    .page-with-light-sidebar .sidebar .nav>li.nav-profile a,
    .page-with-light-sidebar .sidebar .nav>li.nav-profile.active a,
    .page-with-light-sidebar .sidebar .nav>li.nav-profile.active a:focus,
    .page-with-light-sidebar .sidebar .nav>li.nav-profile.active a:hover {
      color: #fff !important
    }
    
    .page-sidebar-minified.page-with-light-sidebar .sidebar .nav li.has-sub>.sub-menu,
    .page-sidebar-minified.page-with-light-sidebar .sidebar .nav>li.has-sub:focus>a,
    .page-sidebar-minified.page-with-light-sidebar .sidebar .nav>li.has-sub:hover>a,
    .page-with-light-sidebar .sidebar .nav>li .sub-menu {
      background: 0 0;
      color: #2d353c
    }
    
    .page-with-light-sidebar .sidebar .nav.nav-profile {
      border-bottom: 1px solid #B1B9C0
    }
    
    .page-with-light-sidebar .sidebar .nav>li .sub-menu:before {
      background: red
    }
    
    .page-with-light-sidebar .sidebar .nav>li .sidebar-minify-btn,
    .page-with-light-sidebar .sidebar .nav>li .sidebar-minify-btn:focus,
    .page-with-light-sidebar .sidebar .nav>li .sidebar-minify-btn:hover,
    .page-with-light-sidebar .sidebar .nav>li.active.expand>a,
    .page-with-light-sidebar .sidebar .nav>li.active>a,
    .page-with-light-sidebar .sidebar .nav>li.active>a:focus,
    .page-with-light-sidebar .sidebar .nav>li.active>a:hover,
    .page-with-light-sidebar.page-sidebar-minified .sidebar .nav>li.active:focus>a,
    .page-with-light-sidebar.page-sidebar-minified .sidebar .nav>li.active:hover>a,
    .page-with-light-sidebar.page-sidebar-minified .sidebar .nav>li.active>a {
      color: #2d353c;
      background: #E6E9EA;
      font-weight: 600
    }
    
    .flat-black .page-with-light-sidebar .sidebar .nav>li .sidebar-minify-btn,
    .flat-black .page-with-light-sidebar .sidebar .nav>li .sidebar-minify-btn:focus,
    .flat-black .page-with-light-sidebar .sidebar .nav>li .sidebar-minify-btn:hover,
    .flat-black .page-with-light-sidebar .sidebar .nav>li.active.expand>a,
    .flat-black .page-with-light-sidebar .sidebar .nav>li.active>a,
    .flat-black .page-with-light-sidebar .sidebar .nav>li.active>a:focus,
    .flat-black .page-with-light-sidebar .sidebar .nav>li.active>a:hover {
      background: #e0e0e0
    }
    
    .page-with-light-sidebar .sidebar .nav>li.expand>a,
    .page-with-light-sidebar .sidebar .nav>li>a:focus,
    .page-with-light-sidebar .sidebar .nav>li>a:hover {
      background: 0 0;
      color: #2d353c
    }
    
    .page-with-light-sidebar .sidebar .nav>li .sub-menu>li.active>a:before {
      color: #575d63
    }
    
    .page-with-light-sidebar .sidebar .sub-menu>li>a {
      font-weight: 400
    }
    
    .page-with-light-sidebar .sidebar .sub-menu>li.active>a {
      font-weight: 600
    }
    
    .flat-black .page-with-light-sidebar .sidebar .sub-menu>li.active>a,
    .page-with-light-sidebar .sidebar .sub-menu>li.active>a,
    .page-with-light-sidebar .sidebar .sub-menu>li.active>a:focus,
    .page-with-light-sidebar .sidebar .sub-menu>li.active>a:hover,
    .page-with-light-sidebar .sidebar .sub-menu>li>a:focus,
    .page-with-light-sidebar .sidebar .sub-menu>li>a:hover {
      color: #333
    }
    
    .flat-black .page-with-light-sidebar .sidebar .nav>li.nav-profile,
    .flat-black .page-with-light-sidebar .sidebar .sub-menu,
    .flat-black .page-with-light-sidebar.page-sidebar-minified .sidebar .nav li.has-sub>.sub-menu {
      background: #f5f5f5
    }
    
    .page-with-light-sidebar .sidebar .sub-menu>li.has-sub>a:before,
    .page-with-light-sidebar .sidebar .sub-menu>li:before,
    .page-with-light-sidebar .sidebar .sub-menu>li>a:after {
      background: #e7e9ea
    }
    
    .page-with-light-sidebar .sidebar .sub-menu>li:after {
      background: #fff
    }
    
    .page-with-light-sidebar .sidebar .slimScrollBar {
      background: #000 !important
    }
    
    .flat-black .page-with-light-sidebar .sidebar .sub-menu>li.has-sub>a:before,
    .flat-black .page-with-light-sidebar .sidebar .sub-menu>li:before,
    .flat-black .page-with-light-sidebar .sidebar .sub-menu>li>a:after {
      background: #eee
    }
    
    .flat-black .page-with-light-sidebar .sidebar .sub-menu>li:after {
      background: #fff
    }
    
    .flat-black .page-with-light-sidebar .sidebar .slimScrollBar {
      background: #000 !important
    }
    
    .page-with-wide-sidebar .sidebar,
    .page-with-wide-sidebar .sidebar+.sidebar-bg,
    .page-with-wide-sidebar.page-sidebar-minified .sidebar-bg.sidebar-right,
    .page-with-wide-sidebar.page-sidebar-minified .sidebar.sidebar-right {
      width: 250px
    }
    
    .page-with-wide-sidebar .content {
      margin-left: 250px
    }
    
    .page-with-wide-sidebar.page-with-right-sidebar:not(.page-sidebar-minified) .content {
      margin-right: 250px;
      margin-left: 0
    }
    
    .page-with-wide-sidebar.page-with-two-sidebar .content {
      margin-left: 250px;
      margin-right: 250px
    }
    
    .page-with-wide-sidebar.page-sidebar-minified .sidebar,
    .page-with-wide-sidebar.page-sidebar-minified .sidebar+.sidebar-bg {
      width: 60px
    }
    
    .page-with-wide-sidebar.page-sidebar-minified:not(.page-with-right-sidebar) .content {
      margin-left: 60px
    }
    
    .page-with-wide-sidebar .footer {
      margin-left: 280px
    }
    
    .page-with-wide-sidebar.page-with-right-sidebar:not(.page-sidebar-minified) .footer {
      margin-left: 30px;
      margin-right: 280px
    }
    
    .sidebar.sidebar-transparent {
      background: 0 0
    }
    
    .sidebar.sidebar-transparent .nav>li.nav-profile,
    .sidebar.sidebar-transparent .nav>li.nav-profile.active {
      background: rgba(0, 0, 0, .25)
    }
    
    .sidebar.sidebar-transparent .nav>li.nav-profile .cover,
    .sidebar.sidebar-transparent .nav>li.nav-profile .cover.with-shadow:before,
    .sidebar.sidebar-transparent .nav>li.nav-profile a:focus,
    .sidebar.sidebar-transparent .nav>li.nav-profile a:hover,
    .sidebar.sidebar-transparent .sub-menu {
      background: 0 0
    }
    
    .page-sidebar-toggled.page-sidebar-minified .sidebar.sidebar-transparent+.sidebar-bg,
    .sidebar.sidebar-transparent+.sidebar-bg {
      background: url(images/cover-sidebar.jpg);
      background-size: cover
    }
    
    .sidebar.sidebar-transparent+.sidebar-bg:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(45, 53, 60, .75)
    }
    
    .page-sidebar-minified .sidebar.sidebar-transparent .nav>li.has-sub .sub-menu {
      background: rgba(26, 34, 41, .85)
    }
    
    .sidebar.sidebar-transparent .nav>li.nav-header {
      color: #fff
    }
    
    .page-sidebar-minified .sidebar.sidebar-transparent .nav>li.has-sub:focus>a,
    .page-sidebar-minified .sidebar.sidebar-transparent .nav>li.has-sub:hover>a,
    .sidebar.sidebar-transparent .nav>li.expand>a,
    .sidebar.sidebar-transparent .nav>li>a:focus,
    .sidebar.sidebar-transparent .nav>li>a:hover {
      background: 0 0;
      color: #fff
    }
    
    .sidebar.sidebar-transparent .has-sub.active>.sub-menu {
      overflow: hidden
    }
    
    .sidebar.sidebar-transparent .nav>li.active>a,
    .sidebar.sidebar-transparent .nav>li.active>a:focus,
    .sidebar.sidebar-transparent .nav>li.active>a:hover,
    .sidebar.sidebar-transparent .sub-menu>li.has-sub>a:before,
    .sidebar.sidebar-transparent .sub-menu>li:before,
    .sidebar.sidebar-transparent .sub-menu>li>a:after {
      background: rgba(0, 0, 0, .3)
    }
    
    .page-with-right-sidebar .sidebar {
      text-align: right
    }
    
    .page-with-right-sidebar .sidebar .nav>li>a .icon-img,
    .page-with-right-sidebar .sidebar .nav>li>a i {
      float: right;
      margin-left: 10px;
      margin-right: 0
    }
    
    .page-with-right-sidebar .sidebar .sub-menu {
      padding-left: 0;
      padding-right: 39px
    }
    
    .page-with-right-sidebar .sidebar .sub-menu>li:before {
      left: auto;
      right: -13px
    }
    
    .page-with-right-sidebar .sidebar .sub-menu>li:after {
      left: auto;
      right: 0
    }
    
    .page-with-right-sidebar .sidebar .sub-menu>li>a {
      padding-left: 20px;
      padding-right: 15px
    }
    
    .page-with-right-sidebar .sidebar .sub-menu>li>a:after {
      left: auto;
      right: -11px
    }
    
    .page-with-right-sidebar .sidebar .nav>li.nav-profile .image {
      margin-left: auto;
      margin-right: 0
    }
    
    .page-with-right-sidebar .sidebar .sub-menu .sub-menu {
      padding-left: 0;
      padding-right: 15px
    }
    
    .page-with-right-sidebar.page-sidebar-minified .sidebar li>a .caret {
      margin-left: 5px
    }
    
    .page-with-right-sidebar.page-sidebar-minified .sidebar li>a .caret:before {
      transform: none !important
    }
    
    .page-with-right-sidebar .float-sub-menu li:after,
    .page-with-right-sidebar .float-sub-menu-arrow,
    .page-with-right-sidebar .float-sub-menu-line {
      left: auto;
      right: 0
    }
    
    .page-with-right-sidebar .float-sub-menu li.active>a .caret:before,
    .page-with-right-sidebar .float-sub-menu li.expand>a .caret:before,
    .page-with-right-sidebar .float-sub-menu li.expanding>a .caret:before,
    .page-with-right-sidebar .sidebar li.active>a .caret:before,
    .page-with-right-sidebar .sidebar li.expand>a .caret:before,
    .page-with-right-sidebar .sidebar li.expanding>a .caret:before {
      transform: rotate(-90deg)
    }
    
    .page-with-right-sidebar .float-sub-menu {
      padding-left: 0;
      padding-right: 39px;
      text-align: right
    }
    
    .page-with-right-sidebar .float-sub-menu li>a {
      padding-left: 15px;
      padding-right: 20px
    }
    
    .page-with-right-sidebar .float-sub-menu li>a .caret,
    .page-with-right-sidebar .sidebar li>a .caret {
      float: left;
      margin-left: -5px;
      margin-right: 2px
    }
    
    .page-with-right-sidebar .float-sub-menu .sub-menu {
      padding-left: 0;
      padding-right: 15px
    }
    
    .page-with-right-sidebar .float-sub-menu li>a .caret:before,
    .page-with-right-sidebar .sidebar li>a .caret:before {
      content: '\f053'
    }
    
    .page-with-right-sidebar .float-sub-menu li:before {
      right: -13px;
      left: auto
    }
    
    .page-with-right-sidebar .float-sub-menu li>a:after {
      right: -11px;
      left: auto
    }
    
    .float-sub-menu-container {
      position: fixed;
      width: 220px;
      margin: 0;
      background: #035cb1;
      z-index: 1020;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      box-shadow: 3px 0px 10px 0px #00000082;
    }
    
    .float-sub-menu {
      padding: 9px 0 9px 20px;
      margin: 0;
      list-style-type: none
    }
    
    .float-sub-menu .sub-menu {
      display: none;
      list-style-type: none
    }
    
    .float-sub-menu .active>.sub-menu {
      display: block
    }
    
    .float-sub-menu li {
      position: relative
    }
    
    .float-sub-menu li:first-child:before {
      top: -14px
    }
    
    .float-sub-menu>li:first-child:before {
      top: 11px
    }
    
    /* .float-sub-menu-arrow,
        .float-sub-menu-line {
        top: 20px;
        background: #ffffff80;
        position: absolute
        } */
    
    .float-sub-menu-arrow {
      left: 0;
      width: 28px;
      height: 2px
    }
    
    .float-sub-menu-line {
      left: 26px;
      width: 3px
    }
    
    .float-sub-menu .float-sub-menu-arrow:after,
    .float-sub-menu .float-sub-menu-arrow:before {
      display: none !important
    }
    
    /* .float-sub-menu li.has-sub>a:before,
        .float-sub-menu li:before,
        .float-sub-menu li>a:after {
        background: #ffffff80
        }
        
        .float-sub-menu li:before {
        content: '';
        position: absolute;
        left: -13px;
        top: 0;
        bottom: 0;
        width: 3px
        } */
    
    .float-sub-menu li.has-sub>a:before,
    .float-sub-menu li:after,
    .float-sub-menu li>a:after {
      content: '';
      position: absolute;
      top: 11px
    }
    
    .float-sub-menu li:last-child:before {
      bottom: auto;
      height: 13px
    }
    
    .float-sub-menu>li:first-child:last-child:before {
      height: 0 !important
    }
    
    .float-sub-menu li:first-child:last-child:before {
      height: 27px
    }
    
    /* .float-sub-menu li:after {
        left: 0;
        width: 6px;
        height: 6px;
        border: 1px solid #889097;
        border-radius: 4px;
        margin-top: -2px;
        z-index: 10;
        background: #035cb1
        } */
    
    .float-sub-menu li.has-sub>a:before {
      left: 2px;
      bottom: 11px;
      width: 2px
    }
    
    .float-sub-menu li>a:after {
      left: -11px;
      width: 11px;
      height: 2px
    }
    
    .float-sub-menu .sub-menu {
      padding: 0 0 0 15px;
      background: 0 0
    }
    
    .float-sub-menu li>a {
      line-height: 18px;
      padding: 5px 20px 5px 15px;
      display: block;
      color: #fff;
      text-decoration: none;
      position: relative
    }
    
    .float-sub-menu li.active>a,
    .float-sub-menu li.active>a:focus,
    .float-sub-menu li.active>a:hover,
    .float-sub-menu li>a:focus,
    .float-sub-menu li>a:hover {
      color: #fac303;
    }
    
    .float-sub-menu li.active:after {
      border-color: #00acac
    }
    
    .float-sub-menu li>a .caret {
      margin-top: -1px;
      color: #a3a7ac
    }
    
    .content {
      margin-left: 220px;
      padding: 20px 30px;
    }
    
    .heightOverflow {
      height: 300px;
      overflow: auto;
    }
    
    .main-text {
      font-size: 40px;
      font-weight: 600;
      margin-top: 150px;
      color: #035cb1;
      text-align: center;
    
    
    
    }
    .fadeText{
      animation: fadeInAnimation ease 3s;
      animation-iteration-count: 1;
      animation-fill-mode: forwards;
    }
    @keyframes fadeInAnimation {
      0% {
        opacity: 0;
      }
    
      50% {
        opacity: 0.5;
      }
    
      100% {
        opacity: 1;
      }
    }
    
    /* .sidebar .sub-menu>li>a:hover{
            background: #017dc5;
          } */

          
#side-tab {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	display: flex;
  justify-content: space-around;
	margin: 1px 12px 8px 0px;
}

#side-tab>li {
	padding: 4px 0px;
	margin: 0;
}

#side-tab>li>a {
	position: relative;
	display: flex;
	color: #074885;
	cursor: pointer !important;
	border-radius: 6px;
  justify-content: center;
	Padding: 10px 38px;
	width: 118px;
}

#side-tab>li>a.active {
	color: #fff !important;
	background: linear-gradient(90deg, #035CB1 0%, #1990D5 100%);
	border-radius: 6px;
  border: none;
}
#side-tab>li>a:hover{
color: #074885;
border: none;
}
.side-tabs {
	background: #E7EAEE;
	border-radius: 8px !important;
}
.sideBar-lp-3{
  padding-left: 1rem;
}
.sideBar-lp-0{
  padding-left: 0 !important;
}






#side-tab1 {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: flex;
  justify-content: space-around;
  /* margin: 1px 12px 8px 0px; */
}

.side-tabs1 {
  align-items: center;
  background: #E7EAEE;
  border-radius: 8px !important;
}
#side-tab1>li {
  padding: 4px 0px;
  margin: 0;
}
#side-tab1>li>a.active {
  margin-right: 4px;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  /* padding: 0px 7px !important; */
  font-size: 14px;
  /* width: 42px !important; */
  height: 40px;
  background: #FFFFFF;
  color: #000;
  border: 1px solid #D4D7DB;
}

#side-tab1>li>a {
  /* margin-left: 5px; */
  position: relative;
  display: flex
;
  color: #074885;
  cursor: pointer !important;
  border-radius: 6px;
  Padding: 0px 3px;
  /* width: 118px; */
}
/* 20-02-2025 */
/* .SidebarScroll {
  overflow: auto;
}
.SidebarScroll::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #035CB1 0%, #1990D5 100%);
}

.SidebarScroll::-webkit-scrollbar {
	width: 4px;
	height: 4px;
} */