.contenedor_formulario_amplio { width: 80%;}
div.contenedor_tipo_file { width:30px;}

.bg_contacto_proveedor {background: #007eb2;}
.bg_contacto_cliente {background: #e0b200;}
.bg_contacto_factor_humano {background: #870101;}
.card-folder { height: 100px;}
.card-folder > .card-body { display: flex; flex-direction: column; justify-content: space-between;}

.sidebar-nav > ul > li > a, .sidebar-nav > ul > li > a i, .sidebar-nav ul li a{ color:#ffffff; }
.sidebar-nav .has-arrow::after{ border-color:#ffffff; }
.navbar-brand img{ max-height:50px;}
.topbar .top-navbar .navbar-header{ line-height:70px;}

.cabecera-formulario{ font-size:14px;}
#contenedor_contenido {
  border: 0 none;
  height: auto;
  min-height: 500px;
  padding-bottom: 25px;
  padding-top: 120px;
}
#contenedor_pie {
  border-width: 1px 0 0 !important;
  bottom: 0;
  float: left;
  font-size: 100%!important;
  height: 200px;
  line-height: 7px;
  padding: 5px 0 0;
  position: relative;
  width: 100% !important;
  z-index: 1;
  background:none!important;
  color:#fff;
  text-align: center;
}
#contenedor_aviso_legal{
  margin: 15px auto 0;
  padding-top:5px;
  border-top:1px solid #fff;
  width:200px;
}
#contenido {
  padding: 10px;
  margin-top:10px;
}
.fondo_gris {background-color:#7f7f7f;}
.color_gris {color:#7f7f7f !important;}
.fondo_gris_oscuro {background-color:#ddd;}
.letra_roja {color:#f00;}
.page-wrapper div > a i {color:#8BC63E;}
.page-wrapper .iconoopcion > a i {color:#7f7f7f}

.btn-primary .fa,.btn-primary .far,.btn-primary .fas, .btn-primary .mdi { color:#fff !important;}

div.contenedor_formulario_amplio {width:95%;}
div.contenedor-formulario-grupo { margin-top: 0; padding-top: 0px !important; border:0px !important;}
div.contenedor-formulario-grupo-cabecera{ border-bottom:1px solid #fff; }
fieldset.formulario-seccion legend { margin-bottom: 5px !important; }
div.formulario_leyenda{ width:350px;}
div.formulario_leyenda_pequena{ width:90px;}
div.formulario_etiqueta {width:180px;}

.botonera-elemento{ display:flex; flex-wrap:wrap; margin-top:10px; border-top: 1px solid #808080; padding-top:10px;}
@media(min-width:576px)
{
  .botonera-elemento{ border-left: 1px solid #808080; border-top:0; padding-top: 0; margin-top:0px;}
}
.botonera-elemento > div{ color:#000;text-align:center; display:inline-block; margin:5px 0 5px 5px;line-height:10px; min-width:55px;font-size:10px;}
.botonera-elemento > div span{ display:block; padding-top:3px;}
.botonera-elemento > div .fa, .botonera-elemento > div .far, .botonera-elemento > div .fas { font-size: 2.7em !important;}
.foto-entidad{border-radius: 5px;width:60px;}

#contenedor-calendario table{ width:100%;}
#contenedor-calendario .ui-datepicker-header{ width:100%; display: flex; flex-wrap: wrap;}
#contenedor-calendario .ui-datepicker-header a.ui-datepicker-next,#contenedor-calendario .ui-datepicker-header a.ui-datepicker-prev{ display:none;}
#contenedor-calendario .calendar-dia{ width:auto; height:auto;}
#contenedor-calendario .ui-datepicker-title{ width:auto; flex-grow:1; }
.calendario-destacado a{
  background-color: #ffb85b !important;
  font-weight: bold !important;
  color:#9a0d13 !important;
  border:1px solid #9a0d13 !important;
}
a.boton_fondo{
  display:block;
  width:30px;
  height:30px;
}

input[type="image"] { border-radius:0px!important;}

input[type="text"]:read-only, input[readonly], select:disabled, textarea:read-only {
  background-color: var(--bs-secondary-bg);
  border:0;
  padding:2px;
  color:#000;
}
input[type="text"]:-moz-read-only, select:-moz-disabled, textarea:-moz-read-only {
  background-color: var(--bs-secondary-bg);
  border:0;
  padding:2px;
  color:#000;
}
select{ color:#444 !important; }
table.listado {border:1px solid #000;border-collapse: collapse}
table.listado thead td {border:1px solid #000;font-weight: bold;text-align: center;padding:4px;}
table.listado thead th {border:1px solid #000;font-weight: bold;text-align: center;padding:4px;}
table.listado tfoot td {border:1px solid #000;font-weight: bold;text-align: center;padding:4px;}
table.listado tbody th {border:1px solid #000;font-weight: bold;text-align: center;padding:4px;}
table.listado tbody td {border:1px solid #000;padding:4px;}
.fila_invalida{ background-color: #ffa5a9;}
.fila_semiinvalida{ background-color: #ffeba5;}
.wauto {width:auto!important;}
.ml70 { margin-left:70px;}

label{ font-weight: bold;}

.widget-datos-grupos{ flex-wrap: wrap; display: flex; margin-left:0;}

.pointer{ cursor:pointer;}
#debug-pestana{
  float:none !important;
  margin:0 !important;
  position: initial !important;
}
#debug-pestana a{
  padding-bottom:2px;
}
#debug-contenido{
  top:60px !important;
}
.debug-span{
  display: block; padding-bottom: 4px; font-size:0.45vw;
}
.fondo_gris {background-color:#7f7f7f;}
.fondo_gris_oscuro {background-color:#ddd;}
.fondo_blanco {background-color:#fff;}

a,a:active,a:link,a:visited,a:hover{
  text-decoration:none;
}
label {
  font-weight: bold;
  line-height: 17px;
  text-align: right;
}
select{
  max-width: 400px;
}
div.formulario_fila{
  padding-bottom:5px;
}
div.formulario_etiqueta {
  width:160px;
}
div.formulario_comentario_error {
  padding-left:160px;
}
div.contenedor-diario-lineas {
  margin-top:30px;
  margin-bottom:30px;
  width:100%;
}
div.contenedor_botones {
  width:400px;
  margin:auto;
  margin-top:100px;
}
div.contenedor_pie {
  border-top:0px;
}
div.filtro_etiqueta {
  width:140px;
}
.ui-state-hover a,.ui-state-hover a:active,.ui-state-hover a:link,.ui-state-hover a:visited {
  color:#222222 !important;
}
li.ui-tabs-selected  {
  padding-bottom:0px !important;
}
.mb10{
  margin-bottom: 10px;
}
.ml5{
  margin-left: 5px;
}
.mt20{
  margin-top: 20px;
}
.nivel1{
  color: #333333 !important;
}
input[disabled],textarea[disabled]
{
  background-color: #fff;
  color: #000;
  border:1px solid #dad9d9;
}
/*DATAGRID*/
.contenedor-formulario-resumen{
  width:900px;
}
.contenedor-formulario-resumen .formulario_centrado{
  float:left;
}
.contenedor-formulario-resumen label{
  float:left;
  margin-top:2px;
}
.contenedor-formulario-resumen .formulario_fila{
  float:left;
  padding:0px;
  width:auto;
}
.fondo_rojo {
  background-color: #ffa5a9 !important;
}
.w20 {
  width:20px;
}
.w80 {
  width:80px;
}
.w140 {
  width:140px;
}
.usuario_conectado{
  float:right;
  display:block;
}
.contenedor_resultados{
  width:800px;
  margin:auto;
}
#formularioCrearPeticion{
  border:1px solid #000;
  margin:auto;
  padding:5px;
}
.contenedor_resultados .campo_busqueda label{
  display:block;
  float:left;
  text-align: left;
  width:120px;
}
.contenedor_resultados .campo_busqueda{
  margin:5px;
}
.resultado{
  margin:20px 0;
  padding-bottom:5px;
  border-bottom:2px dashed #666;
}
.fila_invalida{
  background-color: #ffa5a9;
}
.fila_semiinvalida{
  background-color: #ffeba5;
}

#contador{ background-color: #fff !important; border:0;}

/*Asientos*/
#asientos { margin: 10px 0; width:100%; float:left; padding:5px; overflow:auto;}
.fila_asientos {display: inline-flex; display: -webkit-inline-flex; min-width:100%; margin: 1px auto; }
.asiento_numero_fila {float:left;width:20px;height:20px;margin-right:10px; line-height: 20px; font-size: 110%; font-weight: bold;}
.asiento {float:left;width:20px;height:20px;margin-right:2px; text-align: center; line-height: 20px;padding: 0 2px;font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor:pointer;}
.asiento span{ display: block; width: 100%; text-align: center;font-size: 0.5rem;}
.asiento .fa{ display: block; width: 100%; text-align: center; padding:2px;}
.medioasiento {float:left;width:10px;height:20px;margin-right:2px;line-height: 20px;padding: 0 2px; }
.asiento_anulado_elegido  { color:#000;}
.escalera { font-family: 'Font Awesome 5 Free';font-weight: 900;}
.escalera::before{ content: "\f7a4";}

/*
.fila_asientos {float:left;margin-bottom: 5px;display:flex;}
.medioasiento {float:left;width:8px;height:16px;margin-right:2px;}
.asiento {float:left;width:16px;height:16px;margin-right:2px;background-repeat:no-repeat;}
.asiento_discapacitado_libre { background-image:url(/Images/Gestion/asiento-discapacitados-libre.png) !important;}
.asiento_discapacitado_ocupado { background-image:url(/Images/Gestion/asiento-discapacitados-ocupado.png) !important;}
.asiento_discapacitado_elegido { background-image:url(/Images/Gestion/asiento-discapacitados-blanco.png) !important;}
.asiento_libre { background-image:url(/Images/Gestion/asiento-libre.png);}
.asiento_ocupado { background-image:url(/Images/Gestion/asiento-ocupado.png);}
.asiento_no_renovado { background-image:url(/Images/Gestion/asiento-no_renovado.png);}
.asiento_ocupado_entradas { background-image:url(/Images/Gestion/asiento-ocupado_entradas.png);}
.asiento_campana { background-image:url(/Images/Gestion/asiento-campana.png);}
.asiento_otros { background-image:url(/Images/Gestion/asiento-otros.png);}
.asiento_elegido { background-image:url(/Images/Gestion/asiento-elegido.png);}
.asiento_anulado { background-image:url(/Images/Gestion/asiento-anulado.png);}
.asiento_anulado_abonos { background-image:url(/Images/Gestion/asiento-anulado_abonos.png);}
.asiento_libre a,.asiento_anulado_abonos a,.asiento_anulado_elegido a { color:#000 !important;text-decoration: none;font-size:60%;}
.asiento_mio { background-image:url(/Images/Gestion/asiento-elegido.png);}
.asiento_mio a { color:#f00 !important;text-decoration: none;font-size:60%;}
.asiento_ocupado a,.asiento_no_renovado a,.asiento_ocupado_entradas a,.asiento_anulado a,.asiento_campana a,.asiento_otros a { color:#FFF !important;text-decoration: none;font-size:60%;}
.asiento_libre span, .asiento_ocupado span,.asiento_no_renovado span, .asiento_ocupado_entradas span, .asiento_anulado span, .asiento_anulado_abonos span, .asiento_campana span, .asiento_otros span,.asiento_mio span { display: block;margin-top:1px;margin-left:3px; font-weight:bold;}
.asiento img {border:0px}
.asiento_numero_fila {float:left;width:16px;height:16px;margin-right:10px;}*/


.select_corto{width:100px;}
.select_mascorto{width:70px;}
input.oculto_verde {border:0px;text-align:right;color:#060;}
input.right {text-align:right;}
.fondoverde {background:#027626;color:#FFF;font-weight: bold;}
.fondorojo {background:#FF0000;color:#FFF;font-weight: bold;}
.cursord {cursor:default !important;}
.cursorp {cursor:pointer !important;}
.ancho_60 {width:60px;}
.ancho_100 {width:100px;}
.ancho_120 {width:120px;}
.ancho_150 {width:150px;}
.ancho_170 {width:170px;}
.ancho_250 {width:250px;}
.ancho_300 {width:300px;}

/* Extilo tabla de acumulados */
table.totales_acumulados td {
  border-left: 1px dotted #000 !important;
  text-align: right !important;
  vertical-align: middle !important;
  font-size: 120% !important;
}
.foto_gestion {height:180px;}
.right { text-align: right !important;}
.p5 {padding:5px !important;}
.rojo {color:#F00 !important;}

#contenedor_menu_entidad{display:block; float:left;}
#contenedor_menu_entidad .icono_entidad { width:45px;height: 50px;margin:8px 5px 5px; border-radius: 5px; text-align: center; float:left;}
#contenedor_menu_entidad .icono_entidad > a{ display:block;  padding-bottom:4px;}
#contenedor_menu_entidad .icono_entidad span {font-size:7px; margin-left:0 !important; text-transform: uppercase; display:block; width:100%; }
#contenedor_menu_entidad .icono_entidad .fa {font-size:22px!important; padding:4px;}

.abono_titulo {float:left; margin:15px 5%; width: 90%;}
.tabla_entradas{ margin:auto; width:90%; border: 1px solid #999999; border-collapse: collapse;}
.tabla_entradas tr.cabecera {background-color: #FFFFFF;border: 1px solid #999999;font-size: 90%;padding:5px 2px;}
.tabla_entradas th{background-color: #FFFFFF;border: 1px solid #999999;font-size: 90%;padding:5px 2px;}
.tabla_entradas td{text-align:center;background-color: #FFFFFF;border: 1px solid #999999;font-size: 90%;padding:2px;vertical-align:middle !important;}

.informacion_leyenda_collapse { position:absolute; top:10px; right:10px ; font-size:12px; font-weight: bold;}
.informacion_leyenda { position:absolute; top:35px; right:0px ; border:1px solid #808080;padding:5px;width:200px; background-color: #fff;}
.informacion_leyenda .calendar-dia{ text-decoration: none; padding:2px; text-align: right; display:block; width:23px; height:23px; float:left; }

#contenedor_comunicaciones{ position:absolute; top:180px; left:2.5%; width:40%; height:200px; display: block; padding:5px; border-radius: 5px; background-color:#ffffff; overflow:auto; }
#contenedor_fichar{ position:absolute; top:180px; right:2.5%; width:40%; height:200px; display: block; padding:5px; border-radius: 5px; background-color:#ffffff; overflow:auto; }
#contenedor_fichar .button{ padding:60px 0; color:#fff !important; font-size:140%; width:47%;}
#contenedor_fichar .persona_titulo { font-size:110%; margin-bottom:5px;}
.caja_titulo_gris{ color:#fff; background-color: #4a4a4a;}

.persona_contenedor_cabecera { margin:0 auto 5px; float:left; border:1px solid #222;}
.persona_titulo { padding:5px 10px; width:100%; font-size:130%; font-weight: bold;}
.persona_info_superior { display:block;float:left;margin:10px;font-size:120%; }
.persona_info_paquetes { display:block;float:left;margin:10px;font-size:110%; height:75px; border-right:1px solid #222; border-left:1px solid #222; padding:0 10px;}
.persona_tabla_abonos{ margin-top:5px; float:left; width:200px;}
.persona_contenedor_foto{ float:right; margin:5px; }
#persona_contenedor_botones {  margin:5px 20px 0 0 ; float:right; font-weight: bold;}

/*Calendarios*/
.calendario_dias_lectivos_mes { float: left; margin-right: 10px; margin-top: 15px;}

#calendarios_dias_lectivos #contenedor-calendario .calendar-dia{ text-decoration: none; padding:2px; text-align: right; display:block; width:23px; height:23px; }
#calendarios_dias_lectivos #contenedor-calendario .ui-datepicker-header { width:172px; height:30px; line-height:30px; margin-bottom: 5px;}
#calendarios_dias_lectivos #contenedor-calendario .ui-datepicker-header a{ display:none; padding:7px; float:left;}
#calendarios_dias_lectivos #contenedor-calendario .ui-datepicker-header div { float:left;}
#calendarios_dias_lectivos #contenedor-calendario .ui-datepicker-title { width:170px; text-align:center;}
.calendario-destacado a{ font-weight: bold !important;}
.calendario-dia-sin-procesar a{ background-color: #e6e6e6 !important; }
.calendario-dia-correcto a{ background-color: #7CCC46 !important; }
.calendario-dia-incidencia-resuelta a{ background-color: #FEF301 !important; }
.calendario-dia-incidencia-sin-resolver a{ background-color: #FF0126 !important; }

.loader { position: absolute; top: 50%; left: 50%; font-size: 30px; }
#loadingDiv { position:fixed; top:0; left:0; width:100%; height:100%; z-index: 4000; opacity: 0.8; }

#plano{ max-width:100%;}

.par_boton{ height:28px  !important; padding: 0 !important; border-left:1px solid #fff !important; }
.page-wrapper .submenu-entidad{ z-index:2000;}
.page-wrapper .submenu-entidad .fa,.page-wrapper .submenu-entidad .fas,.page-wrapper .submenu-entidad .far{ color:#808080;}
.page-wrapper .submenu-entidad span { color:#808080; font-size:14px; padding-left:10px;}

.table td{ border-color:#ccc;}

.flex-vertical-center{ display:flex; flex-direction: column; justify-content: center; }
.flechas-ordenar{ width:25px; cursor:move;}
.flechas-ordenar:before{ content: '\21C5'; font-size:24px; font-weight: bold; }
.ui-sortable-helper { display: table; }

.fondo_verde {background-color: #8BC63E;}
.color_verde {color: #8BC63E;}
.color_negro {color: #000;}
.color_blanco {color: #fff;}