.flex-row, .navbar .navbar-menu-wrapper .navbar-nav {
  flex-direction: row !important;
}
.flex-row, .navbar .navbar-menu-wrapper .navbar-nav .nav-link {
  border: 1px solid transparent !important;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {
  margin-bottom: 0;
  padding: .65rem 1.5rem;
  cursor: pointer;
}
.navbar .navbar-menu-wrapper .navbar-nav, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .item-thumbnail .item-icon, .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right .nav-item {
  display: flex !important;
}
.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
  right: auto;
  left: 0;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {
  margin-bottom: 0;
  padding: .65rem 1.5rem;
  cursor: pointer;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .item-thumbnail img {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
}
.justify-content-center, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .item-thumbnail .item-icon {
  justify-content: center !important;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .item-thumbnail .item-icon {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  color: #ffffff;
}
.page-body-wrapper {
  min-height: calc(100vh - 60px);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding-left: 0;
  padding-right: 0;
  padding-top: 60px;
}

.page-body-wrapper.full-page-wrapper {
  width: 100%;
  min-height: 100vh;
  padding-top: 0;
}

.main-panel {
  transition: width 0.25s ease, margin 0.25s ease;
  width: calc(100% - 257px);
  min-height: calc(100vh - 60px);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 991px) {
  .main-panel {
  margin-left: 0;
  width: 100%;
  }
}

.content-wrapper {
  background: #f3f3f3;
  padding: 0.8rem 0.9rem;
  width: 100%;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

@media (max-width: 767px) {
  .content-wrapper {
      padding: 1.5rem 1.5rem;
  }
}

/* Sidebar */
.sidebar {
min-height: calc(100vh - 60px);
background: #ffffff;
font-family: "Roboto", sans-serif;
font-weight: 400;
padding: 0;
width: 257px;
z-index: 11;
transition: width 0.25s ease, background 0.25s ease;
-webkit-transition: width 0.25s ease, background 0.25s ease;
-moz-transition: width 0.25s ease, background 0.25s ease;
-ms-transition: width 0.25s ease, background 0.25s ease;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
border-right: 1px solid #e3e3e3;
}

.sidebar .nav {
overflow: hidden;
flex-wrap: nowrap;
flex-direction: column;
margin-bottom: 60px;
}

.sidebar .nav .nav-item {
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
transition-property: background;
-webkit-transition-property: background;
}

.sidebar .nav .nav-item .collapse {
z-index: 999;
}

.sidebar .nav .nav-item .nav-link {
border: 1px solid transparent !important;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
white-space: nowrap;
padding: 0.75rem 2.5rem 0.75rem 1.25rem;
color: #000 !important;
-webkit-transition-duration: 0.45s;
-moz-transition-duration: 0.45s;
-o-transition-duration: 0.45s;
transition-duration: 0.45s;
transition-property: color;
-webkit-transition-property: color;
}

.sidebar .nav .nav-item .nav-link i {
color: inherit;
}

.sidebar .nav .nav-item .nav-link i.menu-icon {
font-size: 1.125rem;
line-height: 1;
margin-right: 1.125rem;
color: inherit;
}

.rtl .sidebar .nav .nav-item .nav-link i.menu-icon {
margin-left: 2rem;
margin-right: 0;
}

.sidebar .nav .nav-item .nav-link i.menu-icon:before {
vertical-align: middle;
}

.sidebar .nav .nav-item .nav-link i.menu-arrow {
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: auto;
margin-right: 0;
color: #000;
}

.sidebar .nav .nav-item.active {
background-color: #dfdede;
}

nav.sidebar ul.nav li:hover {
  background-color: #dfdede;
}

.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow {
margin-left: 0;
margin-right: auto;
}

.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
content: "\f0d7";
background : transparent  !important;
font-family: "Font Awesome 5 Free";
font-weight: 900; 
font-style: normal;
display: block;
font-size: 1rem;
line-height: 10px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

.sidebar .nav .nav-item .nav-link .menu-title {
color: inherit;
display: inline-block;
font-size: 0.875rem;
line-height: 1;
vertical-align: middle;
}

.sidebar .nav .nav-item .nav-link .badge {
margin-left: auto;
}

.rtl .sidebar .nav .nav-item .nav-link .badge {
margin-left: 0;
margin-right: auto;
}

.sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow:before {
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.sidebar .nav .nav-item.active > .nav-link {
background: initial;
position: relative;
}

.sidebar .nav .nav-item.active > .nav-link i,
.sidebar .nav .nav-item.active > .nav-link .menu-title,
.sidebar .nav .nav-item.active > .nav-link .menu-arrow {
color: #03298e;
}

.sidebar .nav:not(.sub-menu) {
margin-top: .3rem;
}

.sidebar .nav:not(.sub-menu) > .nav-item {
border-bottom: 1px solid #f3f3f3;
margin-top: 0;
}

.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link {
margin: 0;
}

.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link {
background: transparent;
color: #4d83ff;
}

.sidebar .nav.sub-menu {
margin-bottom: 0;
margin-top: 0;
list-style: none;
padding: 0.25rem 0 0.6rem 3.55rem;
}

.sidebar .nav.sub-menu .nav-item {
padding: 0;
}

.sidebar .nav.sub-menu .nav-item::before {
content: '';
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: #000;
margin-top: 15px;
}

.sidebar .nav.sub-menu .nav-item .nav-link {
color: #656565;
padding: 0.6rem 1rem;
position: relative;
font-size: 0.875rem;
line-height: 1;
height: auto;
border-top: 0;
}

.sidebar .nav.sub-menu .nav-item .nav-link:hover {
color: #000000;
}

.sidebar .nav.sub-menu .nav-item .nav-link.active {
color: #000000;
background: transparent;
}

.sidebar .nav.sub-menu .nav-item:hover {
background: transparent;
}

/* style for off-canvas menu*/
@media screen and (max-width: 991px) {
.sidebar-offcanvas {
position: fixed;
max-height: calc(100vh - 60px);
top: 60px;
bottom: 0;
overflow: auto;
right: -257px;
/* left: -257px; */
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.sidebar-offcanvas.active {
right: 0;
/* left: 0; */
}
}

/* Navbar */
.navbar {
font-weight: 400;
transition: background 0.25s ease;
-webkit-transition: background 0.25s ease;
-moz-transition: background 0.25s ease;
-ms-transition: background 0.25s ease;
}

.navbar .navbar-brand-wrapper {
background: #ffffff;
border-bottom: 1px solid #e3e3e3;
transition: width 0.25s ease, background 0.25s ease;
-webkit-transition: width 0.25s ease, background 0.25s ease;
-moz-transition: width 0.25s ease, background 0.25s ease;
-ms-transition: width 0.25s ease, background 0.25s ease;
width: 257px;
height: 60px;
border-right: 1px solid #e3e3e3;
}

.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper {
margin-left: 1.375rem;
margin-right: 1.375rem;
}

.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand {
color: #27367f;
font-size: 1.5rem;
margin-right: 0;
padding: .25rem 0;
}

.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand.brand-logo-mini {
display: none;
}

@media (max-width: 991px) {
.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand.brand-logo-mini {
display: inline-block;
width: 1.875rem;
}
}

.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand:active, .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand:focus, .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand:hover {
color: #1b2658;
}

.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand img {
width: calc(257px - 150px);
max-width: 100%;
height: 34px;
margin: auto;
vertical-align: middle;
}

.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-toggler {
border: 0;
color: #4a4a4a;
font-size: 1.5rem;
padding: 0;
}

.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-toggler:focus {
box-shadow: none;
}

@media (max-width: 991px) {
.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-toggler:not(.navbar-toggler-right) {
display: none;
}
}

.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .brand-logo-mini {
padding-left: 0;
text-align: center;
}

.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .brand-logo-mini img {
width: calc(70px - 30px);
max-width: 100%;
margin: auto;
}

.navbar .navbar-menu-wrapper {
background: #ffffff;
transition: width 0.25s ease;
-webkit-transition: width 0.25s ease;
-moz-transition: width 0.25s ease;
-ms-transition: width 0.25s ease;
color: #9b9b9b;
padding-left: 1.062rem;
padding-right: 1.062rem;
width: calc(100% - 257px);
height: 60px;
border-bottom: 1px solid #e3e3e3;
}

@media (max-width: 991px) {
.navbar .navbar-menu-wrapper {
width: calc(100% - 55px);
padding-left: 15px;
padding-right: 15px;
}
}

.navbar .navbar-menu-wrapper .navbar-toggler {
border: 0;
color: inherit;
font-size: 1.5rem;
padding: 0;
}

@media (max-width: 991px) {
.navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
display: none;
}
}

@media (max-width: 991px) {
.navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
padding-left: 15px;
padding-right: 11px;
}
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item {
  margin-left: 1rem;
  margin-right: 1rem;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item a.nav-hover:hover {
  background-color: transparent;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child {
margin-right: 0;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
color: inherit;
font-size: 0.875rem;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search {
margin-left: 0rem;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group {
background: #ececec;
border-radius: 4px;
padding: 0 .75rem;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select, .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .input-group-text {
background: transparent;
border: 0;
color: #000;
padding: 0;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .input-group-text i {
color: #9b9b9b;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select, .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select {
margin-left: .5rem;
height: 2.5rem;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control::-webkit-input-placeholder, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select::-webkit-input-placeholder, .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select::-webkit-input-placeholder {
color: #9b9b9b;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control:-moz-placeholder, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select:-moz-placeholder, .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select:-moz-placeholder {
color: #9b9b9b;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control::-moz-placeholder, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select::-moz-placeholder, .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select::-moz-placeholder {
color: #9b9b9b;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control:-ms-input-placeholder, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select:-ms-input-placeholder, .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select:-ms-input-placeholder {
color: #9b9b9b;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings {
margin: 0;
padding-left: 1.5rem;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings .nav-link {
padding: 0;
text-align: center;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings i {
font-size: 1.5rem;
vertical-align: middle;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile {
margin-left: 1.8rem;
margin-right: 1.8rem;
white-space: nowrap;
}

@media (max-width: 768px) {
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile {
margin-left: .5rem;
margin-right: .5rem;
}
}

.profile-picture {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link img {
  /* width: auto;
  height: 32px;
  border-radius: 100%; */
  width: 100%;
  height: 100%;
  object-fit: cover;
} 

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name {
margin-left: .5rem !important;
margin-right: .5rem !important;
color: #4a4a4a !important;
font-weight: 500 !important;
}

@media (max-width: 767px) {
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name {
    display: none !important;
  }
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link::after {
color: #4a4a4a;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
border: none;
-webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
position: absolute;
font-size: 0.9rem;
margin-top: 0;
right: 0;
left: auto;
top: 53px;
}

.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
right: auto;
left: 0;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {
  margin-bottom: 0;
  padding: .65rem 1.5rem;
  cursor: pointer;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .item-thumbnail img {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .item-thumbnail .item-icon {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  color: #ffffff;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .item-thumbnail .item-icon i {
  margin-top: 7px !important;
  font-size: 17px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .item-content {
padding-left: 0.937rem;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .badge {
margin-left: 2.5rem;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis {
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}

.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i {
margin-left: 10px;
}

.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .badge {
margin-left: 0;
margin-right: 2.5rem;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-divider {
margin: 0;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown i {
  margin-right: .5rem;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
    position: static;
  }
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
    left: 20px;
    right: 20px;
    top: 60px;
    width: calc(100% - 40px);
  }
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator i {
  font-size: 1.5rem;
  margin-right: 0;
  vertical-align: middle;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator .count {
  position: absolute;
  left: 59%;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #ff4747;
  top: 9px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator:after {
  display: none;
}

@media (min-width: 992px) {
.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
margin-left: auto;
}
.rtl .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
margin-left: 0;
margin-right: auto;
}
}

@media (max-width: 991px) {
.navbar {
flex-direction: row;
}
.navbar .navbar-brand-wrapper {
width: 55px;
}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo {
display: none;
}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
display: inline-block;
}
.navbar-collapse {
display: flex;
margin-top: 0.5rem;
}
}

@media (max-width: 480px) {
.navbar .navbar-brand-wrapper {
width: 55px;
}
.navbar .navbar-brand-wrapper .brand-logo-mini {
padding-top: 0px;
}
}

/* Layouts */
@media (min-width: 992px) {
.sidebar-icon-only .navbar .navbar-brand-wrapper {
width: 70px;
}
.sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper {
margin-right: auto;
}
.sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .brand-logo {
display: none;
}
.sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .brand-logo-mini {
display: none;
}
.sidebar-icon-only .navbar .navbar-menu-wrapper {
width: calc(100% - 70px);
}
.sidebar-icon-only .sidebar {
width: 70px;
}
.sidebar-icon-only .sidebar .nav {
overflow: visible;
}
.sidebar-icon-only .sidebar .nav .nav-item {
position: relative;
}
.sidebar-icon-only .sidebar .nav .nav-item .nav-link {
display: block;
padding-left: .5rem;
padding-right: .5rem;
text-align: center;
position: static;
}
.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title,
.sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge, .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title {
display: none;
}
.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
border-radius: 0 5px 5px 0px;
}
.rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
border-radius: 5px 0 0 5px;
}
.sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
}
.sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow {
display: none;
}
.sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
border-radius: 0 5px 0 0px;
}
.rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
border-radius: 5px 0 0 0;
}
.sidebar-icon-only .sidebar .nav .nav-item .collapse {
display: none;
}
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
background: #ffffff;
padding: 0.5rem 1.4rem;
left: 70px;
position: absolute;
text-align: left;
top: 0;
bottom: 0;
width: 190px;
z-index: 1;
line-height: 1.8;
box-shadow: 4px 0px 7px 0px rgba(182, 185, 189, 0.25);
}
.rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
left: auto;
right: 70px;
text-align: left;
box-shadow: -4px 0px 7px 0px rgba(182, 185, 189, 0.25);
}
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after {
display: none;
}
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title {
background: #ffffff;
}
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
display: block;
padding: .5rem 0;
background: #ffffff;
border-radius: 0 0 5px 0;
position: absolute;
left: 70px;
width: 190px;
box-shadow: 4px 4px 7px 0px rgba(182, 185, 189, 0.25);
}
.rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
left: auto;
right: 70px;
border-radius: 0 0 0 5px;
box-shadow: -4px 4px 7px 0px rgba(182, 185, 189, 0.25);
}
.sidebar-icon-only .sidebar .nav.sub-menu {
padding: 0 0 0 1.5rem;
}
.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
text-align: left;
padding-left: 20px;
}
.sidebar-icon-only .main-panel {
width: calc(100% - 70px);
}
}

.rtl {
direction: rtl;
text-align: right;
}

.rtl .sidebar .nav {
padding-right: 0;
}

.rtl .sidebar .nav.sub-menu {
padding: 0 4.5rem 0 0;
}

.sidebar-icon-only.rtl .sidebar .nav.sub-menu {
padding-right: 0rem;
}

.sidebar-icon-only.rtl .sidebar .nav.sub-menu .nav-item .nav-link {
padding-right: 3rem;
text-align: right;
}

.sidebar-icon-only.rtl .sidebar .nav.sub-menu .nav-item .nav-link:before {
right: 1.75rem;
}

.rtl .product-chart-wrapper::-webkit-scrollbar,
.rtl .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar,
.rtl .sidebar-fixed .nav::-webkit-scrollbar,
.rtl .table-responsive::-webkit-scrollbar,
.rtl ul.chats::-webkit-scrollbar {
width: 0.5em;
}

.rtl .product-chart-wrapper::-webkit-scrollbar-track,
.rtl .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-track,
.rtl .sidebar-fixed .nav::-webkit-scrollbar-track,
.rtl .table-responsive::-webkit-scrollbar-track,
.rtl ul.chats::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.rtl .product-chart-wrapper::-webkit-scrollbar-thumb,
.rtl .tab-content .tab-pane .scroll-wrapper::-webkit-scrollbar-thumb,
.rtl .sidebar-fixed .nav::-webkit-scrollbar-thumb,
.rtl .table-responsive::-webkit-scrollbar-thumb,
.rtl ul.chats::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}

/*# sourceMappingURL=maps/style.css.map */

.mdi-sort-variant {
  background : transparent  !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900; 
  content: "\f3c5";
  top: -.1px;
  font-size: 17px;
  color:  #e73a15;/*e73a15*/
}
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
  color: #000;
  border-top: 1px solid #e9ecef88;
}
.footer ul li, .footer ul li a {
  display: flex !important;
  align-items: center !important;
}
.footer ul li.item-icon {
  padding: 5px 10px 5px 10px !important;
}
.footer ul li.item-icon i {
  color: #03298e !important;
}
.footer ul li.item-icon a.active {
  background-color: rgba(77, 131, 255, 0.2) !important;
  border-radius: 6px !important;
  padding: 5px;
}
.footer ul li.item-icon a.active i {
  color: green !important;
}
.footer .item-icon i:hover {
  color: #3386ff !important;
}
.footer .dots-separator {
  height: 30px;
  margin: .4rem .4rem;
  width: 1px;
  background: #e9ecef;
}

/* buttons */
.btn-inverse-primary {
  background-color: rgba(77, 131, 255, 0.2);
  background-image: none;
  border-color: rgba(77, 131, 255, 0);
}

.btn-inverse-primary:not(.btn-inverse-light) {
  color: #00549C;
}

.btn-inverse-primary:hover {
  color: #ffffff;
  background-color: #4d83ff;
  border-color: #4d83ff;
}

.btn-inverse-primary.focus, .btn-inverse-primary:focus {
  box-shadow: 0 0 0 3px rgba(77, 131, 255, 0.5);
}

.btn-inverse-primary.disabled, .btn-inverse-primary:disabled {
  color: #4d83ff;
  background-color: transparent;
}

.btn-inverse-primary.active, .btn-inverse-primary:active,
.show > .btn-inverse-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #4d83ff;
  border-color: #4d83ff;
}

.btn-inverse-primary i {
  font-size: 1.45rem;
}

.btn.btn-rounded {
  border-radius: 50px;
}

.btn.btn-icon {
  width: 50px;
  height: 50px;
  padding: 0;
}

/*media*/
@media (max-width: 992px) {
  .navbar .navbar-brand-wrapper {
      border-right: 1px solid transparent !important;
  }
}

#wrapper-tree>.search-data>.form-group {
  margin-top: -5px !important;
}

#wrapper-tree>.search-data>.form-group .icon-append+input[name="search-mapa"] {
  padding-left: 2rem !important;
  border: 2px solid #59595B40 !important;
}

#wrapper-tree>.search-data>.form-group input[name="search-mapa"] {
  padding: .4rem !important;
  font-size: 13px !important;
}

#wrapper-tree>.search-data>.form-group input[name="search-mapa"] {
  padding: .4rem !important;
}

#wrapper-tree>.search-data>.form-group input[name="search-mapa"]:focus {
  border-color: #03298e !important;
}

#wrapper-tree #data-options-map ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 99999 !important;
  position: absolute;
  background-color: #eeeded;
  margin-top: -8px;
  margin-left: 9px;
}

#wrapper-tree #data-options-map ul a {
  text-decoration: none;
  font-size: 12px !important;
  color: #000;
}

#wrapper-tree #data-options-map ul li {
  padding: 3px;
  border: 1px solid #eeeded;
}

#wrapper-tree #data-options-map ul li:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}
::-webkit-scrollbar{
  width: 8px;
  height: 8px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
  background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

/* Utilities */
.grid-margin {
  margin-bottom: 1.875rem;
}

.stretch-card {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: stretch;
  justify-content: stretch;
}

.stretch-card > .card {
  width: 100%;
  min-width: 100%;
}

/* CONENEDOR COL */
@media (min-width: 992px) and (max-width: 1092px) {
  .contenedor-col > .col-lg-3 {
      flex: 0 0 auto;
      width: 30.66666667% !important;
  }
  .contenedor-col > .col-lg-9 {
      flex: 0 0 auto !important;
      width: 69.33333333% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .contenedor-col > .col-xl-2 {
      flex: 0 0 auto;
      width: 23.66666667% !important;
  }
  .contenedor-col > .col-xl-10 {
      flex: 0 0 auto !important;
      width: 76.33333333% !important;
  }
}
@media (min-width: 1300px) and (max-width: 1600px) {
  .contenedor-col > .col-xl-2 {
      flex: 0 0 auto;
      width: 20.66666667% !important;
  }
  .contenedor-col > .col-xl-10 {
      flex: 0 0 auto !important;
      width: 79.33333333% !important;
  }
}
@media (min-width: 1500px) and (max-width: 1600px) {
  .contenedor-col > .col-xl-2 {
      flex: 0 0 auto;
      width: 19.66666667% !important;
  }
  .contenedor-col > .col-xl-10 {
      flex: 0 0 auto !important;
      width: 80.33333333% !important;
  }
}

@media (min-width: 1200px) {
  .contenido-data {
      padding-left: 0.23rem !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .contenido-data {
      padding: 0.25rem !important;
  }
}
@media (max-width: 576px) {
  .contenido-data {
      padding: 0.15rem !important;
  }
}
/*Data table paginacion*/
.dataTables_wrapper ul.pagination li.active a {
  color: #fff !important;
}
.dataTables_wrapper .page-link {
  font-weight: 500;
  position: relative;
  display: block;
  color: #0d6efd !important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.dataTables_wrapper .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
}

/*-------------------------------------------------------------------*/
/* === Plugin overrides === */
/* Data Tables */
.dataTables_wrapper {
  padding-left: 0;
  padding-right: 0;
}

.dataTables_wrapper label {
  font-size: .8125rem;
}

.dataTables_wrapper .dataTables_length select {
  margin-left: .25rem;
  margin-right: .25rem;
}

.dataTables_wrapper .dataTable {
  border-collapse: collapse !important;
}
.dataTables_wrapper .dataTable .btn {
  padding: 0.1rem 1rem;
  vertical-align: top;
}
.dataTables_wrapper .dataTable thead th {
  border-bottom-width: 0;
  border: 1px solid #00549c;
  padding: 0.9rem 0.9375rem;
  white-space: nowrap;
  color: white;
  border-bottom: 1px solid #00549c !important;
  background-color: #00549c !important;
  font-size: 9pt;
}
.dataTables_wrapper .dataTable tbody tr td {
  border: 1px solid rgba(151, 151, 151, 0.18);
  color: black;
  /*white-space: nowrap;*/
  font-weight: 500;
  padding: 0.8rem 0.9375rem;
  font-size: 9pt;
}
.dataTables_wrapper .dataTable tbody tr:nth-child(2n+1) {
  background: white;
}
.dataTables_wrapper .dataTable tbody tr:nth-child(2n) {
  background: rgba(238, 238, 238, 0.57);
}
.dataTables_wrapper .dataTables_paginate {
  margin-top: 20px;
}

.dataTables_wrapper .dataTables_info {
  font-size: 0.875rem;
}

@media (max-width: 576px) {
  .dataTables_wrapper .dataTables_info {
    margin-bottom: 1rem;
  }
}
.dataTables_wrapper div.dataTables_length {
  text-align: left !important;
}

.dataTables_wrapper div.dataTables_info {
  text-align: left !important;
}

/* SEPARADOR */
.separador {
  height: 1px;
  /*margin: .2rem .2rem;*/
  width: 100%;
  background: #e9ecef;
}

/* BUTTON CARD MOVIL*/
.card-movil .btn-outline-primary {
  color: #03298e !important;
  border-color: #4d83ff !important;
}
.card-movil .btn-outline-primary:hover {
  color: #fff !important;
  background-color: #4d83ff !important;
  border-color: #4d83ff !important;
}
.card-movil .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(77, 131, 255, 0.5);
}
.card-movil .btn-outline-primary:active {
  color: #fff !important;
  background-color: #4d83ff !important;
  border-color: #4d83ff !important;
}
.card-movil .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(77, 131, 255, 0.5) !important;
}
.card-movil .btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #4d83ff !important;
  background-color: transparent !important;
}

/* BTN */
@media (max-width: 992px) {
  .btn-data-tables .btn {
      height: 30px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .contenido-data {
      padding: 0 15px !important;
  }
}
@media (max-width: 992px) {
  .contenido-data {
      margin-bottom: 50px !important;
  }
}
@media (max-width: 768px) {
  .main-layout > .content-wrapper {
      padding: .8rem .8rem !important;
      margin-bottom: 3.5rem !important;
  }
}
/*Load input*/
.loader-input {
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
  animation: around 5.4s infinite;
}

@keyframes around {
  0% {
      transform: rotate(0deg)
  }
  100% {
      transform: rotate(360deg)
  }
}

.loader-input::after, .loader-input::before {
  content: "";
  background: white;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-color: #333 #333 transparent transparent;
  border-style: solid;
  border-radius: 20px;
  box-sizing: border-box;
  top: 0;
  left: 0;
  animation: around 0.7s ease-in-out infinite;
}

.loader-input::after {
  animation: around 0.7s ease-in-out 0.1s infinite;
  background: transparent;
}

/*PAGINADOR DATATABLE*/
.dataTables_wrapper .page-item:not(:first-child):not(:last-child) .page-link {
  border-radius: 0 !important;
}
.dataTables_wrapper .page-item:first-child .page-link {
  border-radius: 5px 0 0 5px !important;
}
.dataTables_wrapper .page-item:last-child .page-link {
  border-radius: 0 5px 5px 0 !important;
}

.dropdown-gestoria .dropdown-header {
  background-color: #03298e;
  border: 1px solid #03298e;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #fff;
  display: block;
  top: 0 !important;
  margin-top: 0 !important;
  border-radius: 5px 5px 0 0;
}
.item-dropdown-end:hover {
  border-radius: 0 0 5px 5px !important;
}

@media (max-width: 992px) {
  .modal-content .btn {
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .contenido-data {
      padding: 0 15px !important;
  }
}
@media (max-width: 992px) {
  .contenido-data {
      margin-bottom: 50px !important;
  }
}
.bg-dropdown-item {
  color: #1e2125;
  background-color: #e9ecef;
  border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
}
.dropdown-gestoria div.dropdown-menu div.dropdown-item {
  border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
}

/** CORTAR TEXTO */
.cortar-texto {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  max-height: 3em;
}
.primera-linea {
  -webkit-line-clamp: 1;
  max-height: 2em;
}
.segunda-linea {
  -webkit-line-clamp: 2;
  max-height: 3em;
}
.tercera-linea {
  -webkit-line-clamp: 3;
  max-height: 5em;
}
.cuarta-linea {
  -webkit-line-clamp: 4;
  max-height: 7em;
}

/** Dialogo detalle*/
.tooltip-dialogo-oculto {
  margin-top: 5px;
  position: absolute;
  background-color: #fff;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 9999;
  max-width: 200px; /* Ancho máximo del tooltip */
}

.tooltip-dialogo-oculto::before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 8px 8px 8px; /* Ajustamos los bordes para que la flecha apunte hacia abajo */
  border-color: transparent transparent #ccc transparent;
  bottom: calc(100%); /* Ajustamos la posición para que la flecha apunte hacia abajo */
  left: 50%;
  transform: translateX(-50%);
}