/** Colapsables y paneles */
.panel-seccion .panel-heading .accordion-title-ico {
    color: #0f69b4;
    margin-top: 6px;
}

.panel-seccion {
    border: 8px solid white;
}
.panel-accordion {
    padding-top: 0px;
    padding-bottom: 0px;
}
.panel-seccion .panel-heading {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 5px;
    padding-left: 5px;
}

.panel-seccion .panel-info .panel-heading {
    padding: 4px;
}

.panel-seccion .panel-heading h4 {
    text-align: center;
    color:#555;
}

.panel-seccion .panel-heading a:hover {
    color:#555;
}
.panel-seccion .panel-group {
    margin-bottom: 0px;
}
.panel-seccion .panel-info {
    margin-bottom: 10px;
    margin-top: 10px;
}
.titulo-seccion h2 {
    background-color: #86d1f3;
    font-size: 18px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: -5px;
}
.panel-seccion .panel-footer {
    padding: 4px;
}

.panel-seccion .panel-footer .btn-default i,
.panel-seccion .panel-heading .btn-default i {
    vertical-align: middle;
    margin-left: 2px;
}
.mensaje-seccion {
    color: #0f69b4;
}

.mensaje-seccion i {
    margin-right: 5px;
}

/** Inputs deshabilitados */
.panel-seccion .form-control[disabled] {
    background: #f9f9f9;
    border-top: 2px solid #ddd;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding-left:5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    webkit-box-shadow: none;
    box-shadow: none;
}

.panel-seccion .form-control[disabled][type=number] {
    -moz-appearance: textfield;
}

.panel-seccion select.form-control[disabled]::-ms-expand   {
  display:none;
}
/** Inputs habilitados */
.panel-seccion input {
    height:25px;
}

.panel-seccion select {
    height:25px;
    padding: 0px;
}
.panel-seccion .select2-selection{
	height:25px;
	padding:2px;
}

.panel-seccion .calendar-button {
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.panel-body input[type="checkbox"]:disabled {
    display:none;
    cursor:none;
}

.panel-body input[type="checkbox"] + label {
    padding-left:20px;
}

.panel-body input[type="checkbox"]:disabled + label {
    cursor:default;
    padding-left:0;
}


.panel-body input[type="checkbox"]:checked:disabled + label::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: bold;
    text-decoration: inherit;
    color:#0f70b7;
    margin-right: 10px;
}

.panel-body input[type="checkbox"]:disabled + label::before {
    content: "\f068";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: bold;
    text-decoration: inherit;
    color:#0f70b7;
    margin-right: 10px;
}


/* Checkbox deshabilitados */

/*chekbox no tiene*/
.no-tiene, .no-consiente{
    margin-bottom: 0px;
    margin-top:0px;
}

.panel-seccion input[type="checkbox"] {
    margin-top:-2px;
    margin-left:0px;
    height: auto;
}

.no-tiene input[type="checkbox"], .no-consiente input[type="checkbox"] {
    margin-top:-2px;
    margin-left:-20px;
}

/** estilos tablas**/
.fila-item-datos {
    margin-right: -10px;
    background-color:#f6f6f6;
    text-align:center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.fila-item-texto {
    color:#0f70b7;
    font-size:12px;
}

.editar-item-datos {
    color:#009640;
}

.borrar-item-datos {
    color:#e72f2a;
}

.eval-acces-item-datos {
    color: #003F87; /* Color del S�mbolo Internacional de Accesibilidad */
}

.fila-item-ico { /* TODO - Reemplazar por header.css#.blue-tick*/
    color:#0f70b7;
    font-weight: bold;
}
.btnEnLinea>a{
    margin: 0 3px;
}
.botonera-subseccion-tabla {
    color:#0f70b7;
}
.text-warning{
    color:#ec971f;
}

/** miperfil datos curriculares condicion laboral actual */
.has-feedback select + span.form-control-feedback.feedback-select {
    position: absolute;
    top:unset;
    bottom: -5px;
    z-index:10000;
}
.has-feedback input + span.form-control-feedback.feedback-select {
    position: absolute;
    top:unset;
    right:20px;
    bottom: -5px;
    z-index:10000;
}
/** fin miperfil datos curriculares condicion laboral actual */
/**mensajes de validato*/
.has-feedback input~.form-control-feedback {
    top: 20px;
}

.has-feedback select~.form-control-feedback {
    top: 20px;
    right: 10px;
}

.has-feedback .input-group~.form-control-feedback {
    top: 20px;
    right: 25px;
}

/*para modales*/
.modal .has-feedback input~.form-control-feedback {
    top: 25px;
}
.modal .has-feedback select~.form-control-feedback {
    top: 25px;
    right: 10px;
}
.modal .has-feedback .input-group~.form-control-feedback {
    top: 25px;
    right: 32px;
}
.modal .has-feedback .form-control-feedback.feedback-file{
    top: 25px;
    right: 75px;
}
.readonly-white{
    background-color: #fff !important;
}

/*RADIOBUTTONS*/
input[type="radio"]{
    display: none;
}
label:after {
    font-family: 'FontAwesome';
    width: 1.25em;
    display: inline-block;
    color: #0f70b7;
    font-size: 1.75em;
}
input[type="radio"].customRadio + label:after  {
    content: "\f10c";
    vertical-align: middle;
}
input[type="radio"].customRadio:checked + label:after {
    content: "\f05c";
    vertical-align: middle;
}
input[type="checkbox"].customRadio + label:after {
    content: "\f096";
}

.seccion-radio-group{
    padding: 4px;
    background-color: #f5f5f5;
}

.seccion-radio-label, .seccion-radio-label label {
    margin-bottom: 0;
    padding-left: 20px;
    font-weight: normal;
}

.seccion-radio + label {
    cursor: pointer;
}

.seccion-radio[disabled] + label {
    cursor: not-allowed;
}

/* Leyenda situacion laboral */
#leyendaSituacionLaboral {
    margin: 1rem 1.5rem 0;
    padding: 4px;
    background-image: linear-gradient(to bottom, #d9edf7 0, #c4e3f3 100%);
}

/* Encuestas y radio buttons de encuesta */
.panel-body-pregunta {
    padding: 10px;
}

.panel-body-pregunta label:before {
    font-family: 'FontAwesome';
    width: 1.25em;
    display: inline-block;
    color: #0f70b7;
    font-size: 1.75em;
}

.panel-body-pregunta input[type="radio"].customRadioPregunta + label:before  {
    content: "\f10c";
    vertical-align: middle;
}
.panel-body-pregunta input[type="radio"].customRadioPregunta:checked + label:before {
    content: "\f05c";
    vertical-align: middle;
}

.panel-heading-pregunta {
    padding: 4px;
}

@media only screen and (max-width: 600px) and (min-width: 320px)  {

	.condicionLaboralMobile {
	    display: flex;
        flex-direction: column;
	}

	.situacionLaboralDivMobile {
	   width: 100%;
	}

	.salarioBrutoMensualDivMobile {
	   width: 100%;
	}

	.seccionCapacitacionesMobile {
	    width: 100%;
	    margin: 0 auto;
	}

	.ajustarBotonImportarCapacitaciones {
	   padding: 0px;
	   width: 100%;
	}

	.ajusteCuadroDiscapacidadMobile {
	    width: 100%;
        margin: 0 auto;
	}

}

#btnValidarDiscapacidad {
	border-radius: 5px;
	background: var(--AZUL, #1369B3);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
	color: var(--BLANCO, #FFF);
	text-align: center;
	font-family: gobCL;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	border: none;
	width: 180px;
    height: 45px;
}

#btnValidarDiscapacidad:disabled {
	border-radius: 5px;
    background: #B0B0B0;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
	color: var(--BLANCO, #FFF);
	text-align: center;
	font-family: gobCL;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	border: none;
	width: 180px;
    height: 45px;
}

#btnValidarDiscapacidad:hover:enabled {
    background: #315f87;
}
