.botonPrimarioHAbilitado {
	box-sizing: border-box;
	border: 1px solid #087021;
	border-radius: 5px;
	background-color: #087021;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.letraBotonPrimarioHabilitado {
	color: #FFFFFF;
	font-size: 0.875em;
	letter-spacing: 1px;
	font-family: 'Noto Sans HK', sans-serif;
	font-weight: 500;
	line-height: 1.25em;
	text-align: center;
}

.botonPrimarioDeshabilitado {
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	background-color: #CCCCCC;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.letraBotonPrimarioDeshabilitado {
	color: #666666;
	font-family: 'Noto Sans HK', sans-serif;
	font-size: 0.875em;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.25em;
	text-align: center;
}

.botonSecundarioHAbilitado {
	box-sizing: border-box;
	border: 2px solid #087021;
	border-radius: 5px;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #FFFFFF;
}

.letraBotonSecundarioHabilitado {
	color: #087021;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 0.875em;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.25em;
	text-align: center;
}

.botonSecundarioDeshabilitado {
	box-sizing: border-box;
	border: 2px solid #087021;
	border-radius: 5px;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #FFFFFF;
}

.letraBotonSecundarioDeshabilitado {
	color: #087021;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 0.875em;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.25em;
	text-align: center;
}

.botonBusquedaAvanzada {
	box-sizing: border-box;
	border: 0px solid #FFFFFF;
	border-radius: 5px;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #FFFFFF;
	border-radius: 5px;
}

.noPadding {
	padding: 0 !important;
}

.noPaddingLateral {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.noMagenesLaterales {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#cabeceraAsistE {
	background-color: #087021;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
}

#pieAsistE {
	height: 4.5em;
	background-color: #FFFFFF;
}

.letras_verdes {
	color: #087021;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 0.85em !important;
	line-height: 1em;
	text-align: right;
}

.letras_grises {
	color: #888888;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 0.85em !important;
	line-height: 1em;
	text-align: right;
}

#migaAsiste {
	text-align: right !important;
	height: 100%;
}

#contenidoMenu {
	margin-left: 8%;
	margin-right: 8%;
}

.datos-de-usuario {
	color: #333333;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2.2em;
}

.bordeTitulo {
	border-bottom: 1px solid #D8D8D8;
}

.datos-personales {
	color: #333333;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.625;
}

.campo {
	color: #333333;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.5em;
}

.valorCampo {
	color: #666666;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 1em;
	line-height: 1.5em;
}

.valorCampoResumen {
	color: #087021;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
}

.letraTextos {
	color: #333333;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 1em;
	line-height: 1.375em;
}

.bordeInferior {
	border-bottom: 2px solid #999999;
}

.botonEditarOficina {
	box-sizing: border-box;
	border: 2px solid #087021;
	border-radius: 5px;
	padding-left: 2em;
	padding-right: 2em;
	background-color: #FFFFFF;
	margin-top: 1.4em;
}

.modal-header-asiste {
	width: 100%;
	border-bottom: 1px solid #D8D8D8;
}

.titulo-modal-asiste {
	color: #333333;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.625;
}

.modal-content-asiste {
	padding: 1em;
	width: 100%;
}

.filtroOficinas {
	color: #087021;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
}

.inputError {
	box-sizing: border-box;
	border: 2px solid #D9534F !important;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.4);
}

.inputOK {
	box-sizing: border-box;
	border: 2px solid #087021 !important;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.4);
}

.fondoDatosResumen {
	background-color: #F4F4F4;
	margin-left: -9.5% !important;
	margin-right: -9.5% !important;
	padding-left: 9.5% !important;
	padding-right: 9.5% !important;
}

.itemPasoResumen {
	color: #333333;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 1.125em;
	letter-spacing: 0;
	line-height: 1.625;
}

/* Se cambia color de la lista de pasos en la ventana Resumen Consentimiento*/
ol {
	list-style: none;
	counter-reset: li
}

li::before {
	content: counter(li) ".";
	color: #087021;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	font-weight: bold;
}

li {
	counter-increment: li
}

.letraBotonImagen {
	color: #FFFFFF;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 1em;
	font-weight: 500;
	letter-spacing: -0.06px;
	line-height: 1.5em;
}

.imagenBotonEditarOfi {
	background-image: url(../images/edit.png);
	background-position: 8% 0%;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	cursor: pointer;
	outline: 0;
	padding-left: 3em;
}

.imagenBotonFirmar {
	background-image: url(../images/sign.png);
	background-position: 1em 1em;
	background-repeat: no-repeat;
	cursor: pointer;
	outline: 0;
	padding-left: 3em;
}

.lineaVertical {
	border-left: 2px solid;
	border-color: #FFFFFF;
	height: 110%;
	position: absolute;
	top: 0;
}

/* Hide the browser's default checkbox */
.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkBoxCustom {
	position: absolute;
	top: 0.4em;
	left: 0;
	height: 1.2em;
	width: 1.2em;
	background-color: #eee;
	left: 0;
	height: 1.2em;
	width: 1.2em;
	box-sizing: border-box;
	border: 1px solid #979797;
	border-radius: 2px;
	background-color: #FFFFFF;
}

/* On mouse-over, add a grey background color 
.container:hover input ~ .checkmark {
	background-color: #ccc;
}
*/

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkBoxCustom {
	background-color: #087021;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkBoxCustom:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkBoxCustom:after {
	display: block;
}

/* Style the checkmark/indicator */
.container .checkBoxCustom:after {
	left: 30%;
	top: 0.2em;
	width: 0.4em;
	height: 0.6em;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Create a custom radio button */
.radioButtonCustom1 {
	position: absolute;
	top: 2.1em;
	left: 0.7em;
	height: 1em;
	width: 1em;
	background-color: #eee;
	border-radius: 50%;
	left: 0.7em;
	height: 1em;
	width: 1em;
}

.radioButtonCustom2 {
	position: absolute;
	top: 4em;
	left: 0.7em;
	height: 1em;
	width: 1em;
	background-color: #eee;
	border-radius: 50%;
	left: 0.7em;
	height: 1em;
	width: 1em;
}

/* On mouse-over, add a grey background color 
.container:hover input ~ .radioButtonCustom {
	background-color: #ccc;
}
*/

/* When the radio button is checked, add a blue background */
.container input:checked ~ .radioButtonCustom1 {
	background-color: #FFFFFF;
}

.container input:checked ~ .radioButtonCustom2 {
	background-color: #FFFFFF;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radioButtonCustom1:after {
	content: "";
	position: absolute;
	display: none;
}

.radioButtonCustom2:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .radioButtonCustom1:after {
	display: block;
}

.container input:checked ~ .radioButtonCustom2:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.container .radioButtonCustom1:after {
	top: 0.2em;
	left: 6em;
	width: 0.7em;
	height: 0.7em;
	border-radius: 50%;
	border: 1px solid #979797;
	background: #087021;
}

.container .radioButtonCustom2:after {
	top: 0.2em;
	left: 0.15em;
	width: 0.7em;
	height: 0.7em;
	border-radius: 50%;
	border: 1px solid #979797;
	background: #087021;
}

/*Estilos toolTip*/
.toolTipJunta+.tooltip>.tooltip-inner {
	background-color: #087021;
	color: #FFFFFF;
	opacity: 1;
}

/*Estilos tablas*/
.cabeceraTabla {
	border-top: 2px solid !important;
	border-bottom: 2px solid !important;
	border-color: #087021 !important;
	vertical-align: middle !important;
}

.valorColumnaTabla {
	color: #484848;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 0.875em;
	letter-spacing: 0;
	line-height: 1.25em;
	vertical-align: middle !important;
	border-style: none !important;
}

.borderInferiorTabla {
	border-bottom: 2px solid !important;
	border-color: #087021 !important;
}

.imagenBotonBusqueda {
	background-image: url(../images/flecha_abajo_catalogo_gris.gif);
	background-position: 15em 1.5em;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	cursor: pointer;
	outline: 0;
	padding-left: 3em;
}

.botonAdmin {
	text-align: center;
	padding: 2em;
}

.dataTables_filter>label>input {
	width: 75%;
	border: 1px solid !important;
	border-radius: 0.4em;
}

.imagenCalendario {
	background-image: url(../images/calendar.png);
	background-position: 1em 0.2em;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	cursor: pointer;
	outline: 0;
	padding-left: 3em;
}

.noPaddingIzquierdo {
	padding-left: 0 !important;
}

.noPaddingDerecho {
	padding-right: 0 !important;
}

.alertaSuccess {
	box-sizing: border-box;
	border: 2px solid #2ABC67;
	border-radius: 3px;
	background-color: #FFFFFF;
	color: #5A6570;
	font-family: Roboto;
	font-size: 1em;
	letter-spacing: 0;
	line-height: 1.375em;
	padding: 1.375em 7.813em 1.25em 4.5em !important;
	margin-bottom: 1em;
}

.imagenAlertaSuccess {
	background-image: url(../images/iconSuccess.png);
	background-position: 2% 50%;
	background-repeat: no-repeat;
}

.alertaError {
	box-sizing: border-box;
	border: 2px solid #D8334A;
	border-radius: 3px;
	background-color: #FFFFFF;
	color: #5A6570;
	font-family: Roboto;
	font-size: 1em;
	letter-spacing: 0;
	line-height: 1.375em;
	padding: 1.375em 7.813em 1.25em 4.5em !important;
	margin-bottom: 1em;
}

.imagenAlertaError {
	background-image: url(../images/iconError.png);
	background-position: 2% 50%;
	background-repeat: no-repeat;
}

.alertaWarning {
	box-sizing: border-box;
	border: 2px solid #F2BD1D;
	border-radius: 3px;
	background-color: #FFFFFF;
	color: #5A6570;
	font-family: Roboto;
	font-size: 1em;
	letter-spacing: 0;
	line-height: 1.375em;
	padding: 1.375em 7.813em 1.25em 4.5em !important;
	margin-bottom: 1em;
}

.imagenAlertaWarning {
	background-image: url(../images/iconWarning.png);
	background-position: 2% 50%;
	background-repeat: no-repeat;
}

.alertaInfo {
	box-sizing: border-box;
	border: 2px solid #2880B8;
	border-radius: 3px;
	background-color: #FFFFFF;
	color: #5A6570;
	font-family: Roboto;
	font-size: 1em;
	letter-spacing: 0;
	line-height: 1.375em;
	padding: 1.375em 7.813em 1.25em 4.5em !important;
	margin-bottom: 1em;
}

.imagenAlertaInfo {
	background-image: url(../images/iconInfo.png);
	background-position: 2% 50%;
	background-repeat: no-repeat;
}

.blockuiEstilos {
	border: none;
	padding: 15px;
	backgroundColor: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	opacity: .5;
	color: #fff;
	top: 50%;
}

.tamanoGlyphicon {
	font-size: 130% !important;
}

a.noDecor {
	text-decoration: none;
	color: #FFFFFF !important;
}

a.noDecorSecundario {
	text-decoration: none;
	color: #087021 !important;
}

a.noDecor:hover {
	text-decoration: none !important;
	color: #FFFFFF !important;
}

a:hover {
	text-decoration: none !important;
}

a.noDecorSecundario:hover {
	text-decoration: none !important;
	color: #087021 !important;
}

.letraLogo {
	color: #ffffff;
	font-family: 'Noto Sans HK', sans-serif;;
	font-size: 2em;
	font-weight: 500;
	line-height: 1.5em;
	padding-left: 1em;
}