.menu-top {
  display: none;
}
body .main-panel, .breadcrumb, .wrapper-full-page .full-page:before {
  background-color: #ecf0f7;
}
.wrapper-full-page .navbar-transparent {
  padding-top: 5px;
}
.main-panel .content {
  min-height: calc(100vh - 61px);
}
.main-panel .navbar, .wrapper-full-page .navbar {
  border-bottom: 1px solid #003f7e;
  box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);
  background-color: #FFF;
}
.navbar .navbar-nav .nav-item .nav-link, .wrapper-full-page .navbar-transparent .navbar-nav .nav-item .nav-link {
  color: #999;
  margin: 0px;
}
.navbar .navbar-nav .nav-item .nav-link.has-notify, .wrapper-full-page .navbar-transparent .navbar-nav .nav-item .nav-link.has-notify {
  color: red;
}
.navbar .navbar-nav .nav-item .nav-link:hover, .wrapper-full-page .navbar-transparent .navbar-nav .nav-item .nav-link:hover {
  color: #f2911f;
}
.notifications #notification span.notifications-count {
  color: #999;
}
.notifications #notification.has-notify span.notifications-count {
  color: red;
}
.notifications #notification:hover span.notifications-count {
  color: #f2911f;
}
.navbar .navbar-nav .nav-item #navbarDropdownLanguage {
  margin-top: 0px;
}
.navbar .nav-item-user {
  display: none;
}
.navbar .navbar-brand {
  padding: 0px;
}
.navbar .navbar-brand .logo {
  height: 42px;
  margin-bottom: 5px;
}
.navbar .navbar-toggler {
  padding: 0px;
  margin-right: 15px;
}
.navbar .navbar-toggler .burger-lines {
  background-color: #f2911f;
}
.navbar .navbar-toggler i.fa {
  color: #f2911f;
}
.navbar>.container, .navbar>.container-fluid {
  justify-content: flex-start;
}
.main-panel {
  width: 100%;
  float: right;
  z-index: 1;
}
.sidebar {
  display: block;
  position: fixed;
  box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);
  left: 0px;
  right: auto !important;
  transform: translate3d(-260px, 0, 0);
  z-index: 2;
}
.wrapper .sidebar .user .info > a {
  padding: 8px 5px 6px 0px;
}
.sidebar .sidebar-wrapper {
  box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);
}
.sidebar .language-sidebar {
  display: none;
}
/* .close-layer {
  width: 100%;
  position: absolute;
  opacity: 1;
  top: 0;
  left: auto;
  content: '';
  z-index: 9999;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.35);
  transition: all 370ms ease-in;
} */
.navbar-toggler .arrow-left {
  display: none;
}
/******* .tabbar *****/
.tabbar-card .tab-content .tab-pane {
  padding: 0px;
}
.tabbar-card .tab-content .tab-pane .card {
  border-radius: 0px 0px 4px 4px;
}
.tabbar-card .nav-tabs {
  border-bottom: 2px solid #f2911f;
}
.tabbar-card .nav-tabs .nav-link {
  border: none;
}
.tabbar-card .nav .nav-item {
  margin-bottom: -2px;
}
.tabbar-card .nav .nav-item .nav-link {
  text-transform: uppercase;
  color: #f2911f;
}
.tabbar-card .nav .nav-item .nav-link:hover {
  background-color: transparent;
}
.tabbar-card .nav .nav-item .nav-link.active {
  background-color: #f2911f;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  color: #FFF;
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-toggler {
    display: block;
  }
  .nav-open-desktop .main-panel {
    height: 100vh;
    /* overflow: hidden;
    position: absolute;
    right: 0px;
    left: auto; */
    /* transform: translate3d(260px, 0, 0); */
    width: calc(100% - 260px);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .wrapper.nav-open-desktop div.sidebar {
    transform: translate3d(0px, 0, 0);
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
  .nav-open-desktop .navbar-toggler .lines {
    display: none;
  }
  .nav-open-desktop .navbar-toggler .arrow-left {
    display: block;
  }
}
@media (max-width: 991px) {
  .main-panel {
    transform: translate3d(0, 0, 0);
  }
  .nav-open .main-panel {
    transform: translate3d(260px, 0, 0);
    width: 100%;
  }
  .sidebar {
    left: 0px;
    right: auto !important;
    transform: translate3d(-260px, 0, 0);
  }
  .nav-open .sidebar {
    transform: translate3d(0px, 0, 0);
  }
  .sidebar .language-sidebar {
    display: block;
  }
  .nav-open .navbar-toggler .lines {
    display: none;
  }
  .nav-open .navbar-toggler .arrow-left {
    display: block;
  }
}
@media (max-width: 575px) {
  .form-auth .form {
    width: 100%;
  }
  .form-auth .card-header, .form-auth .card-body, .form-auth .card-footer {
    max-width: 362px;
    width: 100%;
    padding: 0px 15px;
    margin: 0px auto;
  }
  .form-auth .card-header {
    margin-bottom: 16px;
  }
  .form-auth .card-footer {
    padding: 15px;
  }
}