@media (min-width: 768px) {

  .sidebar-expand-md:not(.sidebar-component):not(.sidebar-fixed) .sidebar-content {
    position: inherit !important;
  }

  .sidebar-expand-md .contentFiltroHoteles {
    position: inherit;
  }

  #sideFiltroHoteles {
    position: fixed !important;
    margin-top: 50px;
  }

  .sidebar-right-visible .sidebar-expand-md.sidebar-right {
    right: 0;
  }

  .contentFiltroHoteles {
    top: 3.12503rem;
    bottom: 0;
    width: 380px !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .contentMike {
    position: fixed;
    padding-right: 0px !important;
    top: 3.12503rem;
    bottom: 0;
    width: inherit;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu > .nav-group-sub[title]:before {
    content: attr(title);
    display: block;
    padding: 0.75rem 1.25rem;
    padding-bottom: 0;
    margin-top: 0.5rem;
    opacity: 0.5;
  }

  #sideFiltroHoteles {
    z-index: 120 !important;
  }
}

@media screen and (prefers-reduced-motion: reduce) {

  .contentHotelSidebar {
    overflow-y: hidden !important;

  }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .ngSelectVisibleTable {
    overflow-x: inherit !important;
  }
}

.img-circle {
  background-color: #fff;
  border-radius: 50%;
}

.contentHotelSidebar {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease !important;
}

.sidebar-expand-md {
  border-radius: 0px !important;
}

/*withSidebar*/
.page-sidebar {
  min-height: 94.7vh;
}

/*withoutSidebar*/

.page-no-sidebar {
  min-height: 89.4vh;
}

.page-2-navbar {
  min-height: 84.2vh;
}

.mt-50px {
  margin-top: 50px !important;
  z-index: 120 !important;
}

.border-danger > .ng-select-container {
  border-color: #F44336 !important;
}
