/*   
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.5
Version: 1.9.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v1.9/admin/
*/

@import url("font-awesome.4.7.min.css");

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

:root{
   
    --body-fonts: 'Inter', sans-serif;
    --title-fonts: 'Poppins', sans-serif;
    
    --tuinn-color-1: #D34251;
    --tuinn-color-2: #0B0E3D;    
    --tuinn-color-dark: #2b2b2b;
    --tuinn-color-gray: #999;
    --tuinn-color-ligth-bg: #F7F7F7;
    --tuinn-color-ligther-bg: #fff;
    --tuinn-main-bgcolor: #f0f3f5;

    /*variables usabilidad*/

    --tuinn-color-ok: #02c9a6;
    --tuinn-bgcolor-ok: #ccf5e7;
    --tuinn-color-danger:#ed4b78;
    --tuinn-bgcolor-danger:#ffd6e0;
    --tuinn-color-warning: #ff8c00;
    --tuinn-bgcolor-warning: #ffe8cc;
    --tuinn-color-link: #53c2e9;
    --tuinn-bgcolor-link: #ccebff;
    --tuinn-color-link:#0092c8;
    --tuinn-light: #f6d9dc;
}

.text-danger{
    color: var(--tuinn-color-danger)!important;
}

.btn.btn-info i {
    color: var(--tuinn-color-link);
}
.btn.btn-danger {
    color: #fff;
    background: var(--tuinn-color-danger)!important;
 
}
.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger{
    background: var(--tuinn-bgcolor-danger)!important;
}

.panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
    border-bottom: 0;
    color: var(--tuinn-color-2);
}

.coming-soon .brand .logo,


.m-t-50{
    margin-top: 50px!important;
}
.p-b-10{
    padding-bottom: 10px!important;
}
.b-b-1{
    border-bottom: 1px solid #d9e0e7;
}
.f-l{float:left}
.f-r{float:right}



.navbar.navbar-inverse .navbar-brand,
.sidebar .nav > li.active > a, 
.sidebar .nav > li.active > a:focus, 
.sidebar .nav > li.active > a:hover,
.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, 
.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, 
.page-sidebar-minified .sidebar .nav > li.has-sub.active > a,
.label.label-theme,
.btn.btn-scroll-to-top {
    background: var(--tuinn-color-ligth-bg);
}
.coming-soon .brand .logo, .navbar.navbar-inverse .navbar-brand, .sidebar .nav > li.active > a, .sidebar .nav > li.active > a:focus, .sidebar .nav > li.active > a:hover, .page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, .page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, .page-sidebar-minified .sidebar .nav > li.has-sub.active > a, .label.label-theme, .btn.btn-scroll-to-top {
    background: #fff;
    border-bottom: 1px solid var(--tuinn-color-ligth-bg);
}
.navbar.navbar-inverse .navbar-brand {
    color: var(--tuinn-color-ligther-bg) !important;
}
.text-theme,
.sidebar .sub-menu > li.active > a:before {
    color: #00acac;
}
.bg-silver-lighter {
    background: var(--tuinn-color-ligther-bg)!important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border-bottom: 1px solid var(--tuinn-color-ligth-bg)!important;
    border: none;
}
.btn.btn-m.btn-white {
    border-radius: 5px!important;
    padding: 3px 10px!important;
    font-size: 12px!important;
    font-weight: 300!important;   
}
.m-t-50{
    margin-top: 50px!important;
}
.b-b-1{
    border-bottom: 1px solid var(--tuinn-color-ligther-bg);
}

.btn.btn-m.btn-white i{
    padding-right: 3px;
}

.btn-dashboard {
    padding: 3px 5px 2px 5px;
    margin-left: 10px;
    margin-top: -10px;
    position: relative;
    top: 5px;
    background: transparent!important;
    border-color: var(--tuinn-color-ligther-bg);
    border-color: transparent!important;
}
.btn-dashboard > i{
    color: #fff!important;  
}
li.active .btn-dashboard{    
    border-color: var(--tuinn-color-ligther-bg)!important;
}
li.active .btn-dashboard > i{
    color: #0092c8!important;  
}

@media (max-width: 767px) {
    li.btn-contacto-navbar{
        margin-right: -15px;
    }
    li.btn-contacto-navbar span.txt-contacto-navbar{
        display: none;
    }
    .navbar-inverse .navbar-header {
        background: #00acac;
    }
    .top-menu{
        display: block!important;
    }
    
    select#menu_aux{
        position: relative;
        top: 12px;
    }
   
    .page-header-fixed {
        /*padding-top: 56px;*/
        padding-top:110px;
    }    
    button.navbar-toggle.pull-left {
        margin-left: -5px;
    }
    .login.login-with-news-feed .right-content, .register.register-with-news-feed .right-content { 
        width: auto!important;
    }
    #top-menu.oculto {
        display: none!important;
    }
    #top-menu {
        display: block!important;
    }
    .tab-recargas .btn-group{
        display: none;
    }
    .navbar-nav.navbar-right .open .dropdown-menu {
        right: auto;       
    }
   
}


/* Added in v1.5 */

.gradient-enabled .navbar.navbar-inverse .navbar-brand,
.gradient-enabled .sidebar .nav > li.active > a, 
.gradient-enabled .sidebar .nav > li.active > a:focus, 
.gradient-enabled .sidebar .nav > li.active > a:hover,
.gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active:focus > a, 
.gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active:hover > a, 
.gradient-enabled.page-sidebar-minified .sidebar .nav > li.has-sub.active > a,
.gradient-enabled .label.label-theme,
.gradient-enabled .btn.btn-scroll-to-top,
.gradient-enabled .top-menu .nav > li.active > a, 
.gradient-enabled .top-menu .nav > li.active > a:focus, 
.gradient-enabled .top-menu .nav > li.active > a:hover {
    background: rgb(0,210,210); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFjYWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,210,210,1) 0%, rgba(0,172,172,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,210,210,1)), color-stop(100%,rgba(0,172,172,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,210,210,1) 0%,rgba(0,172,172,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,210,210,1) 0%,rgba(0,172,172,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,210,210,1) 0%,rgba(0,172,172,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,210,210,1) 0%,rgba(0,172,172,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d2d2', endColorstr='#00acac',GradientType=0 ); /* IE6-8 */
}
.pace-progress {
    background: #00acac;
}
.pace .pace-activity {
    border-top-color: #00acac;
    border-left-color: #00acac;
}
.breadcrumb>li a:hover {
    color: #9dad36!important;
}
.botonera-navegacion .btn-volver:hover {
    color: #9dad36!important;
}
/* Added in v1.7 */

.page-with-light-sidebar .sidebar .nav > li.active > a > i {
    color: #00acac;
}
.page-with-light-sidebar .sidebar .nav > li.active > a .badge,
.page-with-light-sidebar .sidebar .nav > li.active > a .label.label-theme {
    background: #00acac;
}
#page-loader{/*z-index:1021*/z-index:9999999;}
#page-loader.page-loader-ajax{
    opacity: 0.7;
}

/* Added in v1.9 */

.top-menu .nav > li.active > a, 
.top-menu .nav > li.active > a:focus, 
.top-menu .nav > li.active > a:hover {
    background: #00acac;
}

.sidebar{
    background: #374047;
}
.sidebar .nav>li.expand>a, .sidebar .nav>li>a:focus, .sidebar .nav>li>a:hover {
    background: #373e44;
   
}

/*añadido riva*/
/*loguin*/
.login.login-with-news-feed .right-content, .register.register-with-news-feed .right-content {
    /*float: right;*/
    width: 500px;
    background-color: #fff;
    height: 100vh;
    
}
.login.login-with-news-feed .news-caption .caption-title{
    color: #9dad36;
}
.login.login-with-news-feed .news-caption p{
    color: #fff;
}

.btn.btn-success {
    color: var(--tuinn-color-ligther-bg)!important;
    background-color: var(--tuinn-color-ok)!important;    

    padding: 7px 20px;
    font-weight: bold;
}
.btn.btn-success:hover {
    color: #f3f3f3!important;
    background-color: #0092c8!important;
    border-color: #eaf3f9;
}
.btn-info-lg.btn.btn-fns{
    display: inline-table;
    height: 22px!important;
    width: 23px!important;
    margin-top: -2px;
    font-size: 11px;
    font-weight: bold;
    padding: 0;
    padding-top: 2px;
}

.btn.btn-fns {
    color: #fff;
    background: #0092c8;
    border-color: #0092c8;
}
/* fin loguin*/

body{background: var(--tuinn-main-bgcolor)!important; font-family:var(--body-fonts)!important; -webkit-font-smoothing:antialiased!important; letter-spacing: 0;color: var(--tuinn-color-2);}
body.page-loguin{background: #fff;}
h1, h2, h3, h4, h5, h6 {   
    font-family:var(--title-fonts)!important;
    color: #9dad36;
}
.h4, h4 {
    font-size: 15px;
}
h1.titulo-separador, h2.titulo-separador,h3.titulo-separador,h4.titulo-separador,h5.titulo-separador{
    border-bottom: 1px solid #ccd0d4;
    clear:both;
    display:block;
    float:none;
    padding-bottom: 10px;
}
.content{
    margin-left: 0;
}
.navbar-brand {   
    width: 360px;
}
.spinner, .spinner-small { 
    border-top: 2px solid #337ab7;    
}
.xs{
    width: 50px;
}
.s{
    width: 100px;
}
.m{
    width: 200px;
}
.l{
    width: 300px;
}
.xl{
    width: 500px;
}
.full{
    width: 100%;
}
/*navegacion*/

td > ul{
    padding: 0;
}
td > ul li{
    list-style: none;
}

.elemento_seleccionable{
    cursor: pointer;
}
.elemento_movible{
    cursor: move;
}
.text-success {
    color: var(--tuinn-bgcolor-ok)
}

.navbar.navbar-default {
    background: #37454d;
   
    color: #fff;
}
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar.navbar-default .nav-tabs.nav-tabs-inverse {
       background: #d1d1d1;
}
.navbar.navbar-default .nav.nav-tabs.nav-tabs-inverse>li>a, .nav.nav-tabs.nav-tabs-inverse>li>a:focus, .nav.nav-tabs.nav-tabs-inverse>li>a:hover, .tab-overflow .nav-tabs-inverse .next-button>a, .tab-overflow .nav-tabs-inverse .prev-button>a {
    background: #d1d1d1;
}
.navbar-header-contacto{
    border: 1px solid #fff;
    border-radius: 20px;
    margin-right: 0px;
    margin-top: -6px;
    padding: 5px 7px;
    background: #282828;
    float: left;
}


#main-nav ul.nav-tabs.nav-tabs-inverse {
    background: #fff;    
}
#main-nav .nav.nav-tabs.nav-tabs-inverse>li>a{
    background:#fff; 
    color: #999;
}

#main-nav .nav.nav-tabs.nav-tabs-inverse>li.active>a{
    background:#f1f1f1;
}
#main-nav .primer-nivel li{
    height: 40px;
}

#header  .navbar-toggle .icon-bar{
    background: #f1f1f1;  
}

#header.navbar-default .navbar-nav>li>a{
    color: #fff;
}
#header.navbar-default .navbar-form .form-control, #header.navbar-default .navbar-form .form-control:focus {
    width: 200px!important;
    padding: 5px 15px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: transparent;
    border: 1px solid #fff;    ;
    animation: none;
    color: #fff;    
}

#header.navbar-default .navbar-form .form-control option{
    color: #282828;
}
#header.navbar-default .navbar-form .form-control:focus{
     width: 200px!important;
}
#header.navbar-default .navbar-form .form-control {
    width: 200px!important;
}

#header.navbar-default ul .navbar-form{padding:0 10px;}

#secundary-nav .tab-pane.active.in {display: flex!important;}

.nav-tabs.nav-justified > li{
    width: 200px;
}
.nav.nav-tabs.nav-tabs-inverse > li.active > a, .nav.nav-tabs.nav-tabs-inverse > li.active > a:focus, .nav.nav-tabs.nav-tabs-inverse > li.active > a:hover {
    border-radius: 0;
}
.tab-content{
    border-bottom: 1px solid #c0c4c8;
    margin-bottom: 0px;
}


.alert{
    background: #fff;
}
.alert-danger,.alert.alert-danger.odd td{
    background: #f8b2b2!important;
}
.alert-warning,.alert.alert-warning.odd td{
    background: #ffead0!important;
}

.btn.btn-info {

    background: var(--tuinn-bgcolor-link);
    border-color: var(--tuinn-bgcolor-link);
}

/*ver detalles*/

/*botones comunes*/

.btn.btn-siguiente{
    height: 28px;
    margin-top: 6px!important;
}
.btn-table{
    display: inline-block;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    font-weight: normal;
    padding: 4px 12px;
    background: #f3f3f3;
}
.btn-outline{
    display: inline-block;    
    background-color: transparent;
    border: 1px solid #d2d5da;
    border-radius: 4px;
    font-size: 12px;    
    padding: 4px 12px;
    color: #6a6a6a;
}

.btn-outline i{
    margin-right: 10px;
    color: var(--tuinn-color-2);
    font-size: 14px; 
}

.btn-group li{
    margin: 0!important;
}
.btn-group li a, .btn-group button{
    border-radius: 0;
    margin-left: -1px!important;
}
.cabecera-panel-botonera .btn-group{
    margin-top: 10px;
}
.cabecera-panel-botonera .btn-group {
    margin-top: 12px;
    margin-right: 3px;
    padding-left: 1px;
}
.cabecera-panel-botonera ul li:first-child:not(:last-child) button, .cabecera-panel-botonera ul li:first-child:not(:last-child) a{
    border-top-left-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
}
.cabecera-panel-botonera ul li:last-child:not(:first-child) button, .cabecera-panel-botonera ul li:last-child:not(:first-child) a{
    border-top-right-radius:  4px;
    border-bottom-right-radius:  4px;
}
.dropdown-menu li{
    width: 100%!important;
}


/* fin botones comunes*/

.festivo{
     background-color: #f5c3c2!important;
    color: #d7353a!important;
}
.festivo-azul{
     color:#2a72b5!important;
}
.festivo-verde{
    color: #00acac!important;
}
.festivo-naranja{
    color: #f59c1a!important;
}
.festivo-destacado{
    background-color: #b7d3ec!important;
    color: #348fe2!important;
}
.alert-danger .btn-table,.alert.alert-danger.odd .btn-table{
     color: #a94442;
     border: 1px solid #a94442;
}
.alert-warning.btn-table,.alert.alert-warning .btn-table{
     color: #8a6d3b;
     border: 1px solid #8a6d3b;
}
.alert-warning.btn-table,.alert.alert-warning .btn-table{
     color: #8a6d3b;
     border: 1px solid #8a6d3b;
}


/*fin comunes*/

/*inicion navegacion*/
#main-nav h2.titulo-panel {
    font-size: 12px;
    margin: 0 0 5px;
    text-align: center;
   
}
#main-nav .contenedor{
    border-right:1px solid #d2d5da;
    margin-right: 10px;
}
#main-nav ul{
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;  
}
#main-nav .contenedor ul li {
    
    line-height: 15px;
}
#main-nav .tab-content{
    overflow: hidden;
    border: none;
}
#main-nav .contenedor-2col,#main-nav .contenedor-3col {
    float: left;
    overflow: hidden;
    
}

#main-nav .contenedor-2col{
    min-width: 180px!important;
}
#main-nav .contenedor-3col {
    width: 29%;
    min-width: 180px!important;    
}
#main-nav .contenedor-4col {
    width: 39%;
    min-width: 180px!important;   
}

#main-nav .contenedor-1col {
    float: left;
    width: 9%;
}
#main-nav .contenedor-1col ul li{
    float: left;    
    width: 95%;
    margin: 5px 2.5% 0 0;
}
#main-nav .contenedor-2col{
     width: 19%;
}
#main-nav .contenedor-2col ul li{
    float: left;
    width: 45%;
    margin: 5px 2.5% 0 0;
}
#main-nav .contenedor-3col ul li{
    float: left;
    width: 29%;
    margin: 5px 2.5% 0 0;
}

#main-nav .contenedor {   
   margin-right: 10px;
   min-height: 80px;
   min-width: 200px!important;
}
#main-nav .contenedor.contenedor-1col {
    min-width: 100px!important;
}
#main-nav #btn-expandir-menu{
    float: right;
    padding: 10px;    
}
#main-nav #btn-expandir-menu i{
    font-size: 18px;
    color: #282828;
}
#main-nav #btn-expandir-menu i:hover{
    color: #999;
}
#main-nav .nav-tabs.nav-justified > li{
    float: left;
}
#main-nav .contenedor-4col{
     width: 39%;
      float: left;
}#main-nav  ul li a i{
    color: #000;
    display: block;
    float: left;
    height: 15px;
    font-size: 14px;
    width: 14px;
}
#main-nav .contenedor-6col { width: 59%; float: left; } 
#main-nav .contenedor-6col ul li { width: 15%; float: left; margin-right: 1%; margin-bottom: 5px; }


#main-nav .contenedor-4col ul li{
    float: left;
    width: 22.5%;
    margin: 5px 2.5% 0 0;
}
#main-nav .contenedor-5col{
    float: left;
    width: 49%;
    margin: 5px 2.5% 0 0;
}
#main-nav .contenedor-5col ul li{
    float: left;
    width: 17.5%;
    margin: 5px 2% 0 0;
}
#main-nav {
    /* background: #f0f3f5; */
    position: relative;
}
#main-nav ul li.active a{
    background: #fff;    
}
#main-nav .tab-content{
    background: var(--tuinn-color-ligther-bg);
    border-bottom: 1px solid #d4dfe6;
}
#main-nav #secundary-nav ul li.active a{
    background: transparent;
   
}
#main-nav .tab-content a span{ 
    color: var(--tuinn-color-dark); 
    display: flex;  
}
#main-nav .tab-content a:hover {
    text-decoration: none;  
}
#main-nav .tab-content a:hover span{
    color: #999;
}
#main-nav ul.primer-nivel li a i {
    float: none;
    display: inline;
}
#secundary-nav{
    transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
#secundary-nav.comprimida{
    height: 0;
    padding: 0;    
}


#main-nav{
    position: fixed;
    width: 100%;
    z-index: 1000;
    left:0;
}

/*#page-container.page-header-fixed {
        padding-top:35px!important;
    } */

/*ajustes navegadores*/
@media (min-width:768px) and (max-width: 1170px){
    span.txt-contacto-navbar {
        max-width: 100px;
        display: block;
        float: right;
        line-height: 11px;
        margin-left: 10px;
    }
    li.btn-contacto-navbar { 
        margin-right: -26px;
    }
}

 @media(max-width: 1170px){
     #main-nav ul li{
        border: 1px solid #7cdda7;
     }
     #main-nav .contenedor-2col{
          width: 38%;
     }
     #main-nav .contenedor-3col{
          width: 29%;
     }
     #main-nav .contenedor-4col{
          width: 78%;
     }
     #main-nav .contenedor-5col{
         width: 98%;
     }
}
@media(max-width:970px){

    #main-nav .contenedor-1col, #main-nav .contenedor-2col,  #main-nav .contenedor-3col, #main-nav .contenedor-4col, #main-nav .contenedor-5col{
        width: 98%;
    }
    #main-nav .contenedor{
        min-height: 30px!important;
        position: relative;
    }
    #main-nav ul{
        min-height: 0!important;           
    }
    #main-nav h2.titulo-panel {
        font-size: 12px;
        margin: 15px 0 0;
        text-align: center;
        
        text-align: left;
        position: absolute;
        top: 0;
        width: 100%;
       
    }
    #main-nav h2.titulo-panel:before{
        content: "\f054";
        font: normal normal normal 14px/1 FontAwesome;
        margin-right: 10px;
    }
    #main-nav h2.titulo-panel:before{
        content: "\f061";
    }   
    #main-nav ul li a i {
        display: none;
    }
    #main-nav .contenedor ul li a:before{
        content: "\f054";
        font: normal normal normal 12px/1 FontAwesome;
        color: #000;
    }    
    #main-nav .contenedor ul li {
       
        margin: 12px 2.5% 0 0!important;
    }
    #main-nav .contenedor ul{
        display: none;
        margin-top: 40px;
        margin-bottom: 10px;
        margin-left: 20px;
    }
    #main-nav  .contenedor ul li{
        width: 100%!important;        
    }
    #main-nav .tab-content a span{
        cursor: pointer;
        font-size: 14px;
    }
    #main-nav h2.titulo-panel{
        font-size: 14px;
        cursor: pointer;
    }
      .navbar-header{
        display: none!important;
    }
    .navbar-brand{
        display: none!important;
    }
    .navbar-nav>li {
        float: right!important;
    }
    .navbar-right li.dropdown.navbar-user.custom-tooltip {
        position: absolute!important;
        left: 10px!important;
    }
    
    #secundary-nav .tab-pane.active.in {display: block!important;}    
}
 
/*fin ajustes navegadores*/



/*ayuda a la navegaci�n - compass, titulo, bot�n volver */
.ayuda-navegacion{
    overflow: hidden;
    padding: 0 25px;
}
.ayuda-navegacion .breadcrumb a:hover{
    color: #7cdda7;
}
.botonera-navegacion .btn-volver{
    padding: 5px 20px 5px 10px;
    font-weight: 400;
    color: #505050;
    background: #f1f1f1;
    border-color: transparent;
} 

.btn-volver i{
    float: left;
    margin-right: 50px;
    margin-top: 3px;
}
.btn.btn-buscar{
   background: #0092cd;   
   font-weight: bold;
   padding: 20px 0;
}

/*fin navegacion*/

/*panel de notificaciones*/
#panel-notificaciones{
    display: block;
    height: 50px;   
 
    padding:10px;
    margin-top: -21px;
    border-bottom: 1px solid #fff;    
    transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);  
    opacity: 1;
}
#panel-notificaciones.panel-plegado{
    height: 0px;
    padding: 0;
    opacity: 0;
    margin-top: -41px;
    display: none;
}



#panel-notificaciones .btn-success {
    color: #fff;
    background-color: #37454d;
    border-color: #37454d;
}
#panel-notificaciones .btn.btn-white:hover{
    text-decoration: underline;
}

#panel-notificaciones.alert.alert-success {
    background: #ced69a;
}

#panel-notificaciones .btn-success:hover{
    background-color: #363d43;
}
#panel-notificaciones.alert-warning .btn.btn-white{
    color: #8a6d3b;
    border:1px solid #8a6d3b;
}
#panel-notificaciones.alert-info .btn.btn-white{
    color: #31708f;
    border:1px solid #31708f;
}

#panel-notificaciones.alert-danger .btn.btn-white{
    color: #31708f;
    border:1px solid #31708f;
}

#panel-notificaciones.alert-success .btn.btn-white{
    color:#5c6332;
    border:1px solid #5c6332;
}
#panel-notificaciones.alert-success .texto-panel-notificaciones{
    color: #5c6332;   
}

#panel-notificaciones .btn.btn-white {
    background: transparent;
    border-color: #222;
    color: #000;
    font-weight: 400;
}
#panel-notificaciones.fijar{
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 74px;
}
#panel-notificaciones #contenido-panel-notificaciones{
    overflow: hidden;
}
#panel-notificaciones .texto-panel-notificaciones{
    float: left;
    padding:5px;
}
#panel-notificaciones .botonera-panel-notificaciones{
    float:  right;
}
/*fin panel de notificaciones*/

/*paneles estandar*/
.panel-inverse>.panel-heading {
    background: #f1f1f1;
    color: #37454d;
  
}
#fichareserva .panel-body{
    padding: 0;
    border: 1px solid #eee;
}
#fichareserva #reserva_datos_cliente .panel-body {   
    border: none;
}

#fichareserva .panel-with-tabs.panel-inverse .tab-content{padding: 0;}

#fichareserva #reserva_datos_reserva .panel-body.table-responsive{
    border: none;
}

#fichareserva .btn.btn-inverse {
    margin-bottom: 10px;
    margin-right: 10px;
}
.panel.panel-inverse {   
    border-radius: 4px;
}
.panel>.table-responsive {
    margin-bottom: 0;
    border: 0;
    border: 1px solid #e2e7eb;
}

.panel>.table-responsive .row form div {
	align-items:center;
}


#fichareserva #datos_respaldos  .panel.panel-inverse{
    margin-bottom: 20px;
}
.panel-footer {
    overflow: hidden;
    padding-left: 0;
    background: transparent!important;
}
.panel-footer .botones-derecha{
    display: flex;
}
.botonera-panel-mensaje{
    margin-top: 5px;
}
/*fin paneles estandar*/


/*tabla conexiones*/
.grupo-tabla-conexiones{
    margin-bottom: 20px;
}
.grupo-tabla-conexiones .panel{
    overflow: hidden;
}
.grupo-tabla-conexiones .panel:first-child:not(:last-child){
    margin-bottom: 0;
    border-top-left-radius: 4px; 
    border-top-right-radius: 4px; 
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    
}
.grupo-tabla-conexiones .panel:last-child:not(:first-child){
    margin-bottom: 0;
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px; 
    border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px; 
}
.grupo-tabla-conexiones .panel{
    margin-bottom: 0;
    border-radius: 3px;
    border-top: 1px solid #d9e0e7;
}
.grupo-tabla-conexiones .panel:not(:first-child):not(:last-child){
     border-radius: 0px;
}
.bg-black-darker{
    background: #2d353c!important;
}

.tabla-conexiones h5{
    color: #f0f0f0;
}
.tabla-conexiones b{
    text-transform: uppercase;
    color: #2d353c;
}
.tabla-conexiones ul{
    padding: 0;
    margin: 0;
    list-style: none;
   
}
.tabla-conexiones ul li{
    margin: 5px 10px 5px 0;
    padding: 0;      
    float: left;    
    background: var(--tuinn-color-ligther-bg);
}
.tabla-conexiones .conexion-ok{
    color: #9dad36;
}
.tabla-conexiones .conexion-fail{
    color: #ff5b57;
}
.tabla-conexiones .conexion-warning, .tabla-conexiones .conexion-warning *{
    color: #f59c1a;
}
.tabla-conexiones .listado-conexiones i{
    margin-right: 5px;  
}

/*fin tabla conexiones*/

.btn-group-colapsado{
    margin-right: 10px;
}
.btn-group-colapsado .btn.btn-white {
    width: 40px;  
    transition: width 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;    
    padding: 5px 10px;
    overflow: hidden;
    
}
.btn-group-colapsado .btn.btn-white:hover {   
   z-index: 1000;
   width: 100px;
}
.buscador-tipo1{
    margin-left: 10px;
}

.buscador-tipo1 h2, .buscador-tipo1 h3, .buscador-tipo1 h4{
    color: #282828;
}
.buscador-tipo1 .btn-buscar{
    margin-top: 6px;
    margin-left: 10px;
    color: #fff;
    padding: 4px;
}
.tab-recargas.bg-silver-lighter{
    background-color: #dae0e4!important;
}
.tab-recargas{
    margin-top: -20px;
    overflow: hidden;
}
.tab-recargas .btn-toolbar{
   float: left;
    margin-left: 5px;
}
.tab-recargas .badge{
    margin-right: 10px;
    width: 18px;
}
.tab-recargas .btn.btn-white{
    color: #fff;
}

.tab-recargas .btn.btn-white:hover{
    text-decoration: none;
    cursor: default;
}
td.anulada{
    background: #f8b2b2;
}
.table.tabla-compactada>tbody>tr>td, .table.tabla-compactada>thead>tr>th,.table.tabla-compactada>tbody>tr>th{
    padding: 4px;
    text-align: center;
}
.no-leida{
    font-weight: bold;
    font-size: 11.6px;   
}
.no-leida .btn-table{
    font-size: 11.3px;
    padding: 5px 12px;
}
.btn-toolbar.btn-toolbar-festivos {
    margin-right: 10px;
}
.btn-toolbar.btn-toolbar-festivos .btn-group {
    margin-right: 0;
}
.btn-toolbar.btn-toolbar-festivos .btn{
    font-weight: bold;
    border: 1px solid #ccd0d4;
    background: #fff;
}
.btn-toolbar.btn-toolbar-festivos .btn.btn-inverse{
    margin-top: 5px;
    color: #fff!important;
    background: #2d353c!important;
    border-color: #2d353c!important;
    font-weight: normal;
}
.btn-toolbar.btn-toolbar-festivos .btn.bg-red{   
    color: #ff5b57;    
}
.btn-toolbar.btn-toolbar-festivos .btn.bg-purple{   
    color: #5b6392;    
}
.btn-toolbar.btn-toolbar-festivos .btn.bg-blue{   
    color: #2a72b5;    
}
.btn-toolbar.btn-toolbar-festivos .btn.bg-orange{   
    color: #f59c1a;    
}

/*fin a�adido riva*/

/*modales*/
h4.modal-title, h5.modal-title {
    color: #9dad36;
    font-weight: lighter;
    margin: 0px;
}
.modal-body {   
    font-size: 15px;
    padding: 15px 15px 9px 15px;
}
/*barra de cargando*/
.custom-progress {
    
    margin: 20px 0;
}
.custom-progress .progress-bar{
    background-color: #9dad36;
}

/*fin modal*/
.dropdown-estrecho{
    margin-top: 1px;   
    text-align: right;
}
.dropdown-estrecho select{
    padding: 2px 12px;
    height: 25px;
    cursor: pointer;
}
.dropdown-estrecho select option{
    border: none;
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}

/*menu 2*/
.content-menu-tipo2{
    margin-left: 220px;
}

/*fin menu 2*/

/*menu 3*/
.top-menu{
    position: relative;
    top: 0;
    z-index:1015;
}
.top-menu .nav>li.menu-control.menu-control-right {
    right: 0px;
    display: none;    
}

.top-menu .nav > li.active > a, .top-menu .nav > li.active > a:focus, .top-menu .nav > li.active > a:hover {
    background: #9dad36;
}


/*tabs*/
.nav.nav-tabs.nav-tabs-inverse>li>a, .nav.nav-tabs.nav-tabs-inverse>li>a:focus, .nav.nav-tabs.nav-tabs-inverse>li>a:hover, .tab-overflow .nav-tabs-inverse .next-button>a, .tab-overflow .nav-tabs-inverse .prev-button>a {
    background: #a2b2c4;
}
.custom-tab .nav.nav-tabs.nav-tabs-inverse > li.active > a{
    position: relative;
    top: 0px;
}
.custom-tab .nav.nav-tabs.nav-tabs-inverse>li>a{
    margin-top: 10px;
    position: relative;
    top: 10px;
    
}
.custom-tab .nav.nav-tabs.nav-tabs-inverse>li>a:hover{
    margin-top: 10px;
    position: relative;
    top: 10px;
    color: #999;
}

.custom-tab .nav.nav-tabs.nav-tabs-inverse > li.active > a, .custom-tab .nav.nav-tabs.nav-tabs-inverse > li.active > a:focus, .nav.nav-tabs.nav-tabs-inverse > li.active > a:hover{
    background: #dae0e4!important;
    padding-bottom: 20px;
}

.custom-tab.tab-overflow,.custom-tab.tab-overflow .nav.nav-tabs {
    background: #a6a6a6!important;
}
.tab-overflow .nav.nav-tabs {
    margin: 10px 0 0 0;  
    white-space: nowrap;
    display: table;
    margin: 0;
    margin-left: 25px;
    border-radius: 2px 2px 0 0;
}
.custom-tab.nav.nav-tabs.nav-tabs-inverse>li>a, .custom-tab.nav.nav-tabs.nav-tabs-inverse>li>a:focus, .custom-tab.nav.nav-tabs.nav-tabs-inverse>li>a:hover, .custom-tab.tab-overflow .nav-tabs-inverse .next-button>a, .custom-tab.tab-overflow .nav-tabs-inverse .prev-button>a {
    background: #fff!important;
}
.tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button, .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button{
    box-shadow: none;
    -webkit-box-shadow: none;
}

.custom-tab.nav.nav-tabs.nav-tabs-inverse>li>a, .custom-tab.nav.nav-tabs.nav-tabs-inverse>li>a:focus, .custom-tab.nav.nav-tabs.nav-tabs-inverse>li>a:hover, .custom-tab.tab-overflow .nav-tabs-inverse .next-button>a, .custom-tab.tab-overflow .nav-tabs-inverse .prev-button>a {
       
    background: #2d353c;
    border-color: #2d353c;
}
.custom-tab + .tab-recargas {
     margin-top:0px;  
}
/* fin tabs*/



/*panel lateral*/
.theme-panel{
    right: -290px;
}
.theme-panel.custom-theme-panel {    
    top: 0px; 
    height: 100%; 
    width: 290px;    
    transition: all 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.theme-panel.custom-theme-panel.expandir{
    width: 94%;
    right: 0px;
}
.theme-panel .btn-panel-maximizar{
    margin-right:5px;
}
.theme-panel.custom-theme-panel .theme-collapse-btn{
    top: auto!important;
}
.theme-panel.custom-theme-panel .tab-inverse{
    background: #0092cd;
    color: #fff;
}
.theme-panel.custom-theme-panel .panel-header{
    overflow: hidden;
}
.theme-panel.active .theme-panel-tabs .theme-collapse-btn.active{
    color: #9dad36;
}

.theme-panel.custom-theme-panel.active .theme-collapse-btn .fa:before{
    content: '';
}

.theme-panel.custom-theme-panel.active .theme-collapse-btn .fa-bed:before{
    content: "\f236";
}

.theme-panel.custom-theme-panel.active .theme-collapse-btn .fa.fa-sign-in:before{
    content: "\f090";
}
.theme-panel.custom-theme-panel.active .theme-collapse-btn .fa.fa-sign-out:before{
    content: "\f08b";
}
.theme-panel.custom-theme-panel.active .theme-collapse-btn.btn-crear-reserva .fa-plus-square:before{
    content: "\f0fe";
}

.theme-panel.custom-theme-panel.active .theme-collapse-btn .fa-home:before{
    content: "\f015";
}

.theme-panel.custom-theme-panel.active .theme-collapse-btn .fa-calendar:before{
    content: "\f073";
}

.theme-panel.custom-theme-panel .theme-collapse-btn.btn-gestion-integral{    
    bottom: 355px;  
}

.theme-panel.custom-theme-panel .theme-collapse-btn.btn-estado-habitacones{
	bottom: 390px;
}
.theme-panel.custom-theme-panel .theme-collapse-btn.btn-listado-reserva{    
    bottom: 320px;  
}
.theme-panel.custom-theme-panel .theme-collapse-btn.btn-panel-check-in{    
    bottom: 285px;  
}
.theme-panel.custom-theme-panel .theme-collapse-btn.btn-panel-check-out{    
    bottom: 180px;
}
.theme-panel.custom-theme-panel .theme-collapse-btn.btn-in-house{
    bottom: 250px;
}
.theme-panel.custom-theme-panel .theme-collapse-btn.btn-roomlist{
    bottom: 215px;
}
.theme-panel.custom-theme-panel .theme-collapse-btn.btn-ver-planning{
    bottom: 145px;  
}
.theme-panel.custom-theme-panel .theme-collapse-btn.btn-cotizador{
    bottom: 110px;  
}
.theme-panel.custom-theme-panel .theme-collapse-btn.btn-crear-reserva{
    bottom:  75px;  
}
.theme-panel .theme-panel-tab-wrapper.tab-hidden{
    display: none;
}
.hide-with-script{display:none;}


.theme-panel .div.dataTables_wrapper div.dataTables_paginate{
    clear: both;    
}
#custom-panel-tabs .custom-panel-tabs .theme-panel-content {
    z-index: 850;    
}
#custom-panel-tabs .theme-panel-content {
    overflow-y:scroll;overflow-x:hidden;position:absolute;top:0;bottom:0;left:0;right:0;margin:0;
}

.si_1 {padding:0px;text-align:center;width:2.5em!important;}
.si_2 {padding:0px;text-align:center;width:3em!important;}
.si_3 {padding:0px;text-align:center;width:3.5em!important;}
.si_4 {padding:0px;text-align:center;width:4em!important;}
.si_5 {padding:0px;text-align:center;width:5em!important;}
.si_6 {padding:0px;text-align:center;width:5.5em!important;}
.si_7 {padding:0px;text-align:center;width:6em!important;}
.si_10 {padding:0px;text-align:center;width:10em!important;}
.si_20 {padding:0px;text-align:center;width:20em!important;}

/*plugin autocomplete*/
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; width: 300px !important}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
/*fin plugin autocomplete*/

/* Menú formulario por pasos */
.bwizard-steps{padding-left:0;}
.bwizard-steps > li.active {background:#9dad36!important;color:#fff;}
/* Fin menú formulario por pasos */

/*upselling*/

.producto_upselling {
    border: 1px solid #f0f0f0;
    min-height: 170px;
    margin-bottom: 20px;
}
.producto_upselling h5, .producto_upselling p{
    margin: 5px 0;
    
}
.producto_upselling .otros_productos tr input {
	margin:0 5px;
}
.producto_upselling .otros_productos tr td > div {
	display:flex;
	align-items:center;
	gap:4px;
}
.producto_upselling .otros_productos tr td > input, .producto_upselling .otros_productos tr td > small {
	display:inline-block;
	vertical-align:middle;

}
/* fin upselling*/


@media (min-width: 979px){
    .galeria-edicion-imagenes.gallery .image {
        width: 25%;
    }
    .theme-panel{
        /*right: -500px;*/
        right: -650px;
    }
    .theme-panel.custom-theme-panel{
        /*width: 500px;*/
        width: 650px!important;
    }
    
}

.galeria-edicion-imagenes.gallery .image .image-info .xs{
    width: 25%;
}

.galeria-edicion-imagenes.gallery .image .image-info .s{
    width: 60%;
}


/* ESTADOS INHOUSE RESERVA*/
.note.note-perso {
    border-color: var(--tuinn-color-ligther-bg);
    background: var(--tuinn-color-ligther-bg);  
    border: 1px solid var(--tuinn-color-ligth-bg);
    margin-top: 2rem;
}
.note.note-perso h1, .note.note-perso h2, .note.note-perso h3,
.note.note-perso h4, .note.note-perso h5, .note.note-perso h6{
    color: #37454d;
}

#estados select {
    font-size: 1.6rem;
    border: none;
    border: 1px solid var(--tuinn-color-gray);
    padding-left: 1rem;
}
.estadoinhouse{
    height: 46px;
    font-size: 22px;
    padding: 7px 0;
    text-align: right;
}
.estadoinhouse label{
    margin:0;
}
/* FIN ESTADOS INHOUSE RESERVA*/

/* PLANNING */
.res_planning {overflow:hidden;}
.res_planning {position:absolute; height:28px; width:55px; top:0; left:0; padding:0px; font-size:0.9em; cursor:pointer; text-align:center;font-weight:bold; z-index:10; outline:#6a6a6a 1px solid; border:#fff 1px solid; box-sizing: border-box;}
.res_planning span {margin:-6px 0 0 0; overflow:hidden; height:10px;}
.res_planning em {font-size:0.8em; display:block; margin:0; color:#000;}
.res_planning > i{position:absolute;top:-10px;right:-10px;font-size:20px;color:#8a6d3b;}

table#tablaplanning > thead > tr > th {padding:5px 0;text-align:center;}
table#tablaplanning > tbody > tr > th {padding:5px 0 5px 5px;    text-align: center;}

.hoverCellPlanning{background-color: #f2f2f2!important;}
/* FIN PLANNING*/

/* FACTURA ANULADA */
#factura_anulada{
    position: absolute;
    z-index: 10000000;
    /* background: url(../../img/facturacion/factura_anulada.png) no-repeat;*/
    width: 75%;
    height: 291px;
    top: 25%;
    background-size: contain;
}

/* Quim */
table#inventariobodegas thead > tr > th {text-align:center;}
.destacar-titulo-grupo {text-align:center; font-weight: bold; background-color:#b6b6b6 !important;}
.aligncantid {text-align:right;}
.aligntdcenter {text-align:center;}
.aligntdleft {text-align:left;}
.alignvttop {vertical-align:top !important;}
.alignvtmid {vertical-align:middle !important;}
.alignvtbot {vertical-align:bottom !important;}
.btn-quitar-padding-vertical {padding-top:0px;padding-bottom:0px;}
.width100 {width:100% !important;}
.width10 {width:10% !important;}
.width20 {width:20% !important;}
.width30 {width:30% !important;}
.ocultar {display: none;}
.borde-top {border-top: 1px solid #eee;}
.margen-top-10 {margin-top: 10px; display: inline-block;}
.lateral-form-group {
    display: flex;
    flex-direction: column;
}
.wauto {
    width: auto !important;
}
/* Fin Quim */
#recarga_ajax_desglose>div.row:nth-of-type(odd){
    background-color: #f9f9f9;
}

#custom-panel-tabs .dataTables_wrapper .row:first-child .col-sm-6:first-child{
    display: none;
}

.tachado, .tachado span, .tachado em{text-decoration:line-through;}
.info-actualizado{color:#769117;margin-top:7px;}
.info-desactualizado{color:#ff830b;margin-top:7px;}

#gritter-notice-wrapper p,span{font-size:12px!important;letter-spacing: 0!important;}


.display-block{display:block!important;}
.min-height-40{min-height:40px!important;}
.inline-block{display:inline-block!important;}
.no-cell-border{border-right:hidden !important; border-left:hidden !important;}

/* Limpieza */
.bg-green-traditional{background:#9dad36;}
.bg-yellow-traditional{background:yellow;}

.navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
    font-size: 15px;
    line-height: 15px;
}

.datepicker.dropdown-menu{
    z-index: 10000!important;
}

.panel-with-tabs.panel-inverse .nav-tabs{
    background-color: #9dad36;
}

.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
    border: 0;
    border-bottom: 1px solid #e7eef2;
}

.panel-with-tabs.panel-inverse .nav-tabs>li>a{
    color: #fff;
}
.panel-with-tabs.panel-inverse .nav-tabs>li.active>a,
.panel-with-tabs.panel-inverse .nav-tabs>li>a:hover{
    color: #333;
    background: #fff;
}

.panel-with-tabs.panel-inverse .tab-content{
    border-bottom: 0;
    padding-bottom: 0;
}

span.tag-video{background:#49b6d6;border-radius:5px;color:#fff;display: inline-block;margin-top: 3px;padding:5px;}

#calendar .fc-widget-header {padding:3px 0!important;}
.fc-content:hover{cursor:pointer!important;}

/* Facturas */
h3.invoice-header{font-size:18px!important;color:#707478!important;}
h3.invoice-header p {font-size: 12px;margin-bottom: 5px;}
ul.basico{list-style:none!important;}
.invoice-to p{color:#707478!important;padding:0!important;margin:0!important;}
tr.row-invoice-destacado {border-bottom: 2px solid #fff!important;}
tr.row-invoice-destacado td{background:#f0f3f4!important;}
tr.row-invoice-destacado.bg-black {background: #2d353c!important;color:#fff!important;font-size: 18px;}
tr.row-invoice-destacado.bg-black td{background:#2d353c!important;color:#fff!important;}
li.btn-contacto-navbar {float: right;background: #9dad36;}
.navbar-header-contacto {border:none;border-radius: 20px;margin-right: 0px;margin-top: -5px;padding: 5px 0;background:transparent;float: left;font-weight: bold;padding-bottom: 17px;}

.tipo-cambio-cabecera{display:inline-block;}
li.btn-precio-tarifa > a{border:1px solid #fff;border-radius:5px;margin-top:13px;padding:4px 10px;}

.height-25{height:25px !important;}
table.tabla-compactada td.rango {max-width: 35px!important;width: 35px!important;}

i.fa.fa-exclamation-triangle.red{color:red}
.container-bloqueo-habitacion{color:#337ab7;}
.container-bloqueo-habitacion > i:hover{cursor:pointer;}

@media (min-width: 992px) and (max-width: 1200px) { 
    #secundary-nav ul li {
        float: left!important;
        width: 100%!important;
        margin: 5px 2.5% 0 0!important;
    }
}

.bienvenidacalida-block{border: 1px solid #ddd;border-radius: 5px;position: relative;margin-top: 40px;padding-top: 15px!important;width:49%;margin-right: 0.5%;margin-left: 0.5%;}
.bienvenidacalida-block > h5{position: absolute;top: -22px;background: #fff;padding: 5px 10px;}
.input-group.input-daterange input.form-control.datepicker-desde-con-minimo, .input-group.input-daterange input.form-control.datepicker-hasta-con-minimo{min-width:90px!important;}

.text-truncate{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.height-75{height: 75px!important;}
.width-150{width:150px!important;}

/*añadido menu sup*/
.d-flex {
    display: flex!important;
}
.flex-column{
    flex-direction: column;
}
.contenedor-col-int.d-flex ul li a {
    display: flex;
}
.contenedor-col-int.d-flex ul {
    margin-right: 20px!important;
}

#main-nav .primer-nivel {
    display: flex;
}
#main-nav .contenedor-4col ul li , #main-nav .contenedor-3col ul li,#main-nav .contenedor-2col ul li, #main-nav .contenedor-1col ul li {
    float: none;
    width: 100%;
    padding-right: 10px;
}
#main-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    width: 100%;
}
/*fin a�adido menu sup*/
#btn-minimizar{
    cursor: pointer;
}

div#contenedor-recomendaciones.minimizar {
    height: 45px;
   
}
div#contenedor-recomendaciones{
    transition: height 0.5s;
    height: 200px;
    overflow: hidden;
}
div#contenedor-recomendaciones i.fa.fa-expand {
    font-size: 12px;
    color: #282828;
}

.contenedor-centro-recomendaciones .arrow-custom-slider{
    background: transparent!important;
}
#centro-recomencaciones .custom-slider-item {
    cursor: pointer;
    margin-bottom: 4px;
}
.contenedor-centro-recomendaciones  h4{
    margin-top: 0;   
    margin-bottom: 0;
}
.justify-content-between{
    justify-content: space-between!important;
}
.b-r-10{
    border-radius: 10px;
}

.barra-pleg {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
}
.barra-pleg h4{
    margin-left: 15px;      
    color: #37454d;  
}
.barra-pleg #btn-minimizar{
    margin-right: 15px;
}
.btn-info-lg{
    border: 2px solid #282828;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 8px;
}
.btn-info-lg.btn.btn-danger {
    display: inline-table;
    height: 22px!important;
    width: 23px!important;
    margin-top: -2px;
    font-size: 11px;
    font-weight: bold;
    padding: 0;
    padding-top: 2px;
}

/*modificaciones 2020*/

/*colores segun punto de menu*/
h1, h2, h3, h4, h5, h6 {
    color: #37454d;
}


body#general h1, body#general h2:not(.titulo-panel), body#general h3,body#general h4.titulo-separador,body#general  a.navbar-brand > div > div i {
    color: #2f7cb9!important;
}
body#cm h1, body#cm h2:not(.titulo-panel) , body#cm h3, body#cm h4.titulo-separador,body#cm  a.navbar-brand > div > div i {

    color: #7eb845!important;
}

body#sites h1, body#sites h2:not(.titulo-panel),body#sites h3,body#sites h4.titulo-separador, body#sites  a.navbar-brand > div > div i {
    color: #0092cd!important;
}
body#gastro h1, body#gastro h2:not(.titulo-panel),body#gastro h3,body#gastro h4.titulo-separador, body#gastro  a.navbar-brand > div > div i {
    color: #e5304d!important;
}
body#wasirate h1, body#wasirate h2:not(.titulo-panel),body#wasirate h3,body#wasirate h4.titulo-separador, body#wasirate a.navbar-brand > div > div i {
    color: #37454d!important;
}
/*fin colores segun punto de menu*/

.widget.widget-stats {
    position: relative;
    min-height: 130px;
}
custom-tab .nav.nav-tabs.nav-tabs-inverse > li.active > a, .custom-tab .nav.nav-tabs.nav-tabs-inverse > li.active > a:focus, .nav.nav-tabs.nav-tabs-inverse > li.active > a:hover{
    background: #f1f1f1!important;
    padding-bottom: 20px;
}
.panel-inverse>.panel-heading {
    background: #f1f1f1;
    color: #37454d;
}
.navbar.navbar-default {
    background: #fff;    
    color: #fff;
}
#main-nav h2.titulo-panel {
    font-size: 12px;
    margin: 0 0 5px;
    text-align: center;
    color: #37454d;
}
.panel-body {
    padding: 15px;
    border: 1px solid #ccd0d4;
}
#main-nav h2.titulo-panel {
    font-weight: bold;
    color: var(--tuinn-color-2)!important;
}

#perdiodosGestionIntegral .contenedorDiasSemana {
	display:flex;
}
#perdiodosGestionIntegral .contenedorDiasSemana .contenedor-checkboxSemana {
	margin-right: 10px;
}

ul.nav.nav-tabs.nav-tabs-inverse.primer-nivel li a {
    font-weight: bold;
    color: var(--tuinn-color-2)!important;
}
.navbar.navbar-default {   
   border-top:none; 
}
li.btn-contacto-navbar {
    border-radius: 50px;
    height: 39px;
    margin-top: 7px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.navbar-default .navbar-nav>li>a {
    color: #585663;
}
#header.navbar-default .navbar-nav>li>a{
    color: #fff!important; 
}
.navbar-header-contacto {
    padding-bottom: 0;
}
#header.navbar-default .navbar-nav>li>a {
    color: #585663;
}
#header.navbar-default .navbar-nav>li>a {
    color: #585663!important;
}



#gritter-notice-wrapper p {
    padding-left: 10px;
}
.navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
    font-size: 12px;
    line-height: 15px;
    color: #777;
    font-weight: bold;
}
.navbar-header-contacto {
    padding-bottom: 0;
    color: #f3f3f3;
}

.navbar-logo > img {
    max-height: 30px;
    width: auto;
}

.navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
    font-size: 12px;
    line-height: 15px;
    color: #777;
    font-weight: normal;
    display: flex;
    align-items: center;
}
.navbar>.container-fluid .navbar-brand > .m-t-5 {
    display: none!important;
}
li.btn-contacto-navbar {
    float: right;
    background: transparent;
    color: #0092c8!important;
}
.navbar-header-contacto {
    padding-bottom: 0;
    color: #0092c8!important;
}

/*iconos menú*/
#main-nav .nav.nav-tabs.nav-tabs-inverse>li.active>a {
    background: #f0f3f5;
    margin-right: 0;
    cursor: pointer;
}
#main-nav .nav.nav-tabs.nav-tabs-inverse>li>a {
    background: #fff;
    color: #999;
    margin-right: 0;
}
#main-nav .nav.nav-tabs.nav-tabs-inverse>li>a:hover {
    background: #f8f8f8;
}
#main-nav .primer-nivel li {
    height: 40px;
    border-right: 2px solid #f1f1f1;
}
img.icono-fns {
    height: 18px;
}
#header.navbar-default .navbar-form .form-control {
    width: auto;
    background-color: #f3f3f3!important;
    color: var(--tuinn-color-2)!important;
    border-radius: 3px; 
    height: 40px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -5px;
    margin-bottom: -5px;
}
li.btn-precio-tarifa {
    margin-top: -5px;
}
.tipo-cambio-cabecera {
    display: block;
    color: #282828;
}
.fns-sites{
    color: #0092c8!important;
}
.fns-booking{
    color: #0092c8!important;
}
#header.navbar-default ul.nav.navbar-nav.navbar-right {
    margin-right: 0;
}
#header.navbar-default .navbar-nav>li>a i {
    padding-right: 10px;
}
ul.nav.navbar-nav.navbar-right > li {
    margin-right: 0px!important;
}
#header li.dropdown.navbar-user.custom-tooltip {
    margin-top: 7px;
    height: 38px;
    margin-right: 20px;
}
#header.navbar-default .navbar-nav>li>a {
    color: #0092c8!important;
    border-radius: 3px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;   
    margin-right: 10px;
    border: 1px solid #ddd;
}
#header.navbar-default .navbar-nav>li>a {    
    border-radius: 3px;
}
#main-nav .nav.nav-tabs.nav-tabs-inverse>li>a { 
    display: flex!important;
    justify-content: center;
    align-items: center;
    line-height:12px;
}
#main-nav li.active .icono-primer-nivel.icono-smartrevenue  {
         background:#d34251;
}
#main-nav .primer-nivel li .icono-primer-nivel > span {
    display: flex;
    justify-content: center;
    align-items: center;
   
}
#main-nav .primer-nivel li .icono-primer-nivel {
    background: transparent;
    height: 23px!important;
    border-radius: 50%;
    width: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;

}

.bg-channel{
    background: #96cc4f!important;
}
.color-channel{
    color:#96cc4f!important;
}
.bg-pms{
    background: #27a480!important;
}
.color-pms{
    color:#27a480!important;
}
.bg-gastro{
    background: #e5304d!important;
}
.color-gastro{
    color:#e5304d!important;
}
.bg-sites{
    background: #0092cd!important;
}
.color-sites{
    color:#0092cd!important;
}
#main-nav ul.primer-nivel li.active a span span i {
    font-size: 12px;
    margin-left: 35%;
    margin-top: 20%;
}
#main-nav .primer-nivel li.active .icono-primer-nivel{
    background: var(--tuinn-color-1);
}
#main-nav .primer-nivel li.active .icono-primer-nivel img{
    filter: invert(100%) saturate(0%) brightness(1000%) contrast(100%) !important;
}
 
#main-nav .primer-nivel li.active .icono-primer-nivel.icono-pms {
    background: #27a480;
}
#main-nav .primer-nivel li.active .icono-primer-nivel.icono-fnsGastro {
    background: #e5304d!important;
}
#main-nav .primer-nivel li.active .icono-primer-nivel.icono-sites {
    background: #0092cd!important;
}
#main-nav .primer-nivel li .icono-primer-nivel img{
    height: 15px;
    width: 15px;
}
ul.nav.navbar-nav.navbar-right li a, ul.nav.navbar-nav.navbar-right li select {
    font-weight: bold;
}
#header li.btn-maximizar {
    margin-top: 7px;
}
#header li.btn-maximizar > .btn {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px!important;
}
#header li.dropdown.navbar-user.custom-tooltip span {   
    padding-right: 10px;
    color: var(--tuinn-color-2);
}
span.txt-contacto-navbar {
    color: var(--tuinn-color-2);
}
li.btn-contacto-navbar{
    background: transparent;
}

.bg-yellow-fns{
    background: #f1b525!important;    
}
.bg-yellow-fns *{
    color: #333!important;
    font-weight: bold;
}

.bg-fns-darker{
    background:#1b386c!important;
}
.bg-fns-dark{
    background:#204980!important;
}
.bg-fns-medium{
    background:#27629c!important;
}
.bg-fns-ligth{
    background:#2f7cb9!important;
}
.bg-fns-lighter{
    background:#348dcd!important;
}

.bg-fns-lighter-2{
    background:#d6e7f4!important;
}
.bg-fns-lighter-2 > *{
    color:#1b386c!important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background: #0092c8!important;
    border-color: #0092c8!important;
}
.panel-heading-btn {
    display: flex!important;
    justify-content: center!important;
    align-items: center;
    /*display: none!important;*/
}
.botonera-panel {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.botonera-panel span {
	padding: 0px 10px;
}
/*menu dos*/
#top-menu{
    background: #fff;   
}
div#top-menu {
    border-bottom: 1px solid #f0f3f5;
}
#top-menu > ul.nav li {
    border-right: 2px solid #f1f1f1;
}
#top-menu span.icono-primer-nivel {
    padding-right: 5px;
}
#top-menu img.icono-fns {
    height: 15px;
}
#top-menu  .primer-nivel li .icono-primer-nivel {
    background: transparent;
    height: 23px!important;
    border-radius: 50%;
    width: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
#top-menu *{
    color: #37454d;   
}
#top-menu > ul.nav{
    font-weight: bold;
}
#top-menu > ul.nav > li > a{
    font-weight: bold;
    padding: 10px 13px;
}

#top-menu .nav .sub-menu{
    background: #fff;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
}
#top-menu .nav>li:focus>a, #top-menu .nav>li:hover>a, #top-menu .nav>li>a:focus, #top-menu .nav>li>a:hover {
    background: #f8f8f8;
}
#top-menu  .sub-menu>li>a {   
    cursor: pointer;
    font-weight: bold;
}
#top-menu .sub-menu li.has-sub.expand {
    background: #f8f8f8;
}
#top-menu  .sub-menu>li > ul.sub-menu > li{
    font-weight: normal;
}
#top-menu  .sub-menu>li>a:hover {   
    background: #f8f8f8;
}

#top-menu li.has-sub.active{
    background-color: #f3f3f3;
}
#top-menu .nav > li.active > a, .top-menu .nav > li.active > a:focus, .top-menu .nav > li.active > a:hover{
    background: #f1f1f1;
}

#top-menu>li>a {
    padding: 5px 20px;
    background-color: #f3f3f3!important;
    cursor: pointer;
}

/*fin menu dos*/

/*menu tres*/
#sidebar *{
    transition: background-color 1s;
}
#sidebar {
    background: #ffff!important;
}
#sidebar span.icono-primer-nivel {
    padding-right: 10px;   
}
#page-container.page-sidebar-minified #sidebar span.icono-primer-nivel{
    display: block;
}
#sidebar .nav>li>a {
    color: #37454d;
    font-weight: bold;
}
#sidebar{
    background: #fff!important;
    color: #37454d!important;
}
#sidebar .nav>li>a {
    color: #212f36!important;
    font-weight: bold;
}
a.sidebar-minify-btn {
    background: #b2c1d1;   
}
#sidebar .sub-menu>li>a{
    color: #37454d!important;
}
#sidebar .nav>li> {
    border-bottom:1px solid  #37454d;
    font-weight: bold;
}
#sidebar ul.nav li {
    border-bottom: 1px solid #d9e0e7;
}
#sidebar ul ul {
    box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
}

#sidebar .nav>li.expand>a, #sidebar .nav>li>a:focus, #sidebar .nav>li>a:hover {
    background-color: #fff!important;
    color: #373e44;
    font-weight: bold;
}
#sidebar.sub-menu>li.active>a, #sidebar .sub-menu>li.active>a:focus, #sidebar .sub-menu>li.active>a:hover, #sidebar .sub-menu>li>a:focus, #sidebar .sub-menu>li>a:hover {
    color: #373e44;
    cursor: pointer;
}
#sidebar .sub-menu {
    padding: 10px 0 10px 30px;
    margin: 0;
    background: #fff;
    position: relative;
    display: none;
}
.sidebar .sub-menu:before {   
    background: #f0f0f0;
}

#page-container.page-sidebar-minified .sidebar .nav li.has-sub>.sub-menu {    
    left: 0;
}

/*fin menu tres*/

/*login*/

.login.login-with-news-feed .news-caption .caption-title {
    color: #0B0E3D!important;
    font-weight: 500!important;
    
}
.login.login-with-news-feed .news-caption .caption-title span {
    color: #0B0E3D!important;
    font-weight: bold!important;
    font-size: 28px!important;
}
.login.login-with-news-feed .news-caption p{
    color: var(--tuinn-color-dark);
}
.login.login-with-news-feed .news-caption, .register.register-with-news-feed .news-caption {
    background: rgba(255,255,255,.7);
}

.login.login-with-news-feed .login-header .brand > div {
    margin-bottom: 20px;
}
button.btn.btn-success.btn-block.btn-lg {
    color: #fff!important;
    background: var(--tuinn-color-1)!important;
    
    border-color: var(--tuinn-color-1)!important;
    border-radius: 5px;
}

.navbar-logo>img{/*width:118px*/width:auto;}

.btn.btn-icon.btn-circle.btn-success.btn-scroll-to-top .fade{
    font-size: 28px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 40px;
}

/* fin modificaciones 2020*/

/*aplicar #cm si se ve mal en otros lugares*/
li.btn-contacto-navbar {
    float: right;
    background:transparent;
}

.btn.btn-inverse {
    color: #fff;
    background: var(--tuinn-color-2);
    border-color:  var(--tuinn-color-2);
}
.panel-title {
    font-size: 14px!important;
}

.panel-heading-btn > .btn.btn-xs.btn.btn-white > i {
    margin-right: 10px;
}

.panel-title{
    color:var(--tuinn-color-2);
    font-weight: bold;
}
.panel-inverse>.panel-heading {
    background: var(--tuinn-color-ligther-bg);
    color: #37454d!important;
    padding-left: 0;
    /*display: flex;*/
    justify-content: space-between;
    padding-left: 1.3rem;
}
thead.texto-destacado {
     background: #fff!important;
}

a.btn.btn-icon.btn-circle.btn-success.btn-scroll-to-top {display: none;}
.theme-panel.custom-theme-panel .tab-inverse {background: var(--tuinn-color-1);color: #fff;     padding-left: 0;}

body#general{
    background: var(--tuinn-color-ligth-bg);
}
body#general.page-loguin {
    background-color: #fff;
}
.nav-tabs {
    background: var(--tuinn-color-ligth-bg);
}
/*posible error*/
.nav>li>a {
    color: var(--tuinn-color-2);
    font-weight: bold;
}
#general div#content {
    background: var(--tuinn-main-bgcolor);
}
div#content{
    margin-top: 40px;
}
div#content{
    transition: margin 0.2s;
}
#general .btn.btn-m.btn-white  i {color: #0092cd;}

#header.navbar-default .navbar-form .form-control {border: 1px solid #ddd;background: #fff!important;}

#pms .btn.btn-success {background-color: var(--tuinn-color-1)!important;border-color: #f3f3f3;color: #f3f3f3!important; margin-right: 20px;}
#pms .panel-inverse>.panel-heading {    border-bottom: 1px solid var(--tuinn-color-lighter);}
#pms #main-nav .primer-nivel li.active .icono-primer-nivel {background: var(--tuinn-color-1);}
#pms .panel-title {font-size: 14px!important;font-weight: bold;}
#pms .btn.btn-buscar { background: var(--tuinn-color-1);}
#pms  .navbar-header i{color: var(--tuinn-color-1)}
#pms  .panel-heading-btn {color: var(--tuinn-color-1);}
#pms   #header.navbar-default .navbar-nav>li>a {color: var(--tuinn-color-1)!important;}
#pms  .navbar-header-contacto {color: var(--tuinn-color-1)!important;}
#pms  .btn.btn-success{color: #e2e7eb;background-color: #18a185;}
#pms  .theme-panel.custom-theme-panel .tab-inverse{background-color: var(--tuinn-color-1);}
#pms  #header.navbar-default .navbar-form .form-control { color: var(--tuinn-color-2)!important;}
#pms  .btn.btn-success {background-color: var(--tuinn-color-link)!important; color: var(--tuinn-color-ligther-bg)!important;border: none;}
#pms .btn.btn-m.btn-white  i {color: var(--tuinn-color-ok)}

#main-nav li.active span.icono-primer-nivel.icono-fnsManager {
    background-color: var(--tuinn-color-1);
}
.custom-tab.tab-overflow, .custom-tab.tab-overflow .nav.nav-tabs {
    background: #fcfcfc!important;
}
/*pms*/
#cm .panel-inverse>.panel-heading {color: #37454d;  border-bottom: #91bd50 2px solid;}

#cm .panel-title {font-size: 15px!important;font-weight: bold;}
#cm h4{color: #91bd50 }
#pms .btn.btn-buscar { background: #91bd50;}
#pms  .navbar-header i{color: #91bd50}

#cm   #header.navbar-default .navbar-nav>li>a {color: #68902e!important;}
#cm  .navbar-header-contacto {color: #68902e!important;}
#cm  .btn.btn-success{color: #e2e7eb;background-color: #91bd50;}
#cm  .theme-panel.custom-theme-panel .tab-inverse{background-color: var(--tuinn-color-1)}
#cm  #header.navbar-default .navbar-form .form-control { color: #68902e!important;}
#cm  .btn.btn-success {background-color: #91bd50!important; color: #f3f3f3!important;}
#cm #header.navbar-default .navbar-nav>li>a {color: #68902e!important; }
#cm .pagination>.active>a,  #cm .pagination>.active>a:focus, #cm .pagination>.active>a:hover,#cm .pagination>.active>span, #cm .pagination>.active>span:focus, #cm .pagination>.active>span:hover {background: #91bd50!important;
    border-color: #91bd50!important;
    font-weight: bold;}

#cm .btn.btn-m.btn-white  i {color: #91bd50;}

    
/*house keeeping*/

/*pms*/
#cm .panel-inverse>.panel-heading {color: #37454d;  border-bottom: var(--tuinn-color-1)}

#cm .panel-title {font-size: 15px!important;font-weight: bold;}
#cm h4{color: var(--tuinn-color-dark) }


#cm  .btn.btn-success {background-color: var(--tuinn-color-ligth-bg)!important; color: var(--tuinn-color-dark)!important;     border:var(--tuinn-color-1)}

#cm .pagination>.active>a,  #cm .pagination>.active>a:focus, #cm .pagination>.active>a:hover,#cm .pagination>.active>span, #cm .pagination>.active>span:focus, #cm .pagination>.active>span:hover {background: #91bd50!important;
    border-color: #91bd50!important;
    font-weight: bold;}

/* fin house keeping*/

#gastro  #header li.dropdown.navbar-user.custom-tooltip span{color: #37454d;}
#gastro  #header li.dropdown.navbar-user.custom-tooltip .fa-user{color: #e5304d;}
#gastro  #header li.dropdown.navbar-user.custom-tooltip .caret{color: #e5304d;}
#gastro li.btn-contacto-navbar span.navbar-header-contacto.custom-tooltip span.txt-contacto-navbar {color: #37454d;}

#gastro .panel-title {font-size: 15px!important;font-weight: bold;}

#gastro .btn.btn-buscar { color: var(--tuinn-color-1) }
#gastro .navbar-header i{color: var(--tuinn-color-1) }
#gastro .primer-nivel li.active .icono-primer-nivel.icono-fnsBodega {color: var(--tuinn-color-1) }
#gastro   #header.navbar-default .navbar-nav>li>a {color: var(--tuinn-color-1) }
#gastro  .navbar-header-contacto {color: var(--tuinn-color-1) }
#gastro  .btn.btn-success{color: #e2e7eb;background-color: #e5304d;}
#gastro .theme-panel.custom-theme-panel .tab-inverse{background-color: #e5304d;}
#gastro  #header.navbar-default .navbar-form .form-control { color: #e5304d!important;}
#gastro  .btn.btn-success {background-color: #e5304d!important; color: #f3f3f3!important;border: #e5304d 1px solid;}
#gastro #header.navbar-default .navbar-nav>li>a {color: #e5304d!important; }
#gastro .pagination>.active>a,  
#gastro .pagination>.active>a:focus, 
#gastro .pagination>.active>a:hover,
#gastro .pagination>.active>span, 
#gastro .pagination>.active>span:focus, 
#gastro .pagination>.active>span:hover {background: #e5304d!important;
    border-color: #e5304d!important;
    font-weight: bold;}
#gastro .btn.btn-m.btn-white  i {color: #91bd50;}
/*fnsreporting*/
#reporting  #header li.dropdown.navbar-user.custom-tooltip span{color: #37454d;}
#reporting  #header li.dropdown.navbar-user.custom-tooltip .fa-user{color: var(--tuinn-color-1);}
#reporting  #header li.dropdown.navbar-user.custom-tooltip .caret{color: var(--tuinn-color-1);}
#reporting li.btn-contacto-navbar span.navbar-header-contacto.custom-tooltip span.txt-contacto-navbar {color: #37454d;}
#reporting .panel-inverse>.panel-heading {color: #37454d;  border-bottom: var(--tuinn-color-1) }
#reporting .panel-title {font-size: 15px!important;font-weight: bold;}

#reporting .btn.btn-buscar { background: var(--tuinn-color-2);}
#reporting .navbar-header i{color: var(--tuinn-color-2)}
#reporting .primer-nivel li.active .icono-primer-nivel.icono-fnsBodega {background: var(--tuinn-color-2);}
#reporting   #header.navbar-default .navbar-nav>li>a {color: var(--tuinn-color-2)!important;}
#reporting  .navbar-header-contacto {color: var(--tuinn-color-2)!important;}
#reporting  .btn.btn-success{color: #e2e7eb;background-color: var(--tuinn-color-2);}
#reporting .theme-panel.custom-theme-panel .tab-inverse{background-color: var(--tuinn-color-1);}
#reporting  #header.navbar-default .navbar-form .form-control { color: var(--tuinn-color-2)!important;}
#reporting  .btn.btn-success {background-color: var(--tuinn-color-1)!important; color:  var(--tuinn-color-ligth-bg)!important;border: var(--tuinn-color-1) 1px solid;}
#reporting #header.navbar-default .navbar-nav>li>a {color: var(--tuinn-bgcolor-ok)!important; }
#reporting .pagination>.active>a,  
#reporting .pagination>.active>a:focus, 
#reporting .pagination>.active>a:hover,
#reporting .pagination>.active>span, 
#reporting .pagination>.active>span:focus, 
#reporting .pagination>.active>span:hover {background: var(--tuinn-color-1)!important;font-weight: bold;}
#reporting .pagination>.active>a, #reporting .pagination>.active>a:focus, #reporting .pagination>.active>a:hover, #reporting .pagination>.active>span, #reporting .pagination>.active>span:focus, #reporting .pagination>.active>span:hover {background: var(--tuinn-color-1)!important; font-weight: bold; border-color:var(--tuinn-color-1)!important;}
#reporting .btn.btn-m.btn-white  i {color: var(--tuinn-color-1);}

/* fin fnsreporting*/


#main-nav li.active .icono-primer-nivel.icono-fnschannel {background: var(--tuinn-color-1)!important;}
#main-nav  li.active .icono-primer-nivel.icono-fnsEventos{background: var(--tuinn-color-1)!important;}
#main-nav  li.active .icono-primer-nivel.icono-fnsHoteldesk {bbackground: var(--tuinn-color-1)!important;}
#main-nav  li.active .icono-primer-nivel.icono-fnsSites{background: var(--tuinn-color-1)!important;}
#main-nav li.active .icono-primer-nivel.icono-fnsHouskeeping {background: var(--tuinn-color-1)!important;}
#main-nav  li.active .icono-primer-nivel.icono-fnsBodega {background: var(--tuinn-color-1)!important;}
#main-nav  li.active .icono-primer-nivel.icono-fnsMenu {background: var(--tuinn-color-1)!important;}
#main-nav  li.active .icono-primer-nivel.icono-fnsReporting{background: var(--tuinn-color-1)!important;}
#main-nav  li.active .icono-primer-nivel.icono-fnsDatos{background: var(--tuinn-color-1)!important;}
#main-nav li.active .icono-primer-nivel.icono-fnsPSD2 {background: var(--tuinn-color-1)!important;}


#main-nav ul li a i {
    color: #000;
    display: block;
    float: left;
    height: 15px;
    font-size: 14px;
    width: 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#main-nav ul li a i::before{
    content: "\f10c"!important;
    font-size: 6px;
    padding-bottom: 3px;
    margin-left: 5px;
    margin-right: -4px;
} 

#top-menu > ul.nav >li > ul.sub-menu >li i.fa::before{
    content: "\f10c"!important;
    font-size: 6px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-right: 0px;
}

#top-menu > ul.nav a::before{
    display: none;
}

#top-menu ul ul .sub-menu>li>a{
    font-weight: normal!important;
}


/*informes*/
#reporting .celda-modificada {
    font-weight: normal;
    background: #00acac!important;
    color: #f3f3f3;
    font-weight: bold;
}

#reporting .celda-modificada > a{
    color: #f3f3f3;
    text-decoration: underline;
}
#reporting .celda-modificada >  .btn.btn-info {
    color: #0092c8!important;
    background: #f3f3f3;
    border-color: #f3f3f3;
}
/*fin informes*/

/*ficha reserva*/

#fichareseva .cabecera-panel-botonera ul li:last-child:not(:first-child) button{   
    border-radius: 5px;    
}
.tabla-conexiones.cabecera-panel-botonera ul .btn-group > li:last-child a{
    margin-left: 20px!important;
}

.tabla-conexiones ul li:last-child:not(:first-child) .btn-outline i {
    margin-right: 10px;
    color: var(--tuinn-color-2);
    font-size: 14px;
}
#fichareserva .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-bottom: 1px solid var(--tuinn-color-ligth-bg);
    padding: 5px 15px;
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background: var(--tuinn-color-ligther-bg);
}
#col-datos-cliente .panel-heading-btn{
    display: none!important;
}

#col-datos-cliente .panel-heading .nav-tabs {
    margin-top: -20px;
    margin-bottom: -23px;
    margin-right: -15px;
    background: #f0f3f5;
}

#col-datos-cliente .panel-heading .nav-tabs li a i {
	display: flex;
	align-items: center;
}

#col-datos-cliente .panel-with-tabs.panel-inverse .nav-tabs>li.active>a, .panel-with-tabs.panel-inverse .nav-tabs>li>a:hover {
    color: var(--tuinn-color-2)!important;
    background: var(--tuinn-color-ligther-bg);
    
}
#col-datos-cliente .panel-with-tabs.panel-inverse .nav-tabs {
    
    height: 32px;
    margin-bottom: -25px;
}
#col-datos-cliente .panel-with-tabs.panel-inverse .nav-tabs>li>a {
    color: #37454d;
}
#col-datos-cliente .panel-with-tabs.panel-inverse .nav-tabs>li>a {
    color: #37454d!important;
    font-weight: bold;
}
#col-datos-cliente .panel-heading .nav-tabs {
    margin-top: -20px;
    margin-bottom: -36px;
    margin-right: -15px;
    background: #f0f3f5;
}
#col-datos-cliente .panel-with-tabs.panel-inverse .nav-tabs>li:not(active)>a {
    color: var(--tuinn-color-link)!important;
    font-weight: bold;
}
#col-datos-cliente .panel-with-tabs.panel-inverse .nav-tabs>li>a {
    color: #fff;
}

.wrapper-cod-puerta{
    display: flex;
}

.wrapper-code{
    display: flex;
    position: relative;
}

.wrapper-code .btn {
	margin-top: 0.1rem;
}

.wrapper-code .btn:first-of-type {
	margin-left: -5rem;
}

.wrapper-code .btn.tesa_listadoPrincipal_bto_eliminar {
	margin-left: -2.7rem!important;
}

.wrapper-code .btn.salto_listadoSecundario_bto_eliminar {
	margin-left: -2.7rem!important;
}

.wrapper-code.wrapper-code-listadoPrincipal .btn:first-of-type {
	margin-left: -3.2rem!important;
}

.wrapper-code i.fa.fa-refresh {
    font-size: 1.75rem;
    padding-top: 0.6rem;
    margin-left:-5px ;
}


.wrapper-code i.fa.fa-trash-o {
    font-size: 1.75rem;
    padding-top: 0.6rem;
    margin-left:-1px ;
}
.wrapper-cod-puerta .contenedor-switcher-puerta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 2.1rem;
    border: 1px solid #ccc;
    border-top-right-radius: 2px;
    border-radius: 2px;
    margin-left: 4px;
}

.wrapper-cod-puerta .contenedor-boton{
    margin-left: 0.3rem;
}
.wrapper-cod-puerta .contenedor-boton button{
    height: 100%;
}
.wrapper-cod-puerta .btn-inline-table-success{
    background: #ecf8fb;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d7e3e6;
    border-radius: 2px;
    color: #2ea3c3;
}
.wrapper-cod-puerta .btn-inline-table-success i{
    padding-right: 0.4rem;
    color: #2ea3c3;
}
.wrapper-code .input-no-generated-code {
    padding-right: 5.65rem!important;

}

.salto .wrapper-code .form-control[readonly] {
	min-width: 100px!important;
}

.wrapper-code .form-control[readonly] {
    background: transparent;
    opacity: 1;
    min-width: 120px;
}

.wrapper-code.wrapper-code-listadoPrincipal .form-control[readonly] {
    min-width: 110px!important;
	
}
.ttlock_listadoPrincipal_fecha
{
	white-space: nowrap;
	height: 1.2em;
}
.tesa-reserva-listadoPrincipal
{
	align-self: center;
	white-space: nowrap;
	width: 11em;
}
.tesa-listadoPrincipal-codigoReserva
{
	display: flex;
	justify-content: space-between;
	margin-bottom: 7px;
}
.tesa-listadoPrincipal-codigoReserva:last-of-type
{
	margin: 0px;
}
.tesa-listadoPrincipal-codigoManual
{
	justify-content: end;
}
.tesa-listadoPrincipal-battery
{
	position: absolute;
    left: 23px;
    top: 15px;
}
.tesa-listadoPrincipal-batteryIcon
{
	font: normal normal normal 14px/1 FontAwesome;
    font-size: 2.1em;
    text-rendering: auto;
    opacity: 0.7;
    -webkit-font-smoothing: antialiased;
}
/* fin ficha reserva*/

/*Mapeo OTAs*/
#mapeoOTAs_headFixed
{
	position: sticky;
	top: 90px;
	background: white;
}
@media (max-width: 1200px)
{
	#mapeoOTAs_headFixed
	{
		top: 50px;
	}
}
#mapeoOTAs_headFixed>div
{
	padding: 0;
	margin: 15px;
	margin-bottom: 0;
	overflow-x: hidden;
	border-bottom: 0;
}
#table_mapeoOTAs_headFixed
{
 	padding: 0;
	margin-bottom: 0;
}
#table_mapeoOTAs{
	border:1px solid #e2e7eb;
}
#panel_mapeoOTAs
{
	padding: 0;
	padding-bottom:20px;
	border:none;
	margin: 15px;
	margin-top: 0;
}
#table_mapeoOTAs>thead>tr>th, #table_mapeoOTAs>tbody>tr>td, #table_mapeoOTAs_headFixed>thead>tr>th, #table_mapeoOTAs_headFixed>tbody>tr>td
{
	white-space:inherit;
	min-width:13em;
	width:13em;
	border-right: 1px solid #e2e7eb;
}
.mapeoOTAs_fixedCol
{
	position: sticky;
	left: 0px;
	padding: 0px!important;
	background-color: white;
	border-right: none!important;
}
.mapeoOTAs_fixed_col2
{
	left: 13em!important;
}
.mapeoOTAs_fixedCol>span
{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px;
}
th.mapeoOTAs_fixedCol>span
{
	top: 0px;
	left: 0px;
}
.mapeoOTAs_bordRight
{
	border-right: 1px solid black;	
}
.mapeoOTAs_fixed_col2>span
{
	border-right: 1px solid black;
	border-left: 1px solid #e2e7eb;
}
.mapeoOTAs_gray
{
	background-color: #f3f3f3;
}
/*fin mapeo OTAs*/

/*menu movil*/
@media (min-width: 1201px){
    #menu-movil {
      display: none;
    }
    
    #page-container.page-header-fixed {
        padding-top:50px!important;
    } 
}
@media (max-width: 1200px){
    div#header {
        display: none;
    }
    .page-header-fixed {        
        padding-top:10px;
    }   
   
    #main-nav, #sidebar, #top-menu{
        display: none!important;
    }
    .header{
        z-index: 1021;
    }
    #menu-movil {
        max-width: 100%;
        z-index: 100000000000000;
        position: fixed;
        height: 51px;
    }
    .punto-segundo-nivel-movil ul li a span {
        margin-left: 0px!important;
        padding-right: 5px;
        position: relative;
        bottom: 2px;        
    }
    .punto-segundo-nivel-movil ul li a span::before{
        content: "\f10c"!important;
        font: normal normal normal 14px/1 FontAwesome!important;
        font-size: 7px!important;
        position: relative;
        top: -2px;
        padding-right: 5px;
    }

    
    #menu-movil .d-flex > div {
        height: 50px;
        display: flex;
        align-items: center;
    }
    div#menu-help {
            
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
    }
    div#menu-help img {
        width: 24px;
    }
    #menu-movil .navbar-form .form-control {
        border: 1px solid #ddd;
        background: #fff!important;
        width: 130px!important;
    }
    #menu-movil select#menu_aux {
        width: 150px!important;
        padding: 0px 0;
        padding-left: 5px;
        height: 33px!important;
        margin-top: -3px;
    }
    #menu-movil form.navbar-form.full-width {
        padding-top: 0;
        max-width: 140px;
        margin-right: 30px;
        padding-left: 10px;
    }
    #menu-hamburguesa{
        width: 60px;
     
        display: flex;
        justify-content: center;
        align-items: center;
    }
    div#menu_aux {
        width: 25px;
        display: flex;
        align-items: center;
    }
    #menu-movil select#alojamiento_en_uso_id {
        width: 150px!important;
        padding: 0px 0;
        padding-left: 5px;
        height: 33px!important;
        margin-top: -3px;
    }
    div#menu_aux img {
        width: 7px;
        margin: -13px 10px 0 0;
    }
    div#menu_aux ul.dropdown-menu.animated.fadeInRight {
        right: 26%!important;
        left: auto;
    }
    #menu-hamburguesa img{
        width: 20px;
    }
    #menu-movil form.navbar-form.full-width {
        padding-top: 10px;        
    }
    #menu-hamburguesa form.navbar-form.full-width {
        padding-top: 0;
    }
    #menu-hamburguesa > .d-flex{
        justify-content: space-between;
    }

    #menu-hamburguesa form.navbar-form.full-width {
        padding-top: 0;
        height: 50px;
        display: flex;
        align-items: center;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    #menu-hamburguesa .dropdown-menu {    
        right: 0;
    }
    #menu-hamburguesa .navbar-user img {      
        margin: -14px 10px 0 2px;
    }
    #menu-movil-puntos{             
        width: 100vw;
        background: #fff;
        transition: height 0.5s;
        overflow: scroll;
        height: 100vh;
    }
    #menu-movil-puntos.plegado{
        height: 0;
    }
    .punto-segundo-nivel-movil.plegado {
        height: 0;
        overflow: hidden;
        opacity: 0;
        
    }    
    .punto-segundo-nivel-movil{
        height: auto;
        overflow: hidden;
        opacity: 1;
        transition: opacity 0.5s;
    }    
    
    #menu-movil-puntos .primer-nivel-movil{
        margin-left: 0px;
        padding-left: 0;
        padding-bottom: 5rem;
    }
    #menu-movil-puntos .primer-nivel-movil li{        
        padding-top: 10px;
        padding-bottom: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #d9e0e7;
        
    }
    #menu-movil-puntos div > ul li h2.titulo-panel {
        font-size: 10px;
        text-transform: uppercase;
        margin: 0;
        padding-left: 20px;        
        margin-top: 20px;
        margin-bottom: 5px;
    }
    #menu-movil-puntos .punto-segundo-nivel-movil .contenedor{
        margin-left: 25px;
    }
    #menu-hamburguesa{
        margin-left: 20px;
    }
    #menu-hamburguesa #logo-responsive img{
        margin-left: 20px;
        width: 20px;
    }
    #menu-movil-puntos .punto-segundo-nivel-movil ul {
        margin-left: 0;
        padding-left: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-right: 20px;
    }
    #menu-movil-puntos .punto-segundo-nivel-movil ul li{
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: none;
    }
    
    #menu-movil-puntos div > ul li a {
        margin-left: 20px;
        text-decoration: none;
    }
    #menu-movil-puntos div > ul li a span {
        padding-right: 5px;
        font-weight: bold;
    }
    #menu-movil-puntos .segundo-nivel-movil h2 {
        font-size: 10px;
        text-transform: uppercase;
    }
    .wrapper-movil-puntos {
        overflow-y: scroll;
    }
}

/*fin menu movil*/
.overflow-y-visible 
{
	overflow-y: visible;
}
.editable-selectpiker button i{
	padding: 0 !important;
	display: none!important;
}
.editable-selectpiker div
{
	width: 100% !important;
}

#menu-hamburguesa{cursor:pointer;}

.d-none {display: none!important;}
@media (min-width:576px){.d-sm-block {display: block!important;}.d-sm-none {display: none!important;}}
@media (min-width:768px){.d-md-block {display: block!important;}.d-md-none {display: none!important;}}
@media (min-width:992px){.d-lg-block {display: block!important;}.d-lg-none {display: none!important;}}
@media (min-width:1200px){.d-xl-block {display: block!important;}.d-xl-none {display: none!important;}}

.select2-container{width:100%!important;}

@media (min-width: 1200px){
	.modal-xl{max-width: 1200px;width: unset!important;}
	.modal-xxl{max-width: 90%;width: unset!important;}
}
.botonera-preasignar-huespedes{display: flex;justify-content: space-between;padding:20px;font-weight: 700;margin-bottom: 20px;background:#F9F9F9}
.botonera-preasignar-huespedes > div > div{margin-right:10px;}
.botonera-preasignar-huespedes > div .switchery-small{margin-right:5px;}
#dialog-preasignar-huespedes .table tr td:first-child, #dialog-preasignar-huespedes .table tr th:first-child {border-right:1px solid #eee;}
#dialog-preasignar-huespedes .note{display: flex;justify-content: space-between;align-items: center;}
#dialog-preasignar-huespedes .note div:first-child {flex-direction: inherit;display: flex;}
#dialog-preasignar-huespedes .note div:first-child img{height:44px;width:44px;}
#dialog-preasignar-huespedes .note div:first-child h4{font-weight:700;}
#dialog-preasignar-huespedes .note div:first-child p{font-weight:500;}
#dialog-editar-condicion-pago .modal-body .form-group{display: flex;align-items: baseline;}

.container-planta-rack{display:flex;flex-wrap:wrap;}
.container-planta-rack .content-hab-rack{display:flex;align-items:center;height:100px;border:1px solid #000;width:100px;flex-direction:column;justify-content: center;}
.container-planta-rack .content-hab-rack span{display:block;font-weight:bold;width:100%;}
.print-only{
    display: none;
}

#launcher-frame{bottom:0!important;right:-10px!important;z-index:10!important;}
.text-overflow-ellipsis{
    text-overflow: ellipsis!important;   
    white-space: nowrap!important; 
    overflow: hidden!important; 
}
.ancho-minimo{
	width:1%;
}
.cmb-items-filtro{
	width:100%;	
	min-width:60px;
	font-weight:normal !important;
	font-size: 10px !important;
}
.btn-table {   
    background: var(--tuinn-bgcolor-link);
    
    color: var(--tuinn-color-link);
}
th.th-items-cobros-sinselect{
	padding-bottom:21px!important;
}
th.th-items-cobros-check{
	padding-bottom:3px !important;
}

td.sombreado:hover{background: #f1f1f1;cursor:cell}
span.nuevopunto{color: orange !important;font-size: 0.8em !important;padding-left: 6px;}

.table-striped>tbody>tr:hover {
    background-color:var(--tuinn-color-ligther-bg);
}
.table-striped>tbody>tr>td {
    background: var(--tuinn-color-ligther-bg);
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: var(--tuinn-color-ligther-bg)!important;
}
.table-striped>tbody>tr:hover  {
    background: var(--tuinn-color-ligth-bg);
}

#cm .navbar-header-contacto{
    color: var(--tuinn-color-danger)!important;
}
#cm #header.navbar-default .navbar-form .form-control{
    color:var(--tuinn-color-dark)!important;
}
#cm #header.navbar-default .navbar-nav>li>a{
    color: var(--tuinn-color-danger)!important;
}
.btn.btn-warning{
    background: var(--tuinn-color-ok);
    color: var(--tuinn-color-ligther-bg);
    border: none;
}

table.table.table-bordered.wrap.data-table-responsive tr {
    border-bottom: 1px solid var(--tuinn-color-lighter);
}


.nav-tabs>li>a {
   
    border-radius: 0;
}

span.switchery {
    border: none;
    background: rgba(202 193 195)!important;
}



 .bg-fns-ligth,
.bg-fns-medium {
    background: var(--tuinn-color-ligth-bg)!important;
    color: var(--tuinn-color-2);
}

 .bg-fns-lighter,
.bg-fns-medium {
    background: var(--tuinn-color-ligth-bg)!important;
    color: var(--tuinn-color-2);
}
 .bg-yellow-fns,
.bg-fns-medium {
    background: var(--tuinn-color-ligth-bg)!important;
    color: var(--tuinn-color-2);
}



.bg-fns-darker{
    background: var(--tuinn-color-ligth-bg)!important;
}

.widget.widget-stats.bg-blue {
    background: var(--tuinn-color-ligth-bg)!important;
}
.widget.widget-stats.bg-green {
    background: var(--tuinn-color-ligth-bg)!important;
}
.widget.widget-stats.bg-black {
    background: var(--tuinn-color-ligth-bg)!important;
}
.widget.widget-stats.bg-purple {
    background: var(--tuinn-color-ligth-bg)!important;
}
.widget-stats .stats-icon{
    opacity: 1!important;
}
.widget-stats .stats-number{
    color: var(--tuinn-color-2);

}   

.widget-stats .stats-desc, .widget-stats .stats-title{
    color: var(--tuinn-color-2);
}

.iconos-supletoria{
	font-size:12px !important;
	position: absolute;
	right: 17px;
	bottom: 2px;
	display: block;
	width:18px;
	height:18px;
	border-radius: 2px;
}
.iconos-supletoria-informes{
	font-size:12px !important;
	position: absolute;
	right: 25px;
	bottom: 2px;
	display: block;
	height:18px;
	border-radius: 2px;
}
.iconos-supletoria i{
	padding-left:0px !important;
	font-size:12px !important;
	position:absolute;bottom:3px;right:4px;
}
.iconos-supletoria i.big
	{
	font-size:20px !important;
	}
	
.widget .widget-stats .bg-green
	{
	color: var(--tuinn-color-2);
	}
	
.modal-extralg{width:100%}
.font-weight-bold{font-weight:bold!important;}	
input.input-auto, select.input-auto {
	width:auto;
}
input.input-w-sm, select.input-w-sm {
	width:40px;
}
input.input-w-md, select.input-w-md {
	width:100px;
}
#page-container{padding-bottom: 50px}

.row.affix{background:#fff;top:120px;}

@media (max-width: 1024px) {
	.row.affix{position:inherit!important;}	/* Para el housekeeping */
}
.text-bolder{
	font-weight: bolder;
}
/* funcionalidad informacion reparto cobros*/
.icono-info{
	display: inline-block;
	font-size: 9px;
	padding: 1px 2px 0px 2px;
	color: #49b6d6;
	border-radius: 2px;
	border: 1px solid #49b6d6;
	font-weight: bolder;
	margin-left: 5px;
	cursor: pointer;
}


.resaltar, .resaltar td{
   background: #ffead0!important;
}
/* fin: funcionalidad informacion reparto cobros*/

/* diseño nuevo zona cobros */
.icon.icon-9{
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 10px;
}
.icon-danger{
    background: #ff5b57; 
    border-color: #ff5b57; 
    border-radius: 50%;
    padding: 5px;
}
.icon-warning{
    background: #d58512;
    border-color: #d58512;
    border-radius: 50%;
    padding: 5px;
}
.icon-success{
    background: #18a185;
    border-color: #18a185;
    border-radius: 50%;
    padding: 5px;
}
.context-menu-icon{
    padding: 2px 10px 2px 10px;
}

.btn-group-acciones:hover span.context-menu-icon, .btn-group-acciones.open span.context-menu-icon{
	background-color: #D9EFF8;
    border-radius: 50%;
    
}

span.context-menu-icon {
    background: url(../../img/menu_contextual.svg) no-repeat center transparent;
    background-size: 15px;
}
tr.cabedera-zona-footer
{
    border-top: 2px solid silver;
    background-color: white !important;
}
tr.cabedera-zona-footer td, tr.cabedera-zona-footer th
{
    background-color: white !important;
}
.fondo-zona-footer-vacio
{
    background-color: white !important;
    border: 0px !important;
}
tr.fila-zona-footer{
    background-color: white !important;
}
tr.fila-zona-footer td, tr.fila-zona-footer th
{
    background-color: white !important;
}

/* fin: diseño nuevo zona cobros */

.btn-ficha-factura{
    font-weight: bold;
    padding: 7px 20px;
/*     border: 1px solid transparent !important; */
    border-color: #f3f3f3 !important;
}

/*PBI*/
.bg-pbi-nivel-0{
	background-color: #dff0d8 ;
}
.bg-pbi-nivel-1{
	background-color: rgb(222, 220, 220) ;
}
.bg-pbi-nivel-2{
	background-color: rgb(255, 236, 255) ;
}
/*FIN PBI*/

/* diseño recuperar contraseña */
#recuperar_password_title {
	font-family:'Poppins', sans-serif;
	font-size: 22px;
	font-weight:bold;
	color:black;
}
#recuperar_password_text {
	font-family:'Poppins', sans-serif;
	font-size: 14px;
	font-weight:400;
	color:black;
	margin-top: 15px;
}
#recuperar_password_text_green {
	font-family:'Poppins', sans-serif;
	font-size: 14px;
	font-weight:400;
	color:var(--tuinn-color-ok);
	margin-bottom: 15px;
}
#recuperar_password_text_red {
	font-family:'Poppins', sans-serif;
	font-size: 14px;
	font-weight:400;
	color:var(--tuinn-color-danger);
	margin-bottom: 15px;
}
.login .login-header {
	width: auto !important;
}

.dropdown-listado-ses {
    position: relative;
    display: inline-block;
}


.dropdown-listado-ses ul 
{
     text-decoration: none;
     padding: 10px;
     background-color: black;
     font-family: Arial, sans-serif;
}
        
.dropdown-content-listado-ses 
{
     display: none;
     position: absolute;
     background-color: black;
     min-width: 160px;
     box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
     z-index: 1;
}

.dropdown-content-listado-ses li
{
     color:white;
     margin:0.5vh;
}

.dropdown-listado-ses:hover .dropdown-content-listado-ses 
{
     display: block;
}


.dropdown-content-listado-ses ul 
{
     padding: 12px 16px;
     text-decoration: none;
     display: block;
}
            

.dropdown-content-listado-ses ul:hover 
{
     background-color: black;
}

.width-30{width:30px!important;}




/* ------- Estilos de ventana FICHA_RESERVA-->Comunicaciones-->Mensajes ------- */
#com-ficha-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row: auto auto auto;
    margin: 10px;
    color: black;

}
#com-ficha-container p {
    margin:0;
}
#com-ficha-container .section-title {
    font-size: 16px;
    color: #0E446F;
}
#com-ficha-container section .section-container {
    background-color: #F0F3F5;
    height:140px;
    padding: 20px;
    gap: 30px;
}
#com-ficha-container #resumen-section .section-container {
    display: flex;
    width: 38vw;
    height: auto;
    gap:60px; 
}
#com-ficha-container #plantilla-section .section-container {
    display: flex; 
    width: 55vw;
}
#com-ficha-container #receptor-section {
    grid-row: 1;
    grid-column: 1 / 3;
}
#com-ficha-container #receptor-section .section-container{
    display:flex;
    align-items:center;
    height:auto;
}
#com-ficha-container #com-section {
    grid-column: 1 / 3;
}


/*Estilos elementos formularios, envio plantilla y receptor*/
#com-ficha-container #resumen-section .com-datos-reserva p {
	font-weight: bold;
	color: #0292C4;
}
#com-ficha-container #resumen-section .com-datos-reserva span {
	font-weight: normal;
	color: black;
	word-break: break-word;
}
#com-ficha-container .com-select {
    width: 220px;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #D3D3D3;
    background: #FFF;
    padding-left: 10px;
}
#com-ficha-container .plantilla-2 .com-select {
    width: 330px;
}
#com-ficha-container .com-select optgroup{
	color: #0292C4;
}
#com-ficha-container .com-select option{
	color: black;
}
#com-ficha-container .section-container .com-grey {
	color: grey;
	margin-right: 10px;
}
#com-ficha-container .com-previsualizar-btn{
	width: 90px;
	height: 22px;
    border-radius: 5px;
    background: #0292C4;
    border: none;
    color: #FFF;
}
#com-ficha-container .com-enviar-btn {
    width: 113px;
    height: 22px;
    border-radius: 5px;
    background: #0292C4;
    border: none;
    color: #FFF;
}
#com-ficha-container .plantilla-1,
#com-ficha-container .plantilla-2 {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
}
#com-ficha-container .plantilla-1 label,
#com-ficha-container .plantilla-2 label{
    grid-column: 1 / 2;
    grid-row: 1/ 2;
    margin: 0 10px;
    color: black;
}
#com-ficha-container .plantilla-1 .com-select-container,
#com-ficha-container .plantilla-2 .com-select-container {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}
#com-ficha-container .plantilla-1 .com-select-info,
#com-ficha-container .plantilla-2 .com-select-info{
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}
#com-ficha-container .plantilla-1 .com-select-info p:first-child {
	font-weight: bold;
}
#com-ficha-container .plantilla-3 {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	margin-left: auto;
}
#com-ficha-container .plantilla-3 .com-checkbox {
	display:flex;
	align-items: center;
	gap:5px;
	margin-bottom: 5px;
}
#com-ficha-container .plantilla-3 .com-checkbox input {
	margin:0;
}
#com-ficha-container .plantilla-3 .com-checkbox label {
	margin:0;
}



/*Globo small para notificaciones en pestañas*/
.globo-notificaciones-small::after {
	content: "";
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #FF5C5C;
	margin-left: 5px;
}


/*Sistema de navegación por pestañas*/
#com-ficha-container #com-section .section-container {
  position: relative;
  height: auto;
  padding: 0;
  background: none;
}

#com-ficha-container #com-section .tab-content {
	border: none;
	border-radius: 10px;
	height: 530px;
	justify-content: flex-end
}
/*Etiquetas pulsadas/seleccionadas*/
#com-ficha-container #com-section .section-container input:checked + label {
   background: #F0F3F5;
}

/* Ocultar inputs de tipo radio */
#com-ficha-container #com-section input[type="radio"] {
  display: none;
}

/* Estilo para las etiquetas (pestañas) */
#com-ficha-container #com-section .tab-text {
	display: inline-block;
	cursor: pointer;
	background-color: #DADCDE;
	margin: 0 5px 0 0;
	transition: background-color 0.3s ease, color 0.3s ease;
	width: 150px;
	height: 30px;
	text-align: center;
	align-content:center;
}

/* Pestaña activa */
#com-section input[type="radio"]:checked + label {
  background-color: #F0F3F5;
  z-index: 1;
  position: relative;
}

/* Estilo para los paneles de contenido, lo que está debajo del panel blanco redondeado*/
#com-section .tab {
  display: none;
  padding: 20px;
  background-color: #F0F3F5;
}

/* Mostrar el contenido asociado al input seleccionado */
#com-section #com-whatsapp:checked ~ #tab1,
#com-section #com-email:checked ~ #tab2,
#com-section #com-historial:checked ~ #tab3,
#com-section #com-whatsapp-email:checked ~ #tab4 {
  display: block;
}

/*Caja con conversación en vivo*/
#com-ficha-container .com-sin-mensajes {
	display: flex;
	flex-direction:column;
	justify-content:center;
	align-items: center;
	height:100%;
}
#com-ficha-container #tab3 .com-sin-mensajes {
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: center;
}
#com-ficha-container .com-sin-mensajes div svg{
	height: auto;
	width: 50px;
	margin-bottom: 15px;
}
#com-ficha-container .com-sin-mensajes h3{
	font-size: 14px;
	font-weight: bold;
	margin:0;
}
#com-ficha-container .com-sin-mensajes p{
	color: grey;
	font-size: 12px;
}

#com-ficha-container .tab label {
    color: black;
    font-weight: 700;
}
#com-ficha-container .container-conversacion {
    height:400px;
    overflow-y:scroll;
    scrollbar-width: thin;
  	scrollbar-color: #DADCDE white;
  	align-content: flex-end;
}

#com-ficha-container .container-conversacion .com-conversacion{
    display:flex;
    gap:10px;
    margin: 10px 10px;
}
#com-ficha-container .container-conversacion .com-conversacion-hotel {
    flex-direction: row-reverse;
}
#com-ficha-container .container-conversacion .com-mensaje {
    padding:15px;
	max-width:800px;
}
#com-ficha-container .container-conversacion .com-mensaje-entrante {
    border-radius: 10px;
    background: rgba(227, 227, 227, 0.24);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#com-ficha-container .container-conversacion .com-mensaje-saliente {
    margin-left:auto;
	/*text-align:right;*/
    border-radius: 10px;
    /*background: #CFEAC8;*/
    background: rgba(2, 201, 166, 0.20);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#com-ficha-container .container-conversacion .com-plantilla-saliente {
    margin-left:auto;
	text-align:right;
    border-radius: 10px;
    background: rgba(2, 146, 196, 0.20);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#com-ficha-container .container-conversacion .com-num{
    color: rgba(2, 146, 196, 0.60);
    font-size: 12px;
    line-height: normal;
}
#com-ficha-container .container-conversacion .com-fecha-hora{
    color: #707478;
    font-size: 12px;
    line-height: normal;
}
#com-ficha-container .com-conversacion .datos-emisor, 
#com-ficha-container .com-conversacion .com-icon-hotel,
#com-ficha-container .com-conversacion .com-icon-cliente {
	margin-top:10px;
}
#com-ficha-container .com-conversacion .datos-emisor p {
	white-space: nowrap;
}
    
#com-ficha-container .com-conversacion .datos-emisor-mobile {
	display: none;
}

#com-ficha-container .com-conversacion .com-fecha-hora-mobile {
	display: none;
}

/*Mensaje de modificación en la conversacion*/
#com-ficha-container #com-section .com-modificacion-datos {
	display: flex;
	align-items: center;
}
#com-ficha-container #com-section .com-modificacion-datos hr{
	flex: 1;
	height: 0.5px;
	background-color: grey;
	margin: 0 10px;
}


/*Caja para escribir mensaje*/
#com-ficha-container .container-envio-mensaje {
    display:flex;
    align-items:center;
}
#com-ficha-container .container-envio-mensaje .com-envio-mensaje {
    width: 100%;
    height: 60px;
    border-radius: 20px;
    border: 2px solid #D3D3D3;
    background: #FFF;
    margin: 20px 10px;
    padding:10px;
    resize: none;
}
#com-ficha-container .container-envio-mensaje .com-envio-mensaje:focus {
	border-color: #D3D3D3;
}
#com-ficha-container .container-envio-mensaje .com-envio-btn {
    border: none;
    background:none;
    margin-right: 10px;
    cursor: pointer;
    transition: transform 0.3s ease;
}
#com-ficha-container .container-envio-mensaje .com-envio-btn:hover {
    transform: scale(1.1);
}

/*Selector de comunicacion en textarea*/
#com-ficha-container .selector-comunicacion {
	display:flex;
	gap: 10px;
}
#com-ficha-container .selector-comunicacion label {
	cursor:pointer;
	background: none !important;
}


#com-ficha-container .selector-comunicacion #selector-whatsapp:checked + label svg circle:first-of-type {
	fill: #0292C4;
}
#com-ficha-container .selector-comunicacion #selector-mail:checked + label svg circle:first-of-type {
	fill: #0292C4;
}
#com-ficha-container .selector-comunicacion #selector-whatsapp:checked + label svg circle:nth-of-type(2) {
	stroke: #0292C4;
}
#com-ficha-container .selector-comunicacion #selector-mail:checked + label svg circle:nth-of-type(2) {
	stroke: #0292C4;
}
#com-ficha-container .selector-comunicacion #selector-whatsapp:checked + label svg path {
	fill: #0E446F;
}
#com-ficha-container .selector-comunicacion #selector-mail:checked + label svg path {
	fill: #0E446F;
}







/*Estilos de tabla de historial*/
#com-ficha-container #com-section #tab3 {
	padding: 0;
}
#com-ficha-container #com-section #tab3 .tab-content {
	background: none;
	padding:0;
	margin:0;
}
#com-ficha-container #com-section #tab3 table {
	border: none;
	margin: 0 !important;
}
#com-ficha-container #com-section #tab3 table th {
	height: 40px;
	vertical-align: middle;

}

#com-ficha-container #com-section #tab3 table.dataTable thead .sorting:after,
#com-ficha-container #com-section #tab3 table.dataTable thead .sorting_asc:after,
#com-ficha-container #com-section #tab3 table.dataTable thead .sorting_desc:after,
#com-ficha-container #com-section #tab3 table.dataTable thead .sorting_asc_disabled:after,
#com-ficha-container #com-section #tab3 table.dataTable thead .sorting_desc_disabled:after {
	bottom: 22px;
}

#com-ficha-container #com-section #tab3 table *{
	border-bottom: none;
	border-top: none;
}
#com-ficha-container #com-section #tab3 .table>thead>tr>th {
	border-bottom: 0 !important;
}
#com-ficha-container #com-section #tab3 button {
	padding:0;
	border: none;
	background: none;
	height:22px;
}
#com-ficha-container #com-section #tab3 td {
	align-content:center;
}
#com-ficha-container #com-section #tab3 #com-col-1 {
	width: 8%;
}
#com-ficha-container #com-section #tab3 #com-col-2 {
	width: auto;
}
#com-ficha-container #com-section #tab3 #com-col-3 {
	width: 8%;
}
#com-ficha-container #com-section #tab3 #com-col-4 {
	width: 16%;
}
#com-ficha-container #com-section #tab3 #com-col-5 {
	width: 16%;
}
#com-ficha-container #com-section #tab3 #com-col-6 {
	width:8%;
}
/*Color fila de titulos*/
#com-ficha-container #com-section .table-striped>thead>tr>th {
	background-color: #F0F3F5;
}
/*Color primera fila de datos*/
#com-ficha-container #com-section .table-striped>tbody>tr:nth-child(odd)>td, 
#com-ficha-container #com-section .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: white;
}
/*Color segunda fila de datos*/
#com-ficha-container #com-section .table-striped>tbody>tr:nth-child(even)>td, 
#com-ficha-container #com-section .table-striped>tbody>tr:nth-child(even)>th {
	background-color: #F0F3F5;
}


@media (max-width: 1700px) {

	#com-ficha-container {
    	grid-template-columns: 1fr;
    	grid-row: auto auto auto auto;
 	}
	#com-ficha-container #receptor-section{
 		grid-row: 1;
 	}
	#com-ficha-container #resumen-section{
 		grid-row: 2;
 	}
	#com-ficha-container #plantilla-section{
 		grid-row: 3;
 	}
 	#com-ficha-container #com-section{
 		grid-row: 4;
 	}
 	#com-ficha-container .section-container {
 		width: 100% !important;
 	}
}

@media (max-width: 1000px) {
	
	#com-ficha-container #resumen-section .section-container {
		height: auto;
	}
	#com-ficha-container #plantilla-section .section-container {
		flex-direction: column;
		height: auto;
	}
	#com-ficha-container #plantilla-section .section-container .plantilla-1 label,
	#com-ficha-container #plantilla-section .section-container .plantilla-2 label {
		width: 85px;
		text-align: right;
		margin-left: 0;
	}
	#com-ficha-container #plantilla-section .section-container .com-select {
		width: 330px;
	}
	#com-ficha-container #plantilla-section  .section-container .com-select-info {
		margin-top: 5px !important;
	}
	#com-ficha-container #plantilla-section .plantilla-3 .com-enviar-btn {
		width: 100%;
	}
}

@media (max-width: 690px) {
	#com-ficha-container section {
		overflow: hidden;
	}
	#com-ficha-container #resumen-section .section-container {
		flex-direction: column;
		gap:15px;
	}
	
	#com-ficha-container #com-section .tab-text {
		width: calc(25% - 6.3px);
		padding: 0 5px;
	}
	#com-ficha-container #tab3 .tab-content {
		overflow-x: auto;
		overflow-y: hidden;
		height: auto;
	}
	#com-ficha-container .com-conversacion .datos-emisor {
		display: none;
	}
	#com-ficha-container .com-conversacion .com-fecha-hora-mobile {
		display: block;
		margin-top: 5px;
	}
	#com-ficha-container .com-conversacion .datos-emisor-mobile {
		display: none;
		height: 28px;
		width: auto;
		position: relative;
		background: rgba(202, 231, 241, 0.90);
		border-radius: 5px;
		flex-direction: row;
		gap: 10px;
		padding: 5px;
		align-items: center;
		box-shadow: 3px 3px 10px grey;
		white-space: nowrap;
		margin-top: 10px;
	}
	#com-ficha-container #com-section .tab {
		padding: 10px 10px;
	}
		#com-ficha-container .com-conversacion .com-icon-cliente,
	#com-ficha-container .com-conversacion .com-icon-hotel {
		display: none;
	}
	#com-ficha-container .container-conversacion .com-mensaje-saliente,
	#com-ficha-container .container-conversacion .com-mensaje-entrante {
		max-width: 80%;
	}
}

@media (max-width: 530px) {
	#com-ficha-container #plantilla-section .com-select-container select {
		width: 100% !important;
	}
	#com-ficha-container #plantilla-section .plantilla-3 {
		margin-left: 95px;
		align-items: flex-start;
	}
	#com-ficha-container #plantilla-section .plantilla-3 .com-enviar-btn {
		width: auto;
	}
	#com-ficha-container .com-modificacion-datos p {
		text-align: center;
	}
	#com-ficha-container #com-section .tab-text {
		margin: 0;
		width: calc(25% - 2.6px);
	}
	#com-ficha-container .container-envio-mensaje .com-envio-btn {
		margin: 0;
		padding: 0;
	}
	#com-ficha-container .container-envio-mensaje .com-envio-btn svg{
		width: 30px;
		height: 30px;
	}
	#com-ficha-container .selector-comunicacion {
		flex-direction: column;
		gap: 0;
	}
	#com-ficha-container .selector-comunicacion label {
		margin:0;
	}	
}

@media (max-width: 400px) {
	.globo-notificaciones-small::after {
		position: absolute;
		top: -4px;
		left: 50px;
	}
}

/*Tuinn para Comunicaciones*/
#com-ficha-container section .section-container {
	background-color: #fff;
}
#com-ficha-container #com-section .tab {
	background-color: #fff;
}
#com-ficha-container #com-section .section-container input:checked + label {
	background-color: #fff;
}
#com-ficha-container #com-section .tab-content {
	padding:0;
}
/*Color fila de titulos*/
#com-ficha-container #com-section .table-striped>thead>tr>th {
	background-color: #fff;
}
/*Color primera fila de datos*/
#com-ficha-container #com-section .table-striped>tbody>tr:nth-child(odd)>td, 
#com-ficha-container #com-section .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #F0F3F5;
}
/*Color segunda fila de datos*/
#com-ficha-container #com-section .table-striped>tbody>tr:nth-child(even)>td, 
#com-ficha-container #com-section .table-striped>tbody>tr:nth-child(even)>th {
	background-color: #fff;
}
.section-title {
	font-weight: bold;
	color: #0a0e3c;
}
#com-ficha-container #resumen-section .com-datos-reserva p {
	color: #3e91c7;
}
.com-envio-btn svg circle {
	fill: #0a0e3c;
}
#com-ficha-container .com-previsualizar-btn,
#com-ficha-container .com-enviar-btn {
	background: #0a0e3c;
}
#com-ficha-container .com-previsualizar-btn:hover,
#com-ficha-container .com-enviar-btn:hover {
	background: var(--tuinn-color-ok);
}
#com-ficha-container .com-envio-btn:hover svg circle {
	fill: var(--tuinn-color-ok);
}
#com-ficha-container .container-conversacion .com-num {
	color: #3e91c7;
}
/*#com-ficha-container .com-icon-hotel svg circle, 
#com-ficha-container .com-icon-cliente svg circle {
	fill: var(--tuinn-light);
	stroke: none;
}
#com-ficha-container .com-icon-hotel svg path {
	fill: var(--tuinn-color-1);
}
#com-ficha-container .com-icon-cliente svg path {
	stroke: var(--tuinn-color-1);
}*/
#com-ficha-container .section-container .tab-text {
	font-family: Poppins;
}
#com-ficha-container #com-section .section-container input:checked + label {
	font-weight: bold;
}
/*Bordes interiores para tablas de Tuinn*/
#com-ficha-container #com-section table {
	border-collapse: collapse;
}
#com-ficha-container #com-section th,
#com-ficha-container #com-section td {
	border-left: 1px solid #e2e7eb !important;
}
#com-ficha-container #com-section th:first-child,
#com-ficha-container #com-section td:first-child {
	border-left: none !important;
}
@media (max-width: 500px) {
	#com-ficha-container .section-container .tab-text {
		font-size: 10.5px;
	}
}

/* ------- FIN Estilos de ventana Comunicaciones-->Mensajes de FICHA RESERVA ------- */


/* ------- Estilos ventana Configurador de Plantillas ------- */
#config-plantillas-whatsapp .panel-body,
#config-plantillas-whatsapp .panel-footer,
#listado-config-plantillas .panel-body {
	border: none;
	/*background-color: #F0F3F5;*/
}
#config-plantillas-whatsapp .panel {
	margin-bottom: 0;
}


/*Estilo para separar secciones*/
#config-plantillas-whatsapp #nombre-idioma,
#config-plantillas-whatsapp #variable-encabezado,
#config-plantillas-whatsapp #variables-texto,
#config-plantillas-whatsapp #automatismo-plantilla,
#config-plantillas-whatsapp #tipos-plantillas {
	background-color: #F0F3F5;
	margin: 15px 0 !important;
	width: 100%;
	padding: 20px;
}
#config-plantillas-whatsapp .panel-body {
	padding: 0;
}
#config-plantillas-whatsapp h4 {
	margin-top: 0 !important;
}
#config-plantillas-whatsapp #nombre-idioma {
	margin-top: 0 !important;
}
#config-plantillas-whatsapp #tipos-plantillas {
	margin-bottom: 0 !important;
}



#config-plantillas-whatsapp .section-title {
	margin-top: 10px;
}
#config-plantillas-whatsapp #head-plantillas-whatsapp {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#config-plantillas-whatsapp .btn-tutorial {
	align-content: center;
	padding: 0 10px;
}
#config-plantillas-whatsapp .btn-tutorial:hover {
	text-decoration: none;
}



#config-plantillas-whatsapp .row {
	margin: 0;
}

#config-plantillas-whatsapp h4 {
	margin-top: 30px;
	font-size: 14px;
	/*color: #0E446F !important;*/
	font-weight: bold;
}
#config-plantillas-whatsapp .row:first-of-type h4 {
	margin-top: 10px;
}


#config-plantillas-whatsapp .write-input {
    width: 450px;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #D3D3D3;
    background: #FFF;
    padding: 0 10px;
}
#config-plantillas-whatsapp .nombre-idioma,
#config-plantillas-whatsapp .nombre-plantilla,
#config-plantillas-whatsapp .idioma-plantilla,
#config-plantillas-whatsapp .variable-encabezado {
	display: flex; 
	flex-direction: row;
	gap: 15px;
	align-items: center;
}
#config-plantillas-whatsapp .nombre-idioma label {
	white-space: nowrap;
}
#config-plantillas-whatsapp .nombre-plantilla input {
	width: 480px;
}
#config-plantillas-whatsapp .idioma-plantilla select,
#config-plantillas-whatsapp .variable-encabezado select,
#config-plantillas-whatsapp #variables-texto-table select {
	width: 250px;
}

#config-plantillas-whatsapp .btn-info,
#config-plantillas-whatsapp .btn-danger {
	margin: 0 10px;	
}


/*Variables de texto*/
#config-plantillas-whatsapp #variables-texto-table .blue-text {
	color: #0292C4;
	padding-right: 20px;
	text-align: right;
}

#config-plantillas-whatsapp #variables-texto-table tr {
	height: 40px;
}

#config-plantillas-whatsapp .btn-añdir-variable {
	width: 420px;
	display: flex;
	justify-content: center;
}

#config-plantillas-whatsapp .btn-añdir-variable button,
#config-plantillas-whatsapp .btn-tutorial {
	height: 22px;
    border-radius: 5px;
    background: #0292C4;
    border: none;
    color: #FFF;
    margin: 10px;
}



/*Automatismo*/
#config-plantillas-whatsapp #automatismo-plantilla-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}

#config-plantillas-whatsapp #automatismo-plantilla-container label {
	white-space: nowrap;
}

#config-plantillas-whatsapp #automatismo-plantilla-container select {
	width: 250px;
}

#config-plantillas-whatsapp #estado-envio-auto,
#config-plantillas-whatsapp #dias-envio-auto {
	display: flex;
    align-items: center;
    gap: 15px;
}

#config-plantillas-whatsapp #select-num-dias {
    display: flex;
}

#config-plantillas-whatsapp #select-num-dias input {
    border: 1px solid #D3D3D3;
    width: 60px;
}


#config-plantillas-whatsapp #select-num-dias button {
    width: 30px;
    height: 15px;
    border-radius: 15px;
    border: none;
    background: #D9D9D9;
}

#config-plantillas-whatsapp #select-num-dias div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#config-plantillas-whatsapp #select-num-dias input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
  }



/*Categorias de plantillas*/
#config-plantillas-whatsapp #tipos-plantillas div {
	width: 100%;
	display: flex; 
	flex-direction: row;
	gap: 10px;
}
#config-plantillas-whatsapp .plantilla-tipo {
	width: 100px;
	height: 22px;
	border: none;
    border-radius: 5px;
	background-color: #DADCDE;
	text-align: center;
	align-content: center;
}
#config-plantillas-whatsapp #tipos-plantillas input[type="radio"] {
    display: none;
}

#config-plantillas-whatsapp #tipos-plantillas input:checked + label {
    background: #0292C4;
    color: #FFF;
}


/*Footer*/
#config-plantillas-whatsapp .botonera-panel {
	justify-content: flex-end;
	align-items: center;
}
#config-plantillas-whatsapp .botonera-panel span {
	padding: 0 10px;
}


/*Estilos tabla listado*/
#listado-config-plantillas .panel-body {
	padding: 0;
}
#listado-config-plantillas table {
	margin: 0!important;
}
#listado-config-plantillas table *{
	border-bottom: none;
	border-top: none;
}
#listado-config-plantillas table th{
	height: 50px;
	vertical-align: middle;
}
#listado-config-plantillas table td {
	height: 35px;
	vertical-align: middle;
}
#listado-config-plantillas table thead tr th{
	border-bottom: none !important;
}

/*Color fila de titulos*/
#listado-config-plantillas .table-striped>thead>tr>th {
	background-color: #F0F3F5;
}
/*Color primera fila de datos*/
#listado-config-plantillas .table-striped>tbody>tr:nth-child(odd)>td, 
#listado-config-plantillas .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: white;
}
/*Color segunda fila de datos*/
#listado-config-plantillas .table-striped>tbody>tr:nth-child(even)>td, 
#listado-config-plantillas .table-striped>tbody>tr:nth-child(even)>th {
	background-color: #F0F3F5;
}
#listado-config-plantillas table.dataTable thead .sorting:after,
#listado-config-plantillas table.dataTable thead .sorting_asc:after,
#listado-config-plantillas table.dataTable thead .sorting_desc:after,
#listado-config-plantillas table.dataTable thead .sorting_asc_disabled:after,
#listado-config-plantillas table.dataTable thead .sorting_desc_disabled:after {
	bottom: 22px;
}



@media (max-width: 1090px) {
	#config-plantillas-whatsapp .nombre-idioma {
		flex-direction: column;
		align-items: flex-start;
	}
	
	#config-plantillas-whatsapp .nombre-idioma label{
		width: 116px;
		text-align: right;
	}
}

@media (max-width: 690px) {

	#config-plantillas-whatsapp .nombre-plantilla,
	#config-plantillas-whatsapp .idioma-plantilla,
	#config-plantillas-whatsapp .variable-encabezado,
	#config-plantillas-whatsapp #automatismo-plantilla,
	#config-plantillas-whatsapp #estado-envio-auto{
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
	#config-plantillas-whatsapp #dias-envio-auto {
		flex-direction: column-reverse;
		gap: 0;
	}
	
	#config-plantillas-whatsapp #automatismo-plantilla {
		gap: 20px;
	}	
}

@media (max-width: 550px) {
	#config-plantillas-whatsapp .nombre-plantilla-2 {
		display: block !important;
	}
	#config-plantillas-whatsapp .nombre-plantilla-1 {
		display: none;
	}
	#config-plantillas-whatsapp .nombre-plantilla-2 input{
		width: 250px;
	}
}
	
	
@media (max-width: 430px) {
	#config-plantillas-whatsapp #variables-texto-table select {
		width: 140px;
	}
	#config-plantillas-whatsapp .btn-añdir-variable {
		width: 240px;
	}
	#config-plantillas-whatsapp #tipos-plantillas div{
		display: block;
	}
	#config-plantillas-whatsapp #automatismo-plantilla-container {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	#config-plantillas-whatsapp .botonera-panel {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	#config-plantillas-whatsapp .botonera-panel span {
		padding:0;
	}
}


/*Tuinn para Configurador de plantillas*/
#config-plantillas-whatsapp #nombre-idioma,
#config-plantillas-whatsapp #variable-encabezado,
#config-plantillas-whatsapp #variables-texto,
#config-plantillas-whatsapp #automatismo-plantilla,
#config-plantillas-whatsapp #tipos-plantillas {
	background-color: white;
}
#config-plantillas-whatsapp .section-title,
#listado-config-plantillas .section-title {
	font-size: 16px;
	font-weight: bold;
	color: #0a0e3c !important;
}
#config-plantillas-whatsapp .btn-añdir-variable button {
	background-color: #0a0e3c;
}
#config-plantillas-whatsapp .btn-añdir-variable button:hover,
#config-plantillas-whatsapp #tipos-plantillas input:checked + label {
	background-color: var(--tuinn-color-ok)
}
#config-plantillas-whatsapp .panel {
	background: none;
}
/*Color fila de titulos*/
#listado-config-plantillas .table-striped>thead>tr>th {
	background-color: white;
}
/*Color primera fila de datos*/
#listado-config-plantillas .table-striped>tbody>tr:nth-child(odd)>td, 
#listado-config-plantillas .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #F0F3F5;
}
/*Color segunda fila de datos*/
#listado-config-plantillas .table-striped>tbody>tr:nth-child(even)>td, 
#listado-config-plantillas .table-striped>tbody>tr:nth-child(even)>th {
	background-color: white;
}
/*Bordes interiores para tablas de Tuinn*/
#listado-config-plantillas table {
	border-collapse: collapse;
}
#listado-config-plantillas th,
#listado-config-plantillas td {
	border-left: 1px solid #e2e7eb !important;
}
#listado-config-plantillas th:first-child,
#listado-config-plantillas td:first-child {
	border-left: none !important;
}


/* ------- FIN Estilos ventana Configurador de Plantillas ------- */


.blue-btn {
	height: 22px;
	border-radius: 5px;
	background-color: #0292C4;
	color: #FFF;
	border: none;
	text-decoration: none;
	text-align: center;
	align-content: center;
}





/* ------- Estilos ventana Notificaciones ------- */

/*Globo notificaciones*/
.btn-precio-tarifa .globo-notificaciones-lista p {
	margin: 0 !important;
}
  /*Estilo para globo notificaciones*/
.globo-notificaciones {
  	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #FF5C5C;
	display:flex;
	justify-content: center;
	align-items:center;
	position: absolute;
	z-index: 101;
}
.globo-notificaciones p{
 	color: white !important;
 	font-size: 9px;
}
.globo-notificaciones-lista {
	position: relative;
	top: -2px; 
	margin: 0 5px !important;
}



#ventana-notificaciones {
	margin: 10px;
}
#ventana-notificaciones p {
	margin: 0;
}
#ventana-notificaciones div {
	margin-bottom: 40px;
}
#ventana-notificaciones .sin-notificaciones td{
	align-content: center;
	text-align: center;
	color: #0E446F;
	font-size: 16px;
}
#ventana-notificaciones table {
	border: 1px solid #e2e7eb;
}
.notif-leida {
	background-color: #0e446f !important;
}

/*Botón azul crear notificaciones*/
#ventana-notificaciones .crear-notificacion {
	width: 120px;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: auto;
}

/*Estilo tabla avisos importantes*/
.aviso-naranja {
	color: #EE8E38;
	margin: 0 5px;
	height: 12px !important;
}
.col-fecha-hora, .col-id-reserva, .col-acciones {
	width: 10%;
}
.col-fecha-hora p {
	margin: 0;
}
.notif-detalle {
	white-space: normal;
	overflow-wrap: break-word;
}



/*Estilo de tablas*/
#tabla-notificaciones {
	padding: 0;
}
#ventana-notificaciones .tab-content {
	height: auto !important;
	background: none;
	padding:0;
	margin:0;
}
#ventana-notificaciones table {
	border: none;
	margin: 0 !important;
}
#ventana-notificaciones table th {
	height: 40px;
	vertical-align: middle;
}
#ventana-notificaciones table.dataTable thead .sorting:after,
#ventana-notificaciones table.dataTable thead .sorting_asc:after,
#ventana-notificaciones table.dataTable thead .sorting_desc:after,
#ventana-notificaciones table.dataTable thead .sorting_asc_disabled:after,
#ventana-notificaciones table.dataTable thead .sorting_desc_disabled:after {
	bottom: 22px;
}
#ventana-notificaciones table *{
	border-bottom: none;
	border-top: none;
}
#ventana-notificaciones .table>thead>tr>th {
	border-bottom: 0 !important;
}
#ventana-notificaciones button {
	padding:0;
	border: none;
	background: none;
	height:22px;
}
#ventana-notificaciones td {
	align-content:center;
}
/*Color fila de titulos*/
#ventana-notificaciones .table-striped>thead>tr>th {
	background-color: #F0F3F5;
}
#ventana-notificaciones #tabla-avisos-importantes .table-striped>thead>tr>th {
	background: rgba(14, 68, 111, 0.30);
}
/*Color primera fila de datos*/
#ventana-notificaciones .table-striped>tbody>tr:nth-child(odd)>td, 
#ventana-notificaciones .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: white;
}
#ventana-notificaciones #tabla-avisos-importantes .table-striped>tbody>tr:nth-child(odd)>td, 
#ventana-notificaciones #tabla-avisos-importantes .table-striped>tbody>tr:nth-child(odd)>th {
	background: rgba(14, 68, 111, 0.15);
}
/*Color segunda fila de datos*/
#ventana-notificaciones .table-striped>tbody>tr:nth-child(even)>td, 
#ventana-notificaciones .table-striped>tbody>tr:nth-child(even)>th {
	background-color: #F0F3F5;
}
#ventana-notificaciones #tabla-avisos-importantes .table-striped>tbody>tr:nth-child(even)>td, 
#ventana-notificaciones #tabla-avisos-importantes .table-striped>tbody>tr:nth-child(even)>th {
	background: rgba(14, 68, 111, 0.15);
}


/*Sistema de navegación por pestañas*/
#tabla-notificaciones .section-container {
  position: relative;
  height: auto;
  padding: 0;
  background: none;
}
#tabla-notificaciones .tab-content {
	border: none;
	height: 530px;
	justify-content: flex-end
}
/*Etiquetas pulsadas/seleccionadas*/
#tabla-notificaciones .section-container input:checked + label {
   background: #F0F3F5;
}
/* Ocultar inputs de tipo radio */
#tabla-notificaciones input[type="radio"] {
  display: none;
}
/* Estilo para las etiquetas (pestañas) */
#tabla-notificaciones .tab-text {
	display: inline-block;
	cursor: pointer;
	background-color: #DADCDE;
	margin: 0 5px 0 0;
	transition: background-color 0.3s ease, color 0.3s ease;
	width: 150px;
	height: 30px;
	text-align: center;
	align-content:center;
}
/* Pestaña activa */
#tabla-notificaciones input[type="radio"]:checked + label {
  background-color: #F0F3F5;
  z-index: 1;
  position: relative;
}
/* Estilo para los paneles de contenido, lo que está debajo del panel blanco redondeado*/
#tabla-notificaciones .tab {
  display: none;
}
/* Mostrar el contenido asociado al input seleccionado */
#tabla-notificaciones #notif-whatsapp:checked ~ #notificaciones-whatsapp,
#tabla-notificaciones #notif-reservas:checked ~ #notificaciones-reservas,
#tabla-notificaciones #notif-leido:checked ~ #notificaciones-leido{
  display: block;
}


@media (max-width: 660px) {
	#ventana-notificaciones #tabla-notificaciones .section-container .tab-text {
		width: calc( 33.3333% - 5.6px);
	}
	#ventana-notificaciones #tabla-notificaciones .section-container #end-tag {
		margin:0;
	}
	
	
}

@media (max-width: 571px) {
	#ventana-notificaciones .table-responsive2 {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
	}
}


/*Colores Tuinn FICHA NOTIFICACIONES*/
#ventana-notificaciones #tabla-avisos-importantes .table-striped>thead>tr>th {
	background: #0a0e3c;
	color: white;
}
#ventana-notificaciones #tabla-avisos-importantes .table-striped>tbody>tr:nth-child(odd)>td, 
#ventana-notificaciones #tabla-avisos-importantes .table-striped>tbody>tr:nth-child(odd)>th {
	/*background: rgba(10, 14, 60, 0.20);*/
}
	
/*Color pestaña activa*/
#ventana-notificaciones #tabla-notificaciones .section-container input:checked + label {
	background-color: #fff;
}
/*Color fila de titulos*/
#ventana-notificaciones #tabla-notificaciones .table-striped>thead>tr>th {
	background-color: #fff;
}
/*Color primera fila de datos*/
#ventana-notificaciones #tabla-notificaciones .table-striped>tbody>tr:nth-child(odd)>td, 
#ventana-notificaciones #tabla-notificaciones .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #F0F3F5;
}
/*Color segunda fila de datos*/
#ventana-notificaciones #tabla-notificaciones .table-striped>tbody>tr:nth-child(even)>td, 
#ventana-notificaciones #tabla-notificaciones .table-striped>tbody>tr:nth-child(even)>th {
	background-color: #fff;
}
#ventana-notificaciones .section-title {
	font-size: 16px;
	font-weight: bold;
	color: #0a0e3c !important;
}
/*BORDES INTERIORES VERTICALES PARA TABLA DE TUINN*/
#ventana-notificaciones table.table-bordered.dataTable th:last-child, #ventana-notificaciones table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
	border-right-width: 0;
}
#ventana-notificaciones table.table-bordered.dataTable th, #ventana-notificaciones table.table-bordered.dataTable td {
	border-left-width: 0;
}
#ventana-notificaciones .table>tbody>tr>td, #ventana-notificaciones .table>tbody>tr>th, #ventana-notificaciones .table>tfoot>tr>td, #ventana-notificaciones .table>tfoot>tr>th, #ventana-notificaciones .table>thead>tr>td, #ventana-notificaciones .table>thead>tr>th {
	border-color: #e2e7eb;
}
#ventana-notificaciones .table-bordered>tbody>tr>td, #ventana-notificaciones .table-bordered>tbody>tr>th, #ventana-notificaciones .table-bordered>tfoot>tr>td, #ventana-notificaciones .table-bordered>tfoot>tr>th, #ventana-notificaciones .table-bordered>thead>tr>td, #ventana-notificaciones .table-bordered>thead>tr>th {
	border: 1px solid #e2e7eb;
}
#ventana-notificaciones table td, #ventana-notificaciones table th{
	border-bottom: none !important;
	border-top: none !important;
}
#ventana-notificaciones table td:last-child, #ventana-notificaciones table th:last-child {
	border-right: none !important;
}
.blue-btn {
	background-color: #0a0e3c;
}
.blue-btn:hover {
	background-color: #02c9a6;
	text-decoration: none;
	color: white;
}
.notif-leida{
	/*background-color:rgba(2, 201, 166, 0.20) !important;
	color: black;*/
	background-color: var(--tuinn-color-1) !important;
}



	/*Estilo para Ficha NOTIFICACIONES*/
#ficha-notificacion {
	padding: 20px;
	margin: 10px;
	background-color: #F0F3F5;
}
.panel-header-notif {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.header-detalle-notif {
	background-color: #fff;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
#ficha-notificacion .col-fecha-hora p {
	text-align: right;
}

#ficha-notificacion .panel-body {
	border: none;
	padding: 0;
}
#ficha-notificacion .panel-title {
	font-size: 20px !important;
}
#ficha-notificacion .panel-body {
	background: none;
}
.cuerpo-notif input{
	margin-bottom: auto;
}
.ficha-notificacion-container {
	height: 100%;
}
#ficha-notificacion .cuerpo-notif {
	display:flex;
	flex-direction: column;
	min-height: 60vh;
	justify-content: space-between;
	padding: 10px;
}


@media (max-width: 768px) {
	#ficha-notificacion {
		margin: 0;
	}
	#ficha-notificacion .header-detalle-notif {
		flex-direction: column;
	}
	#ficha-notificacion .header-detalle-notif .col-fecha-hora p{
		text-align: left;
	}
}


/*Colores Tuinn FICHA NOTIFICACIONES*/
#ficha-notificacion {
	background-color: #fff;
}
.header-detalle-notif {
	background-color: rgba(14, 68, 111, 0.15) !important;
}
#ficha-notificacion .header-detalle-notif .section-title {
	font-weight: bold;
}

	
	
	/*Estilo para MODAL NOTIFICACIONES*/

/*Estilo de tabla modal*/
#dialog-avisos-generales .modal-content {
	padding: 25px;
}

#modal-avisos-importantes {
	padding:0;
}
#modal-avisos-importantes .modal-header {
	background-color: #fff;
	border-bottom: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:0;
	margin-bottom: 15px;
}
#modal-avisos-importantes .section-title {
	font-size: 20px !important;
	margin: 0;
}
#modal-avisos-importantes .blue-btn {
	display: inline-block;
	padding: 1px 6px;
	align-items: center;
	
}
#modal-avisos-importantes .table-responsive2 {
	overflow-x: auto;
}
#modal-avisos-importantes table {
	border: none;
	margin: 0 !important;
	float: none;
	table-layout: auto;
	overflow-x: auto;
    white-space: nowrap;
}
#modal-avisos-importantes table th {
	height: 40px;
	vertical-align: middle;
}
#modal-avisos-importantes table.dataTable thead .sorting:after,
#modal-avisos-importantes table.dataTable thead .sorting_asc:after,
#modal-avisos-importantes table.dataTable thead .sorting_desc:after,
#modal-avisos-importantes table.dataTable thead .sorting_asc_disabled:after,
#modal-avisos-importantes table.dataTable thead .sorting_desc_disabled:after {
	bottom: 22px;
}
#modal-avisos-importantes  table *{
	border-bottom: none;
	border-top: none;
}
#modal-avisos-importantes .table tr {
	height: 50px;
}
#modal-avisos-importantes .table thead tr th{
	height: auto;
}
#modal-avisos-importantes .table tr,
#modal-avisos-importantes .table th,
#modal-avisos-importantes .table td {
	background: none;
}
#modal-avisos-importantes table td {
	border-top: 1px solid #F0F3F5;
}

#modal-avisos-importantes .table>thead>tr>th {
	border-bottom: 0 !important;
}
#modal-avisos-importantes td {
	align-content:center;

}
/*Color fila de titulos*/
#modal-avisos-importantes .table-striped>thead>tr>th {
	background: rgba(14, 68, 111, 0.30) !important;
}
/*Color primera fila de datos*/
#modal-avisos-importantes .table-striped>tbody>tr:nth-child(odd)>td, 
#modal-avisos-importantes .table-striped>tbody>tr:nth-child(odd)>th {
	background: rgba(14, 68, 111, 0.15) !important;
}
/*Color segunda fila de datos*/
#modal-avisos-importantes .table-striped>tbody>tr:nth-child(even)>td, 
#modal-avisos-importantes .table-striped>tbody>tr:nth-child(even)>th {
	background: rgba(14, 68, 111, 0.15) !important;
}


@media (max-width: 1200px) {
	#dialog-avisos-generales .modal-dialog {
		width: 90% !important;
		margin: 30px auto !important;
	}
}



/*Colores Tuinn MODAL NOTIFICACIONES*/
#modal-avisos-importantes .table-striped>thead>tr>th {
	background: #0a0e3c !important;
	color: white;
}
#modal-avisos-importantes table.table-bordered.dataTable th:last-child, #modal-avisos-importantes table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
	border-right-width: 0;
}
#modal-avisos-importantes table.table-bordered.dataTable th, #modal-avisos-importantes table.table-bordered.dataTable td {
	border-left-width: 0;
}
#modal-avisos-importantes .table>tbody>tr>td, #modal-avisos-importantes .table>tbody>tr>th, #modal-avisos-importantes .table>tfoot>tr>td, #modal-avisos-importantes .table>tfoot>tr>th, #modal-avisos-importantes .table>thead>tr>td, #modal-avisos-importantes .table>thead>tr>th {
	border-color: #e2e7eb;
}
#modal-avisos-importantes .table-bordered>tbody>tr>td, #modal-avisos-importantes .table-bordered>tbody>tr>th, #modal-avisos-importantes .table-bordered>tfoot>tr>td, #modal-avisos-importantes .table-bordered>tfoot>tr>th, #modal-avisos-importantes .table-bordered>thead>tr>td, #modal-avisos-importantes .table-bordered>thead>tr>th {
	border: 1px solid #e2e7eb;
}
#modal-avisos-importantess table td, #modal-avisos-importantess table th{
	border-bottom: none !important;
	border-top: none !important;
}
#modal-avisos-importantes table td:last-child, #modal-avisos-importantes table th:last-child {
	border-right: none !important;
}
#modal-avisos-importantes .section-title {
	color: #0a0e3c !important;
	font-weight: bold;
}




		/*Estilo para CREAR NOTIFICACIONES*/
#crear-notificaciones .header-notificaciones {
	display: flex;
	justify-content: space-between;
}
#crear-notificaciones button {
	background: none;
	border: none;
}
#crear-notificaciones .tab-content {
	border-bottom: none;
}
#crear-notificaciones #notificacionCentral label,
#crear-notificaciones #notificacionAlojamiento label {
	width: 10%;
	margin-top: 8px;
	margin-right: 10px;
	text-align: right;
}
#crear-notificaciones #notificacionCentral input,
#crear-notificaciones #notificacionAlojamiento input,
#crear-notificaciones #notificacionAlojamiento select {
	width: 30%;
}
#crear-notificaciones #notificacionCentral textarea,
#crear-notificaciones #notificacionAlojamiento textarea {
	flex: 1;
	min-height: 50vh;
}
#crear-notificaciones .com-envio-btn {
	display: flex;
	margin-left: auto;
}
#crear-notificaciones ul {
	background: none;
}

#crear-notificaciones a {
	color: black;
	background-color: #DADCDE;
	border-radius: 0;
}
#crear-notificaciones .tab-content {
	padding: 0 !important;
}
#crear-notificaciones form {
	background-color: #F0F3F5;
	padding: 20px 40px;
}
#crear-notificaciones .nav-tabs>li.active>a, 
#crear-notificaciones .nav-tabs>li.active>a:focus, 
#crear-notificaciones .nav-tabs>li.active>a:hover {
	background-color: #F0F3F5;
}

@media (max-width: 1200px) {
	#crear-notificaciones #notificacionCentral input,
	#crear-notificaciones #notificacionAlojamiento input,
	#crear-notificaciones #notificacionAlojamiento select {
		width: 50%;
	}
	#crear-notificaciones #notificacionCentral label,
	#crear-notificaciones #notificacionAlojamiento label {
		width: 15%;
	}
	#crear-notificaciones form {
		padding: 20px 20px;
	}
}

@media (max-width: 730px) {
	#crear-notificaciones #notificacionCentral input,
	#crear-notificaciones #notificacionAlojamiento input,
	#crear-notificaciones #notificacionAlojamiento select {
		width: 100%;
	}
	#crear-notificaciones #notificacionCentral label,
	#crear-notificaciones #notificacionAlojamiento label {
		width: 100%;
		text-align: left;
	}
	#crear-notificaciones form div {
		display: block !important;
	}
	#crear-notificaciones .com-envio-btn {
		margin-left: 0;
	}
}


.lupa-notificaciones {
	width: 22px !important;
	margin: 0 5px;
}
.lupa-notificaciones .fa-search-plus {
	font-size: inherit !important;
}
.col-acciones div {
	margin-bottom: 0 !important;
}


/*Estilo para botón volver botonera*/
.dropbtn {
    width: auto;
    height: 4.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    padding: 0.8rem;
    border-radius: 2.5rem;
    border: 0.1rem solid var(--tuinn-light) !important;
    background: white;
    cursor: pointer;
    z-index:99;
    position: inherit;
    margin: 0;
    background-color: #fff !important;
  }
  
 /*Colores Tuinn para CREAR NOTIFICACIONES*/
#crear-notificaciones .panel {
	background: none;
}
#crear-notificaciones .nav-tabs>li.active>a, 
#crear-notificaciones .nav-tabs>li.active>a:focus, 
#crear-notificaciones .nav-tabs>li.active>a:hover {
	background-color: #fff;
}
#crear-notificaciones form {
	background-color: #fff;
}
 
 
 
 

/* ------- FIN Estilos ventana Notificaciones ------- */



/* ------- INICIO Estilos Botonera Eventos ------- */
#botonera-eventos2 {
	display: flex;
	flex-direction: row;
}
.botonera-1, .botonera-2, .botonera-3 {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}


/*VARIABLES COLOR FNS*/
:root {
	--fns: #0292c4;
    --fns-dark: #0e446f;
    --fns-opacity: rgba(63, 196, 230, 0.3);
    --fns2: #3fc4e6;
    --fns2-dark: #002347;
    --fns-grey: #777;
    
    --tuinn-color-1: #D34251;
    --tuinn-light: #f6d9dc;
}


/*RESET CSS*/
#botonera-eventos2 *{
	margin: 0;
    padding: 0;
    color: black;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    outline: none;
}

/*GRID BOTONERA*/

#botonera-eventos2 {
	/*margin-top:-10px;*/
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-template-rows: 1fr;
	gap: 1rem;
	padding: 0 1rem 1rem 1rem;
}
#botonera-eventos2 .botonera-1 {
	grid-column: 1;
	grid-row: 2;
	justify-content: flex-start;
}
#botonera-eventos2 .botonera-2 {
	grid-column: 2;
	grid-row: 2;
}
#botonera-eventos2 .botonera-3 {
	grid-column: 3;
	grid-row: 2;
}


#botonera-eventos2 .botonera-1,
#botonera-eventos2 .botonera-2,
#botonera-eventos2 .botonera-3 {
	display:flex;
	justify-content: space-around;
	gap: 1rem;
    z-index: 1;
}


#botonera-container .botonera {
    padding: 0 0.75rem 0.75rem 0.75rem;
}
#botonera-eventos2 .botonera-1, #botonera-eventos2 .botonera-2{
    margin-right: auto;
}
#botonera-eventos2 .botonera-3{
    margin-left: auto;
}
#botonera-eventos2 .botonera-1, 
#botonera-eventos2 .botonera-3 {
 	z-index:99;
}


.fdropbtn {
	width: auto;
    height: 4.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    padding: 0.8rem;
    border-radius: 2.5rem;
    border: 0.1rem solid var(--fns-opacity);
    background: white;
    cursor: pointer;
    z-index:99;
    position: inherit;
}
.fdropbtn span {
    font-size: 1.2rem;
    font-weight: 400;
    color: black;
}
.fdropbtn .grey-icon {
	display: flex;
	align-items: center;
	justify-content: center;	
}
.botonV2_volver_abajo_derecha {
	display: flex;
	justify-content: end;
}


/*Estilos botonora central*/
#botonera-eventos2 .dropbtn {
    width: auto;
    height: 4.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    padding: 0.8rem;
    border-radius: 2.5rem;
    border: 0.1rem solid var(--fns-opacity);
    background: white;
    cursor: pointer;
    z-index:99;
    position: inherit;
    margin: 0;
  }
  


#botonera-eventos2 .dropbtn span {
    text-wrap: nowrap;
    font-size: 1.2rem;
    font-weight: 400;
    color: black;
  }

#botonera-eventos2 .dropdown {
    position: relative;
  }
  
#botonera-eventos2 .icon-btn {
    background-color: var(--fns);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  
#botonera-eventos2 .dropdown-content {
    background-color: white;
    border-radius: 0 0 2rem 2rem;
    box-shadow: 0px 0.4rem 0.4rem 0px rgba(0, 0, 0, 0.25);
    padding: 2.5rem 0 1rem 0;
    display: none;
    flex-direction: column;
    position: absolute;
    top:2.2rem;
    right: 0;
    width: 100%;
    z-index: 1;
    overflow:hidden;
  }
  
  
  .show {
  display: block;
}

#botonera-eventos2 .dropdown-content li {
    padding: 1.2rem 1.6rem;
    text-decoration: none;
    color: var(--fns-grey);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem;
  }
   
#botonera-eventos2 .dropdown-content li a {
   	display:block;
   	white-space: normal;
	word-wrap: break-word;
	text-align: left;
	box-shadow: none;
	outline: none;
   }
  

#botonera-eventos2 .dropdown-content a:hover {
    color: var(--fns);

  }

#botonera-eventos2 .botonera-2 .dropbtn:hover .icon-btn {
    background-color: var(--fns);
    transition: 0.3s ease-in-out;
  }
#botonera-eventos2 .botonera-2 .dropbtn:hover .icon-btn svg path {
    stroke: var(--fns-dark);
    transition: 0.3s ease-in-out;
  }
#botonera-eventos2 .botonera-2 .dropbtn:hover .icon-btn svg rect {
    stroke: var(--fns-dark);
    transition: 0.3s ease-in-out;
  }

#botonera-eventos2 .botonera-btn-menu {
    display: none;
  }


  /*Estilo botón ID*/
#botonera-eventos2 .btn-id {
    width: 8rem;
  }
#botonera-eventos2 .btn-id .copiar-id-1 {
    font-size: 1.4rem;
  }
#botonera-eventos2 .btn-id .copiar-id-2 {
    display: none;
    font-size: 1.2rem;
    color: var(--fns-grey);
    font-style: italic;
  }
#botonera-eventos2 #btn-id-2 {
    display: none;
  }
#botonera-eventos2 .copiar-id-1:hover {
    color: var(--fns);
  }




  /*Botones sin deplegable ni texto*/
#botonera-eventos2 .home-icon {
    width: 4.5rem;
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

#botonera-eventos2 .home-icon:hover {
    background-color: var(--fns-dark);
    transition: 0.5s ease-in-out;
  }
#botonera-eventos2 .home-icon:hover svg path{
    stroke: var(--fns);
    transition: 0.5s ease-in-out;
  }

#botonera-eventos2 .grey-icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }

#botonera-eventos2 .botonera-3 .dropbtn:hover .grey-icon svg path{
    stroke: var(--fns)
  }


  /*Estilos para colores iconos SVG*/
#botonera-eventos2 .icon-btn svg path {
    stroke: white;
  }
#botonera-eventos2 .icon-btn svg rect {
    stroke: white;
  }
#botonera-eventos2 .home-icon svg path {
    stroke: var(--fns-dark);
  }
#botonera-eventos2 .home-icon:hover svg path{
    stroke: var(--fns);
  }
  
  
  /*Estilo para globo notificaciones*/
.globo-notificaciones {
  	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #FF5C5C;
	display:flex;
	justify-content: center;
	align-items:center;
	position: absolute;
	z-index: 101;
}
.globo-notificaciones p{
 	color: white !important;
 	font-size: 9px;
}
.globo-notificaciones-lista {
	position: relative;
	top: -2px; 
	margin: 0 5px !important;
}


  
  
  /*Media Querys*/

@media (max-width: 1200px) {
    #botonera-eventos2 #btn-id-1 {
      display: none;
    }
    #botonera-eventos2 #btn-id-2 {
      display: block;
    }
    #botonera-eventos2 .botonera-btn-menu {
      display: block;
    }
    #botonera-eventos2 .botonera-2 {
      flex-direction: column;
      background-color: #fff;
      height: auto;
      box-shadow: 0px 0.4rem 0.4rem 0px rgba(0, 0, 0, 0.25);
      gap: 1rem;
      position: absolute;
      top: 20px;
      padding: 20px 30px 30px 30px;
      top: 170px;
      left:-310px;
      transition: left 0.4s ease;
    }
    #botonera-eventos2 .botonera-2 .dropbtn {
    	width: 160px;
    	justify-content: space-between;
    }
    #botonera-eventos2 .botonera-2 .dropbtn span{ 
    	margin-right: auto;
    }
    #botonera-eventos2 .botonera-2 .btn-id{ 
    	width: 90px;
    	justify-content:center;
    }
    #botonera-eventos2 .botonera-2 .btn-id span{ 
    	margin:0;
    }
    #botonera-eventos2 .dropdown {
      margin-right: auto;
    }
    #botonera-eventos2 .dropdown-content {
    	position:static;
    	margin-top: -5px;
    	height: auto;
    	width: 100%;
    	box-sizing: border-box;
    }
    #botonera-eventos2 #dropdown-planning{
    	position: absolute;
    	margin-top: 0;
    }
    #botonera-eventos2 .botonera-2.open {
    left:-5px;
    }

  }

  

  
  /*ESTILOS QUE HAY QUE AÑADIR A FUNCIONES*/
  
/*ROTACIÓN DE FLECHA CUANDO DESPLIEGO EL MENÚ
Cuando el menu está oculto flecha apuntando abajo, cuando el menú está visible flecha apuntando arriba*/
  #botonera-eventos2 .dropdown .dropbtn .flecha-desplegable {
  	display: inline-block;
  	transition: transform 0.3s;
  }
  #botonera-eventos2 .dropdown .dropbtn .flecha-desplegable.rotate {
  	transform: rotate(180deg);
  }
 
 
 /*ESTILO PARA INDICAR EN QUÉ VENTANA ESTOY ACTUALMENTE
 Si estoy por ejemplo en una ventana de Documentos, el icono de Documentos cambia de color*/
 /*
 #botonera-container #botonera-2 .dropbtn .icon-btn {
    background-color: var(--fns);
  }
  #botonera-container #botonera-2 .dropbtn .icon-btn svg path {
    stroke: var(--fns-dark);
  }
  #botonera-container #botonera-2 .dropbtn .icon-btn svg rect {
    stroke: var(--fns-dark);
  } 
*/


/*Expanded Desplegables botonera*/
  /*#botonera-container .expanded-btn {
  	width: 160px !important;
  	transition: width 0.5s ease-in-out;
  }*/
  
   

#botonera-eventos2 .dropdown-content li a {
	white-space: nowrap;
}
 
#botonera-eventos2 .dropdown-content {
	width: auto;
	min-width: 100%;
	right: auto;
	left: 0 !important;
	top: 4.5rem;
	padding: 1rem 0;
	padding-bottom: 1rem;
}

#botonera-eventos2 .new-dropdown {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	height: auto;
	min-height: 4.5rem;
}


  /*Estilos Tuinn*/
#botonera-eventos2 .dropbtn {
  border: 0.1rem solid var(--tuinn-light);
}

#botonera-eventos2 .icon-btn {
  background-color: var(--tuinn-light);
}

#botonera-eventos2 .dropdown-content a:hover {
  color: var(--tuinn-color-1);
}

#botonera-eventos2 .botonera-2 .dropbtn:hover .icon-btn {
  background-color: var(--tuinn-color-1);
}
#botonera-eventos2 .botonera-2 .dropbtn:hover .icon-btn svg path {
  stroke: var(--tuinn-light);
}
#botonera-eventos2 .botonera-2 .dropbtn:hover .icon-btn svg rect {
  stroke: var(--tuinn-light);
}

#botonera-eventos2  .home-icon:hover {
  background-color: var(--tuinn-color-1);
}
 #botonera-eventos2 .home-icon:hover svg path {
  stroke: var(--tuinn-light);
}

#botonera-eventos2  .botonera-3 .dropbtn:hover .grey-icon svg path{
    stroke: var(--tuinn-color-1);
  }

 #botonera-eventos2 .icon-btn svg path {
    stroke: var(--tuinn-color-1);
  }
 #botonera-eventos2 .icon-btn svg rect {
    stroke: var(--tuinn-color-1);
  }
 #botonera-eventos2 .home-icon svg path {
    stroke: var(--tuinn-color-1);
  } 
 #botonera-eventos2 .copiar-id-1:hover {
    color: var(--tuinn-color-1);
  }

/* ------- FIN Estilos Botonera Eventos ------- */


/* ------- INICIO Estilos Envío Masivo ------- */
#envio-masivo h3 {
	font-size: 20px;
}
#envio-masivo h4 {
	font-size: 16px;
	margin-top: 20px;
}
#envio-masivo section .section-container {
    background-color: #F0F3F5;
    padding: 20px;
    gap: 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
#envio-masivo select {
    width: 220px;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #D3D3D3;
    background: #FFF;
    padding-left: 10px;
    margin-right: 0 15px;
}
#envio-masivo .section-container .blue-btn {
	margin-left: auto !important;
}
#envio-masivo #filtro-envio-masivo button {
	width: 80px;
}
#envio-masivo #plantilla-envio-masivo h4 {
	margin-bottom: 0;
}
#envio-masivo #plantilla-envio-masivo button {
	width: 160px;
}
#envio-masivo #plantilla-envio-masivo p {
	color: grey;
}
#envio-masivo #select-envio-masivo option {
	margin: 5px;
	border-radius: 10px;
	border: 1px solid #D3D3D3;
}

#envio-masivo .dropdown-select {
	width: 220px;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #D3D3D3;
    background: #FFF;
    padding-left: 10px;
    margin: 0 15px;
}
#envio-masivo .dropdown-select li {
	height: 30px;
	width: 200px;
	border-radius: 10px;
	border: 1px solid #D3D3D3;
	margin: 5px;
}

#envio-masivo .dropdown-select ul {
	display: none;
	list-style: none;
}
#envio-masivo .dropdown-select:hover > ul {
	display: block;
}

/*Selector de rango de fechas*/
#envio-masivo .btn-select-dates {
	width: 220px;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #D3D3D3;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px 0 12px;
}
.flecha-select svg{
	width: 8px;
	height: auto;
}
#envio-masivo .btn-select-dates p {
	margin: 0;
}
#envio-masivo .select-dates .dropdown-dates {
	background-color: white;
	border-radius: 0 0 2rem 2rem;
    box-shadow: 0px 0.4rem 0.4rem 0px rgba(0, 0, 0, 0.25);
    display: none; /*MENU OCULTO*/
    flex-direction: column;
    justify-content:center;
    align-items:center;
    position: absolute;
    width: 220px;
    overflow:hidden;
    padding: 10px 15px;
    z-index: 100;
}
.show-flex {
  display: flex !important; /*AL HACER CLIC SE MUESTRA MENÚ*/
}
#envio-masivo .select-dates .rango-fechas {
	display:flex;
	justify-content: space-between;
	width: 100%;
}
#envio-masivo .select-dates .rango-fechas div{
	display:flex;
	flex-direction: column;
	margin: 5px 0;
}
#envio-masivo .select-dates .rango-fechas p {
	margin: 3px 0;
}

#envio-masivo .select-dates .rango-fechas input {
	width: 90px;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #D3D3D3;
	background: #FFF;
}

#envio-masivo .select-dates .selector-directo-fecha {
	width: 100%;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #D3D3D3;
	background: #FFF;
	margin: 3px;
}

#envio-masivo .select-dates button {
	width: 50px;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #D3D3D3;
	background: #EBEBEB;
	margin: 3px;
}
#envio-masivo table {
	margin-top: 10px !important;
}



/*NUEVO ESTILO DE TABLA*/
.new-table {
	border: none !important;
	table-layout: auto;
	width: 100%
}
.new-table-responsive{
	width: 100%;
	overflow-x: auto; 
	overflow-y: hidden;
} 
.new-table p{
	margin: 0;
}
/*Altura de filas*/
.new-table tr{
	height: 40px;
}
/*Ubicar flechas de sorting*/
.new-table thead .sorting:after,
.new-table thead .sorting_asc:after,
.new-table thead .sorting_desc:after,
.new-table thead .sorting_asc_disabled:after,
.new-table thead .sorting_desc_disabled:after {
	bottom: 12px !important;
}
.new-table thead tr th {
	vertical-align: middle !important;
}
.new-table>thead>tr>th {
	border-bottom: 0 !important;
}
.new-table td {
	align-content:center;
	border-top: none !important;
}
/*Color fila de titulos*/
.new-table>thead>tr>th {
	background-color: #F0F3F5;
}
/*Color primera fila de datos*/
.new-table>tbody>tr:nth-child(odd)>td, 
.new-table>tbody>tr:nth-child(odd)>th {
	background-color: white;
}
/*Color segunda fila de datos*/
.new-table>tbody>tr:nth-child(even)>td, 
.new-table>tbody>tr:nth-child(even)>th {
	background-color: #F0F3F5;
}
.new-table .column-check {
	width: 60px;
	text-align: center;
	white-space: nowrap;
}
.new-table tr input {
	margin: 0;
	position: relative;
	top: 2px;
}
.new-table th .expandible,
.new-table td .expandible {
	width: 100%;
}
.new-table .plantilla-enviada {
	height: 22px;
	width: 120px;
	border-radius: 5px;
	background: #5bc0de;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}


/*Colores Tuinn*/
#envio-masivo section .section-container {
    background-color: #fff;
}
/*Color fila de titulos*/
.new-table>thead>tr>th {
	background-color: #fff;
}
/*Color primera fila de datos*/
.new-table>tbody>tr:nth-child(odd)>td, 
.new-table>tbody>tr:nth-child(odd)>th {
	background-color: #F0F3F5;
}
/*Color segunda fila de datos*/
.new-table>tbody>tr:nth-child(even)>td, 
.new-table>tbody>tr:nth-child(even)>th {
	background-color: #fff;
}
.new-table thead tr th,
.new-table tbody tr td {
	border-right: 1px solid #D3D3D3 !important;
}
.new-table thead tr th:first-child,
.new-table tbody tr td:first-child {
	border-left: 1px solid #D3D3D3 !important;
}


/* ------- FIN Estilos Envío Masivo ------- */



/*Corrección tabla desglose reserva*/
.table-fix thead tr th {
	text-align: left !important;
	text-align: center !important;
	padding-left: 4px !important;
}
.table-fix thead .sorting:after {
	bottom: 6px !important;
}
.table-fix tbody tr td {
	text-align: center !important;
	align-content: center;
	padding-left: 4px !important;
}
.table-fix tbody tr td div{
	text-align: center !important;
}
.table-fix tbody tr td .d-flex{
	justify-content: center;
}
.table-fix tbody tr td i {
	margin-left: 0 !important;
}
.table-fix tbody td:first-child:before {
	position: static !important;
	margin: auto;
}
.table-fix tbody .child ul {
	display:flex !important;
	flex-direction: column;
	margin: 0 10px !important;
}
.table-fix tbody .child ul li{
	text-align: left;
	display: flex;
	flex-direction: row;
}
.table-fix tbody .child ul li span div {
	width: fit-content;
}