.alert-error{--bs-alert-color:#842029;--bs-alert-bg:#f8d7da;--bs-alert-border-color:#f5c2c7}

.alert-error .alert-link{color:#6a1a21}


.pie_pagina  {
 color:white;
 text-align: center;
 padding: 25px;
}

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body{
	font-family: Arial, Helvetica, sans-serif;
}

.contenido_principal{
    min-height: 100%;
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
}

.main{
    overflow:auto;
	padding-bottom: 180px;
}

.prin_encabezado{
    float:left;
    width:100%;
    text-align: center;
}

.prin_encabezado img{
    width:100%;
    height: auto;
}

.prin_menu{
    float:left;
    width:100%;
    background-color: rgb(27, 125, 186) ;
}

.prin_menu_left{
    float:left;
    width:60%;
}

.prin_menu_right{
    float:right;
    width:40%;
    text-align: right;
    margin-top: 10px;
    padding-right: 5px;
    font-size: 12px;
    color: white;
}

.prin_menu_right a:link{
    color:white;
}

.prin_menu_right a:visited{
    color:white;
}

.prin_body{
    float:left;
    width:100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.prin_mensajes_cont{
    float: left;
    width: 100%;
    margin-top: 5px;
}

.prin_mensajes_success{
    width:40%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: green;
    border: 1px solid darkgreen;
    border-radius: 20px;
    text-align: center;
    color:white;
    margin: 0 auto;
}

.prin_mensajes_error{
    width:40%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: red;
    border: 1px solid darkred;
    border-radius: 20px;
    text-align: center;
    color:white;
    margin: 0 auto;
}

.prin_mensajes_warning{
    width:40%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: lightgoldenrodyellow;
    border: 1px solid yellow;
    border-radius: 20px;
    text-align: center;
    color: black;
    margin: 0 auto;
}

.prin_footer{
    float:left;
    width:100%;
    margin-bottom: 15px;
}

.registro_postulante{
    width:100%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.registro_postulante_contenido{
    margin: 0 auto;
    margin-top: 5px;
    width:90%;
}

.registro_postulante_titulo{
    background-color: rgb(29, 85, 136);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: white;
    margin-bottom: 5px;
    width:100%;
    float: left;
}

.registro_postulante_fila{
    width:100%;
    float: left;
    margin-top: 10px;
}

.registro_postulante_fila_cuadro{
    width:100%;
    float: left;
    margin-top: 25px;
}

.registro_postulante_fila_cuadro_cont{
    width:95%;
    float: left;
    margin: 0 auto;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding: 15px;
    text-align: justify;
}

.registro_postulante_fila_boton{
    width:100%;
    float: left;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
.registro_postulante_celda{
    width:20%;
    float: left;
    margin-bottom: 5px;
}

.registro_postulante_cuadro{
    width:100%;
    float: left;
    border: 1px solid rgb(212, 208, 208);
    margin-bottom: 10px;
    padding: 10px;
}

.Div_Error_Form
{
	color:#333333;
	font-size:11px;
	text-align:left;
	background-color:#FFEBE8;
	border:solid 1px #CC0000;
	margin-top:12px;
	margin-bottom:12px;
	padding:12px;
	width:310px;
	height:auto;
}

.Div_Exito_Form
{
	color:#333333;
	font-size:11px;
	text-align:left;
	background-color:#c6fbd1;
	border:solid 1px #4cff00;
	margin-top:12px;
	margin-bottom:12px;
	padding:12px;
	width:310px;
	height:auto;
}

.registro_prop_pasos{
    width:100%;
    float: left;
    margin-bottom: 10px;
}

.registro_prop_pasos img{
    width:100%;
}

.registro_prop_titulo{
    background-color: green;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: white;
    margin-bottom: 5px;
    width:100%;
    float: left;
}

.tipo_beneficiario_celda1{
    font-size: 12px;
    width:90%;
    float: left;
    border: 1px solid grey;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 2px;
    background-color: rgba(248, 245, 245, 0.897);
}
.tipo_beneficiario_celda2{
    font-size: 12px;
    width:10%;
    float: left;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 2px;
}

.tipo_beneficiario_celda3{
    font-size: 12px;
    width:100%;
    float: left;
    border: 1px solid grey;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 2px;
    background-color: rgba(248, 245, 245, 0.897);
}

.tipo_beneficiario_titulo{
    font-size: 12px;
    background-color: green;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    color: white;
    margin-bottom: 5px;
    width:100%;
    float: left;
}

.nota{
    font-size: 11px;
}

.field{
    font-weight: bold;
    font-size: 13px;
    width:80%;
    margin-bottom: 5px;
}

.required{
    font-weight: bold;
    font-size: 13px;
    width:80%;
    margin-bottom: 5px;
}

.required::after {
    content: " *";
    color: red;
}

.help_text{
    font-style: italic;
    font-size: 11px;
    width: 80%;
}

.required2{
    font-size: 11px;
    color: red;
}

.forgot_password{
    font-size: 12px;
    color: rgba(50, 159, 248, 0.712);
    font-weight: bold;
}

/************************************** PÁGINA PRINCIPAL ********************************************************/

.contenedor_principal{
    width: 80%;
    margin: 0 auto;
}

.ppal_left {
    width: 25%;
    float: left;
}

.ppal_login {
    border-radius: 25px;
    width: 100%;
    border: 1px solid rgb(253, 135, 1);
    margin-bottom: 15px;
}

.ppal_login2 {
    border-radius: 25px;
    width: 300px;
    border: 1px solid rgb(253, 135, 1);
    margin-bottom: 15px;
    margin: 0 auto;
}

  .ppal_login_titulo{
    background: rgb(253, 135, 1);
    border-radius: 25px 25px 0px 0px;
    height: 30px;
    text-align: left;
    font-weight: bold;
    color: white;
    padding-left: 15px;
}

.ppal_login_cell{
    text-align: left;
    padding-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ppal_clave_unica {
    border-radius: 25px;
    width: 100%;
    height: 110px;
    border: 1px solid rgb(247, 53, 0);
    margin-bottom: 15px;
}

  .ppal_clave_unica_titulo{
    background: rgb(247, 53, 0);
    border-radius: 25px 25px 0px 0px;
    height: 30px;
    text-align: left;
    font-weight: bold;
    color: white;
    padding-left: 15px;
}

.ppal_clave_unica_boton{
    text-align: center;
    margin-top: 15px;
}

.ppal_clave_unica_boton img{
    width: 65%;
}

.ppal_calen_postul {
    border-radius: 25px;
    width: 100%;
    height: 140px;
    border: 1px solid rgb(147, 48, 139);
    margin-bottom: 15px;
}

  .ppal_calen_postul_titulo{
    background: rgb(147, 48, 139);
    border-radius: 25px 25px 0px 0px;
    height: 30px;
    text-align: left;
    font-weight: bold;
    color: white;
    padding-left: 15px;
}

.ppal_calen_postul_cont{
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 10px;
}

.ppal_calen_postul_foot{
    text-align: right;
    font-weight: bold;
    font-size: 10px;
    margin-right: 10px;
    margin-top: 30px;
}

.ppal_calen_postul_cont_p{
    color: rgb(147, 48, 139);
}

.hr1 {
    margin: 0 auto;
    border:none;
    border-top:1px dashed rgb(170, 82, 158);
    height:1px;
    width:95%;
    margin-bottom: 0px;
  }

.ppal_right {
    width: 73%;
    float: left;
    margin-left: 15px;
}

.ppal_concursos2022 {
    width: 100%;
    margin-bottom: 15px;
}

.ppal_concursos2022 img{
    width: 100%;
}

.ppal_preg_postul {
    border-radius: 25px;
    width: 100%;
    height: 180px;
    border: 1px solid rgb(0, 99, 44);
    margin-bottom: 15px;
}

  .ppal_preg_postul_titulo{
    background: rgb(0, 99, 44);
    border-radius: 25px 25px 0px 0px;
    height: 30px;
    text-align: left;
    font-weight: bold;
    color: white;
    padding-left: 15px;
}

.ppal_preg_postul_cell{
    text-align: left;
    font-weight: bold;
    color: rgb(0, 99, 44);
    padding-left: 15px;
    border-top: 1px solid rgb(0, 99, 44);
    padding-top: 5px;
    padding-bottom: 5px;
}

.ppal_complementos {
    border-radius: 25px;
    width: 100%;
    height: 130px;
    border: 1px solid rgb(253, 135, 1);
    margin-bottom: 15px;
}

  .ppal_complementos_titulo{
    background: rgb(253, 135, 1);
    border-radius: 25px 25px 0px 0px;
    height: 30px;
    text-align: left;
    font-weight: bold;
    color: white;
    padding-left: 15px;
}

.ppal_complementos_cell{
    text-align: left;
    color: black;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ppal_complementos_foot{
    text-align: right;
    font-weight: bold;
    font-size: 10px;
    margin-right: 10px;
    margin-top: 30px;
}

.ppal_complementos_cont_c{
    color: rgb(253, 135, 1);
}

.hr2 {
    margin: 0 auto;
    border:none;
    border-top:1px dashed rgb(253, 135, 1);
    height:1px;
    width:95%;
    margin-bottom: 0px;
  }

  .ppal_doc_ant {
    border-radius: 25px;
    width: 100%;
    height: 130px;
    border: 1px solid rgb(29, 85, 136);
    margin-bottom: 15px;
}

  .ppal_doc_ant_titulo{
    background: rgb(29, 85, 136);
    border-radius: 25px 25px 0px 0px;
    height: 30px;
    text-align: left;
    font-weight: bold;
    color: white;
    padding-left: 15px;
}

.ppal_doc_ant_cell{
    text-align: left;
    color: black;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ppal_doc_ant_foot{
    text-align: right;
    font-weight: bold;
    font-size: 10px;
    margin-right: 10px;
    margin-top: 30px;
}

.ppal_doc_ant_cont_c{
    color: rgb(29, 85, 136);
}

.hr6 {
    margin: 0 auto;
    border:none;
    border-top:1px dashed rgb(29, 85, 136);
    height:1px;
    width:95%;
    margin-bottom: 0px;
  }

.ppal_forms_postul {
    border-radius: 25px;
    width: 100%;
    height: 100px;
    border: 1px solid rgb(170, 82, 158);
    margin-bottom: 15px;
}

  .ppal_forms_postul_titulo{
    background: rgb(170, 82, 158);
    border-radius: 25px 25px 0px 0px;
    height: 30px;
    text-align: left;
    font-weight: bold;
    color: white;
    padding-left: 15px;
}

.ppal_forms_postul_cell{
    text-align: left;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ppal_forms_postul_foot{
    text-align: right;
    font-weight: bold;
    font-size: 10px;
    margin-right: 10px;
    margin-top: 30px;
}

.ppal_forms_postul_cell_p{
    color: rgb(51, 103, 153);
}


/*** VERIFICA RUT ********************************************/

.contenedor_verifica_rut{
    width: 80%;
    margin: 0 auto;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.verifica_rut {
    border-radius: 25px;
    width: 35%;
    border: 1px solid rgb(0, 99, 44);
    margin: 0 auto;
}

.verifica_rut_titulo{
    background: rgb(0, 99, 44);
    border-radius: 25px 25px 0px 0px;
    height: 30px;
    text-align: left;
    font-weight: bold;
    color: white;
    padding-left: 15px;
}

.verifica_rut_cell{
    text-align: left;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.verifica_rut_cell2{
    text-align: left;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}

.verifica_rut_cell3{
    text-align: center;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 15px;
    font-size: 12px;
}

/*** VERIFICA RUT ERROR ********************************************/

.verifica_rut_error {
    border-radius: 25px 25px 25px 25px;
    width: 700px;
    height: 300px;
    border: 4px solid rgb(0, 133, 34);
    margin: 0 auto;
}

.verifica_rut_error_left {
    float: left;
    width: 30%;
    text-align: center;
    margin-top: 60px;
}

.verifica_rut_error_left img {
    width: 100px;
}

.verifica_rut_error_right {
    float: right;
    width: 70%;
    text-align: center;
    margin-top: 60px;
    padding-right: 20px;
}

.verifica_rut_error_title {
    font-size: 20px;
    font-weight: bold;
    color: rgb(0, 133, 34);
}

a.button_green, input.button_green, button.button_green {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    border: 2px solid rgb(0, 133, 34);

    border-radius: 10px;

    text-decoration: none;

    background: rgb(0, 133, 34);

    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 30px;

    font-weight: bold;

    margin-left: 20px;
    margin-right: 20px;
}

a.button_green:hover, input.button_green:hover, button.button_green:hover {
    text-decoration: none;
    color: white;
    background-color: darkgreen;
}

a.button_green2, input.button_green2, button.button_green2 {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;

    border-radius: 25px;

    border: 2px solid rgb(0, 133, 34);

    color: rgb(0, 133, 34);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 30px;

    font-weight: bold;

    margin-left: 20px;
    margin-right: 20px;
}

a.button_green2:hover, input.button_green2:hover, button.button_green2:hover {
    text-decoration: none;
    color: darkgreen;
}

a.button_blue, button.button_blue {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    border: none;

    text-decoration: none;

    background: rgb(29, 85, 136);

    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 30px;

    font-weight: bold;

    margin-left: 20px;
    margin-right: 20px;

    border-radius: 10px;
}

a.button_blue:hover, button.button_blue:hover {
    text-decoration: none;
    color: white;
    background-color: blue;
}

a.button_blue2, input.button_blue2 {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;

    border: 2px solid rgb(29, 85, 136);
    border-radius: 25px;

    color: rgb(29, 85, 136);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 30px;

    font-weight: bold;

    margin-left: 20px;
    margin-right: 20px;
}

a.button_blue2:hover, input.button_blue2:hover {
    text-decoration: none;
    color: darkblue;
}

a.button_orange, input.button_orange {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    border: none;

    text-decoration: none;

    background: rgb(253, 135, 1);

    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;

    font-weight: bold;

    margin-left: 10px;
    margin-right: 10px;

    font-size: 12px;
}

a.button_orange:hover, input.button_orange:hover {
    text-decoration: none;
    color: white;
    background-color: orange;
}

a.button_orange2, input.button_orange2 {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;

    border: 2px solid rgb(253, 135, 1);

    color: rgb(253, 135, 1);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;

    background-color: white;

    font-weight: bold;

    margin-left: 10px;
    margin-right: 10px;

    font-size: 12px;
}

a.button_orange2:hover, input.button_orange2:hover {
    text-decoration: none;
    color: orange;
}

a.button_red, button.button_red {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    border: none;

    text-decoration: none;

    background: red;

    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 30px;

    font-weight: bold;

    margin-left: 20px;
    margin-right: 20px;

    border-radius: 10px;
}

a.button_red:hover, button.button_red:hover {
    text-decoration: none;
    color: white;
    background-color: darkred;
}

/***** TERMINOS Y CONDICIONES ********************************/

.term_cond_celda{
    width:100%;
    float: left;
    border: 1px solid ;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 20px;
    text-align: justify;
    border: 1px solid rgb(212, 208, 208);
}

.term_cond_celda2{
    width:100%;
    float: left;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 5px;
}

.term_cond_celda3{
    width:100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.valdidacion_registro {
    border-radius: 25px 25px 25px 25px;
    width: 700px;
    height: 250px;
    border: 2px solid rgb(29, 85, 136);
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
}

.valdidacion_registro_title {
    font-size: 20px;
    font-weight: bold;
    color: rgb(29, 85, 136);
}

/*********************** POSTULACION ***********************/


.postulacion_left{
    width: 50%;
    float: left;
    text-align: center;
}

.postulacion_right{
    width: 50%;
    float: left;
    text-align: center;
}

.postulacion_cuadro_azul{
    border-radius: 25px;
    width: 95%;
    border: 2px solid rgb(27, 125, 181);
    margin-bottom: 15px;
}

.postulacion_cuadro_img{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    
}

.postulacion_cuadro_txt{
    width: 90%;
    text-align: justify;
    margin:0 auto;
}

.postulacion_cuadro_verde{
    border-radius: 25px;
    width: 95%;
    border: 2px solid rgb(0, 128, 48);
    margin-bottom: 15px;
}

.postulacion_titulo{
    width: 95%;
    text-align: left;
    margin:0 auto;
    margin-bottom: 15px;
    height: 90px;
}

.registro_beneficiario_fila_header{
    background: rgb(4, 130, 47);
    width: 100%;
    height: 50px;
    float: left;
    border-bottom: 1px solid black;
}
.registro_beneficiario_fila_cell{
    width: 10%;
    text-align: center;
    color: white;
    float: left;
    font-size: 12px;
    padding: 5px;
}

.registro_beneficiario_fila_cell2{
    width: 10%;
    text-align: center;
    color: black;
    float: left;
    font-size: 12px;
    padding: 5px;
}

.registro_beneficiario_fila_cell3{
    width: 10%;
    text-align: center;
    color: black;
    float: left;
    font-size: 12px;
    padding: 5px;
    border-right: 1px solid rgb(4, 130, 47);
    height: 55px;
}

.registro_beneficiario_fila_cell4{
    width: 25%;
    text-align: center;
    color: white;
    float: left;
    font-size: 12px;
    padding: 5px;
}

.registro_beneficiario_fila_cell5{
    width: 25%;
    text-align: center;
    color: black;
    float: left;
    font-size: 12px;
    padding: 5px;
}

.registro_beneficiario_fila_cell6{
    width: 25%;
    text-align: center;
    color: black;
    float: left;
    font-size: 12px;
    padding: 5px;
    border-right: 1px solid rgb(4, 130, 47);
    height: 55px;
}

.registro_postulante_fila_ben{
    width:100%;
    float: left;
    margin-top: 2px;
    border: 1px solid rgb(4, 130, 47);
}


.predio_nota {
    border-radius: 25px;
    width: 50%;
    height: 160px;
    border: 1px solid rgb(0, 132, 49);
    margin: 0 auto;
}

.predio_nota_cell{
    text-align: justify;
    color: rgb(0, 132, 49);
    padding: 20px;
    font-size: 14px;
}

.hero-image {
    height: 150px;
    width: 100%;
    
  }

  #exTab1 .tab-content {
    color : white;
    background-color: #428bca;
    padding : 5px 15px;
  }
  
  #exTab2 h3 {
    color : white;
    background-color: #428bca;
    padding : 5px 15px;
  }
  
 
  #exTab1 .nav-pills > li > a {
    border-radius: 0;
  }
  
  
  #exTab3 .nav-pills > li > a {
    border-radius: 4px 4px 0 0 ;
  }
  
  #exTab3 .tab-content {
    color : white;
    background-color: #428bca;
    padding : 5px 15px;
  }

  #rcorners2 {
    border-radius: 25px;
    border: 3px solid green;
    width: 100%;
    height: 150px;
  }

  .cuadro{
  border: 2px solid lightgray;
  padding: 5px;
  margin-right: 5px;
  }

  #infoSection {
    overflow: hidden;
    max-height: 0;
    padding: 0 1.25rem;
    transition: max-height .3s ease, padding .3s ease;
  }
  
  #infoSection.open {
    max-height: 500px;
    padding: 1.25rem;
  }
  
  #infoBox p {
    text-align: justify;
    font-weight: 400;
  }
  
  .accordion-header{
    background:#fff;
    color:#000;  
    
    border:none;
    border-bottom:2px solid #198754;
    font-weight:700; 
    border-radius:0; 
    
    padding:.55rem 1rem; 
    padding-right:2.5rem;
    
    position:relative;
    cursor:pointer;
    transition:background-color .25s ease;
    
    white-space:normal!important;
    word-break:break-word;
    line-height:1.3;
  }
  
  .accordion-header:hover{
    background:#f6f6f6;
  }
  
  
  .accordion-header::after{
    content:"▼";
    font-size:.85rem;
    color:#198754;
    position:absolute;
    top:50%; right:18px;
    transform:translateY(-50%) rotate(0deg);
    transition:transform .3s ease;
  }
  
  .accordion-header.open::after{
    transform:translateY(-50%) rotate(180deg);
  }
  
  @keyframes pulse{
    0%   { box-shadow:0 0 0   0  rgba(25,135,84,.85); }
    50%  { box-shadow:0 0 0  16px rgba(25,135,84,.25); }
    100% { box-shadow:0 0 0  24px rgba(25,135,84,0); }
  }
  
  .accordion-header.pulse{
    animation:pulse 2s ease-out infinite;
  }