#logo {
	background: #fff url(/admin/img/adicionales/logo-fira-azul.svg) center no-repeat;
	background-size: 185px;
	margin: 0;
	width: 100%;
	margin-bottom: 30px;
}

#cuerpo.no-ingresar {
	background: #777 url(/admin/img/bg_custom.jpg) center right 200px no-repeat;
	background-size: cover;
}

.space-between {
	display: flex;
	justify-content: space-between;
}

.bloque .input-pass {
	position: relative;
	width: 100%;
	max-width: 400px;
}

.alinear-abajo {
	display: flex;
	align-items: end;
}
.alinear-izquierda {
	display: flex;
	justify-content: flex-start;
}
.alinear-derecha {
	display: flex;
	justify-content: flex-end;
}
.flex-column.alinear-izquierda {
	display: flex;
	align-items: flex-start;
}
.flex-column.alinear-derecha {
	display: flex;
	align-items: flex-end;
}
th.alinear-derecha,
th.derecha,
td.alinear-derecha,
td.derecha {
	text-align:right;
	display: table-cell;
}
th.alinear-centro,
th.centro,
td.alinear-centro,
td.centro {
	text-align:center;
	display: table-cell;
}
th.alinear-izquierda,
th.izquierda,
td.alinear-izquierda,
td.izquierda {
	text-align:left;
	display: table-cell;
}

input.tablesorter-filter {
	width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	color: #666;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	padding: 8px;
	box-sizing: border-box;
	font-weight: 300;
	border-radius: 5px;
	outline: 0;
	height: 38px;
}
table.filter-false .tablesorter-filter-row {
	display: none;
}

.imagenS3 {
	margin: 0 auto;
	height: 100%;
	background: #fff;
	border: 1px solid #DDDDDD;
	border-radius: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	aspect-ratio: 1/1;
	/* cursor: pointer; */
	transition: all ease .3s;
	position: relative;
	overflow: hidden;
}

.imagenS3::after {
	content: 'Agregar imagen';
	color: #fff;
	position: absolute;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 14px;
	display: none;
}

.imagenS3 img {
	min-width: 100%;
	min-height: 100%;
	position: relative;
	z-index: 1;
}

.imagenS3 .img-upload {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	z-index: 2;
	width: 100%;
	cursor: pointer;
}

.imagenS3 a.eliminar {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 5;
	color: #fff;
	font-size: 2.4em;
	opacity: 1;
	transition: all ease 200ms;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.imagenS3 a.eliminar {
	background: rgba(136, 136, 136, .2);
}
.imagenS3 img.sin_imagen {
    min-width: unset;
    min-height: unset;
    max-width: 85%;
    opacity: .6;
}
.avatar-box.item-galeria-colegio {
    height: auto;
    min-width: 250px;
    aspect-ratio: 4/3;
    border-radius: 0;
    margin-top: 10px;
}
.bi.ver-contrasena {
	font-size: 20px;
	position: absolute;
	right: 10px;
	bottom: 50%;
	transform: translateY(50%);
	color: var(--primario);
}

.disabled {
	pointer-events: none;
	background: #f3f3f3;
}

a.agregar-encargado {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
}

.primario_borde {
	background: transparent !important;
	border: 1px solid var(--primario) !important;
	color: var(--primario) !important;
}

.secundario_borde {
	background: transparent !important;
	border: 1px solid var(--secundario) !important;
	color: var(--secundario) !important;
}

.boton.eliminar {
	background: transparent;
	border: 1px solid #c03;
	color: #c03;
}

.boton-small {
	padding: 5px 10px;
	font-size: 1.4em;
}

.caja-documento {
	margin-bottom: 20px;
}

.caja-documento input {
	max-width: none;
}

.input-full input,
.input-full select,
.input-full textarea {
	max-width: none;
}

.grupo {
	background: transparent;
}

.tipo-archivo {
	position: relative;
	display: inline-block;
	padding: 5px 10px;
}

.tipo-archivo::before {
	background-color: white;
	border: 1px solid var(--secundario);
	color: var(--secundario);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	content: 'Seleccionar archivo';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	min-width: 140px;
}

.tipo-archivo input[type="file"] {
	opacity: 0;
	width: 200px;
	height: 32px;
	display: inline-block;
}
th {
	line-height: 17px;
}
.tablesorter-header-inner {
    white-space: nowrap;
	line-height: 17px;
}
.tabla-overflow {
	max-width: 100%;
	overflow-x: auto;
}
.contenedor-documentos {
	margin-bottom: 20px;
}
.bi.bi-trash {
	font-size: 20px;
	color:#666;
}
#proyecto-notas {
	max-width: none;
}
.leyenda {
	display: flex;
}
.leyenda-item {
    display: inline-block;
    margin-right: 20px;
    font-size: 1.3em;
    color: #666;
    margin-bottom: 20px;
}
.leyenda-color {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.paginador {
    display: flex;
    justify-content: flex-end;
	margin-bottom: 15px;
}
.paginador span {
    font-size: 1.2em;
}
.paginador .en-pantalla,
.paginador .total {
   color: var(--secundario);
   font-weight: 400;
}
.btn-descargar {
    font-size: 1.5em;
}
.fila-descarga {
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
}
.calendar__table {
    margin-bottom: 25px;
	overflow-x: auto;
}
.table__titulo span {
    font-size: 1.6em;
    margin: 10px 0;
    display: block;
}
.calendar__table td,
.tabla-total td {
    width: 90px;
	min-width: 90px;
}
.detalle_pagos {
	overflow-x: auto;
}
.no-filters tr[role="search"] {
    display: none;
}
.table__titulo.table__titulo--total {
    font-size: 1.6em;
    line-height: 34px;
}
.bloque.item_documentos {
    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-left: 35px;
}
.icono-simbologia {
    font-size: 1.4em;
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.select-con-icono a {
	text-decoration: none;
	transition: all ease .3s;
}
.select-con-icono a:hover {
	opacity: .8;
}
.icono-simbologia .bi{
	margin-right: 8px;
}
.box-sombra .bi {
    font-size: 1.6em;
}
.col-xs-12 input {
	max-width: none;
}
span.pendiente {
    font-weight: 500;
}
/* SELECT2 */
/* select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
select:before {
    font-family: "fln" !important;
    font-style: normal !important;
    font-weight: bolder !important;
    -webkit-font-smoothing: revert;
    -moz-osx-font-smoothing: grayscale;
    content: "\6a";
    font-size: 12px;
    color: #333;
} */
.col-2 select, .col-2 input {
	min-width: 150px;
}
.select2 {
	border: 1px solid #ddd;
	background: #f5f5f5;
	color: #666;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	padding: 10px;
	width: 100% !important;
	max-width: 400px;
	min-width: 220px;
	min-height: 38px !important;
	box-sizing: border-box;
	font-weight: 300;
}
.select2-container--default .select2-selection--single {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: white;
    font-size: 14px;
	font-weight: 300;
    color: #546e7a;
    padding: 12px 10px;
    resize: none;
    position: relative;
    z-index: 1;
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select2-container--default .select2-selection--single {
	padding: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #666;
    line-height: initial;
    font-size: 14px;
	text-align: left;
}
.select2-results__option {
	font-size: 14px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ccc;
    color: #666;
    font-size: 14px;
    padding: 7px;
}
.select2.select2-container {
	width: 100% !important;
	max-width: 100% !important;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: white;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    padding: 7px 25px 7px 10px;
    resize: none;
    position: relative;
    z-index: 1;
    -webkit-transition: all ease 200ms;
    transition: all ease 200ms;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	box-sizing: border-box;
}
span.select2-selection.select2-selection--single {
    background: transparent;
    border: none;
    padding: 0;
    height: auto;
}
span.select2-selection__rendered {
    padding: 0;
	line-height: initial !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 2px !important;
    right: -30px !important;
    height: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: initial !important;
    border-color: transparent !important;
    position: relative !important;
    top: 0 !important;
	left: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
	font-family: bootstrap-icons !important;
	font-style: normal !important;
	font-weight: bolder !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f282";
	font-size: 9px;
	color: #333;
	/* -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #666; */
	text-shadow: 0px 0 #666, 0 0px #666, 0px 0 #666, 0 1px #666;
	position: relative;
    top: -1px;
	right: -2px;
}
.boton-archivos-ver {
    width: 200px;
    display: flex;
    align-items: center;
    padding: 10px;
    font-size: 15px;
    justify-content: space-between;
}
.boton-archivos-ver .bi{
	font-size: 16px;
}
.bi-trash{
	color: #c03 !important;
}
.contenedor-carga-archivos {
    display: flex;
    width: 100%;
    max-width: 420px;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* width */
.scrollbar {
	scrollbar-width: thin;
}
.scrollbar::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.row .select2 {min-width: auto;}

/* Track */
.scrollbar::-webkit-scrollbar-track {
	background: #EFEFEF;
	border-radius: 10px;
}

/* Handle */
.scrollbar::-webkit-scrollbar-thumb {
	background: #CBCBCB;
	border-radius: 10px;
}
input[type='radio']+label {
	display: inline-flex;
	margin-left: 12px;
}
input[type='radio']+label:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 0 0 1px var(--primario);
	left: -10px;
	top: 2px;
    position: relative;
}
input[type='radio']:checked+label:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--primario);
	border: 2px solid white;
    box-shadow: 0 0 0 1px var(--primario);
	left: -10px;
	top: 2px;
    position: relative;
	box-sizing: border-box;
}
input[type='radio'] {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: absolute;
    z-index: 2;
	-webkit-transition: all ease 200ms;
    transition: all ease 200ms;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.comentario-box {
    min-height: 250px;
	scrollbar-width: thin;
	overflow: hidden;
	overflow-y: auto;
}
.comentario-box:focus{	
	border: 1px solid #ccc;
}
.comentario-box::-webkit-scrollbar {
	width: 8px;
}
.comentario-box::-webkit-scrollbar-track {
	background: #f1f1f1;
}
.comentario-box::-webkit-scrollbar-thumb {
	background: #888;
	cursor: default;
}
table {
	font-size: 10px;
}
.desplegables table {
	margin-bottom: 0;
}
.desplegables td {
    padding: 10px !important;
    padding-right: 0 !important;
    vertical-align: top;
	height: 58px;
	border: none;
}
.desplegables .bi {
    font-size: 12px;
    color: var(--secundario);
}
.desplegables table {
    background: transparent !important;
}
.desplegables td[width="75%"] {
	text-transform: capitalize;
}
.desplegables td[width="25%"] {
	vertical-align: middle;
	position: relative;
}
.desplegables td[width="25%"] .bi {
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
}
.total_por_colegio {
	min-height: 40px;
    font-weight: 600;
    margin-top: 5px;
}
.total_por_colegio span{
	font-weight: 300;
}
.pagar_todas {
	color: var(--secundario);
	cursor: pointer;
	font-weight: 400;
}
.table {
    overflow: auto;
}
li.widgets__listado__item.winicio {
    list-style-type: none;
}
.widgets__listado__caja.winicio {
    font-size: 18px;
}
p.widgets__tabla__title {
    font-size: 16px;
    margin: 30px 0 20px;
}
ul.widgets__listado.winicio {
    padding-left: 0;
}
table.widgets__tabla tr:nth-child(odd) {
    background: #fcfcfc;
}
a.link {
	color: var(--primario);
}

.contenedor-boxes {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}
.contenedor-boxes .box-sombra {
	width: 49%;
	height: 100%;
	min-height: 245px;
	margin-right: 0;
}
.contenedor-boxes .box-sombra.box-sombra-solicitudes {
	width: 100%;
}
.contenedor-boxes .box-sombra.box-sombra-manual {
	max-width: 340px;
	margin-right: 30px;
	/* padding: 20px; */
	flex-direction: column;
	display: flex;
	justify-content: space-between;
}
.box-container__filas {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	max-height: 150px;
	overflow-y: auto;
	padding-right: 10px;
	overflow-y: auto;
	height: 90vh;
}

.box-container__filas .box-filas {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	margin-bottom: 0;
	width: 100%;
}
.box-filas .mensaje {
	width: 100%;
	margin: 0;
	margin-right: 0;
	text-align: left;
	display: flex;
	align-items: center;
}
.mensaje--text--title {
	color: #8d6e07 !important;
	font-size: 1.1em;
}
.box-filas a {
	text-decoration: none;
	transition: all ease 300ms;
	margin-bottom: 20px;
	width: 100%;
}
.box-filas a:hover {
	box-shadow: 0px 2px 11px 0px rgba(0,0,0,.3);
}
.box-filas .aviso .mensaje--text {
	padding-right: 0;
	width: 100%;
}
.box-filas .mensaje a {
	display: flex;
	margin-left: auto;
}
.box-filas .aviso {
	width: 100%;
}

.contenedor-trio-home {
	flex-direction: column;
}
.box-sombra_contenedor {
    display: flex;
    justify-content: space-between;
}
.contenedor-trio-home .box-sombra {
	width: 49%;
	    height: 100%;
    min-height: 245px;
}
.contenedor-trio-home .box-sombra.box-sombra-solicitudes {
    width: 100%;
    margin-right: 0;
}
.contenedor-trio-home .box-sombra.box-sombra--solicitudes {
	padding: 30px;
	padding-right: 15px;
}
.contenedor-trio-home .box-sombra.box-sombra--solicitudes h4 {
	margin-bottom: 20px;
}
.contenedor-trio-home .box-sombra.box-sombra-manual {
	max-width: 340px;
	margin-right: 30px;
	flex-direction: column;
	display: flex;
	justify-content: space-between;
}

.box-container__filas::-webkit-scrollbar {
  width: 4px;
}
.box-container__filas::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.box-container__filas::-webkit-scrollbar-thumb {
  background: #888;
}
.box-container__filas::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.pie-box-sombra {
    display: flex;
    justify-content: flex-end;
}

#contenidos, .contenido_pestana {
    padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.col-12 .text,
.col-11 .text,
.col-10 .text,
.col-9 .text,
.col-8 .text,
.col-7 .text,
.col-6 .text,
.col-5 .text,
.col-4 .text,
.col-3 .text,
.text.full {
    max-width: 100%;
}
.insignia {
    width: 250px;
    height: 250px;
}
input.invalido {
	border-color: #9c4242;
}
input[disabled] {
	background: whitesmoke;
}
a.disabled{
	opacity: .6;
	pointer-events:none;
}
form #avisos {
	position:relative !important;
	width:100% !important;
	background:none !important;
}
#avisos .caja_aviso {
	margin: 0;
    line-height: 16px;
    font-size: 1.5em;
	padding: 15px 10px;
    text-align: center;
    border-radius: 0;
    border: none;
	margin-bottom: 10px;
}
.error {
	color: #a91e12 !important;
	background: #f7b5af !important;
}
.aviso {
	color: #3c7889 !important;
	background: #9dd7e6 !important;
}
.disabled {
	background:whitesmoke;
	pointer-events:none;
}
.columna-centrada {
    text-align: center;
}
.opciones-tabla {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
	margin-bottom: 3px;
}
.pager .disabled {
    background: none;
}
.pager .bi {
    font-size: 12px;
	cursor: pointer;
	transition: all ease .3s;
}
.pager .bi:hover {
    opacity: .7;
}
span.pagedisplay {
    font-size: 11px;
}
.align-center {
	align-items: center;
}
.selector_imagen.img-colegio {
	width: 200px;
    height: 200px;
    border-radius: 50%;
    margin: auto;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
}
.selector_imagen.img-colegio img {
	width: 100%;
	position: relative;
	z-index: 1;
}
.dflex {
	display: flex;
}
.dflex .btns-grupo {
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: right;
}
.detalle_pagos h3 {
    margin-bottom: 15px;
}
.detalle_pagos h4 {
    background: var(--primario60);
    color: white;
    padding: 10px;
	margin: 0;
}
.detalle_pagos .table__titulo span {
    background: var(--primario10);
    color: #666;
    padding: 10px;
	margin: 0;
}
table.solicitud.mes.directorio td {
    min-width: calc(100vw / 17);
}
.documentos_agregar {
    padding: 20px;
    border-radius: 5px;
    background: #fff;
    display: flex !important;
	flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    position: relative;
    border: 1px solid #ddd;
}
.form-label small {
	margin-top: 0;
	color: #b3b3b3;
	font-size: 84%;
	font-family: "Open Sans",sans-serif;
}
.documentos__item {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 11px;
    font-size: 1.4em;
    background: transparent;
    text-transform: capitalize;
    position: relative;
    -webkit-animation: aparecer ease 200ms 1 forwards;
    animation: aparecer ease 200ms 1 forwards;
    border: 1px solid var(--primario);
    border-radius: 5px;
    cursor: pointer;
	margin-bottom: 0;
    margin-left: auto;
    margin-top: 20px;
    margin-right: 0;
}
.documentos__item input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.documentos__nombre {
    cursor: pointer;
    padding: 0 10px;
    color: var(--primario);
}
.documentos__icono {
    cursor: pointer;
    padding: 0 10px;
    color: var(--primario);
	font-size: 1em !important;
}
.documentos__item label {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
	transition: all ease .3s;
}
.documentos__item label:hover {
	box-shadow: 0 5px 10px rgba(158,158,158,0.3);
}
select.full.select2-hidden-accessible {
    max-width: -moz-available;          /* WebKit-based browsers will ignore this. */
    max-width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    max-width: fill-available;
}
.documentos_interior {
    width: 100%;
}
.documentos_cabecera {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.documentos_cabecera .boton-icon.ver {
    margin-right: 10px;
}
.documentos_cabecera a {
    font-size: 1.1em;
}
tr.sin-solicitudes {
	background: #faf2cc !important;
	color: #8d6e07 !important;
}
tr.sin-solicitudes:hover {
	background: #faf2cc !important;
	color: #8d6e07 !important;
}
td.centrado {
    text-align: center;
}
#lightbox {
    background-image: none;
}
.solicitud-sidebar {
    position: fixed;
    top: 0;
    right: calc(-700px);
    bottom: 0;
    background: #fff;
    width: 500px;
    padding: 20px 10px;
    transition: all ease 600ms;
    box-shadow: 0 5px 10px rgb(51 51 51 / 5%);
    z-index: 1099;
	padding: 25px 20px 15px 25px;
}
.solicitud-sidebar.activo {
	right: 0;
	z-index: 1110;
}
.solicitud-arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    text-align: center;
    left: -40px;
    top: 55px;
    z-index: 1;
    background: #21242d;
    padding: 5px;
	font-size: 22px;
	cursor: pointer;
	transition: all ease .3s;
	color: white;
	display: flex;
    align-items: center;
    justify-content: center;
}
.solicitud-arrow:hover {
	filter: brightness(1.1);
}
.solicitud_nueva:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #c11;
    border-radius: 4px;
    position: absolute;
    top: 6px;
    right: 10px;
}
.item_notificaciones {
    position: relative;
    display: flex;
	flex-direction: column;
	gap: 10px;
    padding: 20px 30px;
    border-radius: 8px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all ease 0.3s;
    background: white;
    /* height: 70px; */
    min-height: 70px;
    overflow: hidden;
}

.box-filas a.item_notificaciones:hover {
    opacity: 0.8;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.texto-box {
    width: 100%;
}
.item_notificaciones .texto-box {
    overflow: hidden;
}
.item_notificaciones p {
    display: inline-table;
    font-size: 1.3em;
    font-weight: 300;
    color: #999;
    transition: all ease 0.3s;
	line-height: 1.2rem;
    margin-bottom: 0;
}

.item_notificaciones.activo:after {
	content: '';
	display: block;
	background: #cc1111;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 26px;
	left: 12px;
	border-radius: 20px;
}

.item_notificaciones .icono {
	font-size: 16px;
	margin: auto;
	display: flex;
	align-items: center;
	height: 100%;
	max-height: 46px;
	margin-left: 15px;
}
.item_notificaciones.activa:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #c11;
    border-radius: 4px;
    position: absolute;
    top: 20px;
    left: 10px;
}
.notificaciones-icono {
    margin-left: auto;
    font-size: 21px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.notificaciones-icono .bi {
    color: #555;
}
.cabecera_notificaciones .icono {
	font-size: 16px;
	display: flex;
	cursor: pointer;
}
.notificaciones-icono.solicitud_nueva:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #c11;
    border-radius: 4px;
    position: absolute;
    top: 17px;
	left: calc(50% + 1px);
}
#datos_admin {
    margin-left: 0;
}
#datos_admin a {
    min-width: auto;
}
@media (max-width: 1360px) {
	.boton {
		padding: 12px 15px !important;
	}
}
.boton.primario.deshabilitar {
    color: #fff;
}
table .boton.primario.deshabilitar {
	color: var(--primario);
	background: transparent;
}
.tabla-rendiciones .tablesorter-header-inner {
  white-space: initial;
}
.tabla-rendiciones .tablesorter-headerAsc.alinear-derecha, 
.tabla-rendiciones .tablesorter-headerDesc.alinear-derecha {
	padding-right: 10px;
}
#cabecera {
    height: 60px;
}
#cabecera a.favicon, #cabecera a.favicon:hover {
    background: #fff url(/img/logo-azul.svg) no-repeat;
    background-size: 155px;
    background-position: 20px center;
    width: auto;
    max-width: none;
    padding-left: 175px;
}
#cabecera a.favicon img {
    display: none;
}
#cabecera a.favicon span {
    display: none;
}
.header__logo {
    margin-right: 14px;
    padding-right: 14px;
    border-right: 1px solid rgba(51,51,51,0.28);
    height: 51px;
    display: flex;
}
.header__item--logo {
    padding-left: 0;
    margin: 10px auto 10px 0;
    display: flex;
    align-items: center;
}
.contenedor-logo-menu {
	height: 60px;
}
.lista-tutoriales {
	display: flex;
	flex-direction: column;
	padding: 20px 0 0;
	height: 136px;
	width: calc(100% + 7px);
	padding-right: 7px;
	overflow-y: auto;
}

.item-tutorial {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}

.item-tutorial p {
	margin: 0;
}

.box-sombra .item-tutorial .bi {
	font-size: 25px;
}

.modal-tutorial video {
	width: 100%;
	margin-top: 20px;
}

.modal-tutorial .box-caja {
	padding-bottom: 25px;
}

.modal-tutorial .box-caja {
	width: 100%;
	max-width: 1100px;
	padding-bottom: 25px;
}

.modal-contenedor {
	background: rgba(44, 44, 44, 0.7);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 220px;
	right: 0;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.box-caja {
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0px 0px 10px 2px rgba(0, 32, 92, 0.1);
	border-radius: 5px;
	padding: 30px 25px 40px;
	width: 900px;
	margin: auto;
	margin-top: 80px;
	position: relative;
}

.box-caja .box-form {
	max-height: 524px;
	padding-right: 25px;
	padding-left: 5px;
	padding-top: 5px;
}

.box-caja .bi-x-lg {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 18px;
	opacity: 0.5;
	cursor: pointer;
	transition: all ease 0.3s;
	z-index: 1;
}

#modal-lista-mail .box-caja {
	width: auto;
	min-width: 400px;
	max-width: 900px;
}

.estados_premios i {
	vertical-align: inherit;
	font-size: 1.2em !important;
	margin-right: 5px;
}
.estado_0 {
	color: #2A518C !important;
}
.estado_1 {
	color: #008000 !important;
}
.estado_2 {
	color: #FF0000 !important;
}
.estado_3 {
	color: #28BDA2 !important;
}
.item_evidencia_doc {
	border: 1px solid #e5e5e5;
	width: 163px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 5px;
	overflow: hidden;
	transition: all ease .3s;
}
.evidencia_contenedor .item_evidencia_doc {
	height: auto;
	width: auto;
}
.item_evidencia_doc:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.07);
}
.item_evidencia_doc.foto{
	background-image: url('/uploads/sin_imagen.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}
.item_evidencia_doc a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	flex-direction: column;
	font-size: 14px;
	text-decoration: none;
}
.evidencia_contenedor {
    display: flex;
	flex-wrap: wrap;
    margin: 24px auto 0;
	width: 100%;
	max-width: 860px;
}
.evidencia_contenedor h4{
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 15px;
	text-align: center;
}
.item_evidencia {
	margin-right: 10px;
}
.box-borde {
	padding:50px 30px;
}
.item_evidencia_doc .bi {
    font-size: 40px;
    color: #ccc;
	transition: all ease .3s;
}
.item_evidencia_doc:hover > .bi  {
	color: #e5e5e5;
}
.item_evidencia_doc.foto img {
    display: flex;
    min-width: 100%;
    min-height: 100%;
}
.item_evidencia_doc.disabled {
    filter: brightness(1);
    background: #fff;
    opacity: 0.5;
}
.evidencia_estado {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
}
.cajas_historial {
    padding: 20px;
    border: 1px solid #CCCCCC;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    min-height: 110px;
	width: 100%;
	text-decoration: none !important;
	transition: all ease .3s;
}
.cajas_historial:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}
.cajas_historial.larga-row { 
	flex-direction: row;
	justify-content: space-between;
}
.destacado_solicitud {
	font-weight: 300;
	font-size: 18px;
	line-height: 21px;
	color: #2A518C;
}
.destacado_solicitud.big {
	font-size: 22px;
}
.cajas_historial > p {
	margin-bottom: 5px;
}
.cajas_historial .small {
	font-size: 10px;
	margin: auto 0 0;
}
.alumno-revision {
    margin: 20px 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	flex-direction: column;
}
.estado_revision {
	display: flex;
	align-items: center;
	font-size: 10px;
	margin-bottom: 20px;
}
.estado_revision span{
	font-weight: 300;
	font-size: 14px;
	line-height: 19px;
	color: #2A518C;
	margin-left: 5px;
	white-space: nowrap;
}
.rendiciones_al_dia {
	color: #74B056;
}
.rendiciones_fuera_de_plazo, .meses_pendientes_por_rendir {
	color: #FF0000;
}
.total_depositado ,
.pendiente_por_depositar {
	color: #5B6987;
}
.cajas_historial.anio_nuevo {
	background: #F1F1F1;
}
.anio_seleccionado.activo ,
.anio_siguiente.activo {
    color: #28BDA2;
}
.cajas_historial.larga-row > div {
    margin: 0 10px;
}
tr.fuera_de_plazo td {
    background: #FFE0E0;
	color: #FF0000;
}

.circulo-rojo {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #c11;
	display: inline-block;
	margin-right: 10px;
}


.item_notificaciones_estados{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 3px;
}

.notificacion-estado {
	border-radius: 12px;
	padding: 4px 14px;
	color: #fff;
	line-height:11.72px;
	font-weight: 300;
	font-size: 10px;
	width: fit-content;
}

.notificacion-estado.realizado {
	color: rgb(32,117,108);
	background: rgba(32,117,108,0.1);
}

.notificacion-estado.pendiente {
	color: #8d6e07 !important;
	background: #faf2cc !important;
}

.texto-box .fecha {
	font-size: 12px;
	color: #999;
	margin-bottom: 5px;
}

.item_notificaciones.activo .eliminar-notificacion-icono {
	display: none;
}

.item_notificaciones.activo p {
	color: #333;
}

.eliminar-notificacion-icono {
	position: absolute;
	right: 10px;
	filter: unset !important;
	z-index: 3;
	top:20px;
}

a.eliminar-notificacion-icono:hover {
	box-shadow: none !important;
}

.tooltip {
	position: relative;
}

.tooltip .tooltiptext {
	visibility: hidden;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 5px 10px;
	position: absolute;
	z-index: 1;
	bottom: 120%;
	left: 0;
	margin-left: -7px;
	font-size: 11px;
	font-style: normal;
	font-family: 'Open sans', sans-serif;
}

.tooltip .tooltiptext::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
}

.toggle_notificaciones a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    color: #333;
    text-decoration: underline;
}

.toggle_notificaciones {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 40px 0 5px;
}

.toggle_notificaciones .form__seleccion {
	margin: 0;
}

.toggle_notificaciones .form__seleccion input[type=checkbox].toggle:checked {
	background: var(--secundario);
}

.toggle_notificaciones label[for="mostrar_no_leidas"] {
	color: var(--secundario);
}

.cabecera_notificaciones {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

.cabecera_notificaciones .bi {
	font-size: 16px;
	display: flex;
	cursor: pointer;
}

.titulo_notificaciones_slide {
	font-weight: 300;
	font-size: 1.8em;
	text-transform: uppercase;
}

.notificaciones-filtros {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 20px;
	width: 100%;
	gap: 10px;
}

.notificaciones-filtros div {
	display: flex;
	align-items: center;
	background: #EDEDED;
	color: #999999;
	padding: 4px 16px;
	border-radius: 12px;
	cursor: pointer;
}

.notificaciones-filtros .activo {
	background-color: var(--secundario);
	color: #fff;
}

.estado_historial {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 auto;
}

.estado_positivo {
	background-color: #008000;
}

.estado_negativo {
	background-color: #FF0000;
}

.estado_neutro {
	background-color: none;
}

.comportamiento {
	padding: 5px;
	width: 80px;
	display: block;
	border-radius: 10px;
	font-size: 12px;
	text-decoration: none !important;
	transition: all ease .3s;
}
.comportamiento:hover {
	opacity: .8;
}
.comportamiento_bueno {
	background-color: #008000;
	color: #fff !important;
}

.comportamiento_regular {
	background-color: #FFDD00;
	color: #333 !important;
}

.comportamiento_malo {
	background-color: #FF0000;
	color: #fff !important;
}

.comportamiento_sin_registro {
	background-color: #E5E5E5;
	color: #333333;
}

.comportamiento_titulo {
	font-size: 18px;
	font-weight: 400;
	line-height: 24.51px;

}

.pl-4 {
	padding-left: 1.5rem !important;
}

.input-big {
    position: relative;
}

.input-big .bi {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    font-size: 20px;
}

.w-100 {
	width: 100%;
}

.mr-3 {
	margin-right: 1rem;
}

.ml-3 {
	margin-left: 5rem;
}

.leyenda {
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.leyenda.leyenda-fila {
    width: 100%;
    display: flex;
    align-items: center;
}

.leyenda.leyenda-fila .leyenda-item {
    margin-bottom: 0;
}

.leyenda_bueno {
	background-color: #008000;
}

.leyenda_regular {
	background-color: #FFDD00;
}

.leyenda_malo {
	background-color: #FF0000;
}

.gap-1 {
	gap: .5rem;
}

.gap-2 {
	gap: 1rem;
}

select#anio, select#tipo {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 20px;
	background: url("data:image/svg+xml,%3Csvg fill='%23797979' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 407.437 407.437' width='20' height='20'%3E%3Cpolygon points='386.258,91.567 203.718,273.512 21.179,91.567 0,112.815 203.718,315.87 407.437,112.815'/%3E%3C/svg%3E") no-repeat right 10px center;
	background-size: 10px 10px; 
	min-width: 120px;
}
.table,
.tabla-overflow,
.tabla__interior,
.tabla_sticky {
	overflow: unset !important;
	overflow-x: unset !important;
	clip-path: inset(0 0 0 0);
}
.table thead ,
.tabla-overflow thead ,
.tabla__interior thead ,
.tabla_sticky thead {
	position: sticky;
	top: 0;
	z-index: 999;
}
.table.calendar__table,
.table.calendar__item {
	overflow-x: unset !important;
	overflow: auto !important;
	clip-path: none !important;
}
.horizontal_tabla {
    width: 100%;
}
.horizontal_tabla {
	width: 100%;
	height: 10px;
	background: #ddd;
	/* border-radius: 8px; */
	-webkit-appearance: none;
	-moz-appearance: none;
	apparence: none;
}
.horizontal_tabla::-moz-range-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 133px;
	height: 10px;
	background:#999;
	cursor: pointer;
	/* border-radius: 8px; */
}
.horizontal_tabla::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 133px;
	height: 10px;
	background:#999;
	cursor: pointer;
	/* border-radius: 8px; */
}
.detalle_pagos .slidecontainer {
	display: none !important;
}

.absolute {
	position: absolute;
}

.grafico-container {
    border: 1px solid #EDEDED;
    border-radius: 10px;
    padding: 10px;
    flex: 1;
}

.containerBuenComportamientoTitulo {
	z-index: 2;
    position: relative;
    left: -30px;
}

.containerBuenComportamientoLabels {
	position: relative;
    width: 13.6vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 1vw;
    top: -26px;
}

.containerBuenComportamientoLabels span {
	font-size: 14px;
	font-weight: 400;
	line-height: 13.62px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;

}

.containerBuenComportamientoLabels span:nth-child(1) {
	color: #FF0000;
}

.containerBuenComportamientoLabels span:nth-child(2) {
	color: #008000;
}

.containerBuenComportamientoTitulo .porcentaje {
	font-size: 24px;
	font-weight: 400;
	line-height: 32.68px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.porcentaje.porcentaje_bueno {
	color: #008000;
}

.porcentaje.porcentaje_malo {
	color: #FF0000;
}

.porcentaje.porcentaje_regular {
	color: #edce00;
}


.comportamiento_chip {
	padding: 10px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 300;
	line-height: 10.55px;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	width: fit-content;
}

.comportamiento_bueno {
	background-color: #008000;
	color: #fff;
}

.comportamiento_malo {
	background-color: #FF0000;
	color: #fff;
}

.comportamiento_regular {
	background-color: #FFDD00;
	color: #333;
}
.pestanas li a.nuevo_punto {

}
.pestanas li a.nuevo {
    position: relative;
	padding-right: 50px;
}
.pestanas li a.nuevo_punto:before {
    content: '';
    background: #71C341;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    vertical-align: middle;
    font-size: 0.8em;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
}
.pestanas li a.nuevo:before {
    content: 'nuevo';
    border-radius: 5px;
    line-height: 16px;
    padding: 0 3px;
    background: #71C341;
    color: white;
    font-size: 12px;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.boton.secundario.excepcion-boton {
    background-color: #faf2cc; /* Fondo del botón */
    border-color: black; /* Contorno negro */
    color: black; /* Letras negras */
} 
.bloque.div_tablas {
    flex: 1;
	margin: 0 15px;
}
.bloque.div_tablas .clearfix {
    border-radius: 5px;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.bloque.div_tablas .clearfix:nth-child(even) {
	background: #F5F6F833;
	border: 1px solid #F5F6F833;
}
.bloque.div_tablas .clearfix:nth-child(odd) {
	background: #f5f6f8;
	border: 1px solid #F5F6F8;
}
.bloque.div_tablas label {
    line-height: normal;
    max-width: 150px;
    float: none;
    width: 100%;
	font-size: 14px;
}
.bloque.div_tablas .dato {
    width: 100%;
    font-size: 14px;
    padding: 0;
}
.div_estadisticas_rendicion {
	max-width: 310px;
	margin: 0 15px;
}
.costo_total_rendicion {
	background: #28BDA2;
    color: white;
    text-align: right;
    padding: 20px;
    border-radius: 8px;
	margin-bottom: 10px;
}
.costo_total_rendicion span{
	font-size: 3.4em;
}
p.texto_item_rendicion {
    color: white;
    font-size: 1.4em;
    margin: 6px 0 0;
}
.estadistica_rendicion {
    display: flex;
	flex-wrap: wrap;
	max-width: 320px;
}
.item_estadistica_rendicion {
    flex: 1;
    padding: 18px;
    border: 1px solid #F5F6F8;
    border-radius: 8px;
    margin-bottom: 10px;
	text-align: right;
}
.item_estadistica_rendicion:nth-child(odd) {
	margin-right: 10px;
	min-width: 170px;
}
span.cifra_estadistica {
    font-size: 2.4em;
    margin-bottom: 5px;
    display: block;
}
.item_estadistica_rendicion p {
	margin: 0;
}
.comentario_informe_revision {
    margin-top: 30px;
}
.full_screen_fila {
    position: relative;
    height: 60px;
}
.a_rendir_mes {
	font-weight: 400;
	font-size: 2.8em;
	line-height: 33px;
	color: #5B6987;
}
.fila_montos_rendiciones {
	width: 100%;
}
.full_screen_fila +
.fila_montos_rendiciones {
	margin-top: -60px;
}
.fix_full_screen .boton-full-screen{
	top:63px
}
.boton-full-screen {
	float: right;
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
    border: none;
    padding: 0;
    display: flex;
	background: transparent;
	box-shadow: none !important;
}
.boton-full-screen .bi{
	font-size: 35px;
}
.esta_full_screen .fila_montos_rendiciones{
	margin-top: 0;
}
.pie_modal_derecha {
    display: flex;
    flex: 1;
    gap: 20px;
    max-width: 315px;
    justify-content: space-between;
}	
.montos_rendicion_comparados {
    padding: 20px;
    border: 1px solid #F5F6F8;
    border-radius: 8px;
    margin-right: 20px;
    min-width: 200px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-direction: column;
    height: 93px;
}
.monto_total_aprobado {
	font-weight: 400;
	font-size: 2.8em;
	line-height: 33px;
	text-align: right;
	color: #008000;
}
.monto_total_rendicion {
	font-weight: 400;
	font-size: 2.8em;
	line-height: 33px;
	text-align: right;
	color: #5B6987;
}
.montos_rendicion_comparados p {
	margin: 0;
}
.monto_por_rendir {
	font-weight: 400;
	font-size: 2.8em;
	line-height: 33px;
	text-align: right;
	color: #FF0000;
}
.tag-status {
    border-radius: 10px;
    font-size: 11px;
    text-align: center;
    padding: 5px 18px;
    width: fit-content;
    margin: auto;
	text-transform: capitalize;
}
.tag-status.aprobado {
    background: #008000;
    color: white;
}
.tag-status.rechazado {
    background: #FF0000;
    color: white;
}
.tag-status.revision {
    background: #E5E5E5;
    color:#333;
}
#modal-documentos iframe {
	width: 100%;
	max-width: calc(100% - 30px);
    height: 100%;
	margin: 0 10px;
}
#modal-documentos .bloque-iframe {
    flex: 1;
    height: 100%;
    scrollbar-width: thin;
	position: relative;
	padding: 10px 0 0;
	/* align-items: center;
    justify-content: center;
    display: flex */
}
#modal-documentos .bloque-iframe::-webkit-scrollbar {
	width: 8px;
}
#modal-documentos .form_estado_documento {
    max-width: 360px;
    padding: 20px 30px;
    padding-left: 20px;
    margin-bottom: 30px;
    overflow: auto;
	scrollbar-width: thin;
}
#modal-documentos .form_estado_documento h4 {
    margin-bottom: 5px;
}
#modal-documentos .form_estado_documento textarea {
    height: 10vh;
	resize: none;
}
.bloque-iframe {
	padding: 10px 0;
}
.contenedor_estado_documentos {
    display: flex;
    /* flex-wrap: wrap; */
	height: 80vh;
	overflow: hidden;
}
.leyenda_ia {
    margin-left: auto;
    margin-top: auto;
	margin-bottom: 10px;
    display: flex;
    gap: 20px;
}
.leyenda_ia_item {
	display: flex;
	align-items: center;
	font-size: 12px;
	gap: 5px;
}
.item_estado_documentos {
    min-width: 100%;
	height: 100%;
	display: flex;
	background: white;
	transition: all ease .6s;
}
.pie_modal_documentos {
    display: flex;
    align-items: center;
    padding: 0 30px 10px 10px;
	gap: 35px;
}
.pie_modal_documentos .boton-actualizar {
    font-size: 12px;
}
.paginador_documentos {
	display: flex;
    justify-content: flex-end;
    font-size: 1.6em;
	margin-bottom: 0.5vh;
}

.paginador_documentos span{
    font-size: 12px;
    display: flex;
    align-items: center;
	margin: 0 2px;
	user-select: none;
}
.paginador_documentos .bi {
	width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	opacity: 1;
}
.paginador_documentos .bi:hover {
	transition: all ease .3s;
	opacity: .7;
}
.esta_full_screen .modal-contenedor {
    left: 0;
}
div#modal-documentos {
    left: 0;
}
#modal-documentos .box-caja {
	width: calc(100vw - 300px);
	margin-top: 75px;
}
.boton.small {
	font-size: 12px !important;
}
.documento_modal_rendicion {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    display: flex;
	flex-direction: column;
    align-items: center;
	position: relative;
	width: calc(100% - 15px);
	transition: all ease .3s;
}
.documento_modal_rendicion img {
	max-width: 100%;
}
.documento_modal_rendicion a.doc_rendicion_modal {
	margin: auto;
    font-size: 18px;
	display: flex;
	align-items: center;
	text-decoration: none;
	transition: all ease .3s;
}
.documento_modal_rendicion a.doc_rendicion_modal i {
	font-size: 24px;
    margin-left: 10px;
}
.documento_modal_rendicion a.doc_rendicion_modal:hover {
	color: var(--secundario);
}
.radios_estados_informe {
	display: flex;
	gap: 15px;
	margin: 1vh 0;
}
.radios_estados_informe input[type='radio']+label:before,
.radios_estados_informe input[type='radio']+label:after{
	display: none;
}
.radios_estados_informe label.tag-status{
	margin: 0;
	font-size: 12px;
	color: #999;
	border: 1px solid #ddd;
	text-transform: none;
	cursor: pointer;
	display: block;
}
.radios_estados_informe .tag-status.informe_revision.activo {
	background: #98a0b3;
	border-color: #98a0b3;
}
.radios_estados_informe .tag-status.informe_aprobado.activo {
	background: #008000;
	border-color: #008000;
}
.radios_estados_informe .tag-status.informe_rechazado.activo {
	background: #FF0000;
	border-color: #FF0000;
}
.radios_estados_informe label.tag-status.activo {
    color: white;
}
.radios_estados_informe.radios_estados_informe_modal {
    gap: inherit;
    justify-content: space-between;
}
.div_tablas .destacado_item_rendicion {
    background: #28BDA2 !important;
}
.div_tablas .destacado_item_rendicion * {
    color: white !important;
}
.zoom_area_modal {
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    z-index: 2;
}
.zoom_area_modal i {
    display: block;
    padding: 10px 5px;
    font-size: 20px;
	background: white;
	cursor: pointer;
	transition: all ease .3s;
	margin: 0 5px;
}
.zoom_area_modal i:hover {
	opacity: .7;
}
.zoom-activo {
    overflow: auto !important;
}
.area_comentario_informe {
	max-width: 840px;
    margin: 40px auto 0;
}
.hide-class {
    opacity: 0 !important;
    /* min-width: 0 !important; */
}
.progreso_documentos {
    display: flex;
    flex: 1;
    height: 10px;
    background: #ddd;
    border-radius: 10px;
    overflow: hidden;
}
span.posicion_progreso_documentos {
    flex: 1;
	background: transparent;
	transition: all ease .3s;
}
span.posicion_progreso_documentos.activo {
    background: var(--secundario);
}
.contenedor_analisis_ia {
	padding: 20px;
	margin-top: 1.5vh;
	background: #EAF1F0;
	border-radius: 5px;
}

.contenedor_analisis_ia label {
	font-weight: 400;
	font-size: 1.6em;
	line-height: 22px;
	color: #333333;
	margin-bottom: 20px;
}
.contenedor_analisis_ia p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 300;
    font-size: 1.4em;
    line-height: 16px;
    color: #333333;
    margin-bottom: 20px;
}
.contenedor_analisis_ia p:last-child {
	margin-bottom: 0;
}
.contenedor_analisis_ia p i {
	display: none;
}
.contenedor_analisis_ia p.checkeado {
	color: #008000;
}

.contenedor_analisis_ia p.error-ia {
	color: #FF0000;
}
.contenedor_analisis_ia p.checkeado i.checkeado-icono {
	display: flex;
}
.contenedor_analisis_ia p.advertencia i.advertencia-icono {
	display: flex;
}
.contenedor_analisis_ia p.error-ia i.error-ia-icono {
	display: flex;
}
#chat-input {
	width: 100% !important;
	height: 40px;
	resize: none;
	overflow-y: hidden;
}
#chat-send-button {
	margin-top: auto;
	margin-bottom: 5px;
}
#chat-botonera {
	display: flex;
	height: auto !important;
}
#chat-box {
	height: calc(100svh - 210px) !important;
}
#chat-botonera #chat-send-button {
    width: 24px;
    height: 24px;
    border: none;
    background-color: white;
    color: white;
    cursor: pointer;
    box-sizing: border-box;
    font-size: inherit;
    border-radius: 0;
}
.preloader-ia {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffffcc;
	flex-direction: column;
	position: absolute;
	z-index: 6;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
}

.preloader-ia p {
	max-width: 318px;
	font-family: Open Sans;
	font-weight: 300;
	font-size: 1.6em;
	line-height: 21.79px;
	text-align: center;
	color: #333;
}
span.loading-dots {
    font-size: 30px;
    line-height: 0;
    margin-left: -6px;
}
.loading-dots span {
    opacity: 0;
    animation: 1.4s ease 0s infinite normal none running dotAnimation;
}
.loading-dots span:nth-child(1) {
    animation-delay: 0s;
}
.loading-dots span:nth-child(2) {
    animation-delay: 0.2s;
}
.loading-dots span:nth-child(3) {
    animation-delay: 0.4s;
}
a.close-full-screen {
    position: absolute;
    top: 8px;
    right: 6px;
    font-size: 20px;
    display: none;
}
.esta_full_screen a.close-full-screen {
	display: flex;
}
td.rendiciones_pendientes a {
    text-align: center;
    display: block;
}
td.alinear-derecha.celda_a_pagar .desplegables tr td:first-child {
	text-align: left;
}
.text:focus, select:focus, textarea:focus {
    border: 1px solid #666;
    background: white;
    color: #333;
}

#menu_admin {
	min-height:calc(100vh - 50px);
	height: auto;
}

#cabecera .link-header-texto {
    display: flex;
    font-size: 14px;
    border: 1px solid var(--secundario) !important;
    background: var(--secundario) !important;
    text-decoration-color: transparent;
    transition: 0.3s;
    margin: auto;
    margin-right: 10px;
    color: white;
    height: 31px;
    padding: 5px 10px;
    border-radius: 5px;
}

@keyframes dotAnimation {

	0%,
	20% {
		opacity: 0;
	}

	40% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}