@media only screen and (min-width: 768px){
  #item_menu_mobile{display: none;}
}


/*******CSS FOR MOBILE - 767px******/
@media only all and (max-width: 767px){
  .submenu{
    display: none;
  }
  .submenu.__visible{
    display: block;
  }


  #datepicker-inline{
    display: none;
  }
  .btn_back{
    margin-bottom: 15px;
  }
  .filebtn{
    width: 100%;
    max-width: 100%;
  }
  .__toMegafonia{
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row_filter form{
    flex-direction: column;
  }
  .row_filter form .form-control{
    margin-bottom: 5px;
  }
  #TableUsers td{
    padding: .35rem;
  }
  .background_head .is_title{
    color: #fafafa;
    z-index: 40;
    text-align: center;
  }
  /*Offcanvas detalles*/
  .bottom-side-panel.offcanvas{
    width: 100%;
    left: 5%;
    bottom: 0;
  }
  .bottom-side-panel.offcanvas.__in,
  .right-side-panel.offcanvas.__in{
    overflow-y: scroll;
  }
  .offcanvas.detail_event .offcanvas_body{
    flex-direction: column-reverse;
  }
  .offcanvas.detail_event .img_detail_event {
    margin: 10px auto 0;
  }


	/*.mini-sidebar .menu-sidebar {
		position: fixed; }
	.mini-sidebar .menu-sidebar,
	.mini-sidebar .sidebar-footer {
		left: -240px;
	}
	.mini-sidebar.show-sidebar .menu-sidebar,
	.mini-sidebar.show-sidebar .sidebar-footer {
		left: 0px;
	}

	.container-fluid {
		padding: 25px 15px 25px 15px;
	}
  	/*Header*/
  	.topbar {
    	position: fixed;
    	width: 100%;
   	}
    .topbar  {
    	-webkit-box-orient: horizontal;
    	-webkit-box-direction: normal;
    	-ms-flex-direction: row;
    	flex-direction: row;
    	-ms-flex-wrap: nowrap;
    	flex-wrap: nowrap;
    	-webkit-align-items: center;
    }
    .topbar  .navbar-collapse {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
    .topbar  .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .topbar  .navbar-nav > .nav-item.show {
        position: static;
    }
    .topbar  .navbar-nav > .nav-item.show .dropdown-menu {
        width: 100%;
        margin-top: 0px;
    }
    .topbar  .navbar-nav > .nav-item > .nav-link {
        padding-left: .50rem;
        padding-right: .50rem;
    }
    .topbar  .navbar-nav .dropdown-menu {
        position: absolute;
    }
  	.mega-dropdown .dropdown-menu {
    	height: 480px;
    	overflow: auto;
    }
    .topbar ul.dropdown-user li a {
      padding: 7px 15px;
    }
  	/*Sidebar and wrapper
  	.mini-sidebar .page-wrapper {
    	margin-left: 0px;
    	padding-top: 70px;
    }*/
    .calendar_date{
    	padding: 1rem .65rem;
    }
    .datepicker.dropdown-menu {
      left: 0!important;
    }
    .is_list_reserva .calendar_date{
      flex-direction: column-reverse;
    }
    .data_mes {
      margin-top: 20px;
    }
}



/*******CSS FOR TABLET******/
@media only screen and (min-width: 768px) and (max-width: 991px){

}

@media only screen and (min-width: 768px){
	/*When click on sidebar toggler and for tablet
  .mini-sidebar .sidebar-nav #sidebarnav li {
    position: relative;
  }
  .mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    position: absolute;
    left: 70px;
    top: 46px;
    width: 220px;
    padding-bottom: 10px;
    z-index: 1001;
    background: #edf0f5;
    display: none;
    padding-left: 1px;
  }
  .mini-sidebar.fix-sidebar .menu-sidebar {
    position: fixed;
  }
  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
    height: auto !important;
    overflow: auto;
  }
  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul,
  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
    display: block;
  }
  .mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
    display: none;
  }
  .mini-sidebar .menu-sidebar {
    width: 70px;
  }
  .mini-sidebar .sidebar-nav #sidebarnav .user-profile > a {
    padding: 12px 20px;
  }
  .mini-sidebar .scroll-sidebar {
    padding-bottom: 0px;
    position: absolute;
  }
  .mini-sidebar .hide-menu,
  .mini-sidebar .sidebar-footer,
  .mini-sidebar > .label {
    display: none;
  }
  .mini-sidebar .nav-devider {
    width: 70px;
  }
  .mini-sidebar .sidebar-nav {
    background: transparent;
  }
  .mini-sidebar .sidebar-nav #sidebarnav > li > a {
    padding: 12px 24px;
    width: 70px;
  }
  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
    width: 290px;
    background: #edf0f5;
  }
  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .hide-menu {
    display: inline;
  }
  .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a .label {
    display: none;
  }
  .navbar-header {
  	width: 240px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .navbar-header .navbar-brand {
    padding-top: 0px;
  }*/
}


/*Tablet pro: min.992 - max. 1200
@media only screen and (min-width: 992px) and (max-width: 1200px)*/



.invisible {
  visibility: hidden !important; }

.hidden-xs-up {
  display: none !important; }

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }