@charset "UTF-8";
/**********ASIGNAMOS POR DEFECTO*************/
/*************************ROOT**************************************/
:root {
  --bs-primary-rgb: #393536;
  --bs-secondary: #cb2a30;
  --bs-border-radius: 0;
  --bs-modal-border-radius:0;
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
  --bs-border-radius-xl: 0;
  --bs-border-radius-xxl: 0;
  --bs-border-radius-2xl:0;
  --bs-nav-pills-link-active-bg: #393536;
  --bs-link-hover-color: #393536;
}

/* Tab activo: borde inferior blanco */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border-color: #393536; /* top, right, left */
  border-bottom-color: white !important; /* solo el borde inferior blanco */
  background-color: white; /* opcional para que destaque */
  font-weight: bold;
}

.nav-pills .nav-link.active {
  background-color: #393536 !important;
}

.nav-pills .nav-link:hover {
  font-weight: bold;
}

.nav-tabs .nav-link:hover {
  font-weight: bold;
}

.bg-primary {
  background-color: #393536 !important;
}

.bg-secondary {
  background-color: #cb2a30 !important;
}

.btn-primary {
  --bs-btn-bg: #393536;
  --bs-btn-border-color: #393536;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #2c2a2b;
  --bs-btn-hover-border-color: #2c2a2b;
  --bs-btn-active-bg: #1f1d1e;
  --bs-btn-active-border-color: #1f1d1e;
  --bs-btn-disabled-bg: #5a5657; /* Un poco más grisáceo */
  --bs-btn-disabled-border-color: #5a5657;
}

.btn-secondary {
  --bs-btn-bg: #cb2a30;
  --bs-btn-border-color: #cb2a30;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: rgb(218, 78, 81);
  --bs-btn-hover-border-color:rgb(218, 78, 81) ;
  --bs-btn-active-bg: #1f1d1e;
  --bs-btn-active-border-color: #1f1d1e;
}

.btn-outline-primary {
  --bs-btn-color: #393536;
  --bs-btn-border-color: #393536;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #393536;
  --bs-btn-hover-border-color: #393536;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #393536;
  --bs-btn-active-border-color: #393536;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #cb2a30;
  --bs-btn-border-color: #cb2a30;
  --bs-btn-hover-border-color: rgb(218, 78, 81);
  --bs-btn-hover-color:white;
  --bs-btn-hover-bg: rgb(218, 78, 81);
  --bs-btn-active-bg: #cb2a30;
  --bs-btn-active-border-color: #cb2a30;
  --bs-btn-disabled-color: rgb(198, 128, 130);
  --bs-btn-disabled-border-color: rgb(198, 128, 130);
  --bs-btn-active-color: #fff;
}

h1, h2 {
  font-family: GillSans-Normal;
  cursor: default;
}

html, p, h3, h4, label, a, li, button {
  font-family: GillSans-Normal;
  cursor: default;
}

/*CUSTOMIZACION CLASES BOOTSTRAP*************************************/
.breadcrumb {
  font-weight: bold;
}
.breadcrumb a {
  color: black;
}

table tr td {
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer;
}

/*************************************CSS CLASES PROPIAS****************************************************/
/*****************************************************************************************************/
.__breadcrumb_container {
  padding-left: 22px;
}

/*

body[modo-lista="N"] #__ov4_modocajas {
  outline: 2px solid white;
  outline-offset: 5px;

}


body[modo-lista="S"] #__ov4_modolista {
  outline: 2px solid white;
  outline-offset: 5px;

}
*/
.__ov4_enlace {
  cursor: pointer;
}

#__ov4_verpass {
  cursor: pointer;
}

.barrainclinada {
  font-family: auto;
}

.letraMinion {
  font-family: MinionPro-Medium !important;
}

.letraMinionCabecera {
  font-family: MinionPro-Medium !important;
  font-variant: small-caps;
  font-size: 37px;
}

.letraMinionBold {
  font-family: MinionPro-Bold;
}

.letraGill {
  font-family: GillSans-Normal !important;
}

.letraGillBold {
  font-family: GillSans-Bold !important;
}

.letraGillFina {
  font-family: GillSans-Light !important;
}

.letraGillFinaItalic {
  font-family: GillSans-LightItalic !important;
}

.letraCorbelItalic {
  font-family: Corbel-Italic !important;
}

.form-control {
  border-radius: 0px;
}

.pagination {
  --bs-pagination-color: #808080;
  --bs-pagination-hover-color: #6d6d6d;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-border-color: #393536;
  --bs-pagination-active-bg: #393536;
  --bs-pagination-hover-bg: $colorgris;
}

.__ov4_separadorvertical {
  border-left: 2px solid #ccc;
  padding-left: 20px;
  min-height: 80%;
}

.__ov4_textoprimary {
  color: #393536;
}

.__ov4_textoblanco {
  color: white;
}

.__ov4_textogris {
  color: #eeecec;
}

.__ov4_enlace {
  color: black;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.3s;
}

.__ov4_enlace:hover {
  color: #cb2a30;
}

.__ov4_fondogrisclaro {
  background-color: #e9e8e8;
}

.__ov4_fondogrisoscuro {
  background-color: #393536;
}

.__ov4_fondorojo {
  background-color: #cb2a30;
}

.__ov4_fondorojooscuro {
  background-color: #a31c1e;
}

.__ov4_fondorojomuyoscuro {
  background-color: #660406;
}

.btn-link {
  color: #393536;
}

.bg-primary {
  background-color: #393536;
}

.__ov4_contenedor {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

#__ov4_cabecera .navbar-toggler {
  background-color: #e9e8e8;
  border-radius: 0px;
}

.form-control:focus {
  border-color: #4d4c4d;
  box-shadow: 0 0 0 0.25rem #e9e8e8;
}

.nav-link {
  color: #393536;
}

.__ov4_botondesactivado {
  background-color: #aaaaaa;
}

/***************************************CABECERA Y PIE***************************************/
/***************************************CABECERA Y PIE***************************************/
/***************************************CABECERA Y PIE***************************************/
.cuadradofuente {
  float: left;
  height: 50px;
  width: 50px;
  line-height: 50px;
  margin-left: 10px;
  cursor: pointer;
}

.letra {
  height: 50px;
  width: 50px;
  text-align: center;
}

.circulotema {
  cursor: pointer;
}

input[name=radiotema] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  opacity: 0;
}

/* Cambiar el color o estilo cuando el radio está seleccionado */
.circulotema input[type=radio]:checked + label {
  border: 3px solid #444;
}

input[name=radiofuente] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  opacity: 0;
}

/* Cambiar el color o estilo cuando el radio está seleccionado */
.cuadradofuente input[type=radio]:checked + label {
  border: 3px solid #444;
}

/*

html.__ov4_temarojo {
   $secondary:$tema11;
   $terciary: $tema12;
   $cuaternary: $tema13;





}

html.__ov4_temaclasico{
   $secondary:$tema01;
   $terciary: $tema02;
   $cuaternary: $tema03;

}	

*/
.__ov4_navbarov {
  padding: 0;
}
.__ov4_navbarov #collapseNavbar {
  margin-top: 24px;
}
.__ov4_navbarov #collapseNavbar .nav-link {
  padding-bottom: 0;
}

#__ov4_cabecera {
  width: 100%;
  height: auto;
  /*busqueda cabecera*/
  /*hamburguesa cabecera*/
  /*para el resaltado del menu*/
  /*
  .nav-link:focus, .nav-link:hover {
      font-weight:bold;

  }*/
  /*
  .__ov4_topbar{
  	width:100%;
  	height:90px;

  }
  */
}
#__ov4_cabecera a {
  text-decoration: none;
  cursor: pointer;
}
#__ov4_cabecera #__ov4_botonbusqueda {
  background-color: #cb2a30;
  width: 50px;
  height: 50px;
  float: left;
  padding-top: 15px;
}
#__ov4_cabecera #__ov4_botonbusqueda .navbar-toggler-icon {
  background-color: white;
}
#__ov4_cabecera #__ov4_botonhamburguesa {
  background-color: #393536;
  width: 50px;
  height: 50px;
  float: left;
  padding-top: 15px;
}
#__ov4_cabecera #__ov4_botonhamburguesa .navbar-toggler-icon {
  background-color: white;
}
#__ov4_cabecera .nav-link, #__ov4_cabecera .navbar-nav .nav-link.active, #__ov4_cabecera .navbar-nav .nav-link.show {
  color: white;
  font-family: "MinionPro-Medium";
  font-size: 18px;
}
#__ov4_cabecera .nav-link::after {
  content: "";
  display: block;
  height: 3px;
  background-color: white;
  transform: scale(0, 1);
  transform-origin: center;
  transition: transform 0.75s;
  margin-top: 10px;
}
#__ov4_cabecera .nav-link:hover::after {
  transform: scale(1, 1);
}
#__ov4_cabecera .nav-link.active {
  font-weight: bold;
}
#__ov4_cabecera .__ov4_pretopbar {
  width: 100%;
  background-color: #cb2a30;
}
#__ov4_cabecera .__ov4_pretopbar .__ov4_textopretopbar {
  font-size: 25px;
  color: white;
  cursor: pointer;
  line-height: 54px;
}
#__ov4_cabecera .__ov4_pretopbar .__ov4_textopretopbar a {
  text-decoration: none;
  color: white;
}
#__ov4_cabecera .__ov4_subbar {
  background-color: #a31c1e;
  width: 100%;
  min-height: 30px;
  height: auto;
}
#__ov4_cabecera .__ov4_subbar .__ov4_textosubbar {
  font-family: GillSans-Normal;
  color: white;
  font-size: 15px;
  width: 500px;
  padding: 5px;
}

.__ov4_cajamenu {
  width: 100%;
}

.__ov4_cajanombreusu {
  width: 500px;
}

.__ov4_nombreusu {
  font-family: Gill Sans MT;
  font-size: 20px;
}

.__ov4_tituloofi {
  font-family: Gill Sans MT;
  margin-left: 8px;
}

.__ov4_titulologin {
  font-family: Gill Sans MT;
  color: #36689b;
  font-size: 30px;
}

.__ov4_pie {
  background-color: #cb2a30;
  color: #ffffff;
  font-size: 12px;
  padding: 15px;
  overflow: auto;
}

.__ov4_pie #__ov4_logo-pie {
  width: 210px;
  float: left;
}

.__ov4_pie .__ov4_nombre-sitio {
  font-family: Gill Sans MT;
  float: right;
  width: 37%;
  position: relative;
  font-family: Garamond;
  font-size: 0.875rem;
  font-weight: 600;
  border-top: 2px solid white;
  padding-top: 7px;
  float: left;
  left: 78px;
  padding: 0;
  padding-top: 5px;
}

.__ov4_subpie {
  background-color: #a31c1e;
  font-size: 16px;
  padding: 15px;
  min-height: 100px;
  height: auto;
  font-family: GillSans-Bold;
}

.__ov4_subpie i {
  transition: 0.5s ease;
}

.__ov4_subpie i:hover {
  color: white;
  scale: 1.2;
  cursor: pointer;
}

.__ov4_piepagina a {
  color: white;
}

.example {
  display: inline-block;
  margin-left: 10px;
  font-family: Arial, sans-serif;
}

.normal {
  font-size: 16px;
}

.grande {
  font-size: 24px;
}

.extra-grande {
  font-size: 32px;
}

.radio-group {
  display: flex;
  align-items: center;
}

.radio-group label {
  margin-right: 20px;
}

.circulotema {
  float: left;
  margin: 5px;
}

.cuadradotema {
  border: darkgray solid 1px;
  width: 70px;
  height: 70px;
  color: white;
  line-height: 60px;
  text-align: center;
  font-weight: bold;
}

.temaD {
  background-color: black;
}

.tema0 {
  background-color: #cb2a30;
}

.tema1 {
  background-color: #a9a9a9;
}

.tema2 {
  background-color: #4290bd;
}

.tema3 {
  background-color: rgb(36, 102, 72);
}

.__ov4_tituloPie {
  color: white;
}

.__ov4_tituloinfoPD {
  font-family: "GillSans-Normal";
  font-size: 16px;
}

.__ov4_cajaPD {
  padding-top: 25px;
}

.__ov4_separadorPD {
  width: 100px;
  border-top: 2px solid white;
}

.__ov4_infocajaPD {
  padding-top: 5px;
}

.__ov4_enlacespie {
  cursor: pointer !important;
}

/****************************PÁGINA DE LOGIN*****************************/
/****************************PÁGINA DE LOGIN*****************************/
/****************************PÁGINA DE LOGIN*****************************/
/*LOGIN*/
#__ov4_cajalogin {
  max-width: 500px;
}

#__ov4_spinner {
  color: #cb2a30;
}

.__ov4_fondogris {
  background-color: #f8f9fa;
}

body[data-bs-theme=dark] .__ov4_fondogris {
  background-color: black;
}

.__ov4_tituloacceso {
  font-family: Gill Sans MT;
  color: #393536;
  font-size: 28px;
}

.__ov4_cajalogin {
  border: 21px;
}

/****************************PÁGINA ADMINISTRACIÓN*************************************************/
/****************************PÁGINA ADMINISTRACIÓN*************************************************/
/****************************PÁGINA ADMINISTRACIÓN*************************************************/
/*Configuración datatables*/
table.dataTable td {
  white-space: normal; /* Permitir saltos de línea */
  word-wrap: break-word; /* Forzar el ajuste de palabras largas */
  word-break: break-all; /* Forzar la rotura de palabras largas, incluyendo URLs */
  overflow-wrap: break-word; /* Para soportar más navegadores */
}

/* Quitar el punto de la lista de autocompletado */
.ui-autocomplete {
  z-index: 1055; /* Asegúrate de que el menú esté sobre la modal */
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  list-style-type: none; /* Eliminar puntos de las opciones */
  padding-left: 0; /* Quitar el padding inicial */
  position: absolute;
}

.ui-menu-item {
  padding: 8px;
  color: #333;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

.ui-menu-item:hover {
  background-color: #007bff;
  color: white;
}

/* Asegúrate de que el div de accesibilidad esté oculto */
.ui-helper-hidden-accessible {
  position: absolute !important;
  left: -9999px !important;
  visibility: hidden !important;
}

/****************************PÁGINA PRINCIPAL DE APLICACIONES*************************************************/
/****************************PÁGINA PRINCIPAL DE APLICACIONES*************************************************/
/****************************PÁGINA PRINCIPAL DE APLICACIONES*************************************************/
body[modo-lista=S] #__ov4_favoritas {
  display: none;
}

body[modo-lista=S] #__ov4_categorias {
  display: none;
}

body[modo-lista=S] .__ov4_aplicaciones {
  display: block;
}

body[modo-lista=N] #__ov4_favoritas {
  display: block;
}

body[modo-lista=N] #__ov4_categorias {
  display: block;
}

body[modo-lista=N] .__ov4_aplicaciones {
  display: none;
}

#__ov4_buscadorappsbanner {
  padding: 6px;
  font-family: GillSans-Light;
}

.__ov4_fondobanner {
  background-color: rgba(102, 4, 6, 0.8);
}

#__ov4_modolista {
  font-size: 18px;
  cursor: pointer;
}

.__ov4_cajabuscador {
  width: 60%;
}
.__ov4_cajabuscador .__ov4_inputsearch {
  box-sizing: border-box;
  float: left;
  position: relative;
}
.__ov4_cajabuscador .fa-search {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #393536; /* Color del icono */
}

#__ov4_favoritas {
  overflow: hidden;
}

.textoFavoritos {
  color: black;
  font-size: 35px;
}

.__ov4_cajafavoritas {
  padding: 10px;
  background-color: #dfdfdf;
  overflow: hidden;
}

#__ov4_botoneditarfavoritos {
  font-size: 20px;
  cursor: pointer;
  padding-top: 10px;
}

#__ov4_anadirafavoritos {
  text-align: center;
  padding-top: 16px;
}

.__ov4_cajaanadirfavorita {
  border: 1px solid darkgray;
  border-left: 3px solid #cb2a30;
  background-color: white;
  width: 230px;
  float: left;
  padding: 9px;
  margin: 10px;
  height: 70px;
  font-size: 12px;
  font-family: GillSans-Normal;
  cursor: pointer;
  display: inline;
  position: relative;
}

.__ov4_cajaappfavorita {
  border: 1px solid darkgray;
  border-left: 3px solid #cb2a30;
  background-color: white;
  width: 230px;
  float: left;
  padding: 9px;
  margin: 10px;
  height: 70px;
  font-size: 12px;
  font-family: GillSans-Normal;
  cursor: pointer;
  display: inline;
  position: relative;
  transition: all 0.1s;
}

.__ov4_cajaappfavoritafondo {
  cursor: pointer;
  position: relative;
  width: 100px;
  float: left;
  margin: 10px;
  height: 100px;
  font-size: 12px;
  font-weight: bold;
  font-family: GillSans-Normal;
  display: inline;
}

.__ov4_fondorojo {
  background-color: #cb2a30;
}

.__ov4_fondoverde {
  background-color: seagreen;
}

.__ov4_fondoamarillo {
  background-color: yellow;
}

.__ov4_fondonegro {
  background-color: black;
}

.__ov4_fondoazul {
  background-color: #a0c6e8;
}

.__ov4_fondocoral {
  background-color: coral;
}

.__ov4_fondoturquesa {
  background-color: turquoise;
}

.__ov4_cajaappfavorita2 {
  padding: 10px;
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  border-bottom-right-radius: 30px; /* Esquina inferior derecha */
  --clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
  transition: all 0.3s;
}

.__ov4_cajaappfavorita2:hover {
  border-bottom-right-radius: 50px; /* Esquina inferior derecha */
}

.__ov4_favoritatexto {
  width: 100%;
  float: left;
  line-height: 21px;
}

.__ov4_favoritaicono {
  width: 30px;
  float: right;
  font-size: 22px;
  position: absolute;
  right: -16px;
  top: -12px;
  display: none;
}

#__ov4_categorias {
  margin-top: 10px;
  overflow: hidden;
}

.__ov4_categoriafondo {
  border: 1px solid darkgray;
  text-align: center;
  width: 150px;
  float: left;
  margin: 10px;
  height: 100px;
  font-size: 13px;
  font-family: GillSans-Bold;
  cursor: pointer;
  position: relative;
}

.__ov4_categoria {
  border: 1px solid #878787;
  text-align: center;
  width: 23%;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 121px;
  padding: 16px;
  padding-top: 30px;
  font-size: 13px;
  font-family: GillSans-Normal;
  cursor: pointer;
  position: relative;
  transition: all 0.001s;
}

.__ov4_categoria:hover {
  border: none;
}

.__ov4_categoria2 {
  padding: 10px;
  padding-top: 20px;
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  border-bottom-right-radius: 30px; /* Esquina inferior derecha */
  --clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
  transition: all 0.3s;
}

.__ov4_categoria2:hover {
  border-bottom-right-radius: 50px; /* Esquina inferior derecha */
}

.__ov4_menucentro {
  margin-top: 11px;
  text-decoration: none;
  overflow: auto;
}

.__ov4_destacado {
  width: 100%;
  float: left;
}

.__ov4_menucentro .__ov4_destacado i#__ov4_iconoplus {
  font-size: 50px;
  color: #a0c6e8;
  cursor: pointer;
  line-height: 100px;
  transition: 0.3s;
}

.__ov4_menucentro .__ov4_destacado i#__ov4_iconoplus:hover {
  color: lightblue;
}

.__ov4_aplicaciones {
  width: 100%;
  min-height: 400px;
  float: left;
}
.__ov4_aplicaciones .bi-star {
  font-size: 20px; /* Tamaño del icono */
  transition: all 0.3s ease; /* Transición suave de 0.3 segundos */
  cursor: pointer;
}
.__ov4_aplicaciones .bi-star:hover::before {
  content: "\f586" !important; /* Cambia este valor por el código del nuevo icono de Bootstrap que deseas mostrar */
}
.__ov4_aplicaciones .bi-star-fill {
  font-size: 20px; /* Tamaño del icono */
  transition: all 0.3s ease; /* Transición suave de 0.3 segundos */
  cursor: pointer;
}
.__ov4_aplicaciones .bi-star-fill:hover::before {
  content: "\f588" !important; /* Cambia este valor por el código del nuevo icono de Bootstrap que deseas mostrar */
}
.__ov4_aplicaciones table > thead > tr > th {
  font-family: GillSans-Normal;
  font-size: 20px;
}

.__ov4_inconoapp {
  float: left;
}

.__ov4_nombreapp {
  float: left;
}

.__ov4_menucentro a {
  text-decoration: none;
  color: #393536;
}

.__ov4_menucentro a h3 {
  text-decoration: none;
  color: #36689b;
  font-size: 15px;
  font-weight: bold;
  margin: 2px;
}

* {
  box-sizing: border-box;
}

#__ov4_aplicacionesov thead, #__ov4_aplicacionesov tbody, #__ov4_aplicacionesov tfoot, #__ov4_aplicacionesov tr, #__ov4_aplicacionesov td, #__ov4_aplicacionesov th {
  border-style: none !important;
  padding: 10px !important;
  margin: 0px;
}

.__ov4_ocultafila {
  display: none;
}

.__ov4_muestrafila {
  animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.__ov4_rueda {
  border: 10px solid #393536;
  border-radius: 50%;
  border-left-color: transparent;
  width: 80px;
  height: 80px;
  animation: giro 1s linear infinite;
}

@keyframes __ov4_giro {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#__ov4_aplicacionesov_wrapper > div.row.dt-row > div > div > div.dataTables_scrollBody {
  border-left: none !important;
}

.__ov4_badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.__ov4_navbar-badge {
  font-size: 0.6rem;
  font-weight: 300;
  padding: 2px 4px;
  position: absolute;
  right: 35px;
  top: 3px;
}

.__ov4_badge-warning {
  color: #1f2d3d;
  background-color: #ffc107;
}

.__ov4_badge-danger {
  color: white;
  background-color: #cb2a30;
}

.__ov4_menutoggle {
  float: right;
  position: relative;
  padding-top: 5px;
  padding-right: 21px;
}

.__ov4_wrapp-fluido {
  display: flex;
  align-items: stretch;
}

#__ov4_cajacentro {
  width: 100%;
  transition: all 0.3s;
}

#__ov4_aplicacionesov_filter {
  margin-top: 5px;
  margin-right: 5px;
}

a.__ov4_ticono:hover {
  cursor: pointer;
}

/*************CAJA DERECHA***************************************************/
.__ov4_campanaavisobadgederecha {
  text-align: right;
}

.__ov4_cajabadge {
  width: 20%;
  float: right;
  text-align: right;
}

#__ov4_cajader {
  width: 0px;
  transition: all 0.3s;
}

#__ov4_cajanovedades {
  position: relative;
  background-color: #dfdfdf;
}

#__ov4_cajatour {
  position: relative;
  background-color: #dfdfdf;
}

#__ov4_cajaavisos {
  position: relative;
  background-color: #dfdfdf;
}

#__ov4_cajaencuesta {
  position: relative;
  background-color: #dfdfdf;
}

#__ov4_cajamasusadas {
  position: relative;
  background-color: #dfdfdf;
}

#__ov4_cajamasusadas h4 {
  cursor: pointer;
}

#__ov4_cajader .__ov4_menuder {
  display: none;
  padding: 10px;
  text-decoration: none;
  color: #393536;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: all 0.3s;
}

.__ov4_titulosCajas {
  font-family: MinionPro-Bold;
  font-size: 20px;
  width: 80%;
}

.__ov4_cuadradomas {
  float: right;
  text-align: center;
  width: 22px;
  height: 22px;
  color: black;
  border: 1px solid;
  line-height: 22px;
  margin-left: 5px;
  transition: all 0.3s;
}

.__ov4_cuadradomas:hover {
  background-color: white;
}

.__ov4_separador {
  border: none;
  height: 2px;
  background-color: #cb2a30;
  margin: 3px 0;
}

body[data-bs-theme=dark] #__ov4_cajader .__ov4_menuder {
  color: #dee2e6;
}

.__ov4_menuder ul {
  margin-top: 10px;
  padding-inline-start: 0px;
}

.__ov4_menuder li {
  list-style-type: none;
}

.__ov4_menuder a {
  text-decoration: none;
  color: #393536;
  font-size: 16px;
  padding-inline-start: 0px;
}

.__ov4_menuder h3 {
  font-size: 16px;
  text-decoration: none;
  color: #393536;
  margin: 2px;
}

body[data-bs-theme=dark] .__ov4_menuder h3 {
  color: #dee2e6;
}

.__ov4_ticono {
  font-size: 15px;
  line-height: 1;
  background-color: white;
  padding: 7px;
  font-size: 16px;
}

.__ov4_ticono:hover {
  color: #cb2a30;
}

.__ov4_textonovedad {
  font-size: 12px;
}

.__ov4_ventanaexpansiblenovedades {
  max-height: 110px;
  overflow: hidden;
  transition: max-height 0.6s ease; /* Animación de la transición suave */
}

.__ov4_ventanaexpansiblenovedades.show {
  max-height: 1000px;
}

.__ov4_ventanaexpansibleavisos {
  max-height: 150px;
  overflow: hidden;
  transition: max-height 0.6s ease; /* Animación de la transición suave */
}

.__ov4_ventanaexpansibleavisos.show {
  max-height: 1000px;
}

.__ov4_ventanaexpansiblecategorias {
  padding-top: 5px;
  max-height: 100px;
  overflow: hidden;
  transition: max-height 0.6s ease; /* Animación de la transición suave */
}

.__ov4_ventanaexpansiblecategorias.show {
  max-height: 1000px;
}

.__ov4_textoaviso {
  font-size: 12px;
  margin-bottom: 15px;
}

/*****SE MUESTRA EL MENU DERECHO********/
#__ov4_cajacentro.comprimir {
  width: 60%;
}

#__ov4_cajader.show {
  width: 40%;
  /*
  min-width:100px;
  max-width:100px;*/
  transition: 0.3s;
}

#__ov4_cajader.show .__ov4_menuder {
  display: block;
  transition: 0.3s;
}

/***********CONDICION PARA MONITORES GRANDES***********************************************/
/*CAJA DERECHA EN PANTALLA GRANDE*/
@media (min-width: 900px) {
  #__ov4_cajacentro {
    width: 100%;
    transition: all 0.3s;
  }
  #__ov4_cajacentro.comprimir {
    width: 100%;
    transition: all 0.3s;
  }
  #__ov4_cajader {
    /*width:100px;*/
    display: block;
    transition: all 0.3s;
  }
  #__ov4_cajader.show {
    width: 400px;
    transition: all 0.3s;
  }
  #__ov4_cajader .__ov4_menuder {
    display: block;
    transition: 0.3s;
  }
  /*mostrando caja*/
  #__ov4_cajader .__ov4_caja_oculta {
    display: none;
  }
  #__ov4_cajader.show .__ov4_caja_oculta {
    display: block;
  }
  .__ov4_tituloofi {
    font-family: Gill Sans MT;
    font-size: 32px;
  }
  .__ov4_menucentro .__ov4_destacado i#__ov4_iconoplus {
    font-size: 100px;
    color: #a0c6e8;
    cursor: pointer;
    line-height: 225px;
    transition: 0.3s;
  }
}
/*****************************************************************************************************/
/******************************PAGINA DE EJEMPLOS CAJON DE SASTRE****************************************/
.language-markup {
  border-radius: 10px;
}

.__ov4_titulogenerico {
  font-family: Gill Sans MT;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
  display: flex;
  align-items: stretch;
}

.__ov4_sidebar {
  min-width: 300px;
  max-width: 300px;
  background: white;
  color: #fff;
  transition: all 0.3s;
}
.__ov4_sidebar ul li a {
  text-align: left;
  text-decoration: none;
}
.__ov4_sidebar .sidebar-header {
  padding: 10px;
}
.__ov4_sidebar .sidebar-header strong {
  display: none;
  font-size: 1.8em;
}
.__ov4_sidebar .sidebar-footer {
  padding: 10px;
  height: 100px;
}
.__ov4_sidebar ul.components {
  padding: 20px 0;
}
.__ov4_sidebar ul li a {
  padding: 10px;
  font-size: 1.1em;
  display: block;
  color: white;
}
.__ov4_sidebar ul li a:hover {
  color: #393536;
  background: #fff;
}
.__ov4_sidebar ul li.active a {
  color: #393536;
  background: #fff;
}
.__ov4_sidebar ul li a i {
  margin-right: 10px;
}
.__ov4_sidebar ul li a div.fa {
  margin-right: 5px;
}

.__ov4_sidebar.no-transition {
  transition: none !important; /* Anula transición solo temporalmente */
}

.__ov4_sidebar.active {
  min-width: 80px;
  max-width: 80px;
  text-align: center;
  overflow: hidden;
}
.__ov4_sidebar.active #__ov4_descargar {
  width: 100%;
}
.__ov4_sidebar.active .__ov4_ocultarcollapse {
  display: none;
}
.__ov4_sidebar.active li.componente {
  width: 100%;
  height: 100px;
  border: 1px solid lightgray;
  margin: 1px;
  float: left;
}
.__ov4_sidebar.active #descargar, .__ov4_sidebar.active #nombredescargar .menucomponente {
  display: none;
}
.__ov4_sidebar.active .sidebar-header h3, .__ov4_sidebar.active .botonessalvado, .__ov4_sidebar.active .__ov4_sidebar.active span {
  display: none;
}
.__ov4_sidebar.active .sidebar-header strong {
  display: block;
}
.__ov4_sidebar.active ul li a {
  padding: 20px 10px;
  text-align: center;
  font-size: 0.85em;
}
.__ov4_sidebar.active ul li a i {
  margin-right: 0;
  display: block;
  font-size: 1.8em;
  margin-bottom: 5px;
}
.__ov4_sidebar.active ul ul a {
  padding: 10px !important;
}
.__ov4_sidebar.active .dropdown-toggle::after {
  top: auto;
  bottom: 10px;
  right: 50%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.startup-collapsed .__ov4_sidebar {
  min-width: 80px;
  max-width: 80px;
  text-align: center;
  overflow: hidden;
}
.startup-collapsed .__ov4_sidebar #__ov4_descargar {
  width: 100%;
}
.startup-collapsed .__ov4_sidebar .__ov4_ocultarcollapse {
  display: none;
}
.startup-collapsed .__ov4_sidebar li.componente {
  width: 100%;
  height: 100px;
  border: 1px solid lightgray;
  margin: 1px;
  float: left;
}
.startup-collapsed .__ov4_sidebar #descargar, .startup-collapsed .__ov4_sidebar #nombredescargar .menucomponente {
  display: none;
}
.startup-collapsed .__ov4_sidebar .sidebar-header h3, .startup-collapsed .__ov4_sidebar .botonessalvado, .startup-collapsed .__ov4_sidebar .__ov4_sidebar.active span {
  display: none;
}
.startup-collapsed .__ov4_sidebar .sidebar-header strong {
  display: block;
}
.startup-collapsed .__ov4_sidebar ul li a {
  padding: 20px 10px;
  text-align: center;
  font-size: 0.85em;
}
.startup-collapsed .__ov4_sidebar ul li a i {
  margin-right: 0;
  display: block;
  font-size: 1.8em;
  margin-bottom: 5px;
}
.startup-collapsed .__ov4_sidebar ul ul a {
  padding: 10px !important;
}
.startup-collapsed .__ov4_sidebar .dropdown-toggle::after {
  top: auto;
  bottom: 10px;
  right: 50%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.botonessalvado {
  width: 100%;
  float: left;
}

/***********CABECERA TIPO 2 OVERFLOW ENCIMA DEL CONTENIDO************/
/*Fondo oscurecido*/
.__ov4_overlay {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 998;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.__ov4_cierraoverflow {
  display: none;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #cb2a30;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.__ov4_cierraoverflow:hover {
  background: #fff;
}

/*************************/
/*
.__ov4_sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;

}
*/
a[data-toggle=collapse] {
  position: relative;
}

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

/*
ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}
*/
ul.CTAs {
  padding: 20px;
}

ul.CTAs a {
  text-align: center;
  font-size: 0.9em !important;
  display: block;
  border-radius: 5px;
  margin-bottom: 5px;
}

a.download {
  background: #fff;
  color: #7386D5;
}

a.article,
a.article:hover {
  color: #fff !important;
}

#__ov4_content {
  width: 100%;
  padding: 20px;
  transition: all 0.3s;
}

/************************************PANTALLA DE APLICACION********************************************************/
/*
.table-fixed {
    table-layout: fixed;
    width: 100%;
}

.table-fixed td, .table-fixed th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
*/
table.dataTable.table-striped > tbody > tr.even.selected > td {
  background-color: #cb2a30;
  box-shadow: none;
}

table.dataTable.table-striped > tbody > tr.odd.selected > td {
  background-color: #cb2a30;
  box-shadow: none;
}

.__ov4_aplicacion .navbar-toggler {
  width: 50px;
  height: 50px;
}
.__ov4_aplicacion .nav-link.active {
  font-weight: bold;
}
.__ov4_aplicacion header.navbar {
  background-color: #393536;
  height: 50px;
}
.__ov4_aplicacion .navbar-brand {
  height: 50px;
}
.__ov4_aplicacion .__ov4_menuizq .navbar-toggler {
  background-color: #393536;
  height: 50px;
  width: 50px;
}
.__ov4_aplicacion .__ov4_menuizq .navbar-brand {
  font-family: Gill Sans MT;
}
.__ov4_aplicacion .__ov4_menuder .navbar-toggler {
  background-color: #393536;
  height: 50px;
  top: 0;
  right: 0;
}
.__ov4_aplicacion .__ov4_menuder .navbar-brand {
  font-family: Gill Sans MT;
  position: absolute;
  left: 0;
}
.__ov4_aplicacion .__ov4_offcanvas .nav-link {
  color: white;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0077b3", GradientType=0);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0077b3", GradientType=0);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* Cambiar la fuente del texto en los tooltips */
.introjs-tooltiptext {
  font-family: GillSans-Normal !important; /* Cambia a la fuente que prefieras */
  font-size: 16px; /* Ajusta el tamaño si es necesario */
}

/* Cambiar la fuente de los títulos */
.introjs-tooltip-title {
  font-family: GillSans-Normal !important;
  font-weight: bold;
  font-size: 20px;
}

/* Cambiar la fuente de los botones */
.introjs-button {
  font-family: GillSans-Normal !important;
}

@media (max-width: 768px) {
  .__ov4_menucentro {
    margin-top: 0px;
  }
  .__ov4_separadorvertical {
    border-left: none;
  }
  #__ov4_cajacentro {
    width: 100%;
  }
  #__ov4_favoritas {
    display: none;
  }
  #__ov4_categorias {
    display: none;
  }
  #__ov4_cajalogin {
    margin-top: 50px;
  }
  #__ov4_cabecera {
    position: fixed;
    z-index: 10;
  }
  #buscadorapps {
    background-color: white;
    width: 100%;
  }
  #__ov4_descargar {
    display: none;
  }
  .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }
  .__ov4_sidebar.active {
    margin-left: 0 !important;
  }
  .__ov4_sidebar .sidebar-header h3,
  .__ov4_sidebar .CTAs {
    display: none;
  }
  .__ov4_sidebar .sidebar-header strong {
    display: block;
  }
  .__ov4_sidebar ul li a {
    padding: 20px 10px;
  }
  .__ov4_sidebar ul li a span {
    font-size: 0.85em;
  }
  .__ov4_sidebar ul li a i {
    margin-right: 0;
    display: block;
  }
  .__ov4_sidebar ul ul a {
    padding: 10px !important;
  }
  .__ov4_sidebar ul li a i {
    font-size: 1.3em;
  }
  .__ov4_sidebar {
    margin-left: 0;
  }
  .__ov4_sidebarCollapse span {
    display: none;
  }
  .__ov4_sidebar {
    min-width: 80px;
    max-width: 80px;
    text-align: center;
    margin-left: -80px !important;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background-color: #393536 !important;
    color: #fff;
    transition: all 0.3s;
    overflow: auto;
    text-decoration: none;
  }
  .__ov4_sidebar.active {
    left: 0;
    min-width: 300px;
    max-width: 300px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    overflow: auto;
  }
  .__ov4_sidebar.active .sidebar-header h3 {
    display: block;
  }
  .__ov4_sidebar.active ul li a {
    text-align: left;
    font-size: 1em;
  }
  .__ov4_ocultarcollapse {
    display: unset !important;
  }
  .__ov4_cierraoverflow {
    display: block;
  }
  .__ov4_overlay.active {
    display: block;
    opacity: 1;
  }
  #__ov4_cabecera .__ov4_subbar .__ov4_textosubbar {
    width: 100%;
    font-size: 18px;
  }
  #__ov4_cabecera .__ov4_pretopbar .__ov4_textopretopbar {
    font-size: 20px;
  }
  .letraMiniumCabecera {
    font-size: 30px;
  }
  .letraCorbelItalic {
    font-size: 16px;
  }
  #__ov4_contenidoapp {
    padding-top: 109px;
  }
}
/***********************************************/
/*********ROJO**********/
/*********CLASICO**************/
/*********Azul**********/
/**********Verde*************/
[data-bs-theme=red] .__ov4_colortema1 {
  color: #cb2a30;
}
[data-bs-theme=red] .__ov4_colortema2 {
  color: #a31c1e;
}
[data-bs-theme=red] .__ov4_backgroundtema1 {
  background-color: #cb2a30;
}
[data-bs-theme=red] .__ov4_backgroundtema2 {
  background-color: #a31c1e;
}
[data-bs-theme=red] .__ov4_sidebar {
  background-color: #393536 !important;
}
[data-bs-theme=red] .__ov4_sidebarCollapse {
  background-color: #393536 !important;
}
[data-bs-theme=red] #buscadorapps {
  border-bottom: 1px solid #cb2a30;
}
[data-bs-theme=red] .form-check-input:checked {
  background-color: #cb2a30;
  border-color: #cb2a30;
}
[data-bs-theme=red] .form-check-input:focus {
  border-color: #cb2a30;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(254, 224, 224);
}
[data-bs-theme=red] .form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23cb2a30' /%3e%3c/svg%3e");
}
[data-bs-theme=red] .form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white' /%3e%3c/svg%3e");
}
[data-bs-theme=red] .form-switch .form-check-input:focus:not(:checked) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23cb2a30' /%3e%3c/svg%3e");
}
[data-bs-theme=red] .__ov4_categoria {
  transition: color 0.3s ease, background-color 0.3s ease;
}
[data-bs-theme=red] .__ov4_categoria:hover {
  color: white;
  background-color: #cb2a30;
}
[data-bs-theme=red] .__ov4_btn-tema {
  color: white;
  background-color: #cb2a30;
  border: 1px solid #cb2a30;
}
[data-bs-theme=red] .__ov4_btn-tema-outline {
  color: #cb2a30;
  background-color: white;
  border: 1px solid #cb2a30;
}
[data-bs-theme=red] .__ov4_cuadradomas:hover {
  color: #cb2a30;
}
[data-bs-theme=red] .__ov4_favoritatexto:hover {
  color: #cb2a30;
}
[data-bs-theme=red] .__custom_bar {
  background-color: #cb2a30 !important;
}
[data-bs-theme=red] .__custom_bar a {
  background-color: #cb2a30 !important;
}

[data-bs-theme=dark] .__ov4_colortema1 {
  color: black;
}
[data-bs-theme=dark] .__ov4_colortema2 {
  color: black;
}
[data-bs-theme=dark] .__ov4_backgroundtema1 {
  background-color: black;
}
[data-bs-theme=dark] .__ov4_backgroundtema2 {
  background-color: black;
}
[data-bs-theme=dark] .__ov4_enlace {
  color: rgb(222, 226, 230);
}
[data-bs-theme=dark] .__ov4_enlace:hover {
  color: rgb(203, 42, 48);
}
[data-bs-theme=dark] #__ov4_cajanovedades {
  background-color: black;
}
[data-bs-theme=dark] #__ov4_cajatour {
  background-color: black;
}
[data-bs-theme=dark] #__ov4_cajaavisos {
  background-color: black;
}
[data-bs-theme=dark] #__ov4_cajamasusadas {
  background-color: black;
}
[data-bs-theme=dark] #__ov4_cajaencuesta {
  background-color: black;
}
[data-bs-theme=dark] .__ov4_favoritatexto {
  color: black;
}
[data-bs-theme=dark] .textoFavoritos {
  color: #dee2e6;
}
[data-bs-theme=dark] .__ov4_sidebar {
  background-color: black;
}
[data-bs-theme=dark] #buscadorapps {
  border-bottom: 1px solid #dee2e6;
}
[data-bs-theme=dark] .form-check-input:checked {
  background-color: black;
  border-color: black;
}
[data-bs-theme=dark] .form-check-input:focus {
  border-color: black;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(180, 177, 177);
}
[data-bs-theme=dark] .form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='black' /%3e%3c/svg%3e");
}
[data-bs-theme=dark] .form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white' /%3e%3c/svg%3e");
}
[data-bs-theme=dark] .form-switch .form-check-input:focus:not(:checked) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='black' /%3e%3c/svg%3e");
}
[data-bs-theme=dark] .__ov4_categoria {
  transition: color 0.3s ease, background-color 0.3s ease;
}
[data-bs-theme=dark] .__ov4_categoria:hover {
  color: white;
  background-color: black;
}
[data-bs-theme=dark] .__ov4_btn-tema {
  color: white;
  background-color: black;
  border: 1px solid black;
}
[data-bs-theme=dark] .__ov4_btn-tema-outline {
  color: black;
  background-color: white;
  border: 1px solid black;
}
[data-bs-theme=dark] .__ov4_cuadradomas {
  background-color: white;
}
[data-bs-theme=dark] .__ov4_cuadradomas:hover {
  color: #cb2a30;
}
[data-bs-theme=dark] .__ov4_ticono {
  color: #393536;
}
[data-bs-theme=dark] .__ov4_ticono:hover {
  color: #cb2a30;
}
[data-bs-theme=dark] .campanaaviso {
  color: white;
}
[data-bs-theme=dark] #iconosidebar {
  color: white;
}
[data-bs-theme=dark] .__custom_bar {
  background-color: black !important;
}
[data-bs-theme=dark] .__custom_bar a {
  background-color: black !important;
}

[data-bs-theme=clasico] .__ov4_colortema1 {
  color: #393536;
}
[data-bs-theme=clasico] .__ov4_colortema2 {
  color: tema12;
}
[data-bs-theme=clasico] .__ov4_backgroundtema1 {
  background-color: #393536;
}
[data-bs-theme=clasico] .__ov4_backgroundtema2 {
  background-color: tema12;
}
[data-bs-theme=clasico] .__ov4_cierraoverflow {
  background-color: #393536;
}
[data-bs-theme=clasico] #__ov4_cabecera .__ov4_pretopbar {
  background-color: #393536;
}
[data-bs-theme=clasico] #__ov4_cabecera .__ov4_subbar {
  background-color: #e9e8e8;
  color: #393536;
}
[data-bs-theme=clasico] #__ov4_cabecera .nav-link, [data-bs-theme=clasico] #__ov4_cabecera .navbar-nav .nav-link.active, [data-bs-theme=clasico] #__ov4_cabecera .navbar-nav .nav-link.show {
  color: #393536;
}
[data-bs-theme=clasico] #__ov4_cabecera .nav-link::after {
  background-color: #393536;
}
[data-bs-theme=clasico] #__ov4_cabecera .__ov4_textosubbar {
  color: #393536;
}
[data-bs-theme=clasico] #__ov4_cabecera #__ov4_botonbusqueda {
  background-color: #393536;
}
[data-bs-theme=clasico] .__ov4_pie {
  background-color: #393536;
  color: #ffffff;
}
[data-bs-theme=clasico] .__ov4_subpie {
  background-color: #424242;
}
[data-bs-theme=clasico] .__ov4_separador {
  background-color: #393536;
}
[data-bs-theme=clasico] .__ov4_fondobanner {
  background-color: rgba(57, 53, 54, 0.8);
}
[data-bs-theme=clasico] .__ov4_cajaappfavorita {
  border-left: 3px solid #393536;
}
[data-bs-theme=clasico] #__ov4_anadirafavoritos {
  border-left: 3px solid #393536;
}
[data-bs-theme=clasico] .__ov4_sidebar {
  background-color: #393536 !important;
}
[data-bs-theme=clasico] .__ov4_sidebarCollapse {
  background-color: #393536 !important;
}
[data-bs-theme=clasico] table.dataTable.table-striped > tbody > tr.even.selected > td {
  background-color: #393536;
}
[data-bs-theme=clasico] #buscadorapps {
  border-bottom: 1px solid #393536;
}
[data-bs-theme=clasico] .__ov4_ticono:hover {
  color: #393536;
}
[data-bs-theme=clasico] .__ov4_cuadradomas {
  background-color: white;
}
[data-bs-theme=clasico] .__ov4_cuadradomas:hover {
  color: #393536;
}
[data-bs-theme=clasico] .form-check-input:checked {
  background-color: #393536;
  border-color: #393536;
}
[data-bs-theme=clasico] .form-check-input:focus {
  border-color: #393536;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(180, 177, 177);
}
[data-bs-theme=clasico] .form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%393536' /%3e%3c/svg%3e");
}
[data-bs-theme=clasico] .form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white' /%3e%3c/svg%3e");
}
[data-bs-theme=clasico] .form-switch .form-check-input:focus:not(:checked) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%393536' /%3e%3c/svg%3e");
}
[data-bs-theme=clasico] .__ov4_categoria {
  transition: color 0.3s ease, background-color 0.3s ease;
}
[data-bs-theme=clasico] .__ov4_categoria:hover {
  color: white;
  background-color: #393536;
}
[data-bs-theme=clasico] .__ov4_btn-tema {
  color: white;
  background-color: #393536;
  border: 1px solid #393536;
}
[data-bs-theme=clasico] .__ov4_btn-tema-outline {
  color: #393536;
  background-color: white;
  border: 1px solid #393536;
}
[data-bs-theme=clasico] .__custom_bar {
  background-color: #393536 !important;
}
[data-bs-theme=clasico] .__custom_bar a {
  background-color: #393536 !important;
}

[data-bs-theme=blue] .__ov4_colortema1 {
  color: #4290bd;
}
[data-bs-theme=blue] .__ov4_colortema2 {
  color: tema22;
}
[data-bs-theme=blue] .__ov4_backgroundtema1 {
  background-color: #4290bd;
}
[data-bs-theme=blue] .__ov4_backgroundtema2 {
  background-color: tema22;
}
[data-bs-theme=blue] .__ov4_cierraoverflow {
  background-color: #4290bd;
}
[data-bs-theme=blue] #__ov4_cabecera .__ov4_pretopbar {
  background-color: #4290bd;
}
[data-bs-theme=blue] #__ov4_cabecera .__ov4_subbar {
  background-color: #2E6484;
}
[data-bs-theme=blue] #__ov4_cabecera #__ov4_botonbusqueda {
  background-color: #4290bd;
}
[data-bs-theme=blue] .__ov4_pie {
  background-color: #4290bd;
  color: #ffffff;
}
[data-bs-theme=blue] .__ov4_subpie {
  background-color: #2E6484;
}
[data-bs-theme=blue] .__ov4_separador {
  background-color: #4290bd;
}
[data-bs-theme=blue] .__ov4_fondobanner {
  background-color: rgba(66, 144, 189, 0.8);
}
[data-bs-theme=blue] .__ov4_cajaappfavorita {
  border-left: 3px solid #4290bd;
}
[data-bs-theme=blue] #__ov4_anadirafavoritos {
  border-left: 3px solid #4290bd;
}
[data-bs-theme=blue] .__ov4_sidebar {
  background-color: #2E6484 !important;
}
[data-bs-theme=blue] .__ov4_sidebarCollapse {
  background-color: #2E6484 !important;
}
[data-bs-theme=blue] table.dataTable.table-striped > tbody > tr.selected > td {
  background-color: #4290bd;
}
[data-bs-theme=blue] #buscadorapps {
  border-bottom: 1px solid #4290bd;
}
[data-bs-theme=blue] .__ov4_ticono:hover {
  color: #4290bd;
}
[data-bs-theme=blue] .form-check-input:checked {
  background-color: #4290bd;
  border-color: #4290bd;
}
[data-bs-theme=blue] .form-check-input:focus {
  border-color: #4290bd;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(215, 235, 255);
}
[data-bs-theme=blue] .form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%234290bd' /%3e%3c/svg%3e");
}
[data-bs-theme=blue] .form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white' /%3e%3c/svg%3e");
}
[data-bs-theme=blue] .form-switch .form-check-input:focus:not(:checked) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%234290bd' /%3e%3c/svg%3e");
}
[data-bs-theme=blue] .__ov4_categoria {
  transition: color 0.3s ease, background-color 0.3s ease;
}
[data-bs-theme=blue] .__ov4_categoria:hover {
  color: white;
  background-color: #4290bd;
}
[data-bs-theme=blue] .__ov4_btn-tema {
  color: white;
  background-color: #4290bd;
  border: 1px solid #4290bd;
}
[data-bs-theme=blue] .__ov4_btn-tema-outline {
  color: #4290bd;
  background-color: white;
  border: 1px solid #4290bd;
}
[data-bs-theme=blue] .__ov4_cuadradomas {
  background-color: white;
}
[data-bs-theme=blue] .__ov4_cuadradomas:hover {
  color: #4290bd;
}
[data-bs-theme=blue] .campanaavisobadge {
  background-color: #4290bd;
}
[data-bs-theme=blue] .__ov4_campanaavisobadgederecha {
  background-color: #4290bd;
}
[data-bs-theme=blue] .__ov4_favoritatexto:hover {
  color: #4290bd;
}
[data-bs-theme=blue] .__custom_bar {
  background-color: #4290bd !important;
}
[data-bs-theme=blue] .__custom_bar a {
  background-color: #4290bd !important;
}

[data-bs-theme=green] .__ov4_colortema1 {
  color: rgb(36, 102, 72);
}
[data-bs-theme=green] .__ov4_colortema2 {
  color: tema32;
}
[data-bs-theme=green] .__ov4_backgroundtema1 {
  background-color: rgb(36, 102, 72);
}
[data-bs-theme=green] .__ov4_backgroundtema2 {
  background-color: tema32;
}
[data-bs-theme=green] .__ov4_cierraoverflow {
  background-color: rgb(36, 102, 72);
}
[data-bs-theme=green] #__ov4_cabecera .__ov4_pretopbar {
  background-color: rgb(36, 102, 72);
}
[data-bs-theme=green] #__ov4_cabecera .__ov4_subbar {
  background-color: #488c52;
}
[data-bs-theme=green] #__ov4_cabecera #__ov4_botonbusqueda {
  background-color: rgb(36, 102, 72);
}
[data-bs-theme=green] .__ov4_pie {
  background-color: rgb(36, 102, 72);
  color: #ffffff;
}
[data-bs-theme=green] .__ov4_subpie {
  background-color: #488c52;
}
[data-bs-theme=green] .__ov4_separador {
  background-color: rgb(36, 102, 72);
}
[data-bs-theme=green] .__ov4_fondobanner {
  background-color: rgba(36, 102, 72, 0.8);
}
[data-bs-theme=green] .__ov4_cajaappfavorita {
  border-left: 3px solid rgb(36, 102, 72);
}
[data-bs-theme=green] #__ov4_anadirafavoritos {
  border-left: 3px solid rgb(36, 102, 72);
}
[data-bs-theme=green] .__ov4_sidebar {
  background-color: #488c52 !important;
}
[data-bs-theme=green] .__ov4_sidebarCollapse {
  background-color: #488c52 !important;
}
[data-bs-theme=green] table.dataTable.table-striped > tbody > tr.selected > td {
  background-color: rgb(36, 102, 72);
}
[data-bs-theme=green] #buscadorapps {
  border-bottom: 1px solid rgb(36, 102, 72);
}
[data-bs-theme=green] .__ov4_ticono:hover {
  color: rgb(36, 102, 72);
}
[data-bs-theme=green] .form-check-input:checked {
  background-color: rgb(36, 102, 72);
  border-color: rgb(36, 102, 72);
}
[data-bs-theme=green] .form-check-input:focus {
  border-color: rgb(36, 102, 72);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(216, 238, 196);
}
[data-bs-theme=green] .form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='green' /%3e%3c/svg%3e");
}
[data-bs-theme=green] .form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white' /%3e%3c/svg%3e");
}
[data-bs-theme=green] .form-switch .form-check-input:focus:not(:checked) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='green' /%3e%3c/svg%3e");
}
[data-bs-theme=green] .__ov4_categoria {
  transition: color 0.3s ease, background-color 0.3s ease;
}
[data-bs-theme=green] .__ov4_categoria:hover {
  color: white;
  background-color: rgb(36, 102, 72);
}
[data-bs-theme=green] .__ov4_btn-tema {
  color: white;
  background-color: rgb(36, 102, 72);
  border: 1px solid rgb(36, 102, 72);
}
[data-bs-theme=green] .__ov4_btn-tema-outline {
  color: rgb(36, 102, 72);
  background-color: white;
  border: 1px solid rgb(36, 102, 72);
}
[data-bs-theme=green] .__ov4_cuadradomas {
  background-color: white;
}
[data-bs-theme=green] .__ov4_cuadradomas:hover {
  color: rgb(36, 102, 72);
}
[data-bs-theme=green] .campanaavisobadge {
  background-color: rgb(36, 102, 72);
}
[data-bs-theme=green] .__ov4_campanaavisobadgederecha {
  background-color: rgb(36, 102, 72);
}
[data-bs-theme=green] .__ov4_favoritatexto:hover {
  color: rgb(36, 102, 72);
}
[data-bs-theme=green] .__custom_bar {
  background-color: rgb(36, 102, 72) !important;
}
[data-bs-theme=green] .__custom_bar a {
  background-color: rgb(36, 102, 72) !important;
}

[tamano-fuente="1"] .__ov4_favoritatexto {
  font-size: 12px;
}
[tamano-fuente="1"] .__ov4_categoria {
  font-size: 13px;
}
[tamano-fuente="1"] #__ov4_aplicacionesov tbody tr td a {
  font-size: 16px;
}

[tamano-fuente="2"] .__ov4_favoritatexto {
  font-size: 17px;
}
[tamano-fuente="2"] .__ov4_categoria {
  font-size: 18px;
}
[tamano-fuente="2"] #__ov4_aplicacionesov tbody tr td a {
  font-size: 18px;
}

[tamano-fuente="3"] .__ov4_favoritatexto {
  font-size: 18px;
}
[tamano-fuente="3"] .__ov4_categoria {
  font-size: 18px;
}
[tamano-fuente="3"] #__ov4_aplicacionesov tbody tr td a {
  font-size: 20px;
}

/*# sourceMappingURL=custom.css.map */