table{
	margin-top: 10px;
	margin-bottom: 10px;
}

.panel>ul>li{
	display:inline;
}
.panel>ul{
	 margin: 0 0 10px 0;
}


td,th {
	min-height: 30px;
	max-width: 220px;
	text-align:center;
	padding: 5px;
}
td{
	/*word-break:break-all;*/
	/*word-wrap: break-word;*/
}
tbody>tr>th {
	text-align:right;
}

img{
	border-radius: 10px;
}

/* inherit: enlaces toman el color de la celda th (cabeceras claras u oscuras) */
th > a {
	color: inherit;
	text-decoration: none;
}

/*
 * Cabecera oscura solo en tablas sin Bootstrap .table / .tiq-table.
 * Un thead { color: white } global + .table de BS5 (fondo claro) = texto invisible
 * si en producción falla el override o el orden/caché de CSS.
 */
table:not(.table):not(.tiq-table) thead {
	background-color: #102A78;
	color: white;
}

/* Tablas modernas (lista/histórico tiquetes): no heredar thead blanco sobre fondo claro */
table.tiq-table thead,
table.tiq-table thead th {
	background-color: #F9F9F9 !important;
	color: #2d3748 !important;
}
table.tiq-table thead th a {
	color: #2d3748 !important;
}
table.tiq-table thead th a:hover {
	color: #EB8340 !important;
}

/*
 * Cabeceras claras (Bootstrap .table, panel implementaciones): el thead global deja color blanco
 * heredado y th>a también fuerza blanco — aquí se fuerza texto/enlace oscuro.
 */
table.table thead th,
table.imp-panel-table thead th {
	color: #2d3748 !important;
}
table.table thead th a,
table.imp-panel-table thead th a {
	color: #2d3748 !important;
}
table.table thead th a:hover,
table.imp-panel-table thead th a:hover {
	color: #EB8340 !important;
}

/* Paginación (templates/osd/paginacion.html) — enlaces tipo botón, coherente con vistas tiquete */
#paginacion_osd {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	margin: 20px 0;
	padding: 12px 0;
	font-size: 0.9rem;
	max-width: 100%;
}
#paginacion_osd a {
	padding: 6px 14px;
	border-radius: 0.375rem;
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	color: #212529;
	text-decoration: none;
	display: inline-block;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
#paginacion_osd a:hover {
	background: #fff3e8;
	color: #c45f1c;
	border-color: rgba(235, 131, 64, 0.45);
}
#paginacion_osd strong {
	color: #6c757d;
	font-weight: 600;
}

h1,h3{
	color: white;
}
h3{
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
h2{
	color:#102A78;;
	/*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
}

nav{
	margin:10px 0px;
}


table{
	max-width: 95%;
}

header{
	border-radius: 10px;
	background-color:#102A78;
	padding: 0 30px;
}
header>h3{
	margin-top: 0;
}

/* No aplicar altura mínima a checkbox/radio: quedan rectangulares */
input:not([type="checkbox"]):not([type="radio"]) {
	min-height: 28px;
}

/*footer{
	background-color:#102A78;
	padding: 0 30px;
	max-width: 100%;
	color: white;
}*/

#link_inicio{
	color:white;
	text-decoration: none;
}

.container{
	/*border-radius: 10px;*/
	background-color: #E7EEF5;
	min-height: 90%;
	/*padding: 5px 0;*/
}

#The_colorPicker{
	position:absolute;
	width:224px;
	padding-bottom:1px;
	background-color:#FFF;
	border:1px solid #317082;
}
.input_100{
	max-width: 100px;
}
.input_120{
	max-width: 120px;
}
.input_150{
	max-width: 150px;
}

.input_180{
	max-width: 180px;
}

.input_200{
	max-width: 200px;
}
.input_numero{
	margin-top:5px;
	min-height:25px;
	width:80px;
}

.th_icon{
	min-width: 20px;
}

.check,.radio{
	max-width: 20px;
}

.radio_th{
	border-radius: 5px 0px 0px 0px;
}
.inline{
	display:inline;
}
.text_100{
	min-width: 95%;
}
.campo_texto{
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, lightgray, white);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, lightgray, white);
	/* IE 10 */
	background: -ms-linear-gradient(top, lightgray, white);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, lightgray, white);

	padding: 5px;
	margin: 5px;
	border-radius: 10px;
}

.notificacion_revisada_true{
	background-color: white;
}
.notificacion_revisada_false{
	background-color: lightblue;
}

.container{
	min-height: 500px;
}

@media print {
  a[href]:after {
    content: none !important;
  }
  .no_print, .no_print *
      {
          display: none !important;
      }
}

li.inline_links>a{
	display:inline;
	line-height:25px;
	padding-left: 5px;
}

li.tarea_tiempo_V{ /* Segundos o Vencido */
	background-color: red;
}
li.tarea_tiempo_D{ /* 1 Día o más para la fecha de aviso */
	background-color: #d6e9c6;
}
li.tarea_tiempo_H{ /* 1 Hora o más para la fecha de aviso */
	background-color: #F2D74B;
}
li.tarea_tiempo_M{ /* 1 Minuto o más para la fecha de aviso */
	background-color: #FF9D61;
}
li.tarea_tiempo_V>a, li.tarea_tiempo_M>a{
	color: white;
}

/* Botón naranja app (paneles tiquete / opciones) — Bootstrap 5 */
.btn-tiq-orange {
	--bs-btn-color: #fff;
	--bs-btn-bg: #EB8340;
	--bs-btn-border-color: #EB8340;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #d67638;
	--bs-btn-hover-border-color: #d67638;
	--bs-btn-focus-shadow-rgb: 235, 131, 64;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #d67638;
	--bs-btn-active-border-color: #c96d33;
}

/*
 * Checkboxes (respaldo si base.html inline no aplica). Shorthand border para vencer al border de BS.
 */
input[type="checkbox"]:not([hidden]) {
	border: 2px solid #5a6978 !important;
	box-sizing: border-box !important;
}
input[type="checkbox"]:not([hidden]):not(:checked):not(:indeterminate) {
	background-color: #fff !important;
}
input[type="checkbox"]:not([hidden]):not(:checked):not(:indeterminate):hover:not(:disabled) {
	border-color: #3d4554 !important;
}
input[type="checkbox"]:not([hidden]):checked {
	background-color: #EB8340 !important;
	border-color: #d67638 !important;
}
input[type="checkbox"]:not([hidden]):disabled {
	opacity: 0.55;
	cursor: not-allowed;
	border-color: #a8b0bd !important;
}
input[type="checkbox"]:not([hidden]):focus-visible {
	box-shadow: 0 0 0 0.2rem rgba(235, 131, 64, 0.35);
	outline: none;
}