/*
SOMBRA -- BORDE

*/
.sombra{border-left:  solid #E8E4E4;border-right:  solid #E8E4E4;}

/*
      COLORES DEL ENCABEZADO
*/

      /*Color Beca y creditos subtitulo*/
      .byc
      {
        color: rgba(12, 89, 207, 1);
      }
      /*Informacion Actualizada */
      .InfoActualizada
      {
        color: rgba(0, 0, 0, 1);
      }
      /*Color Fecha*/
      .ClaseFecha{
        color: rgba(12, 89, 207, 1);
      }
      /* Color Rut*/
      p.rut  {color: #fff;}
      .ClaseRut{
        color: #fff;
      }
      /*Barra del rut bajo titulo*/
      .barraRUT
      {
        background-color:#7063ab;
      }
      /*.head h1 {color:#ee8600; }
      .head p {color:#88ac17;} color verde subtitulo actual
	  */
	  /*periodo 2019 */
	  .encabezadonuevoperiodo{
		  background-color:#263C69;
	  }
	  
/*
      FIN COLORES DEL ENCABEZADO
*/

.cuerponuevoperido{
	background-color:#0FBCBE;
	padding-bottom:30px;
}

.blanco{
	background:white;
	
}

.cuadroForm{
	/*border:solid 1px #bebebe;*/
	padding:10px;
	background:#263C69;
}
.fielFormulario{
	border: 1px solid #6accd6;
    margin: 10px;
    padding: 10px 0 10px 15px;
    background: #ffffff;
}
.fielFormularioVerFormulario{
	border: 1px solid #6accd6;
    margin: 10px;
    padding: 10px 0 10px 15px;
    background: #6accd6;
}

.legendField{    
font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	border: 1px solid #6accd6;
    padding: 7px;
    background: #ffffff;
	width:150px;
	font-size:12px;
	color: #006BB7;
	}
.legendField2{    
font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	border: 1px solid #bebebe;
    padding: 7px;
    background: #ffffff;
	width:auto;
	font-size:12px;
	color: black;
	}

.titulo2{
color: #000000;
font-family: Verdana, Helvetica, sans-serif;
}
.parrafo{
    min-height: 50px;
	margin:10px;
    background: #ffffff;
    border: solid 1px #000000;
    padding: 10px;
    color: #1B4B73;
	    text-align: justify;
}
.descrip{
    min-height: 50px;
    background: #ffffff;
    border: solid 2px #7063ab;
    padding: 10px;
    color: #1B4B73;
	text-align: justify;
}

.subForm{
	border: 1px solid #000000 ;
	margin:0px 0px 3px;padding:5px;
	
}

.buttonrut{
	color: #697680;
    padding: 0 10px 0 5px;
    border: 1px solid #bebebe;
    border-radius: 2px;
	background:rgb(220, 217, 217);
	
}

.buttonrutsinfondo{
	color: #697680;
    padding: 0 10px 0 5px;
    border: 1px solid #bebebe;
    border-radius: 2px;
	
}

.buttonrutsinfondoniborde{
	color: #697680;
    padding: 0 10px 0 5px;
	
}
.textApela{
    height: 200px;
    border: 1px solid #bebebe;
    border-radius: 2px;
    color: #697680;
    padding: 5px;
	    width: 100%;
    resize: none;
	border: 1px solid #ccc;
    border-radius: 4px;
}

.ficha{
    margin: 0;
    padding: 2px;
	}
	
	
.labelform{
	
	font-size: 11px;
    color: #1B4B73;
    text-align:left;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:normal;
}
.subCaja{
	border: 1px solid #bebebe;
	padding:5px;
}

.thTabla{
	background-color:#6B3A96;
	color:white;
	text-align:center;
}

.tdTabla{
	border: 1px solid #ddd;
	background-color: #EBEBEB;
	color: #697680;
	

}
.tdTablaPar{
	border: 1px solid #ddd;
	background-color:white;
	color: #697680;

}
/*
      COLORES BLOQUES PRINCIPALES
*/
    /*bloque de informacion mayor*/
    .bloqueInformacion
    {
      background-color:#ddd;
    }

    /*Color textos Datos Postulante*/
    .ColorDatosPostulante{
    color:#ee8600 ;
    }
	
	/*color nombre proceso*/
	.cursos{
		 color:black;
		
	}
    /*colores recuadros Medianos en general*/
    .recuadroProceso
    {
      background-color:#EBEBEB;
    }
    /*colores recuadros Medianos especificos*/

        #primerano.recuadroProceso
        {
          background-color:#f1f1f1;
        }

        #complementarias.recuadroProceso
        {
          background-color:#f1f1f1;
        }

        #superiores.recuadroProceso
        {
          background-color:#f1f1f1;
        }

    /*colores recuadros pequeños especificos
    descomentar cuando se quiere colores por proceso distintos y definidos */
        #primerano.recuadroBeneficio
        {
           background-color:#a3c9e5; /*a3c9e5 color diseñadora */
        }
        #complementarias.recuadroBeneficio
        {
          background-color:#a3c9e5;
        }

        #superiores.recuadroBeneficio
        {
           background-color:#a3c9e5;
        }
    /**/
        /* colores en asignacion defirenciado de asignado/noasignado */
         #primerano.recuadroBeneficio.asignado
        {
          background-color:#88ac17;
        }

         #primerano.recuadroBeneficio.noAsignado
        {
          background-color:#ddd;
        }
        #complementarias.recuadroBeneficio.asignado
        {
          background-color:#88ac17;
        }

         #complementarias.recuadroBeneficio.noAsignado
        {
          background-color:#ddd;
        }
        #superiores.recuadroBeneficio.asignado
        {
          background-color:#88ac17;
        }

         #superiores.recuadroBeneficio.noAsignado
        {
          background-color:#ddd;
        }
/* activa en preseleccion colores y leyenda
.PreseleccionCumple
{
  background-color:#EBEBEB;
}

.recuadroBeneficio.noCumpleRequisitos
{
  background-color:#EBEBEB;
}
*/

/*
Color de Los nombre de la Proceso/Cladificacion mis Beneficios ej (Primer Año, Becas Complementarias)
*/
    .NombreProcesoBeneficios
    {
    color: black;
  font-size: 18px;

    }

    /*
    Color quiero una beca:MisBeneficios
    */
    .quieroBeca
    {
      background-color:white;
      color:rgb(20, 100, 246);
    }
	/*
		Color monto total:MisBeneficios 
	*/
	.montotoalMB
	{
		color:red;
	}
/*
Colores del Acordeon
*/
      #custom-accord .panel {
      background-color: #fff;
      margin-bottom: 2px;
      }
      /*Encabezado del Acordeon*/
      #custom-accord .panel-heading
      {
      /*color: rgba(3, 48, 118, 1);
      border-color: rgb(226, 238, 121);*/
       background-color: #88ac17; /*abcb44 ;*/

      }
      /*Cuerpo Acordeon*/
      #custom-accord .panel-body
      {
       background-color:  #ddd;

      }
      /* color de icono > en Acordeon especifico*/
      .iconoAccordeon
      {
        color: #fff;
        margin-right: 10px;margin-top: 5px;
      }

/*
Colores de Tooltip 
*/
.tooltip-inner {
    color: black;
    background-color:#fff;
    border: 1px solid #000;
}
.tooltip-inner strong {
    font-size: 16px;
}
.tooltip.in {
    opacity: 1;
}
/* en prueba ..
.tooltip.top .tooltip-arrow {
    border-top-color: rgb(252, 211, 135);
}

.tooltip.right .tooltip-arrow {
    border-right-color:rgb(252, 211, 135);
}

.tooltip.left .tooltip-arrow {
    border-left-color: rgb(252, 211, 135);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgb(252, 211, 135);
}

*/




/* Colores en línea de tiempo */
.timeline .etapa{
  fill:white;
}

.timeline .etapa:hover{
  fill:#FBFBFB;
}

.timeline .etapa.active {
  fill:rgba(255, 168, 52, 1);
}

.timeline .etapa .etiqueta{

   fill:rgb(0, 0, 0);
}
.timeline .etapa .numeros{

   fill:rgb(0, 0, 0);
}

/*Linea de tiempo Small */
@media (max-device-width: 767px) {

.timeline .etapa.active {
  fill:rgba(255, 168, 52, 1);
}
}