/***
Responsive Theme. 
Based on http://getbootstrap.com/css/#responsive-utilities-classes
***/

/***
Form Medium Devices Up To Large Devices
***/

/* Responsive: on phones and small screens */
@media (max-width: 768px) {
    
  .full-logo {
    display: none;
  }
  .small-logo {
    display: block;
    width: 40%;
    margin: 0 auto;
    margin-left: -35px;
    margin-top: -2px;
  }
  
  .ui-tabs .ui-tabs-nav li{
      min-width: 260px;              
  } 
  
  .dashboard-li{
      float:none !important;
  }
  
  .dashbhoard-property-sel{
      margin-top: 8px;
      margin-bottom: 8px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {  
    .page-boxed .header .dropdown .username {
        display: none;
    }	
}

/***
From Medium Devices Up To Larger Devices
***/

@media (min-width: 992px) { 

    /***
    Page sidebar
    ***/
    .page-sidebar {
            width: 250px;
            float: left;
            position: relative;
            margin-right: -100%;
    }

    /*
    .page-sidebar-lh {
        width: 170px;
    }
    */

    .page-sidebar.navbar-collapse {
            max-height: none !important;
    }

    /***
    Page content
    ***/
    .page-content-wrapper {
            float: left;
            width: 100%;
    }

    .page-content{ 
            margin-left: 250px; 
            margin-top: 0px;
            min-height: 760px; 
            padding: 25px 20px 20px 12px;
    }

    /*
    .page-content-lh{
        margin-left: 170px;
    }*/

    .page-content.no-min-height {
            min-height: auto;
    }

    /***
    Footer
    ***/
    .footer {
            clear: left;
    }

    /***
    Fixed Sidebar
    ***/
    .page-sidebar-fixed .page-content {
            min-height: 600px; 
    }

    .page-sidebar-fixed .page-sidebar {
            position: fixed !important;
            margin-left: 0;
            top: 41px;
    }

    .page-sidebar-fixed ul.page-sidebar-menu > li.last {
            margin-bottom: 15px !important;
    }

    .page-sidebar-fixed.page-sidebar-hover-on .page-sidebar {
            z-index: 10000;		
            width: 35px;		
    }

    .page-sidebar-fixed.page-sidebar-hover-on .page-sidebar .selected {
            display: none;
    }

    .page-sidebar-fixed.page-sidebar-hover-on .page-content {
            margin-left: 35px;
    }

    .page-sidebar-fixed.page-sidebar-hover-on .footer {
            margin-left: 35px;
    }

    .page-sidebar-fixed .page-sidebar-closed .page-sidebar .sidebar-search .submit,
    .page-sidebar-fixed .page-sidebar .sidebar-toggler {
            -webkit-transition: all  0.3s ease;
           -moz-transition: all  0.3s ease;
             -o-transition: all  0.3s ease;
                transition: all  0.3s ease;
    }

    .page-sidebar-fixed.page-sidebar-reversed .page-sidebar-closed .page-sidebar .sidebar-search .submit,
    .page-sidebar-fixed.page-sidebar-reversed .page-sidebar .sidebar-toggler {
            -webkit-transition: none;
           -moz-transition: none;
             -o-transition: none;
                transition: none;
    }

    .page-sidebar-hovering {
            overflow: hidden !important;
    }

    .page-sidebar-hovering .sub-menu,
    .page-sidebar-hovering span.title,
    .page-sidebar-hovering span.arrow {		  
            display: none !important;
    }

    .page-sidebar-hovering .submit {
            opacity: 0;
            width: 0 !important;
            height: 0 !important;
    }

    /***
    Fixed Footer
    ***/

    .page-footer-fixed .footer {
      position: fixed;
      left: 0;
      right: 0;
      z-index: 10000;
      bottom: 0;
    }

    .page-footer-fixed .page-container {
      margin-bottom: 32px;
    }

    .page-footer-fixed.page-sidebar-fixed .footer {
      margin-left: 0 !important;
    }

    /***
    Fixed Sidebar
    ***/

    .page-sidebar-fixed .footer {
      margin-left: 225px;
      background-color: #fff;
      padding: 8px 20px 5px 20px;
    }

    .page-sidebar-fixed .footer .footer-inner {
      color: #333;
    }

    .page-sidebar-fixed.page-sidebar-closed .footer {
      margin-left: 35px;
    }

    .page-sidebar-fixed .footer .footer-tools .go-top { 
      background-color: #666;
    }

    .page-sidebar-fixed .footer .footer-tools .go-top i {
      color: #ddd;
    }

    /***
    Boxed Layout
    ***/

    /*
    .page-boxed	.header .navbar-brand {
            margin-left: 0px !important;
            width: 226px;
    }
    */

    /*
    .page-boxed .header .navbar-brand img {
            margin-left: 10px;
    }
    */

    .page-boxed .header .navbar-nav {
      margin-right: 0px;
    }

    .page-boxed .footer {
            padding: 8px 0 5px 0; 
    }

    .page-boxed.page-sidebar-fixed .footer {
            padding-right: 20px;
            padding-left: 20px;
    }

    /***
    Sidebar Reversed
    ***/

    .page-sidebar-reversed .page-sidebar {
            float: right;
            margin-right: 0;
            margin-left: -100%;
    }

    .page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
            margin-left: -225px;
    }

    .page-sidebar-reversed .page-content {
            margin-left: 0;
            margin-right: 225px;
    }

    .page-sidebar-reversed.page-sidebar-fixed .page-sidebar-wrapper {
            position: relative;
            float: right;
    }

    .page-sidebar-reversed.page-sidebar-fixed .footer {
            margin-left: 0;
            margin-right: 225px;
            padding: 8px 20px 5px 20px; 
    }

    .page-sidebar-reversed.page-sidebar-fixed.page-footer-fixed .footer {
            margin-left: 0;
            margin-right: 0; 
    }

    .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on .page-content {
            margin-left: 0;
            margin-right: 35px;
    }

    .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-hover-on .footer {
            margin-right: 35px;
    }

    /***
    Sidebar Closed
    ***/

    .page-sidebar-closed .page-sidebar .sidebar-toggler {  
            margin-left: 3px;
    }

    .page-sidebar-closed .page-sidebar .sidebar-search .form-container {  
      width: 29px;
      margin-left: 3px; 
    }

    .page-sidebar-closed .page-sidebar .sidebar-search .form-container .input-box {  
      border-bottom: 0 !important;
    }

    .page-sidebar-closed .page-sidebar .sidebar-search .form-container input[type="text"] {
      display: none;
    }

    .page-sidebar-closed .page-sidebar .sidebar-search .form-container .submit { 
      margin-top: 5px !important;
      margin-left: 7px !important;
      margin-right: 7px !important;
      display: block !important;
    }

    .page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
      width: 255px;
      position: relative;
      z-index: 1;
      padding-top: 0px;
    }

    .page-sidebar-closed .page-sidebar .sidebar-search.open .form-container input[type="text"] {  
      margin-top: 7px;
      margin-left: 8px;
      padding-left: 10px;
      padding-bottom: 2px;
      width: 185px;
      display: inline-block !important;
    }

    .page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .submit {
      display: inline-block;
      width: 13px;
      height: 13px;
      margin: 11px 8px 9px 6px !important;
    }

    .page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
      background-repeat: no-repeat;
      width: 11px;
      height: 11px;
      margin: 12px 8px 9px 8px !important;
      display: inline-block !important;
      float: left !important;
    }

    .page-sidebar-closed .page-sidebar-menu > li > a .selected {
      right: -3px !important;
    }

    .page-sidebar-closed .page-sidebar-menu > li > a > .title,
    .page-sidebar-closed .page-sidebar-menu > li > a > .arrow {
      display: none !important;
    }

    .page-sidebar-closed .page-sidebar .sidebar-toggler {
      margin-right: 3px;
    }

    .page-sidebar-closed .page-sidebar .sidebar-search {
      margin-top: 6px;
      margin-bottom: 6px;
    }

    .page-sidebar-closed .page-sidebar-menu {
      width: 35px !important;
    }

    .page-sidebar-closed .page-sidebar-menu > li > a {
      padding-left: 7px;
    }

    .page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu > li > a {
      -webkit-transition: all 0.2s ease;
         -moz-transition: all 0.2s ease;
           -o-transition: all 0.2s ease;
              transition: all 0.2s ease;
    }

    .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu > li > a {
        -webkit-transition: none;
            -moz-transition: none;
              -o-transition: none;
                 transition: none;
    }

    .page-sidebar-closed .page-sidebar-menu > li:hover {
      width: 236px !important;
      position: relative !important;
      z-index: 2000;
      display: block !important;
    }

    .page-sidebar-closed .page-sidebar-menu > li.sidebar-toggler-wrapper:hover,
    .page-sidebar-closed .page-sidebar-menu > li.sidebar-search-wrapper:hover {
      width: 35px !important;
    }

    .page-sidebar-closed .page-sidebar-menu > li:hover .selected {
      display: none;
    }

    .page-sidebar-closed .page-sidebar-menu > li:hover > a > i {
      margin-right: 10px;
    }

    .page-sidebar-closed .page-sidebar-menu > li:hover .title {
      display: inline !important;
    }

    .page-sidebar-closed .page-sidebar-menu > li > .sub-menu {
      display: none !important;
    }

    .page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu {  
      width: 200px;
      position: absolute;
      z-index: 2000;
      left: 36px;
      margin-top: 0;
      top: 100%;
      display: block !important;
    }

    .page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu,
    .page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu {
      width: 200px;
    }

    /* 2rd level sub menu*/
    .page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > a {
      padding-left: 15px !important;
    }

    /* 3rd level sub menu*/
    .page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a {  
      padding-left: 30px !important;
    }

    /* 4rd level sub menu*/
    .page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a {  
      padding-left: 45px !important;
    }

    /* sidebar container */

    .page-sidebar-closed  .page-sidebar {
      width: 35px;
    }

    .page-sidebar-closed  .page-content {
      margin-left: 35px !important;
    }

    /*** 
    Sidebar Reversed & Sidebar Closed
    ***/

    .page-sidebar-reversed.page-sidebar-closed  .page-sidebar {
      margin-left: -35px;
      width: 35px;
    }

    .page-sidebar-reversed.page-sidebar-closed  .page-content {
      margin-left: 0 !important;
      margin-right: 35px !important;
    }

    .page-sidebar-reversed.page-sidebar-closed .page-sidebar-menu > li:hover {
      margin-left: -201px;
    }

    .page-sidebar-reversed.page-sidebar-closed .page-sidebar-menu > li.sidebar-toggler-wrapper:hover,
    .page-sidebar-reversed.page-sidebar-closed .page-sidebar-menu > li.sidebar-search-wrapper:hover {
      margin-left: 0;
    }

    .page-sidebar-reversed.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
      margin-left: -225px;
    }

    .page-sidebar-reversed.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .submit {
      margin: 11px 8px 9px 12px !important;
      float: left !important;
    }

    .page-sidebar-reversed.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
      margin: 12px 6px 9px 8px !important;
      float: right !important;
    }

    .page-sidebar-reversed.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu {  
      left:auto;
      right: 36px;
    }

    .page-sidebar-reversed.page-sidebar-fixed.page-sidebar-closed .footer {
            margin-right: 35px;
    }
}

/***
Up To Medium Devices
***/

@media (max-width:991px) { 
    
    .container {
        width: 935px;
    }    
	
    /***
    Page header
    ***/
    .header {
            padding: 0 20px 0 20px;
            position: relative;
            clear: both;
    }

    .header .navbar-toggle {
        display: inline-block;
        margin-top: -30px;
        margin-right: -5px;
    }
    
    .main_menu_short{
        display:none;
    }
    
    .main_menu_home_alt {
        display: flex !important;
        flex-direction: column;
    }

    .page-sidebar.navbar-collapse {
            max-height: 340px;
    }

    .page-sidebar.navbar-collapse.collapse {
        display: none !important;
    }

    .page-sidebar.navbar-collapse.in {	 	
            overflow: hidden !important;
            overflow-y: auto !important;
     }

    .header .nav li.dropdown i {
            display: inline-block;
            position: relative;
            top:1px;
            right:0px;
    }

    .header .navbar-nav {
            display: block;
            margin-bottom: 0px !important;
    }

    .header .navbar-nav .open .dropdown-menu  {
            position: absolute;
    }

    .header .navbar-nav {
        display: inline-block;
        float: right;
        margin: 0;
    }

    .header .navbar-nav > li {
        float: left;
    }

    .header .navbar-brand {
            margin-left: 0px !important;
            padding-left: 0px !important; 
    }

    /*
    .header .navbar-brand img {
        margin-left: 4px !important;
    }
    */
    
    /***
    Header Search Box 
    ***/

    .header .search-form {
            display: none;
    }
    
    .full-logo{
        margin-left: -25px;
    }

    .page-sidebar .header-responsive-search {
            display: block;
    }

    /***
    Page container
    ***/
    .page-container {
            margin: 0 !important;
            padding: 0 !important;
    }

    /***
    Page content
    ***/
    .page-content {
            margin: 0px !important;
            padding: 20px 20px 20px 20px !important;  		
            min-height: 280px; 
    }

    /***
    Page sidebar
    ***/
    .page-sidebar {
            border-top: 0 !important;
            margin: 20px;
    }

    .page-sidebar.in {
            border-top: 0 !important;
            margin: 20px;
            position: relative;
            z-index: 5;
    }

    .header .sidebar-toggler,
    .page-sidebar .sidebar-toggler {
            display: none;
    }

    .page-sidebar ul {
            margin-top:0px;
            width:100%;
    }

    .page-sidebar .selected {
            display: none !important;
    }

    .page-sidebar .sidebar-search .input-box {
      width: 220px;
    }

    /***
    Styler panel
    ***/
    .styler-panel {
            top:55px;
            right:20px;
    }

    /***
    Boxed Layout
    ***/
    .page-boxed .header > .container,
    .page-boxed .footer > .container,
    .page-boxed > .container {
            max-width: none !important;
            margin: 0 !important;
            padding: 0 !important;
    }

    #userSupportInfo{
        /*margin-top:-51px !important;*/
        display:none;
    }       

    #user_avatar{
        margin-top:-43px !important;
    }
    
    #date_select_range_2b{
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 10px;
    }
    
    #select_adults_2b{
        padding-left: 15px !important;
        padding-right: 15px !important;        
    }
    
    #select_nights_2b{
        margin-top: 10px;
    }
    
    #select_chds_2b{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .ui-tabs .ui-tabs-nav li{
        min-width: 260px;              
    }
    
    .bloquesearch_one #search_dates{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    #search_dates > div:nth-of-type(2) {
      padding-left: 0px !important;
    }  
    
    .rates-admin-options{        
        margin-top: 5px !important;
        padding-left: 0px;
        padding-right: 0px;
        text-align: left !important;
    }
    
    .rates-admin-options > ul{
        padding-top: 10px !important;
        padding-bottom: 5px !important;
    }
            
    .rates-admin-options > ul > li{
        padding-bottom: 10px !important;
    }
}

/***
From Small Devices Up To Medium Devices
***/
 
@media (min-width: 768px) and (max-width: 991px) { 

    /***
    Body
    ***/
    body {
            padding-top: 0px;
    }

    /***
    Page sidebar
    ***/
    .page-sidebar .btn-navbar.collapsed .arrow { 
            display: none;
    }	

    .page-sidebar .btn-navbar .arrow {
      position: absolute;
      right: 25px;
      width: 0; 
      height: 0;
      top:50px;
      border-bottom: 15px solid #5f646b;
      border-left: 15px solid transparent; 
      border-right: 15px solid transparent; 
    }

    /***
    Boxed Layout
    ***/
    .page-boxed .header > .container,
    .page-boxed > .container {
            margin: auto !important;
    }

    .page-boxed .header  {
            margin: auto !important;
            padding: 0;
    }

    .page-boxed .footer {
            padding-left: 0;
            padding-right: 0;
    }

    .right-mnu-new{
        display: none;
    }

    .mobile-margin-top-10 { 
        margin-top: 10px !important; 
    }

    .mobile-margin-top-15 { 
        margin-top: 15px !important; 
    }         

} 
 
/***
Extra Small Devices Only
***/

@media (max-width: 767px) { 
	
    /***
    Page header
    ***/

    .header {
            padding: 0 10px 0 10px;
    }

    .header .top-nav .nav{  
            margin-top: 0px;
            margin-right: 5px;
    }

    .header .nav > li > .dropdown-menu.notification:after, 
    .header .nav > li > .dropdown-menu.notification:before {
            margin-right: 180px;
    }

    .header .nav > li > .dropdown-menu.notification {
            margin-right: -180px;
    }

    .header .nav > li > .dropdown-menu.inbox:after, 
    .header .nav > li > .dropdown-menu.inbox:before {
            margin-right: 140px;
    }

    .header .nav > li > .dropdown-menu.inbox {
            margin-right: -140px;
    }

    .header .nav > li > .dropdown-menu.tasks:after, 
    .header .nav > li > .dropdown-menu.tasks:before {
            margin-right: 90px;
    }

    .header .nav > li > .dropdown-menu.tasks {
            margin-right: -90px;
    }

    /* Header logo */
    .header .navbar-brand {
            margin-left: 0px !important;
            width: 110px;
    }
        
    .dashboard-news-card .stats-header.stats-header-dh {
            margin-top: 35px;
    }

    /***
    Page content
    ***/
    .page-content {
            padding: 20px 1px 10px 1px !important;
            overflow: hidden;
    }

    /***
    Page title
    ***/
    .page-title {
            margin-bottom: 5px;
            font-size: 18px;
    }

    .page-title small {
            font-size: 13px;
            padding-top: 3px;
    }

    /***
    Styler pagel
    ***/
    .styler-panel {
            top:58px;
            right:12px;
    }	

    /***
    Page breadcrumb
    ***/
    .breadcrumb {
            padding-left: 10px;
            padding-right: 10px;
    }

    /***
    Portlet form action
    ***/
    .portlet-body.form .form-actions{
      padding-left: 15px;	
    } 


    /***
    Form input validation states
    ***/
    .input-icon .input-error, 
    .input-icon .input-warning, 
    .input-icon .input-success { 
            top:-27px;
            float: right;
            right:10px !important;
    }	

    /***
    Advance tables
    ***/
    .table-advance tr td.highlight:first-child a {
            margin-left: 8px;
    }

    /***
    Footer	
    ***/	
    .footer {
            padding-left: 10px;
            padding-right: 10px;		
    }	

    .footer .go-top {  
            float: right;
            display: block;
            margin-right: 0px;
    }
    
    .orbe_news img {
        margin-bottom: 5px;
    }
        
    a.hoverThumb .overlayThumb{
        width: 98% !important;
    }
    
    /***
    Vertical inline menu
    ***/
    .ver-inline-menu li.active:after {
            display: none;
    }

    /***
    Form controls
    ***/
    .form-horizontal .form-actions {
            padding-left: 180px; 	
    }

    .portlet .form-horizontal .form-actions {
            padding-left: 190px; 	
    }

    .right-mnu-new{
        display: none;
    }

    .mobile-margin-top-10 { 
        margin-top: 10px !important; 
    }

    .mobile-margin-top-15 { 
        margin-top: 15px !important; 
    } 

    #kart-contenedor{
        margin-top: -40px !important;
    }
    #kart_internal_precio{
        float:right !important;
    }
    #own_property_lbl{
        display:none !important;
    }

    #userSupportInfo{
        display:none !important;
    }        
    #user_avatar{
        margin-top:-44px !important;
    }
    
    .cache-admin-option .col-md-1 {
        display: none;
    }
    
    .menu-ellipsis-drop {
        margin-left: auto; /* push to the right in flex */
        margin-right: 6px;
    }
    
    #date_select_range_2b{
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 10px;
    }
    
    #select_adults_2b{
        padding-left: 15px !important;
        padding-right: 15px !important;        
    }
    
    #select_nights_2b{
        margin-top: 10px;
    }
    
    #select_chds_2b{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    #result-2b2e{
        flex-direction: column !important;
    }
    
    #rate_disclaimer_tax{
        margin-top:0px !important;
        margin-bottom:10px !important;
        position: relative !important;
    } 
    
    .current-rooms-setup-col{
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 12px;
    }
}

@media (max-width: 991px) {
    
    /* Mis-Servicios **/
    
    #services_list_search_content .selectCat{
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 10px !important;
    }
    
    #services_list_search_content .selectType{
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 10px !important;
    } 
    
    #tm_passenger_name div{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    #tm_expiration_data{
        padding-bottom: 15px !important;
        padding-left: 15px;
        padding-right: 15px !important;
        margin-top: -10px;
    }
        
    /* Reports */    
    
    #sales_general_b1{
        margin-top: 20px !important;
    }    
    
    .dropdown.dropdown-reports.user{
        margin-right: 0px !important;
    }
    
    #room_filter_report_box{
        text-align: left !important;
    }
    
    #channel_filter_report_box{
        text-align: left !important;
    }
    
    #rateplan_filter_report_box{
        text-align: left !important;
    }
    
    #funnel_filter_report_box{
        text-align: left !important;
    }
    
    #download_report_xls{
        margin-left:0px !important;
    }

    #report_genme_box{
        padding-right: 0px !important;
    }
    
    #report_genme_box > div{
        padding-right: 0px !important;
    }
    
    #StatisticalContentA2 > div{
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-top: 10px;
    }    

    #SalesReportAddFiltersB{
        margin-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #SalesReportSubFiltersB{
        padding-left: 0px;
        padding-right: 0px;        
                       
        padding-bottom: 10px !important;        
    }
    
    #ReportOptionsBase3{
        margin-top: 0px !important;
        border-top: none !important;
        padding-top: 0px !important;
    }
        
    #stay_date_resumen_box{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    #category-dist-cont{
        display:flex;
        flex-direction: row;
    }
    
    #stay-report-resumen{
        display: flex;
        flex-direction: row;
    }
    
    #stay-report-resumen_comp{
        margin-top: 25px;
    }
    
    #stay_date_category_distribution{
        margin-top: 15px;
    }
    
    #stay_date_category_distribution h5{
        margin-top: 0px;
        margin-bottom: 15px;
        text-align: left !important;
        display:flex;
    }
    
    #general_sales_distribution_content > div{
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 5px !important;
        border-bottom: 0px !important;
    }
    
    #general_sales_distribution_content > div > a{
        padding-left: 0px !important;
    }    
    
    #category-dist-cont{
        height: auto;
        padding-bottom: 10px;
        flex-direction: column;
    }
    
    .stay-date-room-count-box{
        display:flex;
        flex-direction: row;
        gap: 20px;
    }
    
    #piechart_cont{
        padding-left:0px !important
        border-right: 0px !important;
    }
    
    #SalesDistributionBase > div{
        padding-left: 0px !important;
    }
        
    #SalesDistributionComp{
        margin-top: 10px;
    }
    
    #SalesDistributionComp > div{
        padding-right:0px !important
    }
    
    #piechart_cont_comp{
        padding-right:0px !important
    }
    
    #OtaSalesDistributionBlock{
        margin-top: 15px;
    }
    
    #OtaSalesDistributionBlock > div{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    #piechart_by_ota_cont{
        padding-left: 0px !important;
    }
    #piechart_by_ota_cont_copm{
        padding-right:0px !important
    }
    
    #OtaDistributionBase a{
        padding-left: 0px !important;
    }
    
    #OtaDistributionBase > div{
        padding-left: 0px !important;
    }
    
    #OtaDistributionCom a{
        padding-right: 0px !important;
    }
    
    #OtaDistributionCom > div{
        padding-right: 0px !important;
    }
    
    #ibe_funnel_distribution{
        margin-bottom: 15px !important;
    }
    
    #ibe_funnel_distribution > div{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    #meta_funnel_distribution > div{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    #cancellation-report-resume-box{
        padding-left: 15px !important;
        padding-right: 15px !important;
        min-height: auto !important;
    }
    
    .resumen_cxl_block {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
             
    #cancellation-stats-box > div:nth-of-type(1) {
      margin-top: 10px !important;
    } 
    
    #clx_resumen_hx_rate {
      font-size: 20px !important;
    } 
    
    #services-report-stay-main{
        background-color: #dfe9f5 !important;
        min-height: auto !important;
    }
    
    .line-block-A{
        display: none;
    }
}

/***
The Most Extra Small Devices Landscape Mode Only
***/

@media (max-width: 480px) {

    /***
    Header navbar
    ***/

    .header .navbar-nav {
            display: block !important;
            margin-top: 0px !important;
    }

    .header .navbar-nav > li.dropdown .dropdown-toggle {
            margin-top:-1px;
            padding-left: 8px;
            padding-right: 8px;
    }

    .header .navbar-nav > li.dropdown.user .dropdown-toggle,
    .header .navbar-nav > li.dropdown.language .dropdown-toggle {
            padding-right: 6px;
            padding-left: 6px;
    }

    .header .navbar-nav li.dropdown .dropdown-toggle .badge {
            top: 8px;
    }

    /***
    Page sidebar
    ***/
    .page-sidebar,
    .page-sidebar.in {
        /*margin: 0 10px 10px 10px;*/
        margin: 0 0px 0px 0px;
    }

    /***
    Page title
    ***/
    .page-title small {
            display: block;
            clear: both;
    }

    /***
    Forms
    ***/
    .portlet .form-horizontal .form-actions {
            padding-left: 10px; 	
    }

    /***
    Dashboard date range panel
    ***/
    .page-content .breadcrumb .dashboard-date-range  {
            padding-bottom: 8px;
    } 

    .page-content .breadcrumb .dashboard-date-range span {
            display: none;
    }	

    .page-content .breadcrumb > .btn-group span {
            display: none;
    }

    .page-content .breadcrumb > .btn-group > .btn {
            padding-left: 7px;
            padding-right: 7px;
    }

    /***
    Hidden phone
    ***/
    .hidden-480 {
            display: none !important;
    }

    .right-mnu-new{
        display: none;
    }

    .mobile-margin-top-10 { 
        margin-top: 10px !important; 
    }

    .mobile-margin-top-15 { 
        margin-top: 15px !important; 
    }         
}

/***
The Most Extra Small Devices Portrait Mode Only
***/

@media (max-width: 320px) {

    /***
    Hidden phone
    ***/
    .hidden-320 {
            display: none;
    }

    .header .navbar-brand {
            width: 100px;
    }

    .mobile-margin-top-10 { 
        margin-top: 10px !important; 
    } 

    .mobile-margin-top-15 { 
        margin-top: 15px !important; 
    }         
}	

.dashboard-stat{
    margin-bottom: 12px;
    border-radius: 5px !important;
    padding: 10px;
}

.dashboard-stat .visual{
    padding-top: 0px;
    padding-left: 5px;
    margin-bottom: 0px;    
}

.dashboard-stat .details{
    right:20px;
}

.dashboard-stat .more{
    border-radius: 3px !important;
}

.stats-dh-label{
    margin-top: -10px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px !important;
    font-size: 13px !important;    
}

.row-stat-sale{
    padding: 5px;
    font-size: 15px;
}

.page-content{
    background-color: #fbfcfd;
}

.widget-chart{
    background-color: #fff;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.widget-chart .widget-subheading:first-child{    
    font-size: 15px;
    margin-top: 0;
    
}
.widget-chart .widget-subheading {
    margin: -0.5rem 0 0;
    margin-top: -0.5rem;
    display: block;
    opacity: .6;
}

.widget-chart.text-left .widget-chart-content {
    /*display: flex;
    flex-direction: column;*/
    align-content: center;
    flex: 1;
    position: relative;
}

.widget-chart.text-left .widget-chart-content .widget-description {
    align-self: flex-start;
}

.widget-numbers{
    padding: 10px;width: 50%;float: left;margin-top: 5px;
}

.widget-subheading-icon{
    float: left;width: 50%;padding: 20px;
}

.widget-subheading-icon i{
    font-size: 25px;
}

.widget-chart .widget-numbers {
    font-weight: bold;
    font-size: 2.5rem;
    display: block;
    line-height: 1;
}

.widget-chart .widget-numbers + .widget-chart-flex, .widget-chart .widget-numbers + .widget-description, .widget-chart .widget-numbers + .widget-subheading {
    margin-top: -0.5rem;
}
.widget-chart .widget-description {
    margin: 1rem 0 0;
    margin-top: 1rem;
}
.opacity-8 {
    opacity: .8 !important;
}

.text-danger {
    color: #d92550 !important;
}
.pr-1, .px-1 {
    padding-right: 0.25rem !important;
}
.d-inline {
    display: inline !important;
}

.widget-chart.text-left .icon-wrapper {
    min-width: 54px;
    margin: 0 1rem 0 0;
}
.icon-wrapper {
    width: 54px;
    height: 54px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.icon-wrapper {
    display: flex;
    align-content: center;
    align-items: center;
}
.rounded-circle {
    border-radius: 50% !important;
}

.icon-wrapper .icon-wrapper-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3;
    opacity: .2;
}
.opacity-10 {
    opacity: 1 !important;
}
.bg-warning {
    background-color: #f7b924 !important;
}

.card.no-shadow.rm-border.bg-transparent.widget-chart.text-left:hover {
    background-color: #efefef;
}

.row-stat-sale-resume:hover{
    background-color: #fff;
}

.page-content-dh{
    width: 99%;
    padding: 5px;
}

.right-mnu-new{
    margin-left:2px;
}