/*Machacamos box-sizing bootstrap*/
*, *:after, *:before {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.only-lang *, .only-lang *:after, .only-lang *:before {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

/*Deshabilitamos seleccion de texto*/
a, div, span, html, body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

body, .dropdown-menu {
    font-size:12px !important;
}

/*Tabs app propia*/
#reskyt-footer {
    height:56px;
}

.custom-app-tabs {
    background-color:#efefef !important;
    border-top:1px solid #bbb;
    bottom:0 !important;
    text-align:center !important;
    display: table;
    table-layout: fixed;
}

.custom-app-tabs.tab-sin-textos .sf-button {
    padding-bottom: 11px !important;
    padding-top: 14px !important;
}

.custom-app-tabs .border-r {
    font-weight:normal;
    font-size:10px;
    text-transform:none;
    float:none !important;
    overflow:hidden;
    margin-top:-1px;
    display:block;
    white-space: nowrap;
}

.custom-app-tabs .sf-button {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

.custom-app-tabs .sf-button .btn-bg {
    font-size:10px;
    line-height:0 !important;
    padding:0 !important;
    color: #666 !important;
}

.custom-app-tabs .border-l, .table-header-app .border-l {
    width:28px;
    height:28px;
    background-size:auto 100% !important;
    float:none !important;
    margin:0 auto 3px auto;
    margin-bottom: 3px;
    margin-left: auto;
    margin-right: auto;
    background-repeat:no-repeat;
}

.custom-app-tabs .border-l svg, .table-header-app .border-l svg {
    width:28px;
    height:28px;
}

.table-header-app .border-l {
    width:25px;
    height:25px;
}

.custom-app-tabs li.nivel1 {
    padding-top:0 !important;
    margin-top:0 !important;
    float:none !important;
}

.custom-app-tabs .menu-desplegable .nivel1 a {
    margin-right:0 !important;
    padding-top:8px;
    text-decoration:none;
}

.custom-app-tabs.e-point .menu-desplegable .nivel1 a {
    padding-top:10px;
}

.lang-mix-app #menu ul li.nivel1 {
    padding-right: 0px;
}

.table-header-left .lang-mix-app #menu {
    padding-left: 8px;
}

.custom-app-tabs .buttons-info {
    margin:0;
    float:none;
}

.arrow-down {
    display:none;
}

.custom-app-tabs ul.menu-desplegable {
    vertical-align: top;
    margin:0;
    padding:0;
}

.custom-app-tabs:not(.app-tabs-submenu-center) ul.menu-desplegable {
    display: table-cell;
}

.layout-menu-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.only-lang li.nivel1 {
    margin-top: -1px !important;
}

.custom-app-tabs .button-nivel-1 .active-tab {
    background-color:#B2232B;
}

.tab-inferior-app .tab-sin-icono {
    padding:19px 0 !important;
}

.tab-inferior-app.e-line-top-bottom {
    overflow:hidden;
}

.tab-inferior-app .sf-button .border-r {
    height:18px;
}

#reskyt-footer {
    z-index:120000 !important;
}

.app-tabs-submenu-center, #presentacionApp {
    height: 100% !important;
    width: 100% !important;
    padding: 0;
    left:0;
    z-index: 14 !important;
    display:none;
    position: fixed;
    box-sizing: content-box;
}

#off-canvas.menu-12 {
    max-width: none;
}

#off-canvas {
    z-index: 120;
}

.navmenu-fixed-right {
   left: auto !important;
}

#presentacionApp.presentacion-fullscreen {
    top:0 !important;
    z-index: 10000000 !important;
}

.slick-dots {
    bottom: 5px;
}

.slick-dots li {
    margin: 0;
}

.slick-dots li button {
    border: 1px solid #FFF;
    height: 8px;
    width: 8px;
    padding: 3px;
    border-radius: 5px;
    margin: 0 auto;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.slick-dots li button:before {
    content:"";
}

.slick-dots li.slick-active button {
    height: 10px;
    padding: 4px;
    width: 10px;
    background-color:#FFF;
    margin-top: -1px;
}

#capaNativeCookies {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(1,1,1,0.4);
    z-index: 999998;
}
    
#nativeCookies {
    background-color: #fcfcfc;
    border:1px solid #EFEFEF;
    position: fixed;
    border-radius: 10px;
    padding:20px;
    width: 80%;
    margin-left: 10%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999999;
    max-height:90%;
    overflow-x: auto;
}

.btn-nativeCookies {
    margin-top:20px;
    width:100%;
}

.nc-header {
    text-align: center;
    margin-bottom: 15px;
}

.nc-header img {
    max-width: 60px;
    border-radius: 10px;
    border: 1px solid #efefef;
}

.nc-header .label-version {
    font-size:25px;
    margin-left: 25px;
    position: relative;
    top: 5px;
}

#presentacionApp {
    background-color: #FFF;
}

.app-tabs-submenu-center .border-r {
    margin-top:3px;
}

.app-tabs-submenu-center ul.menu-desplegable {
    width:100%;
}

.app-tabs-submenu-center .slick-list li {
    float:left;
    display:table;
}

.app-tabs-submenu-center .slick-list li .buttons-info {
    display:table-cell;
    vertical-align:middle;
}

.app-tabs-submenu-center.doscolumns .slick-list li {
    width:50% !important;
}

.app-tabs-submenu-center.trescolumns .slick-list li {
    width:33.3% !important;
}

.app-tabs-submenu-center .fa-lg {
    font-size: 28px !important;
    padding-bottom: 4px !important;
}

.app-tabs-submenu-center .menus-fa-2x {
    font-size: 48px !important;
    padding-bottom: 4px !important;
}

.app-tabs-submenu-center .border-l  {
    width: 48px;
    height: 48px;
    padding-bottom: 4px !important;
}

.app-tabs-submenu-center a.href-type-lang .border-l  {
    height: 38px;
    margin-bottom: 6px;
    width: 58px;
}

.app-tabs-submenu-center .menus-fa-2x {
    width:52px;
    height: 52px;
}

.app-tabs-submenu-center .border-l {
    width:70px;
    height: 70px;
}

.app-tabs-submenu-center .border-l svg {
    width:60px;
    height: 60px;
}

.app-tabs-submenu-center .menu-desplegable .nivel1 a {
    padding-top:10px;
    padding-bottom:6px;
}

.app-tabs-submenu-center .sf-button .btn-bg  {
    font-size: 12px;
}

.only-lang img {
    vertical-align:top;
}

.only-lang ul li ul:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 12px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #B2232B transparent;   
}

.only-lang #menu {
    float:none;
}

.only-lang #menu ul li ul:before  {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 10px;
}

.only-lang #menu ul li ul {

    background: #B2232B;
    width:auto;

    display: none;
    position: absolute;
}

.only-lang a.nivel1 {
    width: 40px;
    text-align:center !important;
}

#iframecustomapp {
    border:0;
    overflow:auto;
    min-height:100%;
}

#contentiframe {
    display:block;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}

/*Estilos barra superior*/
#reskyt-header-customapp {
    background-color:#B2232B;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 100003 !important;
    display:table;
    left:0; /*Si no no vuelve a su sitio con el menu responsive*/
}

#reskyt-header-customapp.fix-area {
    display:none;
    height:0px;
}

.fix-safe-area #reskyt-header-customapp.fix-area {
    display:table;
}

.fix-safe-area-landscape #reskyt-header-customapp {
    padding-left:20px;
    padding-right:20px;
}

#reskyt-header-customapp.fixelement, .top-opciones-app.fixelement, .top-opciones-app-back.fixelement {
    position: absolute !important;
}

.header-customapp-nombre {
    text-align:center;
    font-size:13px;
    color:#000;
    font-weight: 600;
    overflow:hidden;
    display:table-cell;
    vertical-align: middle;
}

.header-customapp-nombre, #reskyt-header-customapp {
    height: 40px;
}

.parte-superior-slim#reskyt-header-customapp, .parte-superior-slim .header-customapp-nombre {
    height:20px;
}

.parte-superior-fat#reskyt-header-customapp, .parte-superior-fat .header-customapp-nombre {
    height:60px;
}

.table-header-left, .table-header-right {
    display:table-cell;
    width:40px;
    vertical-align: middle;
    font-size:0;
}

.table-header-right {
    text-align: right;
}

.table-header-app .btn-bg {
    display:none;
}

.table-header-app .menu-desplegable {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
    margin:0;
    padding:0;
}

.header-customapp-menu-lateral a {
     color:#000;
     display:block;
     font-size: 19px;
     padding:5px 10px;
}

.menu-desplegable .nivel1 .button-back {
    display:none;
}

.history-customapp a {
    font-size: 22px;
    line-height: 39px;
    color:#000;
    display:block;
    width:30px;
    height:40px;
    text-align:center;
    text-decoration:none;
}

.burbuja-push, .burbuja-cesta {
    background-color:#B32301;
    box-shadow: 0 0 0 1px #FFF; /*El borde lo tenemos que hacer asi­ para android*/
    color: #fff;
    font-size: 9px;
    height: 12px;
    left: 50%;
    margin-left: 2px;
    padding: 1px 4px;
    min-width:6px;
    
    position: absolute;
    top: 3px;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.background-con-menu, #presentacionApp div.pantalla-app {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#presentacionApp .pantalla-app {
    display:none;
}

.only-lang #menu.withText ul li a {
     padding-top:6px;
     padding-bottom:6px;
     font-size:12px;
}

.only-lang #menu ul li ul {
    margin-top:15px;
    margin-left: -1px;
}

.only-lang #menu.withText ul li ul {
    margin-left: 3px;
}

.only-lang-button #menu ul li ul {
    margin-top:20px;
    margin-left:0;
}

.parte-superior-slim .only-lang #menu ul li ul {
    margin-top:5px;
}

.parte-superior-fat .only-lang #menu ul li ul {
    margin-top:25px;
}

.header-customapp-icono .only-lang #menu ul li a {
    color: #000;
}

.custom-app-tabs .href-menu-desplegable li ul, .table-header-app .href-menu-desplegable li ul {
    display:none;
}

.only-lang #menu > ul {
    display:block;
}

#layer-loader {
    z-index:9998;
}

#menu-fullscreen, #layer-loader {
    display:none;
    background-color:#FFF;
    top:0;
    left:0;
    position:fixed;
    width:100%;
    height:100%;
    overflow:auto;
    z-index:100002;
}

#menu-fullscreen a {
    text-decoration:none;
    display:block;
}

#menu-fullscreen h3 {
    margin:0;
    padding:0;
}

#menu-fullscreen ul {
    margin:0;
    padding:0;
    margin-top:10px;
    list-style-type:none;
}

#menu-fullscreen ul li {
    margin: 0 10px;
    position:relative;
    z-index: 100005;
}

#menu-fullscreen .border-l {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
    margin: 10px 4px 0;
}

#menu-fullscreen .btn-bg {
    border-bottom: 1px solid #efefef;
    display: block;
    margin-left: 40px;
    text-align: left;
    padding-left:4px;
    height: 45px;
    line-height: 40px;
    color:#666;
    font-size:15px;
    overflow:hidden;
    white-space: nowrap;
}

#menu-fullscreen .menu-no-img .btn-bg {
    margin-left: 0px;
}

#menu-fullscreen .btn-bg:after {
    font-family: FontAwesome;
    content: "\f054";
    position: absolute;
    color:#ccc;
    font-weight: 400;
    font-size: 11px !important;
    right: 0;
    padding-left: 10px;
    padding-right: 10px;
    background-color:transparent;
}

#menu-fullscreen .sin-accion-submenu .btn-bg:after {
    content: "";
}

#menu-fullscreen .fa, #menu-fullscreen .fa-stack  {
    float:left;
    margin-top: 3px;
}

#menu-fullscreen .fa-stack  {
    margin-top: 7px;
}

#menu-fullscreen .menus-fa-2x {
    margin: 14px 4px 0;
}

#menu-fullscreen .burbuja-push, #menu-fullscreen .burbuja-cesta {
    left: 16px;
    top: 4px;
}

#menu-fullscreen .sf-button {
    text-transform: none;
}

#menu-fullscreen.fullscreen-app-1 .menus-fa-2x {
    font-size: 47px !important;
    margin-top: 13px;
}

#menu-fullscreen.fullscreen-app-1 .btn-bg {
    height: 80px;
    line-height: 80px;
    margin-left: 65px;
}

#menu-fullscreen.fullscreen-app-1 .border-l svg {
    width:53px;
    height:53px;
}

#menu-fullscreen.fullscreen-app-1 .border-l {
    width:57px;
    height:57px;
}

#menu-fullscreen.fullscreen-app-2 .border-l, #menu-fullscreen.fullscreen-app-2 .fa, #menu-fullscreen.fullscreen-app-2 .btn-bg::after,
#menu-fullscreen.fullscreen-app-3:not(.with-icons) .border-l, #menu-fullscreen.fullscreen-app-3:not(.with-icons) .fa, #menu-fullscreen.fullscreen-app-3:not(.with-icons) .btn-bg::after,
#menu-fullscreen.fullscreen-app-5 .btn-bg::after{
    display:none;
}

#menu-fullscreen.fullscreen-app-2 ul li:last-child .btn-bg, #menu-fullscreen.fullscreen-app-3 ul li:last-child .btn-bg, #menu-fullscreen.fullscreen-app-3 ul li:last-child .sf-button {
    border:0 !important;
}

#menu-fullscreen.fullscreen-app-2 ul {
    margin:0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    overflow: auto;
}

#menu-fullscreen.fullscreen-app-2 .btn-bg, #menu-fullscreen.fullscreen-app-3 .btn-bg {
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
}

#menu-fullscreen.fullscreen-app-3 {
    max-height: 45%;
    width:90%;
    margin-left:5%;
    bottom: 30px;
    height: auto !important;
    top: auto !important;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

#menu-fullscreen.fullscreen-app-3::-webkit-scrollbar {
    display: none;
}

#menu-fullscreen.fullscreen-app-3 .btn-bg {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}

#menu-fullscreen.fullscreen-app-3.with-icons .btn-bg {
    text-align:left;
    border:0;
}

#menu-fullscreen.fullscreen-app-3.with-icons .sf-button {
    border-bottom:1px solid #efefef;
}

#menu-fullscreen.fullscreen-app-3 {
    bottom: 80px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.fix-safe-area #menu-fullscreen.fullscreen-app-3 {
    bottom: 107px;
}

#menu-fullscreen.fullscreen-app-3.top-fullscreen {
    bottom: auto;
    margin-top:20px;
}

#menu-fullscreen.fullscreen-app-3 ul {
    margin:0;
}

#menu-fullscreen.fullscreen-app-5 {
    border-top: 1px solid #efefef;
    height: auto !important;
    top: auto !important;
    bottom: 0;
}

#menu-fullscreen.fullscreen-app-5.top-fullscreen {
    bottom: auto !important;
}

#menu-fullscreen.fullscreen-app-5 ul {
    margin-top:0;
}

#menu-fullscreen.fullscreen-app-5 li {
    float: left;
    margin: 0;
    width: 33.333%;
    height: 100px;
    overflow:hidden;
    border-bottom:1px solid #efefef;
}

#menu-fullscreen.fullscreen-app-5 a {
    padding-top:15px;
}

#menu-fullscreen.fullscreen-app-5 .border-r {
    height: auto;
    display:block;
}

#menu-fullscreen.fullscreen-app-5 .border-l {
    margin:0 auto;
    float: none;
    height: 45px;
    width: 45px;
}

#menu-fullscreen.fullscreen-app-5 .border-l  svg {
    height: 45px;
    width: 45px;
}

#menu-fullscreen.fullscreen-app-5 .btn-bg {
    margin:0;
    padding: 5px 0 15px 0;
    border:0 !important;
    font-size: 12px;
    display: block; 
    height: auto;
    line-height: normal;
    text-align: center;
    white-space: normal;
}

#menu-fullscreen.fullscreen-app-5 .menus-fa-2x {
    margin:0;
    font-size:40px !important;
}

#menu-fullscreen.fullscreen-app-5 .menus-fa-1x {
    font-size:30px !important;
    margin-top: -8px !important;
}

#menu-fullscreen.fullscreen-app-5 .fa, #menu-fullscreen.fullscreen-app-5 .fa-stack {
    margin:0;
    float:none;
}

#menu-fullscreen.fullscreen-app-5 {
    bottom: 56px;
}

.menu-bottom-floating #menu-fullscreen.fullscreen-app-5 {
    bottom: 82px;
}

.fix-safe-area #menu-fullscreen.fullscreen-app-5 {
    bottom: 76px;
}

.fix-safe-area.menu-bottom-floating #menu-fullscreen.fullscreen-app-5 {
    bottom: 102px;
}

#menu-fullscreen .border-l svg {
    width:20px;
    height:20px;
}

#menu-fullscreen .sub-lang {
    margin-left:55px;
    display:none;
}

.app-tabs-submenu-center .sf-button {
    text-decoration:none;
}

.msg-enviado-app,
.msg-error-app {
    display:none;
    padding:5px;
    border:1px solid;
    margin-top: 60px;
    position:absolute;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 16px;
}

.msg-enviado-app {
    background-color:#A9F5A9;
    border-color:#58FA82;
}

.msg-error-app {
    background-color:#F2DEDE;
    border-color:#A94442;
}

.displaynone {
    display:none;
}

.close-presentacion {
    float:right;
    position: relative;
    right: 10px;
    top: 10px;
    z-index: 1000;
    width: 30px;
    height: 30px;
    background-color: #ddd;
    border-radius: 50%;
    text-align:center;
}

.close-presentacion svg {
    width: 18px;
    margin-top: 1px;
}

.fix-safe-area .close-presentacion {
    top:40px;
}

.content-presentacion {
    padding:30px 0;
    position: relative;
}

.left_top {
    top: 0;
    left: 0;
}

.left_center {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.left_bottom {
    bottom: 35px;
    left: 0;
    position: absolute;
}

.center_top {
    top: 0;
    text-align:center;
    margin: 0 auto;
}

.center_center {
    top: 50%;
    text-align:center;
    transform: translateY(-50%);
    margin: 0 auto;
}

.center_bottom {
    top: 100%;
    transform: translateY(-100%);
    position: relative;
    text-align:center;
    margin: 0 auto;
}

.right_top {
    top: 0;
    text-align: right;
}

.right_center {
    top: 50%;
    text-align: right;
    transform: translateY(-50%);
}

.right_bottom {
    bottom: 35px;
    position: absolute;
    text-align: right;
}

.header-customapp-nombre ul {
    padding:0;
    margin:0;
}

.header-customapp-nombre ul li, .header-customapp-nombre .container-vcarousel > span {
    list-style-type:none;
    height: 40px;
    line-height: 40px;
    overflow:hidden;
}

.header-customapp-nombre img {
    height:36px;
    width: auto;
    vertical-align: middle;
}

.parte-superior-slim .header-customapp-nombre img {
    height:20px;
}

.parte-superior-fat .header-customapp-nombre img {
    height:44px;
}

.header-customapp-icono #menu ul li.nivel1 {
    padding-right: 0px;
}

.container-vcarousel {
    height:40px;
    overflow: hidden;
}

.parte-superior-slim .container-vcarousel {
    height:20px;
}

.parte-superior-slim .header-customapp-nombre ul li, .parte-superior-slim .header-customapp-nombre .container-vcarousel > span {
    height: 20px;
    line-height: 20px;
}

.parte-superior-slim .only-lang {
    position:absolute;
    margin-top: -11px;
}

.parte-superior-slim .header-customapp-menu-lateral, .parte-superior-slim .history-customapp {
    position:absolute;
    margin-top: -18px;
}

.parte-superior-slim #menu img {
    height: 14px;
    width: 20px;
}

.parte-superior-slim .table-header-left, .parte-superior-slim .table-header-right {
    width: 35px;
}

.parte-superior-slim .border-l{
    width: 20px;
    height: 20px;
}

.parte-superior-slim .menu-desplegable {
    width: 30px;
}

.parte-superior-slim #bars-animated {
    width: 19px;
    top:2px;
}

.parte-superior-slim #bars-animated span {
    height: 1px;
}

.parte-superior-slim #bars-animated span:nth-child(2), .parte-superior-slim #bars-animated span:nth-child(3), .parte-superior-slim a.open #bars-animated span:nth-child(1), .parte-superior-slim a.open #bars-animated span:nth-child(4)  {
  top: 6px;
}

.parte-superior-slim #bars-animated span:nth-child(4) {
  top: 12px;
}

.top-opciones-app.carrousel-1, .top-opciones-app.carrousel-2 {
    background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.1)), linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.1));
}

.top-opciones-app.carrousel-3, .top-opciones-app.carrousel-4 {
    background: #000;
}

.top-opciones-app-back {
    background-color:#FFF;
    z-index:998;
}

.top-opciones-app, .top-opciones-app-back {
    height:32px;
    position:fixed;
    width:100%;
    z-index:999;
    top:0;
}

.top-opciones-app a{
    font-size: 11px;
    line-height: 32px;
    font-weight: 600;
    color:#FFF;
    text-decoration:none;
}

.top-opciones-app div {
    text-align:center;
}

.opciones-cell {
  height:32px;
  overflow: hidden;
}

.top-opciones-app.carrousel-1 .opciones-cell a, .top-opciones-app.carrousel-2 .opciones-cell a {
  opacity:0.8;
}

.top-opciones-app.carrousel-3 .opciones-cell a, .top-opciones-app.carrousel-4 .opciones-cell a {
  white-space: nowrap;
}

.top-opciones-app.carrousel-1 .opciones-cell, .top-opciones-app.carrousel-2 .opciones-cell {
  width: 33.33%;
}

.top-opciones-app.carrousel-3 .opciones-cell, .top-opciones-app.carrousel-4 .opciones-cell {
  padding-left:20px;
  padding-right:20px;
}

.top-opciones-app.carrousel-3 .indicadores-double, .top-opciones-app.carrousel-4 .indicadores-double {
  display:none;
  visibility:hidden;
}

.top-opciones-app.carrousel-1 .opciones-cell.is-selected a, .top-opciones-app.carrousel-3 .opciones-cell a.is-clicked {
    border-top:1px dotted white;
    border-bottom:1px dotted white;
}

.top-opciones-app.carrousel-2 .opciones-cell.is-selected a, .top-opciones-app.carrousel-4 .opciones-cell a.is-clicked {
    border-top:0;
    border-bottom:3px solid white;
    padding-bottom:5px;
}

.top-opciones-app.carrousel-4 .opciones-cell a.is-clicked {
    padding-bottom:6px;
}

.top-opciones-app.carrousel-1 .opciones-cell.is-selected a, .top-opciones-app.carrousel-2 .opciones-cell.is-selected a {
    font-size: 12px;
    font-weight: bold;
    opacity:1;
}

.indicadores-double i.fa {
    opacity:0.6;
}

.indicadores-double {
    font-size:14px;
    line-height:32px;
    position:absolute;
    color:#FFF;
    background-color:#000;
    z-index:1000;
    padding-left:4px;
    padding-right:4px;
}

.top-opciones-app .angle-double-left { 
    left:0;
    top: 0;
}

.top-opciones-app .angle-double-right { 
    right:0;
    top: 0;
}

.table-header-app .burbuja-push, .table-header-app .burbuja-cesta {
    left: auto;
    right: auto;
    margin-left: 25px;
    font-size: 8px;
    height: 10px;
    padding: 0px 3px;
    top: auto;
    bottom:28px;
}

.table-header-app ul.menu-desplegable li ul a.nivel1, .only-lang-button a.nivel1 {
    display:none !important;
}

.header-rotate-txt {
    display:none;
}

/*Hack para que funcione textillate*/
.container-vcarousel:not(.vertical-carousel):not(.rotate) > span {
    visibility:hidden !important;
}

.wodry-flipping {
    display: inline-block;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin-x: 50%;
}
.wodry-flipping .front-face, .wodry-flipping .back-face {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.wodry-flipping .front-face {
    position: absolute;
}
.wodry-flipping .back-face {
    position: relative;
}

.loader {
    z-index:9999;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.form-search-top .fa-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index:100;
    margin-left: 3px;
    margin-top: -1px;
}

#search-topapp {
    border:0;
    width:80%;
    background-color: transparent;
    border-bottom:1px solid #000;
    color: #000;
    -webkit-appearance: none;
    border-radius: 0;
    height: 20px;
}

#search-topapp:focus {
    outline: none;
}

.fullscreen-top .form-search-top {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #B2232B;
    z-index: 100;
}

.fullscreen-top .form-search-top #search-topapp {
    height: 100%;
    width: calc(100% - 45px);
    border: none;
    padding:0;
    margin-left: 15px;
    margin-right: 30px;
}

.fullscreen-top .close-search {
    display: block !important;
}

.close-search svg {
    fill: white;
    width: 18px;
    height: 18px;
}

.fullscreen-top .fa-search {
    display:none;
}

.input-top-search .form-search-top #search-topapp, .input-bottom-search .form-search-top #search-topapp {
    border: none;
    background-color: white;
    border-radius: 5px;
    height: 22px;
    color: black !important;
    padding: 0 6px;
}

.input-top-search .form-search-top i, .input-bottom-search .form-search-top i {
    color: black;
}

.line-bottom-search .form-search-top, .input-bottom-search .form-search-top {
    position: absolute;
    background-color: #B2232B;
    width: 100%;
    left: 0;
    height:32px;
}

.line-bottom-search #search-topapp, .input-bottom-search #search-topapp {
    width: 95%;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.line-bottom-search .only-nombre-header, .input-bottom-search .only-nombre-header  {
    display:block !important;
}

.close-search {
    right: 2px;
    display: block;
    margin-right: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/*DIALOG APP*/

.layer-dialog-app {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background-color: rgba(0,0,0,0.3);
   z-index: 999999;
   bottom: 0;
}

.dialog-app {
    border:1px solid #f0f0f0;
    position:fixed;
    width:80%;
    max-width: 500px;
    text-align:center;
    background-color:#fff;
    font-size:13px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    z-index: 9999999;
}

.dialog-app > p {
    width:90%;
    margin: 20px auto;
    max-height: 260px;
    overflow-x: auto;
}

.accept-dialog-app, .cancel-dialog-app {
    width:86%;
    display: block;
    margin: 15px auto;
    padding: 8px 0;
    background-color:#f0f0f0;
    font-weight: bold;
    font-size:14px;
    text-decoration: none;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#name-test-device {
    display: block;
    margin: 15px auto 0 auto;
    width: 86%;
    border-radius: 5px;
    outline: none;
    padding: 8px;
    border: 1px solid #ccc;
}

.sel-lang-country {
    margin-top:5px;
}

.sel-lang-country select {
    padding: 5px 22px 5px 7px;
    height: 30px;
    font-size: 14px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjgzIDE2LjQybDkuMTcgOS4xNyA5LjE3LTkuMTcgMi44MyAyLjgzLTEyIDEyLTEyLTEyeiIvPjxwYXRoIGQ9Ik0wLS43NWg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+) no-repeat 95% 50%;
    background-size: 16px;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
    border-radius: 0;
    outline: none;
    margin-right: 10px
}

.sel-lang-country #button-sel-lang-country {
    height: 30px;
    position: relative;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
    border-radius: 0;
    top:-1px;
}

.sel-lang-country select, .sel-lang-country #button-sel-lang-country {
    background-color:#ddd;
    border:0;
}

#control_pixel {
    width: 1px;
    height: 1px;
    top: 0;
    left: 0;
    position: fixed;
}

/* Inicio hack para fijar las barras en Ios 11*/

@-webkit-keyframes displayios {
    0% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(1) rotate(0);}
}

.fix-scroll-ios #reskyt-footer, .fix-scroll-ios #reskyt-footer a i, .fix-scroll-ios #reskyt-footer a .border-l, .fix-scroll-ios #reskyt-footer a .border-r,
.fix-scroll-ios #reskyt-header-customapp, .fix-scroll-ios .top-opciones-app-back, .fix-scroll-ios .top-opciones-app, .fix-scroll-ios .menu-open-button, 
.fix-scroll-ios #menu-fullscreen, .fix-scroll-ios .wrapper-menu-item, .fix-scroll-ios .wrapper-menu-item i, .fix-scroll-ios .wrapper-menu-item span,
.fix-scroll-ios .wrapper-menu-item svg {
    -webkit-animation-name: displayios;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-fill-mode: both;
}

.fix-scroll-ios #reskyt-footer a.active-tab-persist:before {
    -webkit-animation-name: displayios;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-fill-mode: both;
}

/* Inicio hack para guardar margenes en iPhone X*/

.fix-safe-area:not(.fix-safe-area-landscape) #reskyt-header-customapp, 
.fix-safe-area:not(.fix-safe-area-landscape) .fullscreen-top .form-search-top, 
.fix-safe-area:not(.fix-safe-area-landscape) .close-search {
    padding-top: 30px;
}

.fix-safe-area-island:not(.fix-safe-area-landscape) #reskyt-header-customapp, 
.fix-safe-area-island:not(.fix-safe-area-landscape) .fullscreen-top .form-search-top, 
.fix-safe-area-island:not(.fix-safe-area-landscape) .close-search {
    padding-top: 40px;
}

.fix-safe-area #reskyt-footer {
    height: 76px;
}

/* Doofinder */

#dffullscreen {
    top:-1px;
}

body #dffullscreen, body #dfclassic {
    min-width: 240px;
}

body .df-card__image {
    height:140px
}

body .df-results {
    grid-template-columns: repeat(auto-fill,minmax(160px,1fr)) !important;
}

.doofinderLogo, a[data-role='scrolltop'], #dffullscreen .df-header, a[data-change-layout='list'], a[data-change-layout='grid'] svg {
    display:none !important;
}

body #dfclassic {
    width:100% !important;
    left:0 !important;
    border-radius:0;
    border-left:0;
    border-right:0;
    border-bottom:0;
}

body #dfclassic .df-aside {
    width:250px !important;
    right:-250px;
    position: absolute;
    z-index: 2;
    overflow: auto;
    height: 100%;
    display: block;
}

body #dfclassic .df-sort-select {
    margin-right: 30px;
}

a[data-change-layout='grid'] {
    transition: transform .2s ease;
}

a[data-change-layout='grid']:before {
    content: '';
    background-image:url('./img/filters.svg');
    background-position: center;
    background-size: 33px;
    display: block;
    height: 20px;
}

a[data-change-layout='grid']:after {
    content: '╳';
    display: none;
    font-size: 15px;
    margin-left: 7px;
    color: #747474;
}

#dfclassic.open-aside a[data-change-layout='grid'] {
    transform: rotate(180deg);
}

#dfclassic.open-aside a[data-change-layout='grid']:before {
    display: none;
}

#dfclassic.open-aside a[data-change-layout='grid']:after {
    display: block;
}

/*Zendesk (zopin)*/
iframe[data-test-id='ChatWidgetMobileButton-iframe'], iframe[data-test-id='ChatWidgetButton-iframe'], div[data-test-id='ChatWidgetWindow'], div[data-test-id='ChatWidgetMobileUnreadCountBadge'] {
    display:none !important;
}

iframe[data-test-id='ChatWidgetMobileWindow'] {
    min-height: 0 !important;
}

/*Burger menu animated*/
#bars-animated {
  width: 22px;
  height: 19px;
  margin: 0 auto;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

#bars-animated span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


#bars-animated span:nth-child(1) {
  top: 0px;
}

#bars-animated span:nth-child(2),#bars-animated span:nth-child(3) {
  top: 7px;
}

#bars-animated span:nth-child(4) {
  top: 14px;
}

a.open #bars-animated span:nth-child(1) {
  top: 7px;
  width: 0%;
  left: 50%;
}

a.open #bars-animated span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

a.open #bars-animated span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

a.open #bars-animated span:nth-child(4) {
  top: 7px;
  width: 0%;
  left: 50%;
}

#empathy-x {
    z-index: 1000000;
}

#block_empathy {
    width: 100%;
    display:none !important;
    height: 100%;
    top: 132px;
    position: fixed;
    z-index: 10000000;
    background-color: rgba(255,255,255,0.7);
}

.fix-safe-area #empathy-x {
    top:70px;
}
#reskyt-footer .sf-button.active-tab svg{
    filter: inherit!important;
}
#reskyt-footer .sf-button:not(.active-tab) svg.modified path {
    fill: inherit!important;
}

/* ApiSearch */
#apisearch-iframe > iframe{
    max-height:var(--rk-heightFix);
    margin-top:var(--rk-topBarFix) !important;
}
img.emoji-img {
    height: 24px;
}
.presentation-video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    margin: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
}