/*Globales del UIKIT*/
@import '/assets/css/open-iconic.min.css';

/*=====ESTRUCTURA=====*/
strong{
	font-family: 'Roboto Bold';
	font-weight: normal;
}
.form-cha{ /*Contenedor padre.*/
	margin:0 auto
}
.container{
    max-width: 1152px;
}
.container.form-cha{/*Regla que establece el ancho máximo para los formularios */
	max-width: 720px;
}
.form-modal{
	max-width: unset;
}
.cont-gr{ /*Contenedor para grupos de datos, como 'label' e 'input' o respuestas en elementos 'span' .Añade separación vertical ante otros grupos */
	margin-bottom:20px
}
.cont-gr header{
	margin-top:20px;
	margin-bottom:10px
}
.span-gr span{/*Regla para que los elementos 'span' se presenten como elementos de bloque*/
	display: block
}
/*Paddings*/
.pad1{
	padding: 10px;
}
.pad2{
	padding: 20px;
}
.pad3{
	padding: 30px;
}
.pad4{
	padding: 40px;
}
.padt-1{
	padding-top:10px;
}
.padt-2{
	padding-top:20px;
}
.padt-3{
	padding-top:30px;
}
.padt-4{
	padding-top:40px;
}
.padr-1{
	padding-right:10px;
}
.padr-2{
	padding-right:20px;
}
.padr-3{
	padding-right:30px;
}
.padr-4{
	padding-right:40px;
}
.padb-1{
	padding-bottom:10px;
}
.padb-2{
	padding-bottom:20px;
}
.padb-3{
	padding-bottom:30px;
}
.padb-4{
	padding-bottom:40px;
}
.padl-1{
	padding-left:10px;
}
.padl-2{
	padding-left:20px;
}
.padl-3{
	padding-left:30px;
}
.padl-4{
	padding-left:40px;
}
/*Margins*/
.mar1{
	margin: 10px;
}
.mar2{
	margin: 20px;
}
.mar3{
	margin: 30px;
}
.mar4{
	margin: 40px;
}
.mart-1{
	margin-top:10px;
}
.mart-2{
	margin-top:20px;
}
.mart-3{
	margin-top:30px;
}
.mart-4{
	margin-top:40px;
}
.marr-1{
	margin-right:10px;
}
.marr-2{
	margin-right:20px;
}
.marr-3{
	margin-right:30px;
}
.marr-4{
	margin-right:40px;
}
.marb-1{
	margin-bottom:10px;
}
.marb-2{
	margin-bottom:20px;
}
.marb-3{
	margin-bottom:30px;
}
.marb-4{
	margin-bottom:40px;
}
.marl-1{
	margin-left:10px;
}
.marl-2{
	margin-left:20px;
}
.marl-3{
	margin-left:30px;
}
.marl-4{
	margin-left:40px;
}
/*Colores*/
.color-danger{
	color:#EE3B41;
}
.color-alerta{
	color:#FFCC00;
}
.color-info{
	color:#0f69c4;
}
.color-exito{
	color:#339933;
}
/*Colores de Fondo*/
.bg-danger{
	background-color: #EE3B41;
	color:#fff
}
.bg-alerta{
	background-color: #FFCC00;
	color:#000
}
.bg-info{
	background-color: #0F69C4;
	color:#fff
}
.bg-exito{
	background-color: #339933;
	color:#fff
}
.bg-gray{
	background-color: #fbfbfb
}
/*Alineación*/
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
.text-justify{
	text-align: justify;
}
/*Elementos*/
.circulo{/*Fondo circular amarillo para enumerar listas. El valor contenido debe estar dentro de un span.*/
	border-radius:50%;
	margin:2px;
	margin-right: 15px;
	width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center;
	font-size: 16px;
}
.circulo span{
	position: relative;
	top:1px;
	font-size: 14px;
}
/*Codigo de ejemplo*/
.codigo-ejemplo{
	margin-bottom: 20px;
}
.codigo-ejemplo .tab-codigo-ejemplo{
	background-color: whitesmoke;
    color: #999;
    font-weight: bold;
    padding: 5px 9px 5px 7px;
    display: inline;
    font-size: 12px;
}
.codigo-ejemplo pre code{
	display: block;
	width: 100%;
	max-width: 710px;
	overflow: auto;
	padding-bottom: 10px;
}
.codigo-ejemplo pre code span.et{
	color: #2f6f9f;
}
.codigo-ejemplo pre code span.atr{
	color: #006ee0;
}
.codigo-ejemplo pre code span.atrC{
	color: #d73038;
}
.form-cha #respuesta{/*Margen de separación superior e inferior para las respuestas de formulario*/
	margin:20px 0px
}
.form-cha #respuesta header.title{ /*El contenedor #respuesta se aplica a un elemento section que agrupa las respuestas a la consulta. La regla header.title disminuye el espaciado de los headers que se utilcen para títulos.
	margin:20px 0px;
}
.form-cha a,
.form-cha p,
.form-cha span,
.form-cha div,
.form-cha ul,
.form-cha li,
.form-cha table{/*Familia tipográfica para la mayoría de elementos de los formularios*/
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
#respuesta .cont-gr{/*Disminución de separación  vertical en los datos entregados como respuesta a una solicitud*/
	margin-bottom:10px
}
.form-cha header{/*Separación vertical de los encabezados*/
	margin:40px 0px;
}
.form-cha section header{/*Separación vertical de los encabezados que están dentro de un section*/
	margin-bottom:25px;
}
.form-cha .center{/*Regla para centrar texto de un contenedor*/
	text-align: center;
}
/*=====PORTADA UIKIT=====*/
.uikit-menu{
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0,.15);
}
.uikit-portada header{
	background-image: url('../images/fondo-portada.svg');
	background-size: cover;
	background-repeat: no-repeat;
	height: 90vh;
	width: 100%;
	padding-top: 120px;
}
.uikit-portada header .col-left .contenido-header{
	font-size: 18px;
}
.uikit-portada header .col-left .cont-btn .button:first-child, .uikit-portada header .col-left .cont-btn .btn:first-child{
	margin-left: 0;
}
.uikit-portada header .col-right{
	text-align: right;
}
.uikit-portada header .col-right img.logo-portada{
	width: 100%;
	max-width: 345px;
}
.uikit-portada .seccion-portada .column:last-child{
	text-align: right;
}
.uikit-portada .seccion-portada h2{
	color: #000;
	margin-bottom: 10px;
}
.uikit-portada .seccion-portada h2 img{
	width: 100%;
	max-width: 42px;
	vertical-align: middle;
	margin-right: 10px;
}
@media (max-width: 736px) and (min-width: 320px){
	.uikit-portada header{
		padding-top:30px;
		height: auto;
		margin-bottom: 40px;
	}
	.uikit-portada header .logo-portada{
		width: 100%;
		max-width: 160px;
		margin-bottom: 20px;
	}
	.uikit-portada header .col-left .cont-btn .button:first-child, .uikit-portada header .col-left .cont-btn .btn:first-child{
		margin-left: auto;
	}
}
/*=====COMPONENTES=====*/
/*-- 1. Títulos y subtitulos--*/
h1{
	font-size:28px;
}
h2{
	font-size: 24px;
	color:#757575;
	font-family: 'Roboto Slab', "Times New Roman", Times, serif;
}
h3{/*Tamaño de los subtítulos de segundo nivel*/
	font-size: 20px
}
h4{/*Tamaño de los subtítulos de tercer nivel. Se usa tambien en los textos de subida y de bajada que acompañan al título*/
	font-size: 16px
}
/*Títulos principales de la página.*/
header h1,
header h2,
header h3,
header h4,
header h5,
header h6{
	color: #272727;
    font-family: 'Roboto Slab Bold', "Times New Roman", Times, serif;
}
header h1.titulo-bandera{/*Título principal de la página que tiene un fondo de bandera en la parte superior.*/
	background-image: url(../images/azul-rojo.svg);
    background-repeat: no-repeat;
    background-size: 68px 8px;
    padding-top: 27px;
    display: block;
}
.h-ayuda h1,
.h-ayuda h2,
.h-ayuda h3,
.h-ayuda h4{/*Regla aplicada cuando el título es acompañado por links  que no hacen salto de línea.*/
	display: inline-block;
	margin-right: 10px;
}
/*-- 2. Cards --*/
.card{/*Contenedor tipo Card para cuadros informativos.*/
	background-color: #fff;
	border: 1px solid transparent;
	padding:15px 20px 15px 20px;
	margin-bottom: 10px;
	box-shadow:none
}
.card header{/*Encabezado para cards donde van los títulos.*/
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom:20px
}
.card.card-info{/*Contenedor tipo card para componentes destacados.*/
	border: 1px solid #d4d4d4;
} 
.card.card-info > a:hover{/*Regla para resaltar card en estado hover, cambiando el borde gris a azul*/
	border: 1px solid #0F69C4;
} 
.card header h4:first-child{/*Color para texto de subida que acompaña título*/
	color:#0F69C4;
}
.card header h2{/*Título principal para el card, al interior de su encabezado.*/
	font-size: 24px;
	margin: 0px;
}
.card header h4{/*Texto de bajada de título. Va debajo del título, al interior del encabezado.*/
	font-size: 16px;
	margin: 0px;
	color:#4A4A4A
}
.card section{/*El contenedor del cuerpo del card es la etiqueta section.*/
	margin-bottom: 20px;
}
.card .card-footer{/*Contenedor del pie del card, espacio reservado para incorporar generalmente botones.*/
	border-top: none;
	text-align: right;
	display: block;
}
/*Card Info Links*/
.card.card-info-links{
	padding: 0px;
}
.card.card-info-links header{
	border-bottom: 1px solid #d4d4d4;
	padding: 15px;
	margin-bottom: 0;
}
.card.card-info-links section ul li{
	border-bottom: 1px solid #d4d4d4;
	padding: 20px;
}
.card.card-info-links section ul li:last-child{
	border-bottom: none;
}
.card.card-info-links section ul li .cont-btn .button:first-child{
	margin-left: 0;
}
.card.card-info-links .card-footer{
	padding: 15px 15px 5px 15px;
}
/*Card Alert*/
.list-cards-alerts li{/*Elemento solo para la exposición del Uikit*/
	list-style: none;
	width: 100%;
	max-width: 333px;
	margin-bottom: 10px;
}
.card-alert{
    align-items: center;
    font-size: 14px;
    color: #363636;
}
.card-alert table tr td{
	vertical-align: middle;
}
.card-alert table tr td:first-child{
	width: 17%;
}
.card-alert table tr td:last-child{
	width: 82%;
}
.card-alert table tr td .card-alert-ico{
	border-radius: 50%;
	padding: 10px;
	margin-right: 10px;
	width: 100%;
	max-width: 40px;
}
.card-alert table tr td .card-alert-ico img{
	vertical-align: middle;
	width: 100%;
}
.card-alert table tr td .card-alert-text header{
	margin-bottom: 0;
}
.card-alert table tr td .card-alert-text header h4{
	color: #272727;
}
.card-alert table tr td .card-alert-text header span:last-child{
	float: right;
}
.card-alert.card-alert-success{
	background-color: #dff0d8;
    border-color: #d6e9c6;
}
.card-alert.card-alert-success .card-alert-ico{
	background-color:#6DD8D2;
}
.card-alert.card-alert-warning{
	background-color: #fcf8e3;
    border-color: #faebcc;
}
.card-alert.card-alert-warning .card-alert-ico{
	background-color:#C6D27C;
}
.card-alert.card-alert-danger{
	background-color: #f2dede;
    border-color: #ebccd1;
}
.card-alert.card-alert-danger .card-alert-ico{
	background-color:#FCB3B4;
}
.card-alert.card-alert-info{
	background-color: #d9edf7;
    border-color: #bce8f1;
}
.card-alert.card-alert-info .card-alert-ico{
	background-color:#87ABE7;
}
.card-alert-informacion{
	padding: 10px 10px 10px 10px;
}
.card-alert-informacion table tr td:first-child{
	width: 19%;
}
.card-alert-informacion table tr td:last-child{
	width: 82%;
}
/*Card Button*/
.card.card-button{
	background-color: #E7F0F8;
    border: 1px solid #DDDDDD;
	padding: 15px 20px 15px 20px;
}
.card.card-button table{
	width: 100%;
}
.card.card-button table tr td header{
	margin-bottom: 5px;
}
.card.card-button table tr td:last-child{
	text-align: right;
	vertical-align: middle;
}
.card.card-button table tr td button{
	margin-bottom: 0px;
}
/*Card Button SM*/
.card.card-button.card-button-sm table{
	font-size: 14px;
	letter-spacing: -1px;
}
.card.card-button.card-button-sm table tr td header h3{
	font-size: 14px;
	letter-spacing: 0;
}

@media (max-width:768px){
	/*Card Button*/
	.card.card-button{
		padding: 5px 8px 5px 10px;
	}
	.card.card-button table{
		font-size: 14px;
		letter-spacing: -1px;
	}
	.card.card-button table tr td header h3{
		font-size: 14px;
		letter-spacing: 0px;
	}
	.card.card-button table tr td button{
		width: auto;
		min-width: 135px;
	}
}
/*Card Badge*/
.card-badge-list li{/*Lista para desplegarlos en linea*/
	display: inline-block;
	vertical-align: top;
}
.card.card-badge{/*Cards utilizadas en el Accesos Rapidos del Home en Mi ChileAtiende*/
    background-color: #fff;
    border: 1px solid #D7E3FD;
    padding: 10px 16px;
    width: 100%;
    max-width: 188px;
    height: 165px;
}
.card.card-badge .card-badge-header{
	margin-bottom: 16px;
}
.card.card-badge .card-badge-header span{
	float: right;
}
.card.card-badge .card-badge-header .badge{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #666;
	text-align: center;
	border: 1px solid #ddd;
	background-color: transparent;
	padding: 8px 18px;
	border-radius: 25px;
}
.card.card-badge .card-badge-body{
	font-size: 14px;
	color: #666;
	line-height: 1.2;
}
.card.card-badge .card-badge-body header{
	margin-bottom: 5px;
}
/*Cards Fichas de Cartolas*/
.card-for-modal .cont-gr {
	margin-bottom: 20px
}
.card-for-modal{
	padding: 20px;
	border: 1px solid #d4d4d4;
	margin-bottom: 20px;
	background: #ffffff;
}
/*-- 3. Cuadros Informativos --*/
table.cuadro-info .circulo{/*Margen para los números de indice que van acompañados de una celda con título a su derecha*/
	margin-top:3px;
}
ul.lista,
.cuadro-info ul{/*Regla que establece el margen y estilo de las listas interiores de los cuadros informativos.*/
	padding-left:20px;
	list-style-position: outside;
	list-style-type: square;
}
table.cuadro-info{/*Contenedor para cuadros de información. Utiliza el elemento tabla para facilitar la enumeración de las listas.*/
	margin-bottom: 10px;
}
table.cuadro-info tr td ul li{/*Margen inferior de los elementos de las listas.*/
	margin-bottom:5px;
}
/*-- 4. Acordeones --*/
.colap-barra{ /*Contenedor principal del acordeón que despliega o colapsa información.*/
	margin-bottom:10px
}
.colap-barra .colap-button{/*Barra de acordeón que actúa como botón y que presenta el título del contenedor. Es la única información que permanece visible como encabezado, independientemente de la interacción con este botón.*/
	border: 0;
    width: 100%;
    text-align: left;
    background-color: #F7F7F7;
    padding-top: 5px;
	padding-bottom: 5px;
	display:flex;
	border: 1px solid #D5D5D5
}
.colap-barra .colap-header{/*Contenedor para título de acordeón e ícono tipo flecha que permite la alineación de estos elementos*/
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4A4A4A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0.75rem;
	margin-left: 10px;
}
.colap-cont{/*Contenedor de información que se muestra u oculta al interactuar con el botón tipo barra de acordeón.*/
	background-color: transparent;
	padding: 1.5rem;
	border:1px solid #D5D5D5;
	border-top:0px
}
.colap-cont h3{
	margin-bottom:20px 
}
/*-- 5. Formularios --*/
.form-cha select,
.form-cha .select,
.modal-form .select,
.modal-form select{/*Regla para dar ancho de 100% a los selectores de distintos componentes*/
	width:100%;
}
.form-sector{
	padding: 30px;
    background-color: #f7f7f7;
    margin-bottom: 20px;
}
.form-sector hr{/*Estilo para los separadores que van dentro de los formularios */
	background-color: #e0e0e0
}
.form-sector header{/*Contenedor de títulos. Los títulos y subtítulos de los formularios deben llevar este contenedor que agrega separación a los inputs*/
	margin:0px;
	margin-bottom:20px;
}
.form-sector header h2{
	color: #757575;
	font-family: Roboto Slab,Times New Roman,Times,serif;
}
.form-sector header h3{/*Formato para subtítulo de la sección del formulario*/
	color: #656565;
	font-family: Roboto Slab,Times New Roman,Times,serif;
}
.form-sector p.parrafo{/*Separación para párrafos que van dentro de formulario */
	margin-top: 20px;
}
.form-sector .cont-btn{
	direction:ltr;
}
.form-sector .cont-btn .button,
.form-sector .cont-btn .btn,
.form-sector .cont-btn{
	margin-left:0px!important;
	margin-right: 20px;
}
.cont-btn.centrar {/*Regla para centrar los contenidos */
	text-align: center!important;
}
/*Inputs*/
.input,
.taginput .taginput-container.is-focusable,
.textarea,
.select select,
.input,
.taginput .taginput-container.is-focusable,
.textarea,
.select select{ /*Estilo a los campos de formulario tipo input, texta area y select */
	background-color: white;
    border-color: #D5D5D5 !important;
    border-radius: 0px;
	color: #272727;
	-webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
	width: 100%;
	height: 48px;
}
.input[disabled],
.taginput .taginput-container.is-focusable[disabled],
.textarea[disabled],
.select select[disabled],
fieldset[disabled] .input,
fieldset[disabled] .taginput .taginput-container.is-focusable,
.taginput fieldset[disabled] .taginput-container.is-focusable,
fieldset[disabled] .textarea,
fieldset[disabled] .select select,
.select fieldset[disabled] select{
	background-color: whitesmoke;
}
.select:not(.is-multiple):not(.is-loading)::after,
.navbar-link:not(.is-arrowless)::after,
.select:not(.is-multiple):not(.is-loading)::after,
.navbar-link:not(.is-arrowless):after{/*Estilo para ícono tipo flecha, situado al costado de los contenedores select*/
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #000 transparent transparent transparent;
	border-style: inset;
	-webkit-transform:rotate(0deg);
	transform: rotate(0deg);
	margin-top:0px
}
.label{/*Estilo para los elementos label*/
	color: #272727;
	display: block;
	font-size: 16px;
	font-weight: 400;
}
.label-solo{ /*Estilo para los label que estén fuera del contendor b-field, en casos donde el input lleva un botón pegado al lado derecho*/	
    margin-bottom: 8px;
    display: block;
}
span.input-info {/*Texto de referencia situado al inferior de los elementos input que requieran ejemplos.*/
	color:#0F69C4;
	font-size: 14px;
	position: relative;
	top:-5px
}
.select:not(.is-multiple):not(.is-loading):hover::after{/*Regla para corregir visualización de ícono tipo flecha*/
	border-color: #000 transparent transparent transparent;
}
.input::placeholder,
.taginput .taginput-container.is-focusable::placeholder,
.textarea::placeholder,
.select select::placeholder {/*Color del texto placeholder de los campos de formulario*/
    color: rgba(19, 18, 18, 0.5);
}
.select:not(.is-multiple){/*Regla para corregir altura de los campos tipo select*/
	height: auto;
}
.b-radio.radio input[type=radio] + .check.is-info:before {/*Color de inputs tip radio seleccionado*/
    background: #0F69C4;
}
.textarea-radio{
	margin:10px 20px
}
.has-text-primary{
	color:#0F69C4!important;
}
.b-radio.radio input[type=radio]:checked + .check.is-info,
.b-radio.radio input[type=radio] + .check {/*Color de borde de inputs tipo radio*/
	border: 1px solid #D5D5D5;
	border-color: #D5D5D5;
	background-color: white;
    align-self: baseline;
}
.b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-info { /* Modificar valores de clase "is-info" mediante js. Actualizar ícono*/
    -webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #D5D5D5;
}
.b-checkbox.checkbox input[type=checkbox] {/* Modificar valores de clase "is-info" mediante js*/
    width: 20px;
    height: 20px;
    border-radius: 0px !important;
	border: 1px solid #D5D5D5;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.b-checkbox.checkbox input[type=checkbox] + .check {/* Estilo para de input de checkbox*/
	border-radius: 0px;
	border:1px solid #D5D5D5;
	background-color: #fff;
}
.b-checkbox.checkbox input[type=checkbox]:checked + .check{/* Estilo para de input de checkbox*/
	border: 1px solid #0F69C4;
	background-color: #0F69C4;
}
.b-checkbox.checkbox {/* Quitar centrado vertical de input de checkbox*/
	align-items: inherit;
}
input[type="checkbox"]:focus {/* Quitar sombra de inputs tipo checkbox*/
    -webkit-box-shadow: none !important;
	box-shadow: none !important;		
}
.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-info {/*Color borde de checkbox en estado hover*/
    border-color: #0F69C4;
}
.msg-dialog{/*Mensaje de información complementaria que debe ir bajo el campo correspondiente*/
	background-color: #12579d;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: auto;
	height: auto;
	position: relative;
	border: none;
	font: normal 100%/normal Arial, Helvetica, sans-serif;
	color:#fff;
	-o-text-overflow: clip;
	text-overflow: clip;
	margin-top: 30px;
	padding:30px
}
.msg-dialog:before{/*Punta para dar forma de cuadro de diálogo al contenedor de mensaje de información complementaria*/
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 0;
	height: 0;
	position: absolute;
	content: "";
	top: -23px;
	right: 100%;
	left: 19px;
	border: 13px solid rgba(0,0,0,0);
	border-right: 26px solid #12579d;
	border-left: 0 solid;
	font: normal 100%/normal Arial, Helvetica, sans-serif;
	color: rgba(0,0,0,1);
	-o-text-overflow: clip;
	text-overflow: clip;
	text-shadow: none;
	-webkit-transform: rotateZ(450.91778476795787deg);
	transform: rotateZ(450.91778476795787deg);
}
.cont-req{ /*Contenedor para nota de campos requeridos. */
	margin:20px 0px;
}
.cont-req span{ /*Separación de la nota de campo, para que tenga la misma alineación que los contenidos del formulario. */
	margin-left:30px;
}
/*Campos de formulario*/
input:hover,
input:active{/*Estilo para los input en estado 'hover' y 'active'*/
	border: 1px solid #0F69C4
}
.field .control span.icon{/*Ajustar posición de íconos de validación en inputs*/
	margin-top:6px;
	margin-right:15px;
	margin-left:5px
}
.input-btn input{/*Regla para corregir altura en los campos tipo 'input' cuando esten junto a un botón tipo 'btn-sm'*/
	height: 46px;
}
.input.is-danger{/*Estilo del input cuando presente una validación de error*/
	border-color:#EE3B41
}
label.is-danger span{	/*Estilo el texto de la validación de error*/
   color: #EE3B41;
}
.upload{
	width: 100%;
}
@media (max-width:768px){
	.form-cha .cont-req span{ /*Contenedor para nota de campos requeridos. */
		margin-left:0px;
	}
}
/*-- 6. Tablas --*/
.form-cha .tab-content{
	padding:0px !important;
	border: 1px solid #D5D5D5;
}
.form-cha .tabla-tabs {
	margin-bottom:20px;
}
.form-cha table.table-input{	
    width: 100%;
    background-color: white;
    border: 1px solid #dadada;
}
.form-cha table.table-input td .select select{
	height: 30px;
}
/*Inicio solo produccion*/
.form-cha table.table-input td .input select{
	height: 30px;
}
/*Fin solo produccion*/
.form-cha table.table-input th,
.form-cha table.table-input td{
	height: 42px;
	padding:5px;
	border:1px solid #dadada;
	border-right: 0px;
	border-left: 0px;
}
.form-cha table.table-input td.td-radio{
	width:10px;
	margin-right:0px;
}
.form-cha table.table-input td.td-radio label{
    position: relative;
	top: 5px;
	left:7px;
}
.form-cha div.b-tabs.tabla-tabs nav.tabs{ /*Quitar tabs que Buefy trae por defecto en las tablas*/
	display:none !important
}
.form-cha .table tr.is-selected {/*Color de la selección de la fila de la tabla*/
    background-color: #12579d;
    color: white;
}
.form-cha table td:not([align]), .form-cha table th:not([align]){/*Corregir ancho de los td de tablas*/
	width:auto
}
.form-cha .table tr.is-selected a:hover{/*Color de texto para los elementos seleccionados con fondo azul*/
	color:#fff
}
.form-cha .table-wrapper{/*Evita que el contenido de la tabla salga de su contenedor*/
	overflow: auto;
}
.form-cha .tabla-tabs .tab-info{/*Añade margen a los elementos añadidos a la tabla que no pertenecen a la estructura Buefy*/
 margin:20px
}
.form-cha .cont-btn button{
	direction: ltr;
}
@media (max-width:768px){
	/*.form-cha table tr{
		background-color: #fff !important;
	}*/
	.form-cha .table tr.is-selected {
		background-color: #12579d!important;
	}
	.form-cha .table{
		background-color: transparent;
	}
	.form-cha .tab-content {
		border: none
	}
}
/*-- 5. Ventanas modales--*/
header.modal-card-head {/*Regla que corrige espaciado para los elementos header en modales*/
    margin: 0px !important;
}
.modal-card-foot{/*Regla que establece formato de tabla al contenedor para alinear correctamente los botones del footer*/
    display: table;
    width: 100%;
	direction: rtl;
	margin-top: 0px;
	color:#000;
}
.modal-card-foot button{/*Regla que establece formato de elemento de tabla a los botones*/
	display: table-cell;
}
.modal-card-head{/*Regla que corrige esrilo del encabezado del modal*/
	display:-webkit-box;
}
.modal-card h3.modal-card-title{/*Estilo para el título del modal*/
	font-size: 1.5rem;
	margin-top:5px;	
}
table.modal-header-table{/*Corrección del ancho del encabezado del modal*/
	width:100%	
}
.modal-card .modal-header-table tr.tr-btn td h3{/*Espaciado inferior para el título del modal*/
	margin-bottom: 5px;
}
.modal-card .modal-header-table .field:not(:last-child) {/*Corrección de espaciado inferior del modal*/
    margin-bottom: 0px;
}
.modal-card .modal-header-table tr.tr-btn td:last-child{/*Ancho mínimo para el botón cerrar del modal*/
	min-width: 110px;
}
.modal-card-title.subt{/*Estilo para el subtítulo del modal*/
	display:inline-block;
	font-size: 18px !important;
	margin-top:10px
}
.modal-card-head, .modal-card-foot {/*Regla para cambiar las esquinaa redondas del modal a rectangulares*/
	border-radius:0px
}
.modal-content, .modal-card {/*Regla para corregir altura del modal*/
    max-height: -webkit-fill-available
}
.modal-avatar table td:first-child{/*Estilo para los modales que incorporan una imagen de perfil al lado izquierdo del contenido*/
	width:100px;
	padding-right: 20px;
}
.modal-icono table td:first-child{/*Estilo para los modales que incorporan un ícono al lado izquierdo del contenido*/
	width:50px;
	padding-right: 20px;
}
.modal-card-body{/*Aumenta la separación vertical del body en modal, para mejorar el aspecto visual de aquellos que tengan poco contenido*/
	padding: 40px 20px;
}
.modal-icono table td span i {/*Estilo para ícono que va inserto en el apartado izquierdo del modal*/
	font-size: 25px;
}
.modal-form header p{/*Evita margen de los elementos p*/
	margin-top: 0px;
}
.field.checkbox-modal-footer{	/*Asigna dirección en el orden de los botones*/
    float: left;
	direction: ltr;
	margin-top: 10px;
}
@media (max-width: 736px) and (min-width: 320px){
	.modal-card-head, .modal-card-foot{/*Reducir márgenes de la botonera del modal*/
	    padding: 10px 15px
	}
	.modal-card-foot button.link,
	.modal-card-foot .button,
	.modal-card-foot .btn{/*Regla para establecer los botones como elementos de bloque, y para que se distribuyan verticalmente*/
		display: inline-block;
		width: 170px;
	}
	.modal-card-foot .button:not(:last-child){/*Corrección de margen, para regla Buefy sobre la clase ".button"*/
		margin-right: auto!important;
	}
}

@media (min-width:737px){
	.modal-card-foot {
		/*Alineamiento de los botones de los modales hacia la derecha*/
		text-align: right;
	}
	.modal-card-foot .button:not(:last-child){/*Corrige margen margen que trae por efecto Buefy en la clase .button*/
		margin:auto
	}
	.modal-card-foot .button,
	.modal-card-foot .btn {/*Regla para añadir separación entre los botones de los modales*/
		margin-left:20px!important
	}
}
.form-cha .content h1, .form-cha .content h2, .form-cha .content h3, .form-cha .content h4, .form-cha .content h5, .form-cha .content h6 {
    /*font-weight: 400;*/
    line-height: 1.125;
}
.form-cha .paginador-lg ul{ /*Contenedor para paginador que alínea horizontalmente los elementos*/
	margin-top: 20px;
 	display:inline-flex;
}
.form-cha .paginador-lg ul li a.active{
	background-color:#0F69C4; 
	color:#fff
}
.form-cha .paginador-lg ul li a {/*Formato de espaciado para los elementos del paginador*/
	margin:0px 10px;
	padding:10px 15px;
	transition: color 0.2s, background 0.2s;
}
.form-cha .paginador-lg ul li a{ /*Regla para que los botones del paginador no sean azules por defecto*/
	color:#272727
}
.form-cha .paginador-lg ul li a i{/*Color para los controladores (flechas) del paginador*/
	color:#B1B1B1
}
.form-cha .paginador-lg ul li a:hover,
.form-cha .paginador-lg ul li a:active,
.form-cha .paginador-lg ul li a:focus{ /*Estilo para los números-botones del paginador en estado hover, focus y active*/
	background-color:#0F69C4;
}
.form-cha .paginador-lg ul li a:hover,
.form-cha .paginador-lg ul li a:active,
.form-cha .paginador-lg ul li a:focus{ /*Color para los textos de los botones cuando estén en estado hover, focus y active*/
	color:#fff
}
.form-cha .paginador-lg ul li a:hover,
.form-cha .paginador-lg ul li a:active,
.form-cha .paginador-lg ul li a:focus{ /*Color para los textos de los botones cuando estén en estado hover, focus y active*/
	text-decoration: none!important;
}
.form-cha .paginador-lg ul li:first-child a:hover,
.form-cha .paginador-lg ul li:first-child a:active,
.form-cha .paginador-lg ul li:first-child a:focus,
.form-cha .paginador-lg ul li:last-child a:hover,
.form-cha .paginador-lg ul li:last-child a:active,
.form-cha .paginador-lg ul li:last-child a:focus{ /*Regla que evita que los botones-flecha también tengan el fondo azul que solo es aplicable a los números*/
	background-color:transparent
}
.form-cha .paginador-lg ul li:first-child a:hover i,
.form-cha .paginador-lg ul li:first-child a:active i,
.form-cha .paginador-lg ul li:first-child a:focus i,
.form-cha .paginador-lg ul li:last-child a:hover i,
.form-cha .paginador-lg ul li:last-child a:active i,
.form-cha .paginador-lg ul li:last-child a:focus i{/*Regla para color de botones-flecha en estado hover, focus y active*/
	color:#272727!important
}
.form-cha .paginador-lg ul li a span{/*Corregir posición de los íconos en los botones-flecha*/
	position: relative;
    top: -2px;
}

@media (max-width:768px){	
	.form-cha .paginador-lg ul{/*Corregir posición de los íconos en los botones-flecha*/
		width:100%
	}
	.form-cha .paginador-lg ul li:first-child a{ /*Corrección de margen izquierdo del paginador en estado smartphone*/
		margin-left: 0px;
	}	
}
/*-- 8. Mensajes y comprobantes*/
header .msg{
	margin-top:20px
}
.msg{/*Contenedor estandar para mensajes y comprobantes*/
	border: 1px solid #D5D5D5;
	padding:20px;
	border-radius: 0px;
	margin-bottom: 20px;
}
.msg ul,
.msg ol{/*Separación vertical para las listas insertadas*/
	margin:10px 0px
}
table.msg{/*Contenedor estandar para mensajes y comprobantes dentro de tablas*/
	border: 1px solid #D5D5D5;
	border-radius: 0px;
	margin-bottom: 20px;
	width: 100%;
	background-color: #fff;
}
table.msg ul{
	list-style: initial;
	padding: revert;
}
table.msg ul li{ 
	margin-bottom:10px
}
table.msg td{/*Espaciado para el contenido de los elementos 'td' de la tabla*/
	padding:20px 20px 20px 20px
}
table.msg.msg-2col td:first-child{/*Cuando la tabla requiere un ícono a la izquierda, se establece esta regla para la primera columna donde va el ícono*/
	padding:20px 0px 20px 20px;
}
table.msg.msg-2col td:last-child{/*Cuando la tabla requiere un ícono a la izquierda, se establece esta regla para la segunda columna donde va la información*/
	padding:20px 20px 20px 0px;
	width: 100%;
}
table.msg td h3, table.msg td h4{
	font-weight: bold;
}
.msg span.msg-icono{/*Estilo para íconos incoporados en el sector izquierdo de los mensajes y comprobantes*/
	margin-right: 20px;
	display: block;
	font-size: 20px;
}
.msg.msg-danger{
	border-color: #EE3B41;
	color:#4a4a4a
}
.msg.msg-danger span.msg-icono{/*Color para mensajes y elementos de danger o peligro*/
	color:#EE3B41;
}
.msg.msg-alerta{/*Estilo para mensajes de alerta*/
	border-color: #FFCC00;
	color:#272727
}
.msg.msg-alerta span.msg-icono{
	color:#FFCC00;
}
.msg.msg-info{/*Estilo para mensajes de información*/
	border-color: #0F69C4;
	color:#4a4a4a
}
.msg.msg-info span.msg-icono
/* .form-cha .msg.msg-info strong, */
{/*Color para mensajes y elementos de información*/
	color:#0F69C4;
}
.msg.msg-exito{/*Estilo para mensajes de éxito*/
	border-color: #339933;
	color:#4a4a4a
}
.form-cha table.ficha{
	border: 1px solid #c3bfbf;
	width: 100%;
	margin-bottom: 20px;
}
.form-cha table.ficha tr td{
	width: 50% !important;
	padding:10px 20px;
}
/*Inicio solo producción*/
.form-cha table.ficha tr td:first-child{
	max-width: 200px;
}
/*fin solo produccion*/
/*-- LISTAS --*/
table.tabla-lista {/*Separación superior del contenido de los tabs*/
	margin-top:20px
}
table.tabla-lista tr{	/*Borde inferior de las filas de contenido*/
	border-bottom: 1px solid #d5d5d5
}
table.tabla-lista tr:last-child{/*Regla para quitar borde a última fila de contenido */
	border-bottom: none
}
table.tabla-lista tr td:first-child{ /*Espaciado de las celdas del lado izquierdo del contenido*/
	padding:10px 0px 10px 10px;
}
table.tabla-lista tr td:last-child{ /* Espaciado de las celdas del lado derecho del contenido*/
	padding:10px 10px 10px 0px;
	position: relative;
}
/*Lista de resultados*/
ul.lista-resultados{
	margin: 0;
	padding: 0;
	background: #fff;
}
ul.lista-resultados li{
	border-bottom: 1px solid #d4d4d4;
	padding: 10px 20px;
}
ul.lista-resultados li table{
	width: 100%;
}
ul.lista-resultados li table tr td:last-child{
	width: 20%;
	text-align: right;
}
/*-- 9. MODELO DE PASOS --*/
.tabs.is-boxed a:hover {
	background-color: transparent;
    color:#0F69C4
}
.tabs.is-boxed a, .tabs.is-boxed .icon  {
	align-items: inline-flex
}
.b-tabs .tabs.is-boxed ul li{/*Margen de separación entre las pestañas*/
	margin-right: 20px;
}
.b-tabs .tabs.is-boxed li.is-active a { /*Estilo para el contenido de las pestañas activas*/
    background-color: white;
    border-color: #0F69C4;
	border-bottom-color: transparent !important;
	color:#0F69C4
}
h3.activeL{
	background-color: transparent;
}
.modelo-pasos .tab-content{ /*Remover borde exterior de tabla, para este estilo de contenido */
	border: none !important
}
.modelo-pasos .tabs ul { /*Estilo para borde inferior del contenedor de pestañas*/
    border-bottom-color: #0F69C4;
}
.modelo-pasos .tabs.is-boxed a { /*Formato para las pestañas de navegación*/
    border: 1px solid #b1b1b1;
	border-radius: 4px 4px 0 0;
	border-bottom-color: #0F69C4;
}
.modelo-pasos .tabs.is-boxed a:focus {
	box-shadow: 0 0 10px #35AC19;
}
/*-- 10. BOTONES, VÍNCULOS Y ESTADOS --*/
a, .color-link{
	color:#0F69C4;	
}
a:hover{
	text-decoration:underline;
}
a:hover, a:active, a:focus,
a.link:hover{
	color:#12579D;
}
.button,
.btn{ /*Estilo para los botones que establece dimensiones y separación */
    font-family:  'Roboto', Arial, Helvetica, sans-serif;
    border-radius: 0;
    padding: 15px 55px;
    position: relative;
	cursor:pointer;
	font-size: 16px;
	margin-bottom:10px;
	height: auto!important;
	-webkit-appearance: auto;
	line-height: initial;
}
.icon {
	display: inline-flex;
}
.button:first-child,
.btn:first-child{/*Regla para quitar margen derecho al último botón dentro de una lista de botones */
	margin-left: 0px;
}
.cont-btn .button:first-child,
.cont-btn .btn:first-child{/*Regla para quitar margen derecho al último botón dentro de una lista de botones */
	margin-left: 15px;
}
.button.btn-sm,
.btn.btn-sm{/*Estilo de botón más pequeño para usos secundarios*/
	padding: 10px 30px!important;
}
button.btn-sm,
.form-sector button.btn-sm,
.form-sector .btn.btn-sm{ /*Fija el alto para que los botones que esten pegados a un input tengan su misma altura*/
	height: 46px!important;
}
.button.is-primary,
.btn-primary {/*Estilo para los botones primarios*/
    border: 1px solid #0f69b4;
	background-color: #0f69b4;
	color:#fff;
}
.button.is-primary{/*Regla para los botones primarios que usan reglas de Buefy*/
	font-size: 16px;
	font-family: 'Roboto';
}
.button.is-primary:hover,
.btn-primary:hover {/*Estilo para los botones primarios en estado 'hover'*/
    border: 1px solid #12579D;
	background-color: #12579D;
	text-decoration: none;
	color: #fff;
}
.button.is-default,
.btn-default {/*Estilo para los botones estandar*/
    border: 1px solid #0f69b4;
	background-color: #fff;
	color:#0f69b4;
}
.button.is-default:hover,
.btn-default:hover {/*Estilo para los botones estandar en estado 'hover'*/
    border: 1px solid #12579D;
	background-color: #12579D;
	color:#fff;
	text-decoration: none;
}
.button.is-danger,
.btn-danger {/*Estilo para los botones de cuidado*/
    border: 1px solid #EE3B41;
	background-color: #EE3B41;
	color:#fff;
}
.buttonx.is-danger:hover,
.btn-danger:hover {/*Estilo para los botones de cuidado en estado 'hover'*/
    border: 1px solid #CF3338;
	background-color: #CF3338;
}
.btn-disable{/*Estilo para los botones desabilitados*/
    border: 1px solid #D5D5D5;
	background-color: #F7F7F7;
	color:#D5D5D5;
	cursor: none;
    pointer-events: none;
}
.button:focus,
.btn:focus,
.link:focus{/*Estilo para todos los botones en estado 'focus'*/
    outline: none;	
    box-shadow: 0 0 10px #35AC19;
}
button .icon-btn{/*Regla que establece margen a los íconos dentro de los botones*/
	font-size: 12px;
    position: relative;
    left: -5px;
}
.button.link,
button.link,
a.link{/*Estilo de botón tipo enlace simple*/
	background-color: transparent;
    border: none;
    color: #0F69C4;
	cursor:pointer;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-decoration: underline;
	margin-bottom: 10px;
}
.button.link,
button.link,
a.link span.tag{
	text-decoration: none
}
.button.link,
button.link{
	font-size: 16px;
	padding:initial;
    vertical-align: initial;
}
.button.link.btn-icon .icon:first-child:not(:last-child){/*Corrige márgenes automáticos de Buefy que se aplican a la clase ".button" */
	margin-left: auto!important;
    margin-right: auto!important;
}
.button.link.link-icon,
.button.link.btn-icon,
button.link.btn-icon{/*Regla que remueve el underline a los botones tipo link, para especificarlo al texto y no a los íconos*/
	text-decoration: none;
}
.button.link.link-icon span,
.button.link.btn-icon span,
button.link.btn-icon span{/*Regla que da underline al texto de estos botones*/
	text-decoration: underline;
	display: inline-block;
}
.button.btn-sm.btn-icon span,
button.btn-sm.btn-icon span{
	display: initial;
}
.button.btn-sm.btn-icon:hover,
button.btn-sm.btn-icon:hover{
	background-color: #12579D;
	color:#fff
}
.button.link span.icon,
button.link span.icon{/*Regla que remueve el underline de los íconos de los botones*/
	text-decoration:none !important;
}
.button.link:hover,
button.link:hover{/*Color para los enlaces en estado 'hover'*/
	color: #12579D;
}
.button.link.btn-icon,
button.link.btn-icon{/*Estilo para los botones tipo link que llevan ícono*/
	padding: 10px 11px;
	padding-right: 20px;
}
.button.btn-icon:hover,
button.btn-icon:hover{/*Estilo para los botones tipo link que llevan ícono en estado 'hover'*/
	background-color: #e3e3e3;
}
.button.btn-cerrar,
button.btn-cerrar{/*Estilo para el botón cerrar de los modales*/
	border: 1px solid #D5D5D5;
	text-decoration: none;
	margin-right: 0px;
	padding-left: 21px;
    font-size: 14px;
    padding-top: 12px;
	padding-bottom: 12px;
	background-color: #fff;
	padding-right: 15px;
	color: #0F69C4;    
}
.button.link.btn-cerrar:hover,
button.link.btn-cerrar:hover{/*Estilo para el botón cerrar de los modales en estado 'hover'*/
	background-color: #e3e3e3;
	border:1px solid transparent
}
.button.btn-cerrar span.icon,
button.btn-cerrar span.icon {
	margin-right: 0px !important;
	display: inline-block;
	height: auto;
	margin-left: 0px!important;
}
.button.btn-cerrar span.icon i,
button.btn-cerrar span.icon i{
	left: auto;
}
.button.btn-buscar,
button.btn-buscar{
	width: 124px !important;
	padding:4px 4px !important;
	padding-bottom:6px !important
}
.button.btn-buscar span.icon,
button.btn-buscar span.icon{
	margin-right:0px !important
}
/*Botón ClaveÚnica*/
.btn-clave-unica{
	border: 1px solid #0f69b4;
	background-color: #0f69b4;
	color: #fff;
	padding: 15px 30px 15px 42px !important;
}
.btn-clave-unica span{
	padding-left:10px;
}
.btn-clave-unica span img{
	width: 20px;
	height: 20px;
	top: 14px;
	margin-left: -25px;
	position: absolute;
}
.btn-clave-unica:hover{
	color: #fff;
	border: 1px solid #12579D;
	background-color: #12579D;
}
.btn-clave-unica:focus{
	color: #fff !important;
	border-color: #35AC19 !important;
	box-shadow: 0 0 10px #35AC19 !important;
	-webkit-box-shadow: 0 0 10px #35AC19 !important;
}
.btn-clave-unica-hover{
	color: #fff;
	border: 1px solid #12579D;
	background-color: #12579D;
}
.btn-clave-unica-focus{
	color: #fff !important;
	border-color: #35AC19 !important;
	box-shadow: 0 0 10px #35AC19 !important;
	-webkit-box-shadow: 0 0 10px #35AC19 !important;
}
/*Botón ClaveÚnica Secundario*/
.btn-clave-unica.outline{
	border: 1px solid #0f69b4;
    background-color: #fff;
    color: #0f69b4;
}
.btn-clave-unica.outline img, .btn-clave-unica.outline-focus img {
    -webkit-filter: invert(82%) sepia(91%) saturate(3361%) hue-rotate(200deg) brightness(99%) contrast(86%);
    filter: invert(82%) sepia(91%) saturate(3361%) hue-rotate(200deg) brightness(99%) contrast(86%);
}
.btn-clave-unica.outline:hover img {
    -webkit-filter: none;
    filter: none;
}
.btn-clave-unica.outline:hover{
	border: 1px solid #12579d;
    background-color: #12579d;
    color: #fff;
}
.btn-clave-unica.outline:focus{
	color: #fff;
}
.btn-clave-unica.outline-hover{
	border: 1px solid #12579d;
    background-color: #12579d;
    color: #fff;
}
.btn-clave-unica.outline-focus{
    background-color: #fff;
    color: #0f69b4;
	border-color: #35AC19 !important;
	box-shadow: 0 0 10px #35AC19 !important;
	-webkit-box-shadow: 0 0 10px #35AC19 !important;
}
.btn-clave-unica.outline-focus:focus{
	color: #0f69b4 !important;
}
.field .control .button span.icon,
.field .control button span.icon{/*Evitar margen de íconos*/
	margin-top:0px;
	margin-right:0px;
	margin-left:0px
}
.field .control .button{/*Quita margen inferior a los botones que estén pegados a los input, ya que su margen inferior lo da el elemento ".field" que contiene ambos elementos input y botón*/
	margin-bottom: 0px;
}
a:focus,
.button:focus,
.button.is-focused,
.button:focus:not(:active),
.button.is-focused:not(:active),
.button.is-primary:focus:not(:active),
.button.is-primary.is-focused:not(:active),
.input:focus,
.taginput .taginput-container.is-focusable:focus,
.textarea:focus,
.select select:focus,
.is-focused.input, 
.taginput .is-focused.taginput-container.is-focusable,
.is-focused.textarea, 
.select select.is-focused,
input[type="checkbox"]:focus,
input[type="checkbox"]:focus + .check,
.b-radio.radio input[type=radio]:focus + .check,
.b-checkbox.checkbox input[type=checkbox]:focus + .check{ /*Regla para el estilo de estad 'focus' a los elementos de buefy*/
	border-color: #35AC19 !important;
	box-shadow:0 0 10px #35AC19 !important;
	-webkit-box-shadow:0 0 10px #35AC19 !important;
}
/*-- 11. RECOMENDACIONES DEL GOBIERNO*/
.form-cha .switch input[type=checkbox] + .check:before { /*Regla para modificar estilo de los checkbox tipo swicht de Buefy*/
    background: #4A4A4A
}
.form-cha .switch input[type=checkbox] + .check,
.form-cha .switch input[type=checkbox]:checked + .check.is-info {/*Regla para modificar estilo de los checkbox tipo swicht de Buefy*/
	background: #fff;
	border: 1px solid #D5D5D5;
}
.form-cha .switch input[type=checkbox]:checked + .check:before{/*Regla para modificar estilo de los checkbox tipo swicht de Buefy*/
	background: #0F69C4;
} 
.switch input[type=checkbox]:focus:checked + .check.is-info, 	
.switch input[type=checkbox]:focus + .check.is-info {/*Regla para modificar estilo de los checkbox tipo swicht de Buefy*/
    box-shadow: 0 0 10px #35AC19 !important;
}
.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected {/*Calendario*/
    background-color: #0F69C4;
    color: white;
}
.form-cha header.datepicker-header {/*Regla para corregir encabezado de calendario*/
    margin: 0px;
}
.form-cha header.datepicker-header .select select{ /*Corrige altura de los selectores*/
	height: auto!important;
}
.form-cha header.datepicker-header span.icon{/*Corrige margen de los selectores del calendario*/
	margin: auto!important;
	display: inline-flex!important;
}

@media (min-width:737px){
	.cont-btn {/*Contenedor para botones. Se usa para organizar correctamente los botones y aplicar cambios en eventos responsivos*/
	    display: table;
	    width: 100%;
	    direction: rtl;
	}
	.cont-btn .button,
	.cont-btn .btn{/* Con esta regla se ordenan los botones usando la propiedad table-cell*/
		margin-left: 15px;
		display: table-cell;
	}
}
@media (max-width: 736px) and (min-width: 320px){
	.form-sector{ /*Corrección de márgenes para versión móvil*/
		padding:20px 15px
	}	
	/* Cuando los botones esten alineados verticalmente, como en la disposicion
	de smarpthone, deben tener el mismo ancho. El ancho de cada botón
	está determinado por su la propiedad 'padding', en su disposición vertical su ancho
	estará determinado por la propiedad 'width'*/
	.btn,
	.button {
		padding-top:15px;
		padding-bottom:15px;
		padding-right: 0px;
		padding-left: 0px;
		width:250px;
		display: block;
		margin: 0 auto;
		margin-bottom:10px;
	}
	.button:last-child,
	.btn:last-child { /*Regla para corregir margen del último botón de la botonera*/
		margin-right: auto; 
	}
	.btn.btn-sm{ /*Formato para botones de segunda necesidad*/
		width:180px;
		margin-bottom:10px;
		padding: 10px 10px;
		width: max-content;
	}
	.cont-btn .button:first-child,
	.cont-btn .btn:first-child {/*Regla para corregir margen del primer botón de la botonera*/
		margin-left: auto;
	}

	.btn-clave-unica{
		/*Regla para el botón Clave Única*/
		border: 1px solid #0f69b4;
    	background-color: #0f69b4;
		color: #fff;
		padding: 15px 30px 15px 42px !important;
	}

	.btn-clave-unica span{
		padding-left:10px;
	}

	.btn-clave-unica span img{
		/*Regla para el icono del botón Clave Única*/
		width: 20px;
		height: 20px;
		top: 14px;
		margin-left: -25px;
		position: absolute;
	}
	.b-tabs .tabla-tabs{
		margin-bottom: 0px;
	}
	.button.link,
	.button.btn-sm,
	.button.btn-cerrar{/*Corrección de tamaño, para regla Buefy sobre la clase ".button"*/
		width: auto;
		min-width: 135px;
		display: flex;
	}
}

/*Card tipo ficha - Categoría por establecer*/
.form-cha .card-req .cont-flex{
    display: flex;
} 
.form-cha .card-req .req-body h4 strong{
    font-weight: bold;
    font-size: 18px;
    font-family: 'Roboto', sans-serif !important;
}
.form-cha .card-req strong{
    font-weight: bold;
}
.form-cha .card-req hr{
    width:100%;
    margin:10px 0px;
    margin-top:5px;
}
/*Inicio solo producción*/
.help.is-danger{
    color: red !important;
}
/*Fin solo produccion*/
.form-cha .cont-flex .cont-left{
    float:left;
    width: 50%;
    text-align: left;
}
.form-cha .cont-flex .cont-right{
    float:right;
    width: 50%;
    text-align: right
}
.form-cha select.filter{
    background-color: white;
    border-color: #D5D5D5;
    border-radius: 0px;
    color: #272727;
    box-shadow: none;
    max-width: 100%;
    width: 200px;
    height: 48px;
    padding-left: 0.3em; 
}
.form-cha select.filter::after {
    border-color: #7957d5;
    right: 1.125em;
}
.form-cha .clearfix {
  overflow: auto;
}
.form-cha .page-nav a{
    display: inline-block;
    margin-top: 12px
}
.form-cha .page-nav a span{
    vertical-align: baseline; 
}
.form-cha .page-nav span{
    vertical-align: super;
}
/*Card tipo ficha*/
.form-cha .card-req .cont-flex{
    display: flex;
} 
.form-cha .card-req .req-body h4 strong{
    font-weight: bold;
    font-size: 18px;
    font-family: 'Roboto', sans-serif !important;
}

/*Barra de progreso - Categoría por establecer*/
.form-progress{
	display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    margin: auto;
    position: relative;
	z-index: 1;
	margin-top:40px;
	width:100%
}
.form-progress-indicator{
	width:40px;
	height: 40px;
	border-radius: 40px;
	display: initial;
	text-align: center;
	background-color: #ececec;
    text-align: center;
    margin: 0 auto;
	font-size: 20px;	
}
.form-progress-indicator.p-active{
	background-color: #0070c0;
}
.form-progress-indicator.p-active span strong{
	color:#fff
}
.form-progress-indicator span{
	margin-top:3px;
	display: block;
}
.form-progress-bar{
    position: relative;
    width: 9%;
    background-color: #ececec;
    display: inline-block;
	height: 4px;
	border: 2px solid #ececec;
    border-radius: 4px;
}
.form-progress-indicator strong{
	color:#7d7b7b
}
.form-progress .p-after{
	border:3px solid #0070c0;
	background-color:#fff;
}
.form-progress-bar.p-after{
	background-color: #0070c0;
	border:2px solid #0070c0
}
.form-progress-indicator.p-after span strong{
	color:#0070c0 !important
}
.form-progress .p-after span{
	margin-top:0px
}
.items-6 .form-progress-bar{
    width: 11%;
}
.items-5 .form-progress-bar{
    width: 15%;
}
.items-4 .form-progress-bar{
    width: 22%;
}
.items-4{
	max-width: 90%;
}
.items-3 .form-progress-bar{
    width: 27%
}
.items-3 {
	max-width:330px
}
.items-2 .form-progress-bar{
    width: 33%
}
.items-2 {
	max-width:200px
}

@media (max-width:550px){
	.items-6 .form-progress-bar{
		width: 6%;
		height: 2px;
	}
	.items-5 .form-progress-bar{
		width: 8%;
		height: 2px;
	}
	.items-4 .form-progress-bar{
		width: 14%;
		height: 2px;
	}
	.form-progress-indicator{
		width: 30px;
		height: 30px;
	}
	.form-progress-indicator span{
		font-size: 15px;
	}

}
/*Progress bar Perfil*/
.progress-bar-perfil{
	font-size: 14px;
}
.progress-bar-perfil .column:first-child{
	text-align: center;
}
.progress-bar-perfil header{
	color: #363636;
	margin-bottom: 10px;
}
.progress-bar-perfil header .datos-header span:last-child{
	float: right;
}
.list-link-lg{/*Lista usada para el total de ejemplos dentro del Uikit*/
	list-style: none;
    padding-left: 15px;
    font-size: 18px;
    margin: 20px 0;
	font-family: 'Roboto';
}
.list-link-lg li{
	margin-bottom: 20px;
}
.list-link-lg li a{
	text-decoration: underline;
    font-weight: 400;
	color: #0f69c4;
}
.acceso-busqueda .titulo-acceso-busqueda{/*Lista Accesos de busqueda Mi ChileAtiende*/
	font-size: 20px;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	padding: 18px 0px 15px 0px;
	border-top: 1px solid #C3D1E9;
	border-bottom: 1px solid #C3D1E9;
	color: #000;
}
.acceso-busqueda .lista-accesos li{
	margin-bottom: 30px;
}
.acceso-busqueda .lista-accesos li a{
	color: #0F69C4;
}
.acceso-busqueda .lista-accesos li a .link-acceso-busqueda{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.acceso-busqueda .lista-accesos li a .link-acceso-busqueda .letra{
	margin-right: 20px;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	font-size: 20px;
}
.acceso-busqueda .lista-accesos li a .link-acceso-busqueda .contenido{
	font-size: 14px;
	text-decoration: underline;
}


/*Fichas del portal - Botón Ingresar a Mi ChileAtiende*/

.ficha{
	font-family: Roboto, 'Helvetica Neue', sans-serif -apple-system;
}

/*Fichas del portal - Miga de pan*/
ol.breadcrumb {
    font-size: 1rem;
    white-space: normal;
    margin-top: 27px!important;
    color: #4a4a4a; 
    font-family: Roboto; 
    font-size: 16px; 
    font-weight: 400;
}
.breadcrumb li:first-child a {
    background-image: url(../images/home-ico.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 0;
    padding-left: 25px;
}
.breadcrumb li a, .breadcrumb li a.active {
    font-size: 16px!important;
}
@media (min-width: 12px){
	ol.breadcrumb {
	    display: block;
	}
}
.breadcrumb>li {
    display: inline-block;
}
ol.breadcrumb>li {
    color: #8f8f8f;
}
.breadcrumb a {
    -webkit-box-align: center;
    -webkit-box-pack: center;
	display: flex;
    justify-content: center;
    padding: 0 0.75em;
	padding-right:7px
}
.breadcrumb span {
	padding-left: 12px;
}
.breadcrumb li+li:before {
    color: #000;
    content: "/\A0";
	display:inline;
	position:absolute
}
ol.breadcrumb>li>a, ol.breadcrumb>li>a.active {
    text-decoration: underline;
}

/*Fichas del portal - Título*/
.ficha .titulo {
    background-image: url(../images/azul-rojo.svg);
    background-repeat: no-repeat;
    background-size: 68px 8px;
    padding-top: 27px;
	display:block
}
.ficha .titulo h1 {
    font-size: 33px!important;
    color: #000!important;
    font-family: Roboto Slab;
    font-weight: 700;
    line-height: 40px;
	margin-bottom:10px
}
.ficha .titulo .updated-at {
    margin-top: 20px;
    font-weight: 500!important;
    font-size: 14px!important;
    color: #000!important;
}

/*Fichas del portal - Barra de Accesibilidad*/

.accessibility-bar .action-page .accessibility-capsule {
    display: inline-block!important;
    border: 1px solid #d9d9d9!important;
    padding: 14px 1px 14px 5px!important;
    margin-right: 10px!important;
    border-radius: 5px;
	margin-bottom:10px
}
.accessibility-bar a {
    color: #d0021b;	
    font-weight: 500;
    line-height: 16px;
	font-size: 15px!important;
	text-decoration: underline;
}
.accessibility-bar .action-page .accessibility-capsule span.print-page {
    margin: 0px 10px!important;
}
.accessibility-bar a:hover {
    color: #af061b!important;
}

/*Fichas del portal - Descripción*/
.ficha .descripcion h2{
    font-family: Roboto Slab!important;
    margin-left: 0!important;
    font-weight: 700!important;
    color: #000!important;
    font-size: 25px!important;
    margin-bottom: 15px;
}
.ficha .descripcion p{
	line-height: 1.5;
	margin: 0 0 10px;
}
.ficha .page-content .CardDescription ul li::marker {
    color: #0f69b4!important;
}
/*Fichas del portal - Descripción alerta*/
.message {
    border: 1px solid #0f69b4!important;
    background-color: #e5f1ff!important;
    border-radius: 5px!important;
    padding: 20px 40px 20px 60px!important;
    margin-bottom: 10px;
}
.message-alerta {
    background: url(../images/warning-ico.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 45px 40px;
}

/*Fichas del portal - Acordeon*/
@media screen and (min-width: 768px){
	.ficha .acordeon .acordeon-header h2 {
	    padding-left: 14px!important;
	    white-space: normal!important;
	    font-size: 27px!important;
	}
}
.form-cha .ficha .acordeon .acordeon-button,
.ficha .acordeon .acordeon-button {
    border: 0;
    width: 100%;
    text-align: left;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    border: 1px solid rgba(0,0,0,.125);
	border-radius:10px;
	border-bottom:0px!important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: url(../images/borde-cyan.jpg);
	background-repeat: repeat-y;
	height: 80px;
}

.form-cha .ficha .acordeon .acordeon-button-close,
.ficha .acordeon .acordeon-button-close{
    border: 0;
    width: 100%;
    text-align: left;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    border: 1px solid rgba(0,0,0,.125);
	border-radius:10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-image: url(../images/borde-cyan.jpg);
	background-repeat: repeat-y;
	height: 80px;
}
.form-cha .ficha .acordeon .acordeon-button::after,
.form-cha .ficha .acordeon .acordeon-button::after{
	width:10px;
	height: 100%;
	background-color:red;
	display: block;
}
.form-cha .ficha .acordeon .acordeon-button-close::after,
.form-cha .ficha .acordeon .acordeon-button-close::after{
	width:10px;
	height: 100%;
	background-color:red;
	display: block;
}
.form-cha .ficha .acordeon-cont,
.ficha .acordeon-cont{
    background-color: transparent;
    padding: 1.5rem;
    border: 1px solid rgba(0,0,0,.125);
    border-top: 0px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background-image: url(../images/borde-cyan.jpg);
	background-repeat: repeat-y;
}
.form-cha .ficha .acordeon .acordeon-header,
.ficha .acordeon .acordeon-header{
	padding-left: 30px;
    white-space: normal;
    font-size: 27px;
	color:#4a4a4a;
	float:left;

}
.form-cha .ficha .acordeon .acordeon-cont{
	padding-left:30px
}
.ficha .acordeon .acordeon-cont ul li::marker{
	color: #0f69b4;
}
.ficha .acordeon .acordeon-button-close span,
.ficha .acordeon .acordeon-button span {
    float: right;
    color: #0f69b4;
    font-size: 14px;
    padding-top: 10px;
	margin-right:20px
}
/*Ficha - Páginas similares*/
.form-cha .ficha .similar-pages, 
.ficha .similar-pages {
    background-color: #f7f7f7;
    margin-top: 0;
    padding-top: 24px;
}
.ficha .similar-pages .container{
	padding:20px
}
.ficha .similar-pages .title {
    background-image: url(../images/azul-rojo.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 68px 8px;
    padding-top: 28px;
    border-bottom: 1px solid transparent;
    margin-bottom: 30px;
}
.ficha .similar-pages .title h3 {
    color: #000;
    font-family: Roboto Slab;
    font-size: 23px;
    font-weight: 700;
}
.ficha .similar-pages .similar-page-container {
    border-left: 1px solid transparent;
    padding: 19px 26px;
    box-shadow: none;
    margin-bottom: 30px;
    min-height: 175px;
    background-color: #fff;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    border-radius: 10px;
}
.ficha .similar-pages .similar-page-container h4 {
    font-family: Roboto Slab;
    font-size: 17px;
    font-weight: 700;
    margin-top: 8px;
	text-decoration: underline;
	margin-bottom:5px
}
.ficha .similar-pages .similar-page-container div.online {
    color: #000;
    font-size: 14px;
}
.ficha .similar-pages .similar-page-container .online {
    font-weight: 500;
}
.ficha .cont-aside{/*la clase cont-aside define el ancho máximo para simular un contenedor aside en esta muestra. Esta clase no se debiera tomar en cuenta al momento de aplicar el componente, ya que el ancho del contenedor estará determinado por la columna que lo contenga*/
	max-width:330px
}


/* Ficha - Boton acción*/
.form-cha .ficha .boton-accion .btn-primary,
.form-cha .ficha .bullet-page .btn-primary,
.ficha .boton-accion .btn-primary,
.ficha .boton-accion .btn-primary.btn-clave-unica,
.ficha .bullet-page .btn-primary{
    width: 100%!important;
    border-radius: 5px!important;
    padding: 20px 40px!important;
    font-size: 16px;
    font-family: 'Roboto Slab'!important;
}

.ficha .boton-accion .btn-clave-unica span img,
.ficha .bullet-page .btn-clave-unica span img{
    top: 21px;
}



@media (min-width: 993px){
	.ficha .cont-aside{
		display: block;
	}
	.ficha .bullet-page {
		display: none;
	}
	.ficha .cont-aside div.cont-link,
	.ficha .bullet-page .cont-link{
		display: flex!important;
	}
	
	.ficha .cont-aside div.cont-link div a,
	.ficha .bullet-page .cont-link div a{
		font-size: 14px!important;
	    display: inline-block;    
		width: 160px;
		font-size: 13px;
		text-decoration: underline;	    
		padding: 13px 0!important;
		display: block;
		padding-bottom: 20px;
		font-family: Roboto Slab;

	}
	.ficha .cont-aside div.cont-link div,
	.ficha .bullet-page .cont-link div{
		width:50%!important
	}
	.ficha .cont-aside .cont-link a.pull-left,
	.ficha .bullet-page a.pull-left{
		text-align: left;
		float:left
	}
	.ficha .cont-aside .cont-link a.pull-right,
	.ficha .bullet-page a.pull-right{
		text-align: right;
		float:right;
		width:160px!important
	}
}
@media (max-width: 992px){
	.ficha .cont-aside{
		display: none;
	}
	.ficha .bullet-page {
	    z-index: 1;
	    bottom: 0;
	    position: fixed;
	    overflow: hidden;
	    width: 100%!important;
	    padding-right: 4px;
	    margin-left: -15px;    
		background-color: #f9f5f5;
		padding: 0 15px;
		left: 0!important;
		width: 100%!important;
		margin-left: 0!important;
	}
	.ficha .bullet-page  a.ayuda {
		padding: 13px 0!important;
		display: block;    
		font-family: Roboto;
		text-decoration: underline;
		font-size: 14px!important;
    	display: inline-block;
	}

	.ficha .cont-aside div.cont-link,
	.ficha .bullet-page .cont-link{
		display: flex!important;
	}
	
	.ficha .cont-aside div.cont-link div a,
	.ficha .bullet-page .cont-link div a{
		font-size: 14px!important;
	    display: inline-block;    
		width: 160px;
		font-size: 13px;
		text-decoration: underline;	    
		padding: 13px 0!important;
		display: block;
		padding-bottom: 20px;
		font-family: Roboto Slab;

	}
	.ficha .cont-aside div.cont-link div,
	.ficha .bullet-page .cont-link div{
		width:50%!important
	}
	.ficha .cont-aside .cont-link a.pull-left,
	.ficha .bullet-page a.pull-left{
		text-align: left;
		float:left
	}
	.ficha .cont-aside .cont-link a.pull-right,
	.ficha .bullet-page a.pull-right{
		text-align: right;
		float:right;
		width:160px!important
	}
}

/*Ficha - Panel RRSS*/
.ficha .PanelConsultas {
    font-family: Roboto;
    margin-top: 20px;
    color: #0f69b4;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    border: 1px solid #0f69b4;
    padding: 30px 20px;
    border-radius: 7px;
}
.ficha .PanelConsultas h2 {
    color: #0f69b4;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.1;
    color: inherit;
	margin-bottom: 10px;
}
.ficha .PanelConsultas ul.redes-consultas {
    margin: 0!important;
	padding: 13px 0 0;
}
.ficha .PanelConsultas ul.redes-consultas li a img {
    width: 20px!important;
    height: 20px!important;
}
.ficha .PanelConsultas .redes-consultas li {
    display: inline-block;
    list-style: none;
    margin-right: 20px;
}
.ficha .PanelConsultas .redes-consultas a:hover img {
    filter: brightness(.8);
}
.ficha .bullet-page #ayudaModal ul li {
    display: inline-block;   
	margin-bottom: 0!important; 
	margin: 0 10px;
}
.ficha .bullet-page #ayudaModal  ul li img {
    width: 25px!important;
    height: 25px!important;
    top: 26px!important;
}

.ficha .bullet-page #ayudaModal .consultas h4{
	font-size: 18px;
	color:#0f69b4;
	margin-bottom:10px
}
.ficha .bullet-page #ayudaModal .consultas p{
	margin-bottom:10px
}
.ficha .bullet-page #ayudaModal .consultas{
	font-family: Roboto;
    color: #0f69b4;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    border: 1px solid #0f69b4;
    padding: 30px 20px;
    border-radius: 7px;
	margin-bottom:20px
}
/*Ficha - Alerta fecha*/

.ficha .postulaciones-abiertas {
    font-family: Roboto;
    margin-top: 20px;
    color: #0f69b4;
    font-size: 17px;
    font-weight: 400;
    border: 1px solid #0f69b4;
    padding: 30px 30px 30px 60px;
    background-image: url(../images/calendar-ico.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 59px 56px;
    line-height: 1.2;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.ficha .postulaciones-abiertas button.recordar-fecha {
    border: 1px solid #0f69b4;
    background-color: #e5f1ff;
    margin-top: 20px;
    padding: 8px 5px 8px 5px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	cursor:pointer
}
.ficha .postulaciones-abiertas button.recordar-fecha:hover {
    background-color: #d0e6ff;
}

.ficha .postulaciones-abiertas button.recordar-fecha img {
    width: 17px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.ficha  .postulaciones-abiertas h2 {
    font-size: 21px;
	color:#0f69b4;
    font-weight: bold;
	margin-bottom: 10px;
}
.ficha .postulaciones-abiertas button.recordar-fecha span {
    font-size: 16px;
	color:#0f69b4;
    font-weight: 400;
}


/*Solo para los ejemplos que expone la página UI-KIT. No utilizar en el desarrollo de formularios.*/
.uikit h1{
	font-size: 28px;
}
.uikit.sector-msg{
	margin-bottom:30px
}
.uikit .norma-msg{
	margin-bottom:10px
}
.uikit .norma-msg h3{
	font-size:22px;
}
.form-cha .card-req strong{
    font-weight: bold;
}
.form-cha .card-req hr{
    width:100%;
    margin:10px 0px;
    margin-top:5px;
}
.form-cha .cont-flex .cont-left{
    float:left;
    width: 50%;
    text-align: left;
}
.form-cha .cont-flex .cont-right{
    float:right;
    width: 50%;
    text-align: right
}
.form-cha select.filter{
    background-color: white;
    border-color: #D5D5D5;
    border-radius: 0px;
    color: #272727;
    box-shadow: none;
    max-width: 100%;
    width: 200px;
    height: 48px;
    padding-left: 0.3em; 
}
.form-cha select.filter::after {
    border-color: #7957d5;
    right: 1.125em;
}
.form-cha .clearfix {
  overflow: auto;
}
.form-cha .page-nav a{
    display: inline-block;
    margin-top: 12px
}
.form-cha .page-nav a span{
    vertical-align: baseline; 
}
.form-cha .page-nav span{
    vertical-align: super;
}

/*Solo para los ejemplos que expone la página UI-KIT. ha .link.uikit-hover{
	color: #12579D;
}
.form-cha button.btn-cerrar.uikit-hover{
	background-color: #e3e3e3;
	border: 1px solid transparent;
}
.form-cha button.uikit-focus {
    outline: none;
    box-shadow: 0 0 10px #35AC19;
}
.form-cha input.uikit-hover{
	border: 1px solid #0F69C4 !important
}
.form-cha input.uikit-focus{
    box-shadow: 0 0 10px #35AC19;
}
.form-cha input.uikit-hover{/*
	border: 1px solid #0F69C4
}*/
span.uikit-danger{
	color:#EE3B41
}
.b-radio.radio.uikit-active input[type=radio] + .check {	
    border: 1px solid #0F69C4;
}
.b-radio.radio.radio.uikit-active input[type=radio] + .check:after {
	background: #0F69C4;
}
.b-radio.radio.uikit-danger input[type=radio] + .check {	
    border: 1px solid #EE3B41;
}
.b-radio.radio.uikit-danger span{
	color:#EE3B41
}
.b-radio.radio.uikit-disable input[type=radio] + .check {	
	border: 1px solid #D5D5D5;
	background-color: #F7F7F7;
}
.b-radio.radio.uikit-disable span{
	color:#B1B1B1
}
.b-radio.radio.uikit-focus input[type=radio] + .check {	
    box-shadow: 0 0 10px #35AC19;
}

.b-checkbox.checkbox.uikit-active input[type=checkbox] + .check {	
    border: 1px solid #0F69C4;
}
.b-checkbox.checkbox.radio.uikit-active input[type=checkbox] + .check:after {
	background: #0F69C4;
}
.b-checkbox.checkbox.uikit-danger input[type=checkbox] + .check {	
    border: 1px solid #EE3B41;
}
.b-checkbox.checkbox.uikit-danger span{
	color:#EE3B41
}
.b-checkbox.checkbox.uikit-disable input[type=checkbox] + .check {	
	border: 1px solid #D5D5D5;
	background-color: #F7F7F7;
}
.b-checkbox.checkbox.uikit-disable span{
	color:#B1B1B1
}
.b-checkbox.checkbox.uikit-focus input[type=checkbox] + .check {	
    box-shadow: 0 0 10px #35AC19;
}
.uikit-tab-activo{
	margin-right: 96px;
}
.uikit-tab-hover{
	color:#0F69C4
}
.switch.uikit-focus input[type=checkbox] + .check {	
	box-shadow: 0 0 10px #35AC19;
}
.form-cha .uikit-menu-aside{
	background-color:#fff;
	padding:20px;
	border: 1px solid #D5D5D5;
	margin:10px
}
.form-cha .uikit-menu-aside h2{
	color:#272727;
	margin-bottom:10px
}
.form-cha .cont-btn.uikit-cont-btn .btn:first-child {
	margin-left:auto;
}

#__nuxt header.uikit-head {
	background-color: #F7F7F7;
}

#__nuxt header.uikit-head h1 {
	font-family: 'Roboto Slab', "Times New Roman", Times, serif;
	font-size: 30px;
}

#__nuxt header.uikit-head p {
	max-width: 600px;
}

#__nuxt header.uikit-head img {
	max-width: 200px;
}
header.uikit .columns .column:last-child{
	margin-top:30px
}

#__nuxt header.uikit-head {
	background-color: #F7F7F7;
}

#__nuxt header.uikit-head h1 {
	font-family: 'Roboto Slab', "Times New Roman", Times, serif;
	font-size: 30px;
}

#__nuxt header.uikit-head p {
	max-width: 600px;
}

#__nuxt header.uikit-head img {
	max-width: 200px;
}
header.uikit .columns .column:last-child{
	margin-top:30px
}
.uikit-cod{
	background-color:#F7F7F7 ;
	padding:20px
}
.uikit-cod .cod{ 
 	background-color: #fff;
}
.uikit.field button.link{
	margin-right: 20px;
}

#__nuxt header.uikit-head img {
	max-width: 100px;
	float:right;
	margin-top:30px;

}
.menu-list li{
	margin-bottom:15px
}
.menu-list a{
	font-size:16px;
	display: inline;
	padding:0px;
}
.menu-list h3 strong{
	color:#0f69b4;
}

.menu-list li.titulo:first-child{
	margin-top:0px!important;
}
.menu-list li.titulo{
	margin-top:20px!important;
}
.uikit-menu-aside.redes .menu-list li img{
	display: inline-block;
	max-width: 25px;
}
.uikit-menu-aside.redes .menu-list li a{
	display: inline-block;
	margin-left:5px;
	vertical-align: super;
}
.uikit-menu-aside.redes .menu-list{
	margin-top:20px
}
.uikit-menu-aside h2{
	margin-bottom: 20px;
}
.uikit-menu-aside.redes h2{
	margin-bottom: 0px;
}
.uikit-menu-aside ul{
	list-style: none;
}
.uikit-menu-aside span.redes-twitter{
	background-image: url(../images/icon-twitter-black.svg);
	background-size: 30px;
	width:30px;
	height: 30px;
	display: inline-flex;
	position: relative;
	top:7px;
	margin-right: 10px;
}
.uikit-menu-aside a span{
	transition: background 0.2s;
}
.uikit-menu-aside a:hover span.redes-twitter{	
	background-image: url(../images/icon-twitter-hover.svg);
}
.uikit-menu-aside span.redes-facebook{
	background-image: url(../images/icon-facebook-black.svg);
	background-size: 30px;
	width:30px;
	height: 30px;
	display: inline-flex;
	position: relative;
	top:7px;
	margin-right: 10px;
}
.uikit-menu-aside a:hover span.redes-facebook{	
	background-image: url(../images/icon-facebook-hover.svg);
}
.uikit-menu-aside span.redes-instagram{
	background-image: url(../images/icon-instagram-black.svg);
	background-size: 30px;
	width:30px;
	height: 30px;
	display: inline-flex;
	position: relative;
	top:7px;
	margin-right: 10px;
}
.uikit-menu-aside a:hover span.redes-instagram{	
	background-image: url(../images/icon-instagram-hover.svg);
}
.uikit-menu-aside .menu-list a:hover{
	background-color: transparent;
}

/* Navegador top ChileAtiende */
.uikit nav.volver-ficha{
	margin:20px 0px;	
    float: right;
}
.uikit nav.volver-ficha i{
	margin-right: 10px;
}
.uikit.nav-top img{    
	width: auto;
    max-width: 150px;
    height: 45px;
    margin-top: 8px;
	position: relative;
}
.uikit.nav-top{
	display:block
}
/*Footer Chile Atiende*/
.footer-sm{
	display: none;
}
#footer{
	display: block;
}
footer {
    background: #09132e;
    color: #fff;
	padding-top:20px;
	margin-top: 40px;
}
footer .container {
    background: #09132e;
    color: #fff;
	padding-bottom:40px;
}
footer .links-footer img {
    width: 20px;
    margin-right: 10px;
	padding: 2px;	
    position: relative;
    top: 4px;
}
footer a{
	color: #fff
}
footer a:hover{
	text-decoration: underline;
	color:#fff;
}
footer .gob{
	
    position: absolute;
    bottom: 0px;
}
footer h3 {
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 15px;
    margin-bottom: 15;
}
@media (max-width:768px){
	.footer-sm{
		display:inline-block;
		width:100%
	}
	#footer{
		display:none
	}
}
.btn-ref {
    background-color: #ffeb3b!important;
    color: #12579d!important;
}

.form-cha .form-sector-for-modal{
	padding: 30px;
	background-color: #F7F7F7;
	margin-bottom: 20px;
}
.form-cha .form-sector-for-modal header {
    margin: 0px;
    margin-bottom: 20px;
}


.form-cha .card-respuesta{
	padding: 20px;
	border: 1px solid #12579D;
	margin-bottom: 20px;
	background: #ffffff;
}

/* .form-cha .py-13{
	padding-bottom:13px !important;
	padding-top:13px !important;
}
 */


 .form-cha .file.is-primary .file-cta{
	border: 1px solid #12579D;
	background-color: #12579D;
 }

 .form-cha .file.is-right .file-cta{
	 border-radius: 0;
 }

/*Inicio solo producción*/
.file.is-expanded .file-name {
    order: -1;
    width: 100%;
    display: flex;
    align-items: center;
    height: 46px;
    background-color: rgb(255, 255, 255);
    max-width: inherit !important;
    border-width: 1px 0px 1px 1px;
}
/*Fin solo producción*/
/* tooltip */
 .b-tooltip:after {
	border-radius: 0px;
 }
 .b-tooltip.is-top:before, .b-tooltip.is-top:after {
    top: auto;
    right: auto;
    bottom: calc(100% + 5px + 0px);
    left: calc(0% + 45px);
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
}
.b-tooltip.is-top.is-primary:before {
    border-top: 5px solid #0F69C4;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: calc(100% + 0px);
}
.b-tooltip.is-primary:after {
    background: #0F69C4;
    color: white;
}
/* Pagination */
.form-cha .pagination-link.is-current {
    background-color: #0F69C4;
    border-color: #0F69C4;
    color: white;
}





.file.is-expanded .file-name {
	border-radius: 0px 0 0 0px;
	border-width: 1px 0 1px 1px;
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
	height: 100%;
	width: 100%;
	max-width: inherit !important;
	display: flex;
	align-items: center;
	height: 46px;
	background-color: white;
}

.text-underline{
	text-decoration: underline;
}
.list-style{
    list-style: initial;
	-webkit-padding-start: 40px;
    padding-inline-start: 40px;
}
.imgIpsLogo{
	width:100px;
	position: absolute;
	left: 20px;
}

#respuesta .form-cha .tabla-tabs{
	margin-top: 20px;
}

.table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: whitesmoke;
}
.table tr.is-selected a{
    color: #fff;
}
.table tr.is-selected strong {
	color: initial;
}

.text-black,
.colorTableModal  span,
.colorTableModal .span-gr h3{
	color:#4a4a4a;
}

.b-table .table:focus {
    border-color: rgba(0,0,0, 0);
    -webkit-box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.0);
    box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.0);
}



.microlight {
	font-family: monospace;
	white-space: pre;
	color: #4a4a4a;
	background: #F7F7F7;
	margin-bottom: 40px;
	border: 1px solid #cccccc;
	padding: 20px 0;
	padding-bottom: 20px;	
    overflow-x: scroll;
  }
  .microlight span{	  
	text-shadow: none !important;
  }
  .microlight-tag{
	background-color: #a5a5a5;
	padding: 3px 16px;
	display: inline-block;
	Color: #fff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;

}

  @media (max-width:768px) {
	  
.microlight {
	overflow-x: scroll;
  }
}


  .uikit-cont-btn{    
    direction: inherit !important;
  }


.icons-muestra {
	/* background-color: khaki; */
	font-family: monospace !important;
	/* font-size: 24px;
	padding: 20px; */
	border-radius: 5px;
	display: table;
	color: #666;
	margin-top:10px;
	font-size:10px;
	font-weight: 700;
}

.list-number{
	list-style: decimal !important;
	padding: initial !important;
	margin: auto;
}
.list-number li{
	padding-left: 20px;
	margin: 5px auto;
	margin-left: 40px;
}

.list-default{
	list-style: initial !important;
	padding: initial !important;
	margin: auto;
}
.list-default li{
	padding-left: 10px;
	margin: 5px auto;
	margin-left: 40px;
}


.list-default li ul{
	list-style: circle !important;
	padding: initial !important;
	margin: auto;
}
.list-default li ul li{
	padding-left: 10px;
	margin: 5px auto;
	margin-left: 20px;
}

/*Ajustes para correcciones en visualización móvil*/

@media (max-width:1180px){
	.container{
		padding:0px 20px; /*separación general para el container en versión tablet*/
	}
}

@media (max-width:768px){
	button.btn-sm,
	.form-sector button.btn-sm,
	.form-sector .btn.btn-sm{ /* Los botones tipo btn-sm en versión movil pasan a stener altura flexible, para que botones con texto largo puedan hacer salto de línea*/
		height: auto!important;
		white-space: inherit;
		text-align: center;
		min-height: 46px ;
	}
	.container{
		padding:0px 10px; /*separación general para el container en versión móvil*/
	}
}