@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
            /*******************************
* GENERAL USE
*******************************/
                        .card {
                          background: #464646;
                        }
                                                .accordion {
                                                  border-top: 1px solid #000000;
                                                  border-bottom: 1px solid #000000;
                                                  background: #000000;
                                                }

            body {
                overflow-y: auto;
                font-family: 'Roboto', sans-serif;
                font-size: 24px;
                line-height: 1.55rem;
                letter-spacing: -0.015rem;
                width: 1920px;
                height: 1080px;
                overflow-x: hidden;
                overflow: -moz-scrollbars-none;
                -ms-overflow-style: none;
                -webkit-overflow-scrolling: touch;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }
                        .alert {
                          background-color: #282828 !important;
                          border-color: #ffffff !important;
                        }
            .header {
                position: relative;
                height: 115px;
                margin-bottom: 30px;
            }
            
            a#topbar_back {
                background-color: #0000008c;
            }
            
            a#topbar_back:focus {
                transform: scale(1.2);
                background-color: #000000;
                box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important;
            }
            
            .wrapper {
                height: auto;
                width: 100%;
                /* position: relative; */
                transition: all ease 0.5s;
                -webkit-transition: all ease 0.5s;
                -moz-transition: all ease 0.5s;
                -ms-transition: all ease 0.5s;
                margin-left: 0;
                z-index: 1;
                min-height: 100vh;
                padding: 90px 60px;
            }
            
             ::-webkit-scrollbar {
                width: 0;
            }
            
             ::selection {
                background: rgba(30, 116, 253, 0.3);
            }
            
            a {
                transition: 0.2s all;
                color: inherit;
                outline: 0 !important;
            }
            
            a:hover,
            a:active,
            a:focus {
                outline: 0 !important;
                color: inherit;
                text-decoration: none;
                transition: all 0.3s;
            }
            
             :focus,
            a:focus {
                transition: all 0.3s !important;
                border: 1px solid white;
            }
            
            .frontcat-item:focus {
                transition: all 0.3s !important;
                border: 1px solid #000000;
                box-shadow: -.1rem -.1rem 3rem #000000 !important;
                transform: scale(1.2);
                border-radius: .3rem!important;
                z-index: 9;
            }
            
            .frontcat-wrapper {
                position: relative;
                width: 1823px;
                padding-left: 50px;
                height: 100%;
                z-index: 1;
                display: flex;
                white-space: nowrap;
                overflow: hidden;
            }
            
            #show-slider {
                display: block;
                position: relative;
                height: 10px;
                width: 10px;
            }
            
            .btn-link:focus {
                color: #00BCD4 !important;
                border: none;
                background-color: #444444 !important;
                border-radius: 0;
            }
            
            .divider {
                height: 1px;
                background: #E1E1E1;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .divider .icon-box {
                background: #E1E1E1;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #FFF;
                border-radius: 100%;
                width: 28px;
                height: 28px;
                font-size: 24px;
            }
            
            .heading-1 {
                font-family: 'Roboto';
                font-size: 36px;
                letter-spacing: 0.08em;
                font-weight: 500;
                color: #ffffff;
                text-transform: uppercase;
            }
            
            .divider-1 {
                background-color: #5f5f5f;
                height: 1px;
                margin: 0em 0px 1em;
            }
            
            .divider-1 span {
                display: block;
                width: 50px;
                height: 1px;
                background-color: #ffffff;
            }
            
            .dialogbox .modal-dialog .modal-content {
                max-width: 8000px;
                margin: auto;
                max-height: 600px;
                overflow: auto;
                border: 0;
                border-radius: 16px;
            }
            /*******************************
* SIDEBAR
*******************************/
            
            body.menuactive {
                overflow: auto !important;
                transform: none !important;
                -webkit-transform: none !important;
                -moz-transform: none !important;
                -ms-transform: none !important;
            }
            
            body.sidemenu-open .sidebar {
                left: 0 !important;
            }
            
            .sidebar {
                width: 490px;
                z-index: 9999999999999;
                padding-left: 60px;
                padding-right: 30px;
                padding-top: 60px !important;
            }
            
            .sidebar {
                position: fixed !important;
                width: 490px !important;
                height: 100% !important;
                z-index: 999999 !important;
                top: 0 !important;
                transition: all ease 0.5s !important;
                -webkit-transition: all ease 0.5s !important;
                -moz-transition: all ease 0.5s !important;
                -ms-transition: all ease 0.5s !important;
                overflow-y: auto !important;
                left: -500px;
            }
            
            .sidebar .main-menu .list-group-item {
                font-size: 24px;
            }
            
            body.sidemenu-open .wrapper {
                transform: none !important;
                -webkit-transform: none !important;
                -moz-transform: none !important;
                -ms-transform: none !important;
                margin-left: 490px !important;
                width: calc(100vw - 490px);
            }
            
            body.sidemenu-open .header {
                width: calc(100vw - 490px) !important;
                height: auto !important;
                padding: env(safe-area-inset-top) !important;
                top: 0 !important;
                left: 0 !important;
                z-index: 9 !important;
                z-index: 601 !important;
            }
            
            body.menuactive .wrapper {
                overflow: scroll;
            }
            
            body.sidemenu-open .quicktv {
                left: 490px !important;
            }
            
            body.sidemenu-open .wrapper:after {
                content: none !important;
            }
            
            body.sidemenu-open .header-page-image,
            body.sidemenu-open .header-page-image-lg {
                left: 490px;
            }
            
            .list-group-item.menu {
                background: none;
            }
            /*******************************
* NOTIFICACIONES
*******************************/
            
            .notifications-list {
                white-space: normal;
            }
            /*******************************
* HEADER
*******************************/
            
            .header .btn {
                width: 100px;
                height: 100px !important;
                line-height: 61px;
            }
            
            .header+div {
                padding-top: 100px;
            }
            
            .header span,
            .header a {
                font-size: 46px;
                text-transform: uppercase;
                font-weight: 200;
            }
            /*******************************
* HOME PAGE
*******************************/
            
            .featured-item {
                overflow: hidden;
                height: 100%;
                margin: 0;
            }
            
            .item {
                z-index: 1;
            }
            
            .item-title {
                z-index: 1;
                opacity: .9;
                font-size: 24px;
            }
            
            .footer-icon-title {
                font-size: 24px;
            }
            
            .item-title h5 {
                font-size: 24px;
            }
            
            .item-title>h5 {
                font-size: 24px;
            }
            
            .item:focus {
                background-color: #ffffff38;
                border-radius: 15px;
                border: none;
                box-shadow: 0 0rem 1rem #ffffff82 !important;
                z-index: 1;
            }
            
            .frontcat-item {
                overflow: hidden;
                height: 100%;
                margin: 0;
                width: 260px !important;
            }
            
            .band {
                width: 97%;
                max-width: 1240px;
                margin: 0 auto;
                display: grid;
                grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
                grid-template-rows: auto;
                grid-gap: 10px;
            }
            /*******************************
* OFFER PAGE
*******************************/
            
            .template9-image {
                height: 100vh;
                border-radius: 0 !important;
                width: 100%;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                opacity: 1;
                z-index: 0;
                display: block;
                position: absolute;
                left: 0;
                top: 0;
            }
            
            .template9-image:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(to right, transparent 40%, #000000 90%);
            }

            .weather-image {
                height: 100%;
                border-radius: 0 !important;
                width: 100%;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                opacity: 1;
                z-index: 0;
                position: absolute;
                left: 0;
                top: 0;
            }
            
            .weather-image:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(to top, transparent 80%, #000000 100%);
            }
            
            div#tabs-mobile {
                z-index: 2;
                position: relative;
                /* margin-top: 30px; */
                margin-left: 0px;
                width: 1010px;
                white-space: nowrap;
                overflow: hidden;
                padding: 10px 0px;
                padding-left: 30px;
            }
            
            .tablinks {
                font-size: 24px;
                color: #e4e4e4 !important;
                background-color: #0000008f;
                border: 1px solid #ffffff70;
                padding: 2px 25px !important;
            }
            
            .tablinks:focus {
                color: #ffffff !important;
                background-color: #000000;
                border: 1px solid #ffffff;
                box-shadow: 0 0 1rem #ffffff !important;
                transform: scale(1.2);
                z-index: 9;
            }
            
            .pdf-viewer {
                height: calc(100vh - 130px);
            }
            
            div#column-title {
                font-size: 33px !important;
                padding: 0px !important;
                margin-bottom: 15px !important;
                color: white !important;
                letter-spacing: 3px;
                white-space: normal;
                line-height: 35px;
            }
            
            .page-column-logo {
                height: 250px;
                object-fit: contain;
                overflow: hidden;
                position: absolute;
                bottom: 0px;
                margin-bottom: 50px;
                left: 10%;
                width: auto !important;
            }
            
            .info-column {
                white-space: nowrap;
                height: 800px;
                overflow-y: scroll;
                position: absolute;
                right: 0;
                top: 0;
                margin-top: 200px;
                padding-right: 60px;
            }
            
            .logo-watermark {
                width: 100%;
                height: 350px;
                object-fit: contain;
                overflow: hidden;
                background: linear-gradient(to bottom, transparent 0%, rgb(255 255 255 / 0.9) 50%);
                position: absolute;
                bottom: 0px;
                left: 0px;
            }
            
            div#column-text-content {
                color: rgb(210, 210, 210) !important;
                text-align: left !important;
                white-space: normal;
            }
            
            div#column-text-content>ul>li>span {
                font-size: 24px !important;
                line-height: normal;
                color: rgb(210, 210, 210) !important;
                text-align: left !important;
            }
            
            div#column-text-content * {
                font-size: 24px !important;
                line-height: normal;
                color: rgb(210, 210, 210) !important;
                text-align: left !important;
                letter-spacing: 1px;
            }
            
            div#column-text-content div,
            div#column-text-content span,
            div#column-text-content p,
            div#column-text-content hr {
                width: 100% !important;
                color: rgb(210, 210, 210) !important;
                text-align: left !important;
            }
            
            div#fila-text-content {
                min-height: 100%;
                width: 100%;
                color: rgb(210, 210, 210) !important;
                text-align: left !important;
            }
            
            div#fila-text-content>ul>li>span {
                font-size: 24px !important;
                line-height: normal;
                width: 100%;
                color: rgb(210, 210, 210) !important;
                text-align: left !important;
            }
            
            div#fila-text-content * {
                font-size: 24px !important;
                line-height: normal;
                /* text-align: center !important; */
                /* width: 100% !important; */
                margin-bottom: 0.4rem !important;
                width: 100%;
                color: rgb(210, 210, 210) !important;
                text-align: left !important;
                letter-spacing: 1px;
            }
            
            .responsive-tab-container {
                /* min-height: calc(100vh - 90px); */
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            }
            
            .responsive-tab-column {
                min-height: calc(100vh - 130px);
            }
            
            div#column-gallery {
                max-width: 430px;
            }
            
            .page-focus-scroll:focus {
                outline: 0;
                border: 0;
            }
            /* FIN OFFER PAGE ESCRITORIO */
            /*******************************
* SLIDER
*******************************/
            
            #home-slider-web {
                max-height: 100vh;
                display: block;
                position: absolute;
                top: 0px;
                left: 0px;
                width: 1920px !important;
                height: 1080px !important;
                z-index: 0;
                padding: 0px;
                margin: 0px;
            }
            
            .video-js .vjs-big-play-button {
                font-size: 4em;
                border: 1px solid #fff !important;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px;
            }
            
            .small-slide .swiper-slide .card {
                border-radius: 15px;
                margin-left: 10px;
                height: 100%;
                width: 100%;
            }
            
            .small-slide {
                height: 200px;
            }
            
            .swiper-slide .card .thumbnail:focus {
                border: 3px solid white;
            }
            
            .small-slide .swiper-slide {
                width: 300px;
                padding-bottom: 0px;
                padding-right: 15px;
                margin-right: 10px;
                height: 180px;
            }
            
            #home-slider-web .slide-imagen {
                width: 1920px !important;
                height: 1080px !important;
            }
            
            .video-js {
                height: 100% !important;
                width: 100% !important;
                display: contents !important;
            }
            
            .swiper-container {
                width: 100% !important;
                max-height: 100% !important;
                z-index: 0 !important;
            }
            
            #slider {
                max-height: 100% !important;
                width: 100% !important;
            }
            
            #home-slider-web .swiper-slide {
                width: 1920px !important;
                height: 1080px !important;
            }
            
            #home-slider-web::after {
                content: '';
                position: absolute;
                max-height: 100vh;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(to bottom, transparent 0%, #000000 50%);
            }
            
            #home-slider-web.visible::after {
                content: none !important;
                border: 0;
            }
            
            #home-slider-web.visible {
                z-index: 9999;
            }
            /*******************************
* SELLING y CARTAS
*******************************/
            
            #selling_item_buttons .main-focus-item:focus {
                border: 1px solid white !important;
                transform: scale(1.15);
                background: white !important;
                box-shadow: 0 0 1rem #000000!important;
            }
            
            #selling_item_buttons .btn-lg {
                font-size: 24px;
                color: black;
                background: rgba(255, 255, 255, 0.75);
                height: 60px;
                letter-spacing: 1px;
            }
            
            #accordion-menu.card-columns {
                -webkit-column-count: 1;
                -moz-column-count: 1;
                column-count: 1;
            }
            
            .header-menucat {
                height: 150px;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                background-blend-mode: color;
                background-color: #00000085;
            }
            
            .menu-product-description {
                color: #a0a0a0!important;
                width: 100%!important;
                font-size: 24px;
                font-weight: 400;
                line-height: normal;
                padding: .15rem .25rem!important;
            }
            
            .menu-product-nombre {
                font-weight: bold;
                font-size: 24px;
                letter-spacing: 1px;
            }
            
            .menu-product-nombre-lg {
                font-weight: 400;
                font-size: 24px;
            }
            
            .product-options {
                line-height: 26px;
                background: #f9f9f9;
                border-radius: 3px;
                margin-top: 5px;
            }
            
            .selling_subtitulo {
                background-color: #f5f5f5 !important;
                /* color: white; */
                border-bottom: 1px solid #00000061;
            }
            
            .tab-selling {
                position: absolute;
                top: 0px;
                left: 0;
                width: 100vw;
                height: 100vh;
                padding-top: 90px;
                padding-right: 60px;
            }
            
            #accordion-menu .card {
                border: 0px;
                background: none;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%;
            }
            
            #accordion-menu .list-group-item.menu {
                background-color: transparent !important;
                padding: 20px 5px !important;
                border-top: 1px solid #ffffff4d;
                border-bottom: 1px solid #ffffff4d;
            }
            
            .menu:focus {
                background-color: white !important;
                background: white !important;
                transform: scale(1.01);
                outline: 0;
                box-shadow: -0.2rem 0 0rem #ffffff!important;
            }
            
            .header-menucat h5 {
                font-size: 35px !important;
            }
            
            div#accordion-menu {
                overflow: auto;
                white-space: inherit;
                height: 940px;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            
            .product-options {
                line-height: 26px;
                background: #b3b3b340;
                border-radius: 3px;
                margin-top: 15px;
                padding: 20px 5px;
                font-size: 24px;
                margin-left: 0px;
                border-radius: 14px;
            }
            
            .menu-product-subproducto {
                font-size: 24px;
            }
            
            .menu-product-preciosregimen {
                font-size: 24px;
                padding-top: 10px;
                color: #bdbdbd !important;
            }
            
            .menu-product-preciosubproducto {
                font-size: 24px;
            }
            /*******************************
* AGENDA
*******************************/
            
            .ag-evento {
                width: 11.5%;
                opacity: 1 !important;
            }
            
            .filterDiv {
                float: left;
                /** display: none; /* Hidden by default */
            }
            
            #poster-modal {
                max-height: 50vh;
            }
            
            div#mapContainer {
                min-height: calc(100vh - 380px);
            }
            
            #stats-ag-item:focus {
                transform: scale(1.2);
                z-index: 99;
                opacity: 1;
                box-shadow: 0 0 2rem rgba(0, 0, 0, 1)!important;
                border: 0;
            }
            
            .tablinks.mixitup-control-active {
                background-color: white;
                color: black !important;
            }
            
            .nav-tabs.lined {
                border: 0;
                background: transparent;
                border-radius: 0;
                display: flex;
                flex-wrap: initial;
                overflow: auto !important;
                -ms-overflow-style: none;
                margin-bottom: 40px !important;
            }
            
            .nav-tabs.lined::-webkit-scrollbar {
                display: none;
            }
            
            .nav-tabs {
                width: 100%;
            }
            
            .nav-tabs.lined .nav-item {
                /* flex: 1; */
                width: 100%;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 0;
                padding: 0;
                background-color: transparent !important;
                color: transparent !important;
            }
            
            .nav-link:focus {
                transform: scale(1.1);
                color: black !important;
                background-color: #ffffff !important;
                border-radius: 15px !important;
                transition: all ease 1s !important;
            }
            
            .nav-tabs.lined .nav-item .nav-link {
                color: #ffffff;
                font-size: 24px;
                line-height: 1.2em;
                width: 100%;
                border-radius: 0;
                padding: 6px 10px;
                height: 75px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 !important;
                border-bottom: 2px solid transparent;
                background-color: transparent;
                border-color: transparent !important;
                opacity: 1 !important;
            }
            
            .nav-tabs.lined .nav-item.active .nav-link {
                color: #ffffff;
                background: transparent;
                border-bottom-color: #ffffff !important;
                border-bottom: 2px solid;
            }
            
            .nav-tabs .nav-link.active {
                box-shadow: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                -ms-box-shadow: none;
            }
            
            .selected-agenda-day {
                background-color: #272727;
                margin-bottom: 30px;
            }
            /*******************************
* BOOKING
*******************************/
            
            .background-header {
                height: 100%;
                width: 70vw;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                position: absolute;
                opacity: 1;
                z-index: 0;
                top: 0;
                left: 0;
            }
            
            .background-header:after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(to right, transparent 40%, #000000 90%);
            }
            
            .tab-content .tab-pane {
                background-color: transparent !important;
                position: absolute;
                top: 0;
                right: 0;
            }
            
            .form-signin {
                max-width: 100%;
                background-color: #ffffff30;
            }
            
            .float-label .form-control-label {
                line-height: 30px;
                font-size: 24px;
            }
            
            .form-control {
                font-size: 24px;
                line-height: 30px;
            }
            
            div#step1-desc-regime {
                line-height: 31px;
            }
            
            .book-horario {
                max-width: 200px;
            }

            #weatherModuleDivSmarttv {
                background: none repeat scroll 0 0;
                padding-top: 38px;
                justify-content: center;
            }
              
            .weather-contenedor {
                background-size: cover;
                background-position: center;
                width: 100%;
                height: 100%;
            }

            .todayDiv {
                box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
                flex-grow: 0;
            }
              
            .otherDayDiv {
                box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
                flex-grow: 0;
            }

            .btn-tripadvisor {
                color: #fff !important;
                background: #00af87;
            }

            .selling-menu-foto {
                max-height: 50vh;
            }
            
            .ui-datepicker .ui-datepicker-next span,
            .ui-datepicker .ui-datepicker-prev span {
                background-image: url(JqueryTemeRoller/images/ui-icons_ffffff_256x240.png) !important;
                background-position: -32px 0 !important;
                margin-top: 0 !important;
                top: 0 !important;
                font-weight: normal !important;
            }

            /*******************************
        * GENERAL USE
        *******************************/
            
            .has-two-footer {
                padding-bottom: 52px !important;
            }
            
            .extraHeader {
                height: 57px;
                width: 100%;
                padding: 5px 16px;
                margin-top: env(safe-area-inset-top);
                display: flex;
                align-items: center;
                background: #fff;
                z-index: 1000;
                top: 54px;
                left: 0px;
                position: fixed;
                box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
            }

    .main-page-content {
        min-height: calc(100vh - 380px);
    }
    
    .navbar {
        padding: 10px;
        border: none;
        border-radius: 0;
        margin-bottom: 5px;
    }
    
    .tab-pane {
        column-count: auto;
    }
    /* .tab-pane p,
.tab-pane a {
    margin-bottom: 0.70rem !important;
} */
    
    .line {
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #ddd;
        margin: 40px 0;
    }
    
    a[data-toggle="collapse"] {
        position: relative;
    }
    
    #settings_alert {
        z-index: 9999999999;
    }
    
    .modalbox .modal-dialog {
        transform: translate(0, 100%) !important;
        min-width: 100%;
        margin: 0;
        transition: 0.5s all !important;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin-top: env(safe-area-inset-top);
    }
    
    .modalbox .modal-dialog .modal-content {
        border-radius: 0;
        border: 0;
        height: 100vh;
        margin: auto;
        overflow: auto;
        padding-top: 56px;
    }
    
    .modalbox .modal-dialog .modal-content .modal-header {
        border: 0;
        min-height: 56px;
        padding: 10px 16px;
        border-radius: 0;
        display: flex;
        border-bottom: 1px solid #e1e1e1;
        align-items: center;
        justify-content: space-between;
        margin: 0;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 100;
        background: #fff;
    }
    
    .modalbox .modal-dialog .modal-content .modal-header .modal-title {
        margin: 0;
        color: #141515;
        font-size: 13px;
        text-align: center;
        width: 100%;
    }
    
    .modalbox .modal-dialog .modal-content .modal-body {
        padding: 20px 16px;
        min-height: calc(100vh - 56px);
        overflow: auto;
    }
    
    .modalbox.show .modal-dialog {
        transform: translate(0, 0) !important;
    }
    
    .modal-footer-bottons {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        background: #fff;
        min-height: 84px;
        display: flex;
        z-index: 9;
        align-items: center;
        justify-content: center;
        padding-bottom: env(safe-area-inset-bottom);
    }
    
    .panelbox .modal-dialog {
        margin: 0;
        position: fixed;
        left: 0;
        top: 0;
    }
    
    .panelbox .modal-dialog .modal-content {
        border: 0;
        border-radius: 0 !important;
        width: 90vw;
        height: 100vh;
        overflow: auto;
        padding-top: env(safe-area-inset-top);
        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    }
    
    .panelbox .modal-dialog .modal-content .modal-header {
        border-bottom: 0;
        padding: 10px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 56px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
        margin-bottom: 0px;
        z-index: 3;
    }
    
    .panelbox .modal-dialog .modal-content .modal-header .panel-close {
        color: #1E74FD;
    }
    
    .panelbox .modal-dialog .modal-content .modal-header .panel-close i.icon,
    .panelbox .modal-dialog .modal-content .modal-header .panel-close ion-icon {
        font-size: 26px;
    }
    
    .panelbox .modal-dialog .modal-content .modal-header .modal-title {
        color: #141515;
    }
    
    .panelbox .modal-dialog .modal-content .modal-body {
        padding: 10px 16px;
    }
    
    .panelbox.show .modal-dialog {
        transform: translate(0, 0) !important;
    }
    
    .panelbox-left .modal-dialog {
        transform: translate(-100%, 0) !important;
    }
    
    .panelbox-right .modal-dialog {
        transform: translate(100%, 0) !important;
        left: auto;
        right: 0;
    }
    
    #map_canvas {
        position: relative;
        width: 92vw;
        height: 50vh;
        padding: 0;
        border: 2px solid white;
    }
    
    .card.active {
        border-bottom: 2px solid #df691a;
    }
    
    .btn-twitter {
        color: #fff !important;
        background: #1da1f2;
    }
    
    .btn-facebook {
        color: #fff !important;
        background: #3b5998;
    }
    
    .btn-tripadvisor {
        color: #fff !important;
        background: #00af87;
    }
    
    .btn-google {
        color: #fff !important;
        background: #f4c20d;
    }
    
    .btn-youtube {
        color: #fff !important;
        background: #c4302b;
    }
    
    .btn-email {
        color: #fff !important;
        background: #607D8B;
    }
    
    .btn-instagram {
        color: #fff !important;
        background: #bc2a8d;
    }
    
    .btn-icon {
        width: 40px;
        height: 40px;
        padding: 0;
    }
    
    div#main-content-home {
        margin-bottom: 70px;
    }
    
    .fab-button.bottom-right,
    .fab-button-sm.bottom-right {
        position: fixed;
        bottom: 65px;
        right: 10px;
        z-index: 1000;
        margin-bottom: env(safe-area-inset-bottom);
        background-color: #ffffff00 !important;
    }
    
    .fab-button.top-right,
    .fab-button-sm.top-right {
        position: fixed;
        top: 65px;
        right: 10px;
        z-index: 1000;
        margin-bottom: env(safe-area-inset-bottom);
        background-color: #ffffff00 !important;
    }
    
    .fab-button.bottom-center,
    .fab-button-sm.bottom-center {
        position: fixed;
        bottom: 40px;
        left: 50%;
        transform: translatex(-50%);
        z-index: 1000;
        margin-bottom: env(safe-area-inset-bottom);
        background-color: #ffffff00 !important;
    }
    
    .fab-button .fab:hover,
    .fab-button .fab:active,
    .fab-button-sm .fab:hover,
    .fab-button-sm .fab:active {
        background: #1E74FD;
    }
    
    .fab-button .fab {
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
        width: 56px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #000000b8;
        border-radius: 100%;
        color: #fff !important;
        padding-top: 3px;
    }
    
    .fab-button-sm .fab {
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
        width: 43px;
        height: 43px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #000000b8;
        border-radius: 100%;
        color: #fff !important;
    }
    
    div#main-content-home {
        margin-bottom: 50px;
    }
    
    .splash-policy {
        overflow-y: auto;
        overflow-x: none;
        max-height: calc(100vh - 310px);
        text-align: left;
    }
    
    .qrscanner video {
        max-width: 100%;
        max-height: 75%;
    }
    
    .pin-virtual {
        min-height: 210px;
    }
    
    .footer .mixitup-control-active {
        box-shadow: 0 0.1rem 0.8rem #0056b35c !important;
        color: #2345a6 !important;
    }
    
    .home-cat-arrow {
        line-height: 18px;
        margin-right: 3px;
        padding-right: 2px;
        font-size: 14px;
        margin-top: 7px;
    }
    /*******************************
* MAPS
*******************************/
    /*******************************
* MAPAS
*******************************/
    
    .H_ib_close {
        display: none;
    }
    
    .H_ib_content {
        font: 12px "Lucida Grande", Arial, Helvetica, sans-serif !important;
        ;
        margin: 5px 5px 5px 5px !important;
        color: white !important;
        text-align: center;
    }
    
    .H_ib_body {
        background: #00000070 !important;
        bottom: 4.9em !important;
        right: -15px !important;
    }
    
    .H_ib.H_ib_top .H_ib_tail {
        display: none !important;
    }
    
    .H_copyright {
        display: none !important;
    }
    
    .H_scalebar {
        display: none !important;
    }
    
    .H_l_bottom {
        bottom: 4px !important;
    }
    
    .H_l_right {
        right: calc(100% + 2px) !important;
    }
    
    svg.H_icon {
        width: 14px !important;
        height: 14px !important;
    }
    
    .H_ctl.H_grp {
        background: rgb(255 255 255 / 0.9) !important
    }
    
    .H_btn {
        background: none !important;
        width: 5.5em !important;
        height: 5.5em !important;
    }
    
    .H_ui {
        font-size: 9px !important;
    }
    
    .modal-header-image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 180px;
    }
    
    #maps_filters .nav-item {
        width: auto !important;
        /* padding: 80px; */
    }
    
    div#maps_filters a {
        color: #5a5a5a;
    }
    
    .footer-mapfilters {
        height: 100px;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 60px;
        position: fixed;
        padding: env(safe-area-inset-bottom);
        bottom: 0;
        left: 0;
        z-index: 9;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        -ms-transition: all ease 0.5s;
        background: #ffffff;
        box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.1);
    }
    
    img.filter-icon {
        max-width: 25px;
        filter: opacity(0.5);
        margin-top: 7px;
    }
    
    .filter_active {
        border-bottom: 1px solid;
        color: #3355b4 !important;
        height: 60px;
        background-color: #f7f7f7;
    }
    
    .filter_active * {
        filter: opacity(1) !important;
    }
    
    .mapa_hotel {
        height: calc(100vh - 115px);
        width: 100vw;
        padding: 0px;
    }
    
    .mapitem.active {
        box-shadow: 0 0.1rem 0.8rem #0056b35c !important;
        color: #2345a6 !important;
    }
    /*******************************
* BOOKING
*******************************/
    
    #content_conditions {
        font-size: 0.8rem;
        line-height: 1.1rem;
        text-align: left;
    }
    
    .bg-booking-restaurant {
        height: 100vh;
    }
    
    .input-group.cantidad {
        max-width: 130px;
    }
    
    .btn-allergens {
        width: 105px;
    }
    
    #desc-text p {
        font-size: 0.6em;
        line-height: 1.4em;
        padding: 5px;
        margin: 0px;
    }
    
    #step3-desc p {
        line-height: 1.4em;
        padding: 5px;
        margin: 0px;
    }
    
    #desc-text {
        max-height: 150px;
    }
    
    .booking-daterange-checkbox {
        height: 50px;
        width: 50px;
    }
    
    .step6-booking-finished {
        width: 100% !important;
        position: relative !important;
        background: transparent !important;
        height: calc(100vh - 100px) !important;
    }
    /*******************************
* SLIDER
*******************************/
    
    .slide-imagen {
        width: 100% !important;
        max-height: 100% !important;
    }
    
    /*******************************
* SELLING PAGE
*******************************/
    
    button#dias-roomservice {
        border: none;
        border-radius: 0;
    }
    
    button.roomservice-horas {
        height: 40px;
        width: 20%;
    }
    
    #accordion-menu {
        column-count: 1;
    }
    
    .selling-header-image-modal {
        opacity: 0.5;
    }
    
    .selling-menu-foto {
        max-height: 50vh;
    }
    
    .wizard {
        background: transparent;
    }
    
    .wizard .nav-tabs {
        position: relative;
        margin: 10px auto;
        margin-bottom: 10px;
        /*border-bottom-color: #e0e0e0;*/
    }
    
    .wizard>div.wizard-inner {
        position: relative;
    }
    
    .wizard .nav-tabs>li.active>a,
    .wizard .nav-tabs>li.active>a:hover,
    .wizard .nav-tabs>li.active>a:focus {
        color: #fff;
        cursor: default;
        border: 0;
        /*border-bottom-color: transparent;*/
    }
    
    span.round-tab {
        width: 70px;
        height: 70px;
        line-height: 70px;
        display: inline-block;
        border-radius: 100px;
        /*background: #fff;*/
        border: 2px solid #e0e0e0;
        z-index: 2;
        position: absolute;
        left: 0;
        text-align: center;
        font-size: 25px;
    }
    
    span.round-tab i {
        color: #fff;
    }
    
    .wizard li a.active span.round-tab {
        background: #fff;
        border: 2px solid #5bc0de;
    }
    
    .wizard li a.active span.round-tab i {
        color: #fff;
    }
    
    span.round-tab:hover {
        color: #333;
        border: 2px solid #333;
    }
    
    .wizard .nav-tabs>li {
        width: 33%;
    }
    
    .wizard li a:after {
        content: " ";
        position: relative;
        left: 46%;
        top: -20px;
        opacity: 0;
        margin: 0 auto;
        bottom: 0px;
        border: 5px solid transparent;
        border-bottom-color: #5bc0de;
        transition: 0.1s ease-in-out;
    }
    
    .wizard li.active.nav-item:after {
        content: " ";
        position: relative;
        left: 46%;
        top: -20px;
        opacity: 0;
        margin: 0 auto;
        bottom: 0px;
        border: 10px solid transparent;
        /* border-bottom-color: #5bc0de;*/
    }
    
    .wizard .nav-tabs>li a {
        width: 70px;
        height: 70px;
        margin: 20px auto;
        border-radius: 100%;
        padding: 0;
        position: relative;
    }
    /*.wizard .nav-tabs > li a:hover {
    background: transparent;
}*/
    /* .wizard .tab-pane {
    position: relative;
    padding-top: 1px !important;
} */
    
    .wizard h3 {
        margin-top: 0;
    }
    
    .header-image-roomservice-product {
        height: 200px;
        overflow: hidden;
        margin: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .header-image-roomservice-product::after {
        background: linear-gradient(to bottom, #00000000 30%, #00000085 100%) !important;
        content: "";
        height: 100%;
        width: 100%;
        display: block;
    }
    
    .selling_subtitulo {
        background-color: #f5f5f5 !important;
        /* color: white; */
        border-bottom: 1px solid #00000061;
    }
    
    div#step3.tab-pane.selling {
        min-height: calc(100vh - 161px);
    }
    /*******************************
* AGENDA
*******************************/
    
    #agenda-items-content {
        padding-bottom: 80px;
    }
    /*******************************
* FLIGHTS
*******************************/
    
    .flights-time {
        width: 45%;
        text-align: left;
    }
    
    .flights-desc {
        width: 55%;
        text-align: right;
    }
    
    h4.flight-code {
        font-weight: 600;
        font-size: 15px;
    }
    
    h6.flight-status {
        font-weight: 400;
        font-size: 14px;
    }
    
    h6.flight-destination {
        font-size: 15px;
        font-weight: 100;
    }
    
    h6.flight-arrival {
        font-size: 16px;
        font-weight: 400;
    }
    /*******************************
* SIDEBAR
*******************************/
    
    #sidebar {
        width: 250px;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: 9999;
        color: #fff;
        transition: all 0.3s;
        min-width: 250px;
        max-width: 250px;
        min-height: 100vh;
    }
    
    .ButtonsWidgetlogo {
        background-color: rgba(255, 255, 255, 0.38) !important;
    }
    
    #sidebar.active {
        margin-left: -250px;
    }
    
    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }
    
    #sidebar ul li a {
        padding: 8px;
        font-size: 1em;
        display: block;
    }
    
    #sidebar ul li a:hover {
        color: #2B3E50;
        background: rgba(255, 255, 255, 0.095);
    }
    
    #sidebar ul li.active>a,
    a[aria-expanded="true"] {
        color: #2b3e50;
        background: rgba(255, 255, 255, 0.095);
    }
    /*******************************
* JQUERY UI
*******************************/
    
    .ui-widget {
        font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
        border: none !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
    }
    
    .ui-datepicker {
        padding: 0 !important;
    }
    
    .ui-datepicker-header {
        border: none !important;
        background: transparent !important;
        font-weight: normal !important;
        font-size: 15px !important;
    }
    
    .ui-datepicker-header .ui-state-hover {
        background: transparent !important;
        border-color: transparent !important;
        cursor: pointer !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
    }
    
    .ui-datepicker .ui-datepicker-title {
        margin-top: .4em !important;
        margin-bottom: .3em !important;
        color: #e9f0f4 !important;
    }
    
    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover,
    .ui-datepicker .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-prev {
        top: .9em !important;
        border: none !important;
    }
    
    .ui-datepicker .ui-datepicker-prev-hover {
        left: 2px !important;
    }
    
    .ui-datepicker .ui-datepicker-next-hover {
        right: 2px !important;
    }
    
    .ui-datepicker .ui-datepicker-next span,
    .ui-datepicker .ui-datepicker-prev span {
        background-image: url(JqueryTemeRoller/images/ui-icons_ffffff_256x240.png) !important;
        background-position: -32px 0 !important;
        margin-top: 0 !important;
        top: 0 !important;
        font-weight: normal !important;
    }
    
    .ui-datepicker .ui-datepicker-prev span {
        background-position: -96px 0 !important;
    }
    
    .ui-datepicker table {
        margin: 0 !important;
    }
    
    .ui-datepicker th {
        padding: 1em 0 !important;
        color: #ccc !important;
        font-size: 13px !important;
        font-weight: normal !important;
        border: none !important;
        border-top: 1px solid #3a414d !important;
    }
    
    .ui-datepicker td {
        background: #3355b4 !important;
        border: none !important;
        padding: 0 !important;
    }
    
    td .ui-state-default {
        background: transparent !important;
        border: none !important;
        text-align: center !important;
        padding: .5em !important;
        margin: 0 !important;
        font-weight: normal !important;
        color: #efefef !important;
        font-size: 16px !important;
    }
    
    .ui-state-disabled {
        opacity: 1 !important;
    }
    
    .ui-state-disabled .ui-state-default {
        color: #ffffff4a !important;
    }
    
    td .ui-state-active,
    td .ui-state-hover {
        background: #2e3641 !important;
    }
    /* .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #5cb85c !important;
} */
    
    div#ui-datepicker-div {
        background: #545454 !important;
    }
    /*******************************
* POLL
*******************************/
    
    .poll-icono {
        max-height: 64px;
    }
    /*******************************
* OFFER PAGE
*******************************/
    
    .candado {
        height: 50px;
    }
    /*******************************
* WEATHER
*******************************/
    
    .day {
        color: black;
        font-size: 16px;
        font-weight: 100;
    }
    
    .weather-widget {
        color: white;
        background: linear-gradient(222deg, #0091ff, #00365e);
        background-size: 400% 400%;
        -webkit-animation: weather-widget-bg 10s ease infinite;
        -moz-animation: weather-widget-bg 10s ease infinite;
        animation: weather-widget-bg 10s ease infinite;
    }
    
    @-webkit-keyframes weather-widget-bg {
        0% {
            background-position: 97% 0%
        }
        50% {
            background-position: 4% 100%
        }
        100% {
            background-position: 97% 0%
        }
    }
    
    @-moz-keyframes weather-widget-bg {
        0% {
            background-position: 97% 0%
        }
        50% {
            background-position: 4% 100%
        }
        100% {
            background-position: 97% 0%
        }
    }
    
    @keyframes weather-widget-bg {
        0% {
            background-position: 97% 0%
        }
        50% {
            background-position: 4% 100%
        }
        100% {
            background-position: 97% 0%
        }
    }
    
    .temp-c {
        margin-bottom: 20px;
    }
    
    .weather-forecast {
        width: 75%;
        background-color: #ffffff;
    }
    
    .forecast-item {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #e1e1e1;
        transition: all 0.2s;
    }
    
    .forecast-item:nth-of-type(odd) {
        background-color: #f9f9f9;
    }
    
    .forecast-item:hover {
        background-color: #fff;
        cursor: pointer;
    }
    
    .weather-icom-list {
        height: 100%;
    }
    
    .forecast-item h6 {
        color: #888;
        margin-top: 5px;
        font-size: 14px;
        font-weight: 400;
    }
    
    .forecast {
        text-align: right;
        color: black;
    }
    
    .webtodayImg {
        height: 80px;
        width: auto;
        filter: brightness(0) invert(1);
    }
    
    span.icon-weather-list {
        display: block;
        height: 30px;
        margin-top: 0px;
        padding: 2px;
    }
    /* black color */

.color-theme-smarttv .overlay {
    background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #333333 100%) 0% 0% no-repeat padding-box;
    background: transparent -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #333333 100%) 0% 0% no-repeat padding-box;
    background: transparent -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #333333 100%) 0% 0% no-repeat padding-box;
}

.black-theme-bg,
.color-theme-smarttv .bg-template {
    background: #333333;
    background: -moz-linear-gradient(top, #333333 1%, #333333 100%);
    background: -webkit-linear-gradient(top, #333333 1%, #333333 100%);
    background: linear-gradient(to bottom, #333333 1%, #333333 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0);
}

.color-theme-smarttv .text-template {
    color: #ffffff;
}

.color-theme-smarttv .btn-outline-light:focus,
.color-theme-smarttv .btn-outline-light:active:focus,
.color-theme-smarttv .btn-outline-light:hover,
.color-theme-smarttv .btn-outline-light.active,
.color-theme-smarttv .dot-notification,
.color-theme-smarttv .header.active,
.color-theme-smarttv .footer a.btn.active span.icon-text,
.color-theme-smarttv .btn-default,
.color-theme-smarttv .loader-screen,
.color-theme-smarttv .btn-outline-light:not(:disabled):not(.disabled):active {
    background-color: #000000d6;
}

.color-theme-smarttv .header.active {
    box-shadow: none !important;
}

.color-theme-smarttv body {
    background-color: #000000;
}

.color-theme-smarttv .footer a.btn:hover span.icon-text,
.color-theme-smarttv .float-label .form-control:focus {
    border-color: #acacac;
}

.sidebar .main-menu .list-group-item:focus {
    transform: scale(1.07);
    margin-left: 10px;
    font-size: 22px;
    color: white !important;
    transition: all ease 0.5s !important;
}

.color-theme-smarttv .search,
.color-theme-smarttv .dropdown-menu {
    box-shadow: 0px 3px 7px rgba(51, 85, 180, 0.20);
    -webkit-box-shadow: 0px 3px 7px rgba(51, 85, 180, 0.20);
    -moz-box-shadow: 0px 3px 7px rgba(51, 85, 180, 0.20);
    -ms-box-shadow: 0px 3px 7px rgba(51, 85, 180, 0.20);
}

.color-theme-smarttv .btn-default {
    box-shadow: 0px 5px 15px rgba(51, 85, 180, 0.50);
    -webkit-box-shadow: 0px 5px 15px rgba(51, 85, 180, 0.50);
    -moz-box-shadow: 0px 5px 15px rgba(51, 85, 180, 0.50);
    -ms-box-shadow: 0px 5px 15px rgba(51, 85, 180, 0.50);
}

.color-theme-smarttv .btn-outline-light,
.color-theme-smarttv .footer a.btn:hover span.text-name,
.color-theme-smarttv .footer a.btn.active span.text-name,
.color-theme-smarttv .form-control:focus,
.color-theme-smarttv .btn-light {
    color: #acacac;
}

.color-theme-smarttv a,
.color-theme-smarttv .wrapper,
.color-theme-smarttv .form-control,
.color-theme-smarttv body.header-dark,
.color-theme-smarttv .header-dark .header,
.color-theme-smarttv .header-dark .header a,
.color-theme-smarttv .header-dark .header .btn-link {
    color: #ffffff;
}

.color-theme-smarttv .chat-list .left-chat .chat-block,
.color-theme-smarttv .sidebar,
.color-theme-smarttv .btn-outline-light:focus,
.color-theme-smarttv .btn-outline-light:active:focus,
.color-theme-smarttv .btn-outline-light:hover,
.color-theme-smarttv .btn-outline-light.active,
.color-theme-smarttv .footer a.btn.active span.icon-text,
.color-theme-smarttv .bg-template,
.color-theme-smarttv .btn-default,
.color-theme-smarttv body,
.color-theme-smarttv .header,
.color-theme-smarttv .header a,
.color-theme-smarttv .header .btn-link,
.color-theme-smarttv .sidebar .main-menu .list-group-item i,
.color-theme-smarttv .sidebar .main-menu .list-group-item.active i,
.color-theme-smarttv .sidebar .main-menu .list-group-item.active,
.color-theme-smarttv .nav-tabs .nav-item .nav-link,
.color-theme-smarttv .bg-template a:not(.btn-light) {
    color: #ffffff;
}

.color-theme-smarttv .header {
    background: none !important;
}

.color-theme-smarttv .splash-footer,
.color-theme-smarttv .header.active a {
    color: ffffff !important;
}

.color-theme-smarttv .footer,
.color-theme-smarttv .footer a.btn span.icon-text,
.color-theme-smarttv .wrapper {
    background-color: #0000005c;
}

.color-theme-smarttv .sidebar {
    background-color: rgb(0 0 0 / 85%);
    border-right: 1px solid #ffffff45;
}

.color-theme-smarttv .bg-template .bg-light {
    background-color: rgba(255, 255, 255, 0.1)
}

.color-theme-smarttv .sidebar .main-menu .list-group-item,
.color-theme-smarttv .footer a.btn-link-default {
    color: #c7c7c7
}

.color-theme-smarttv .chat-list .left-chat .chat-block,
.color-theme-smarttv .sidebar .main-menu .list-group-item.active i,
.color-theme-smarttv .footer a.btn:hover span.text-name:after,
.color-theme-smarttv .footer a.btn.active span.text-name:after {
    background-color: #c7c7c7
}

.color-theme-smarttv .nav-tabs .nav-item .nav-link.active {
    border-color: #c7c7c7
}

.color-theme-smarttv .chat-list .left-chat .chat-block:before {
    border-top-color: #c7c7c7;
    border-left-color: #c7c7c7
}


/* theme dark */

html.theme-dark .wrapper {
    background-color: #000000
}

html.theme-dark .list-group-item,
html.theme-dark .footer a.btn span.icon-text,
html.theme-dark .footer {
    background-color: #333333
}

html.theme-dark .dropdown-menu {
    background-color: #555555
}

html.theme-dark .header-dark .header,
html.theme-dark .header-dark .header .btn-link,
html.theme-dark .form-control,
html.theme-dark .float-label .form-control:focus,
html.theme-dark .footer a.btn.active span.text-name,
html.theme-dark a,
html.theme-dark .wrapper {
    color: #ffffff
}

html.theme-dark .bg-light {
    background-color: #f8f9fa1a !important;
}

html.theme-dark .btn-outline-light,
html.theme-dark .border-bottom,
html.theme-dark .border-top,
html.theme-dark .border-right,
html.theme-dark .border-left,
html.theme-dark .border-left-dashed {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html.theme-dark .search,
html.theme-dark .dropdown-menu {
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.20);
    -ms-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.20);
}

html.theme-dark .btn-light {
    background-color: #f8f9fa1c;
    border-color: #f8f9fa1c;
}

html.theme-dark .text-dark {
    color: #6f6f6f !important;
}

html.theme-dark .text-secondary {
    color: #cccccc !important;
}

html.theme-dark .modal-content .form-control,
html.theme-dark .form-control.search,
.modal-dialog .modal-content {
    color: #000000
}

html.theme-dark .text-secondary {
    color: #cccccc !important;
}

html.theme-dark .modal-content .form-control,
html.theme-dark .form-control.search,
.modal-dialog .modal-content {
    color: #000000
}

html.theme-dark .modal-content .form-control,
html.theme-dark .form-control.search,
.modal-dialog .modal-content {
    color: #171616
}

.header-page-image:after,
.header-page-image-lg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, #0e214670 50%, #f9f9f9 90%);
}

.header-page-title {
    z-index: 9;
    position: absolute;
}

.item-gradient-bottom:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 60%, #00000085 90%);
}

.action-button-list>li .btn.text-primary {
    color: #1e74fd !important;
}

.modal.action-sheet {
    z-index: 200000;
}

.panelbox .modal-dialog .modal-content .modal-header .panel-close {
    color: #1e74fd;
}

.modal-icon {
    font-size: 60px;
    line-height: 1em;
    margin-top: 30px;
    margin-bottom: -10px;
    color: #1e74fd;
    text-align: center;
}

.notification-dialog.android-style .notification-footer .notification-button {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1E74FD !important;
    font-size: 13px;
    border-right: 1px solid #E1E1E1;
    padding: 16px 6px;
}

.badge {
    border-radius: 30px;
    font-weight: 400;
    padding-left: 10px;
    padding-right: 10px;
}

.appBottomMenu .item.active .icon,
.appBottomMenu .item.active ion-icon,
.appBottomMenu .item.active strong {
    color: #1e74fd !important;
    font-weight: 500;
}

.appBottomMenu .item .action-button {
    display: inline-flex;
    width: 50px;
    height: 50px;
    margin-left: -5px;
    margin-right: -5px;
    align-items: center;
    justify-content: center;
    border-radius: 200px;
    background: #1e74fd;
}

.appBottomMenu .item {
    font-size: 9px;
    letter-spacing: 0;
    text-align: center;
    width: 100%;
    height: 56px;
    line-height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #868686;
}

.appBottomMenu {
    min-height: 56px;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.80);
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #e1e1e1;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: env(safe-area-inset-bottom);
    backdrop-filter: saturate(125%) blur(10px);
}

.appBottomMenu .item {
    opacity: 55%;
}

.fixed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    min-height: 64px;
    right: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 8;
}

.btn-warning {
    background-color: #FFC400;
    color: #ffffff;
}

.btn-lg {
    padding: .815rem 1.5rem;
    height: 50px;
}

.btn-sm {
    height: 30px;
    padding: 0px 12px;
    font-size: 12px;
}

body .btn-dark {
    color: #fff;
    background-color: #263238;
    border-color: #263238;
}

body .btn-success {
    background-color: #00C853;
    border-color: #00C853;
}

body .btn-warning {
    background-color: #FF6D00;
    border-color: #FF6D00;
}

body .btn-danger {
    background-color: #D50000;
    border-color: #D50000;
}

body .btn-primary {
    background-color: #0091ea;
    border-color: #0091ea;
}

.imaged.h16 {
    height: 16px !important;
    line-height: 16px !important;
}

.imaged.h24 {
    height: 24px !important;
    line-height: 24px !important;
}

.imaged.h32 {
    height: 32px !important;
    line-height: 32px !important;
}

.imaged.h36 {
    height: 36px !important;
    line-height: 36px !important;
}

.imaged.h48 {
    height: 48px !important;
    line-height: 48px !important;
}

.imaged.h64 {
    height: 64px !important;
    line-height: 64px !important;
}

.imaged.h76 {
    height: 76px !important;
    line-height: 76px !important;
}

.imaged.h86 {
    height: 86px !important;
    line-height: 86px !important;
}

.imaged.h100 {
    height: 100px !important;
    line-height: 100px !important;
}

.imaged.h120 {
    height: 120px !important;
    line-height: 120px !important;
}

.imaged.h140 {
    height: 140px !important;
    line-height: 140px !important;
}

.imaged.h160 {
    height: 160px !important;
    line-height: 160px !important;
}

.imaged.h180 {
    height: 180px !important;
    line-height: 180px !important;
}

.imaged.h200 {
    height: 200px !important;
    line-height: 200px !important;
}

.imaged.img-fluid {
    width: 100%;
}

.imaged.rounded {
    border-radius: 100% !important;
}

.imaged.radius {
    border-radius: 6px !important;
}

.imaged.square {
    border-radius: 0 !important;
}


/* form elements */

select.form-control option,
select.form-control optgroup {
    color: #000000
}

.form-control:focus {
    box-shadow: none;
    -ms-box-shadow: none;
}

.form-control::placeholder {
    color: #9c9c9c;
}

.form-control::placeholder {
    border: 1px solid #9c9c9c;
}

.poll-obs::placeholder {
    border: none;
}

.float-label {
    padding-top: 15px;
    position: relative;
}

.form-group .form-control-label {
    font-size: 13px;
    line-height: 18px;
    color: #9c9c9c;
}

.float-label .form-control,
.float-label .chosen-container .chosen-choices,
.float-label .chosen-container .chosen-single {
    background-color: transparent;
    border-width: 0 0 1px 0;
    border-radius: 0;
    /* z-index: 1; */
    position: relative;
    padding-left: 0;
    padding-right: 0;
    background-image: none;
}

.float-label .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    outline: none;
}

.float-label .form-control:focus+.form-control-label,
.float-label.active label {
    top: 0;
    font-size: 13px;
    line-height: 20px;
}

.imaged {
    height: auto;
    border-radius: 6px;
    text-align: center;
}

.sidebar .main-menu .list-group-item:hover,
.sidebar .main-menu .list-group-item:focus {
    background-color: rgba(255, 255, 255, 0.15);
    left: 0;
}

.sidebar:focus-within {
    left: 0 !important;
}

.bg-semitrans {
    background-color: #ffffff40;
}

.bg-semitrans-cat {
    background-color: #ffffff87;
    z-index: 1;
}

/*******************************
* SELLING MENU ALERGIAS
*******************************/

@font-face {
    font-family: "Hoteligy-Alergenos";
    src: url("https://machine.hoteligy.com/actual/webfonts/Hoteligy-Alergenos.woff") format("woff"); /* Modern Browsers */
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

span.alergia {
    font-family: 'Hoteligy-Alergenos';
}

.product-button-ticket {
    background-color: #ffffff;
    float: left;
    height: 131px;
    width: 221px;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    border: 1px solid #9a9a9a;
}

.reservation-not-confirmed {
    margin-top: 5px;
    background-color: #ff6363;
    line-height: 50px;
    text-align: center;
    font-size: 19px;
    font-family: sans-serif;
    margin-bottom: 20px;
}

.bg-booking-restaurant {
    height: 1221px;
    background-size: cover;
    background-position: center;
    background-image: url("/ui/bg-restaurant-reservations.jpg");
}