form {
	margin: 0px;
}

#modalHeader {
    cursor: move; /* Cambia el cursor al estilo de movimiento */
}

.centrado {
    text-align: center !important;
    vertical-align: middle !important;
    color: white !important;
}
.letraBlanca {
    vertical-align: middle !important;
    color: white !important;
}

.borde_celeste_round {
	background-color: #e4f2ff;
	border: 2px solid #3c9bf7;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;*/
	border-radius: 10px;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.borde_celeste_round_blanco {
	background-color: #FFFFFF;
	border: 2px solid #3c9bf7;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;*/
	border-radius: 10px;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.borde_celeste_round_arriba_bottom_0 {
	background-color: #e4f2ff;
    border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
    border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #3c9bf7;
	border-right-color: #3c9bf7;
	border-bottom-color: #3c9bf7;
	border-left-color: #3c9bf7;
    
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-radius: 10px 10px 0 0;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.borde_celeste_round_arriba {
	background-color: #e4f2ff;
	border: 2px solid #3c9bf7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-radius: 10px 10px 0 0;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.borde_celeste_round_bajo {
	background-color: #e4f2ff;
	border: 2px solid #3c9bf7;
    border-radius: 0 0 10px 10px;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}

.borde_rojo_round {
	background-color: #e4f2ff;
	border: 2px solid #E61118;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;*/
	border-radius: 10px;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}

.borde_verde_round {
	background-color: #C7F1E3;
	border: 2px solid #009966;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-radius: 10px;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.borde_verde_round_arriba {
	background-color: #C7F1E3;
	border: 2px solid #009966;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-radius: 10px 10px 0 0;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.borde_verde_round_abajo {
	background-color: #C7F1E3;
	border: 2px solid #009966;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-radius: 0 0 10px 10px;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.titulo14pxVerdeTenueRound {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 10px;
	background-color: #006667;
	text-align: center;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.titulo14pxVerdeTenue_round_top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 10px 10px 0 0;
	background-color: #006667;
	text-align: center;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}

.titulo12pxb_fgris {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;*/
	border-radius: 10px 10px 0 0;
	background-color: #DDDDDD;
	text-align: center;
	font-variant: normal;
	color: #000000;
	/*font-weight: bold;*/
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.borde_celeste2 {
	background-color: #e4f2ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #3c9bf7;
	border-right-color: #3c9bf7;
	border-bottom-color: #3c9bf7;
	border-left-color: #3c9bf7;
}
.borde_celeste2_inv {
	background-color: #e4f2ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3c9bf7;
	border-right-color: #3c9bf7;
	border-bottom-color: #3c9bf7;
	border-left-color: #3c9bf7;
}

/* Títulos */
.titulos_round_top {
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 10px 10px 0 0;
	text-align: center;
	font-variant: normal;
	font-weight: bold;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.titulos_round_top_izq {
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 10px 0 0 0;
	text-align: center;
	font-variant: normal;
	font-weight: bold;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.titulos_round_top_der {
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 0 10px 0 0;
	text-align: center;
	font-variant: normal;
	font-weight: bold;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.titulos_round_around {
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 10px 10px 10px 10px;
	text-align: center;
	font-variant: normal;
	font-weight: bold;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.titulos_round_bottom {
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 0 0 10px 10px;
	text-align: center;
	font-variant: normal;
	font-weight: bold;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.titulos_round_bottom_izq {
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 0 0 0 10px;
	text-align: center;
	font-variant: normal;
	font-weight: bold;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.titulos_round_bottom_der {
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 0 0 10px 0;
	text-align: center;
	font-variant: normal;
	font-weight: bold;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.t_vert1 {
    writing-mode: vertical-lr;
}
.t_vert2 {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    letter-spacing: 0.10em;
    padding-top: 3px;
    padding-bottom: 3px;
}
.t_vert2_2 {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    padding-top: 3px;
    padding-bottom: 3px;
}
.t_vert3 {
  width:20px;
  word-wrap: break-word;
  text-align:center;
}

.padding05{
    padding-left: 5px
}
.padding10{
    padding-left: 10px
}
.padding20{
    padding-left: 20px
}

.paddingRight15{
    margin-right: 15px;
    padding-right: 1.95rem !important;
}

table {
  border-collapse: separate;
}

/* Líneas */
.bold {
	font-weight: bold;
}
.centro{
    align: center;
    text-align: center;
}
.derecha{
    align: right;
    text-align: right
}
.medio {
    margin: auto;
    vertical-align: middle;
}
.italica {
	font-style: italic;
}
.no_tachar{
    text-decoration: none !important;
}
.tachar{
    text-decoration: line-through;
}
.subraya{
    text-decoration: underline;
}
.text_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0px;
    color: #fff;
}
.text_5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5px;
}
.text_6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6px;
}
.text_7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7px;
}
.text_8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
}
.text_9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.text_10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.text_11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.text_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.text_14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.text_16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.text_18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.text_20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.text_24 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.text_26 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
}
.table td {
    vertical-align: middle;
}
.lin_alrededor_round {
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 10px;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.lin_alrededor_roundTop {
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 10px 10px 0 0;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}
.lin_alrededor_roundBottom {
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 0 0 10px 10px;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;
}



.l_izq_1px {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
.l_der_1px {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
.l_arr_1px {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
.l_aba_1px {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.l_izq_2px {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000000;
}
.l_der_2px {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #000000;
}
.l_arr_2px {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000000;
}
.l_aba_2px {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.borde1px {
    border: 1px solid #000000;
}
.borde2px {
    border: 2px solid #000000;
}
.borde3px {
    border: 3px solid #000000;
}


/* Cursores */
.cursor_pointer {
    cursor: pointer;
    text-decoration-skip: edges;
}
.cursor_pointer:hover {
    text-decoration: underline;
}

.cursor_pointer2 {
    cursor: pointer;
    text-decoration-skip: edges;
}
.cursor_pointer3 {
	cursor: no-drop;
	filter: Gray;
}



/* Fondos */
.azulTenue {
    background-color: #55678F;
    color: #FFFFFF;
}
.azulHead {
    background-color: #007bff;
    color: #FFFFFF;
}
.verdeTenue {
    background-color: #009966;
    color: #FFFFFF;
}
.verdeHead {
    background-color: #009966;
    color: #FFFFFF;
}

.rojo {
    background-color: #E61118;
    color: #FFFFFF;
}
.rojoTenue {
    background-color: #E18D97;
    color: #FFFFFF;
}
.Degradado1 {
    background: rgb(34,193,195);
    background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
}
.Degradado2 {
    background: rgb(238,174,202);
    background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
}
.lineal1 {
    background: rgb(131,58,180);
    background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
}
.verde {
    background-color: #006667;
    color: #FFFFFF;
}
.verdeTenue2 {
    background-color: #8DD167;
    color: #FFFFFF;
}

.fblanco {  
	background-color: #FFFFFFF !important;
}
.fBiblioteca {
    background-color: rgba(175,84,42,0.20);
}
.fCiencias {
    background-color: rgba(68,166,112,0.20);
}




/* Color Textos */
.tblanco {  
	color: #FFFFFFF !important;
}
.tnegro {
	color: #000;    
}
.tazul {
	color: #0106FF;    
}
.trojo {
	color: #F00;    
}
.trojo2 {
	color: #990000;    
}

.evaluacion {
    text-align: center;
	width: 23px;
	height: 20px;
    -webkit-appearance: textfield !important;
	margin: 0;
	-moz-appearance: textfield !important;
	color: #00F !important; 
    border:0;
}

.NR {
	text-align: center;
	width: 23px;
	height: 20px;
	text-decoration-color: crimson;
	-webkit-appearance: textfield !important;
	margin: 0;
	-moz-appearance: textfield !important;
	color: #F00 !important; 
    border:0;
    /*border-radius: 5px;
     border: 1px solid #39c;*/    

 }

.NA {
	text-align: center;
	width: 23px;
	height: 20px;
	text-decoration-color: crimson;
	-webkit-appearance: textfield !important;
	margin: 0;
	-moz-appearance: textfield !important;
	color: #00F !important; 
    border:0;
    /*border-radius: 5px;
     border: 1px solid #39c;*/    

 }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }



input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }




/* Accordion */
.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card .card-header {
  margin-bottom: -1px;
}

.caja0 { 
	font-family: Arial, Helvetica, sans-serif;
color: #ffffff; 
font-size: 14px; 
font-weight: 200; 
text-align: center; 
background: #889ccf; 
 
overflow: hidden; 
padding: 1px; 
border-radius: 35px 0px 35px 0px; 
-moz-border-radius: 35px 0px 35px 0px; 
-webkit-border-radius: 35px 0px 35px 0px; 
border: 2px solid #5878ca;}

.caja0_top { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-radius: 10px 10px 0 0;
	background-color: #889ccf;
	text-align: center;
	font-variant: normal;
	color: #FFFFFF;
	font-weight: bold;
	-webkit-transition: text-shadow 10s ease-out 10s;
	-moz-transition: text-shadow 10s ease-out 10s;
	-ms-transition: text-shadow 10s ease-out 10s;
	-o-transition: text-shadow 10s ease-out 10s;
	transition: text-shadow 10s ease-out 10s;}

.caja1 { 
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff; 
	font-size: 12px; 
	font-weight: 200; 
	text-align: center; 
	background: #889ccf; 
	overflow: hidden; 
	padding: 2px; 
	border-radius: 35px 35px 35px 35px; 
	-moz-border-radius: 35px 35px 35px 35px; 
	-webkit-border-radius: 35px 35px 35px 35px; 
	border: 2px solid #5878ca;
}
.caja1_izq { 
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff; 
	font-size: 12px; 
	font-weight: 200; 
	text-align: left; 
	background: #889ccf; 
	overflow: hidden; 
	padding: 2px; 
	border-radius: 35px 35px 35px 35px; 
	-moz-border-radius: 35px 35px 35px 35px; 
	-webkit-border-radius: 35px 35px 35px 35px; 
	border: 2px solid #5878ca;
}
.caja1_izq_blanco { 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000; 
	font-size: 12px; 
	font-weight: 200; 
	text-align: left; 
	background: #ffffff; 
	overflow: hidden; 
	padding: 4px; 
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px; 
	border: 2px solid #5878ca;
}

.caja2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	text-align: left; 
	background: #ffffff; 
	overflow: hidden; 
	padding-left: 5px;
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px; 
	border: 2px solid #5878ca;
}
.caja3 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: 200; 
	text-align: center; 
	background: #ffffff; 
	overflow: hidden; 

	border-radius: 5px 5px 5px 5px; 
	-moz-border-radius: 5px 5px 5px 5px; 
	-webkit-border-radius: 5px 5px 5px 5px; 
	border: 1px solid #5878ca;
}
.caja4 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: 200; 
	text-align: left; 
	background: #ffffff; 
	overflow: hidden; 

	border-radius: 5px 5px 5px 5px; 
	-moz-border-radius: 5px 5px 5px 5px; 
	-webkit-border-radius: 5px 5px 5px 5px; 
	border: 2px solid #5878ca;
}
.caja4_padding { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	text-align: left; 
	background: #ffffff; 
	overflow: hidden; 
	padding-left: 5px;
	border-radius: 5px 5px 5px 5px; 
	-moz-border-radius: 5px 5px 5px 5px; 
	-webkit-border-radius: 5px 5px 5px 5px; 
	border: 2px solid #5878ca;
}
.caja5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    font-weight: 400; 
	text-align: center;
	background: #F8FAB6;
	overflow: hidden;
	border-radius: 35px 35px 35px 35px;
	-moz-border-radius: 35px 35px 35px 35px;
	-webkit-border-radius: 35px 35px 35px 35px;
	border: 2px solid #FFCC33;
}
.caja7 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: 200; 
	text-align: center; 
	background: #ffffff; 
	overflow: hidden; 
	padding-left: 5px;
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px; 
	border: 2px solid #5878ca;
}
.caja7SinBorde { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: 200; 
	text-align: center; 
	background: #ffffff; 
	overflow: hidden; 
    border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px;
	padding-left: 5px; 
    border: none;
}
.sinPaddingCentrado{
    text-align: center; 
    padding: 0 !important; 
}

/*----------- CAJA ----------- */
.caja { 
font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
color: #ffffff; 
font-size: 18px; 
font-weight: 400; 
text-align: center; 
background: #889ccf; 
margin: 0 0 25px; 
overflow: hidden; 
padding: 20px; 
border-radius: 35px 0px 35px 0px; 
-moz-border-radius: 35px 0px 35px 0px; 
-webkit-border-radius: 35px 0px 35px 0px; 
border: 2px solid #5878ca;}

.cajaRound { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: 200; 
	text-align: center; 
	background: #ffffff; 
	overflow: hidden; 
	padding-left: 5px;
	border-radius: 10px 10px 10px 10px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px 10px 10px 10px; 
	border: 2px solid #5878ca;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}


.firmas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.firma_salto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	page-break-after: always;
}


.btn-group {
  font-size: 12px !important;
}


.offcanvas-start222{
    width: 100px;
}
/*.offcanvas-collapse { */
.offcanvas-start {
        position: fixed;
        top: 56px; /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #343a40;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
      }
      .offcanvas-collapse.open {
        visibility: visible;
        transform: translateX(-100%);
      }