.axis path,.axis line {fill: none;stroke: #000;shape-rendering: crispEdges;}

.js #browser_warning {display: none;}

.no-js .container {display: none;}

.highlight em {
  background-color: yellow;
}

/* Space out content a bit */

body {
  padding-top: 0px;
  padding-bottom: 20px;
  font-family: 'Open Sans', sans-serif;
  background: #F6F6F6;
}

a:link   
{   
 text-decoration:none;   
}  

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-left: 15px;
  padding-right: 15px;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5; 
}
.head {height: 130px; padding:0 10px;}


/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  padding-bottom: 19px;
}

/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 1024;
  }
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/*
        ENCABEZADO
*/

/* Imagen del ministerio de Educacion*/
.logo
{
  /*position:relative;
  top:19px;
  left:12px;*/
  z-index: 1;
  margin-left:5px;
}

/*Color Beca y creditos subtitulo*/
.byc
{
  color: rgba(12, 89, 207, 1);
  font-size: 24px;
}

/* Informacion Actualizada Encabezado*/
.InfoActualizada
{
  text-align:right;
  margin-top:15px;
}

/*Color  y tamaño letra Fecha*/
.ClaseFecha
{
  color: rgba(12, 89, 207, 1);
  font-size: 24px;
}

/* Color y tamaño letra Rut*/
.ClaseRut{
  color: #fff;
  font-size: 16px;
}
/* Boton Cerrar*/
.Acerrar
{
  font-size:15px;
  padding-left:10px;
  padding-right:10px;
  cursor: pointer;
  text-align: right;
}

/*parabra RUT*/
.rut
{
  font-size: 16px;
  margin:5px;
}

/* barra naranja header*/
.BarranaSuperior
{
  padding:1px;
  background-color:rgb(255, 197, 129);
}
/*Texto titulo de los Procesos*/
.subtitulo
{
  color: #fff;
  font-size: 16px;
  font-weight: lighter;
  font-family:'Open Sans', sans-serif; margin-bottom: 5px;
}

/*  */
.cursos{
color: #88ac17;
  margin: 15px;
  font-weight: bold;
}

/*Texto Subtitulo Login*/
.Bienvenidos{
   font-size:21px;
   padding: 30px;
}
.errorLogin
{
color: #F51937;
}
.form-group .errorLogin
{

  border-color: #F51937;
}

.rounded-top {
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-topleft: 7px;
	-ms-border-radius-topleft: 7px;
	-ms-border-radius-topright: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
}

.rounded-bottom {
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-ms-border-radius-bottomleft: 7px;
	-ms-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
}

/*
     PROCESOS EN GENERAL: Estilo por Defecto
*/

/*Casos que necesiten un espacio a la izquierda*/
.padding5px
{
  padding-left:5px;
}

/*Estilo Bloques Principales*/
.BloquesMayores
{
  margin-top:10px;
  margin-bottom:10px;
  padding: 15px;
  /*color por defecto bloques*/
  background-color: rgb(226, 238, 121); 
}
/**/
.errorMsg
{
  text-align: center;
  font-size: 22px;
  padding: 3px;
}
/**/
.margen
{
  margin-bottom:15px;
}
/**/
.margen2
{
  text-align:right;
  margin-bottom:15px;
}
/**/
.md{
  background-color: #88ac17;color: #fff; padding:8px 12px;text-transform: uppercase;
  font-weight: lighter;border:none;
}
.md:hover{
  background-color: #abcb44;
}
/*
    PRIMER BLOQUE PRINCIPAL: INFORMACION DESTACADA

*/

/*color por defecto icono Informacion Destacada*/
.iconoInfoDest
{
  color: white;
  margin-left: 10px;
}

/*
    SEGUNDO BLOQUE PRINCIPAL: DATOS POSTULANTE
*/

/*Clase para puntajes */
.rectangulo
{
  width: 99%;
  /*border:1px solid rgb(146, 146, 146); */
  padding:5px;
  margin: 5px;
}
/*#complementarias.rectangulo
{
background-color: rgb(145, 228, 251);
}
#primerano.rectangulo
{
background-color: rgb(193, 208, 69);
}

#superiores.rectangulo
{
background-color: rgb(193, 208, 69);
}*/

/*color defecto recuadros pequeños de datospostulante*/
#datospostulante.rectangulo
{
  background-color:#f1f1f1;
}
/*informacion evaluacion del postulante*/
.infoevaluacion
{
  border:1px solid #fff;
  margin:2px;
  text-align:center;
  border-radius: 6px;
}
/*Color por defecto Datos Postulante*/
.ColorDatosPostulante{
color:rgba(3, 48, 118, 1);

}
/*texto superior en minirecuadro de evaluacion*/
.infosuperior
{
  padding-top: 2px;
  padding-bottom: 7px;
  background-color:#82b2d3;;color:white;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/*texto inferior en minirecuadro de evaluacion*/
.infoinferior
{
  background-color:#fff;
  color:black;
  font-size: 24px;
  -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

/*
    TERCER BLOQUE PRINCIPAL: MIS BENEFICIOS
*/

/*Palabra Beneficio Otorgado*/
.botorgado
{
  margin:5px;
  font-size: 14px;
  color: #fff;
  text-align: right;
  font-weight: normal;
  text-transform: uppercase;
}

.botorgado span {color:#fff; font-weight: bold;}
/*Recuadro pequeño de MisBeneficios para identificador no por Defecto*/
.beneficiosrectangulo
{
  /*height:65px;*/
  border:2px solid rgb(146, 146, 146);
  margin:4px;
  text-align:center;
  border-radius: 5px;
  padding:0 5px 1px 5px;
  /*color defecto para identificador no definidos*/
  background-color:rgb(255, 255, 255);
  cursor:pointer;
}
/*Recuadro pequeño de MisBeneficios estilo General*/
.recuadroBeneficio{
  /*height:65px;*/
  border:1px solid #aaa;
  margin:4px;
  text-align:center;
  border-radius: 5px;
  padding:0 5px 1px 5px;
  cursor:pointer;
}
/*poner un asignado no asignado por defecto para todos los procesos aunq no esten # defnidos.*/

.recuadroBeneficio.asignado
        {
          background-color:#88ac17;
        }

.recuadroBeneficio.noAsignado
        {
          background-color:#ddd;
        }
/*Estilo Recuadro Pequeño Cumple*/
.PreseleccionCumple
{
   /*height:65px;*/
  border:1px solid #aaa;
  margin:4px;
  text-align:center;
  border-radius: 5px;
  padding:0 5px 1px 5px;
  background-color: #88ac17;
  cursor:pointer;
}
/*Estilo Recuadro Pequeño no Cumple*/
.PreseleccionNocumple
{
  /*height:65px;*/
  border:1px solid #aaa;
  margin:4px;
  text-align:center;
  border-radius: 5px;
  padding:0 5px 1px 5px;
  background-color: #ddd;
  cursor:pointer;
}
/*Estilo Recuadro Pequeño Cumple sin pointer*/
.PreseleccionCumpleSinP
{
  /*height:65px;*/
  border:1px solid #aaa;
  margin:4px;
  text-align:center;
  border-radius: 5px;
  padding:0 5px 1px 5px;
  background-color: #88ac17;

}
/*Estilo Recuadro Pequeño no Cumple sin pointer*/
.PreseleccionNocumpleSinP
{
  /*height:65px;*/
  border:1px solid #aaa;
  margin:4px;
  text-align:center;
  border-radius: 5px;
  padding:0 5px 1px 5px;
  background-color: #ddd;

}
/*Estilo en los Mensajes de Mis Beneficios*/
.MensajesEspeciales
{
padding:15px 15px 0 15px;
}
/***
    Pie de Mis Bineficios
***/

/* palabra Call Center*/
.callcenter
{
 font-size: 22px;
 text-align: left;
}
/*Estilo recuadro Quiero una beca*/
.quieroBeca
{
  background-color:white;
  border:1px solid rgb(20, 100, 246);
  padding:2px;color:rgb(20, 100, 246);
  font-size:17px;
  text-align:center;
  cursor:pointer;
}

/***
    CSS de Acordeon
***/

/*espacio el acordeon en general*/
#custom-accord
{
  padding: 10px 0 10px 0;
}
/*Color de encabezado y borde del acordeon*/
#custom-accord .panel-heading
{
  color: rgba(3, 48, 118, 1);
  background-color: rgb(226, 238, 121);
  border-color:rgb(226, 238, 121);
    padding: 5px 10px;

}
/*estilo del cuerpo del acordeon*/
#custom-accord .panel-body
{
  padding: 1px;
  background-color: rgb(226, 238, 121); 
}

/*EL COLOR de icono > en Acordeon*/
.iconoAccordeon
{
  color: black;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

/***
    Css de Efecto PopOver (PopUp)
***/

/*Estilo popover en general*/
.popover {
    padding: 3px;
    overflow: hidden;
    background: rgb(8, 68, 164);
    max-width: 510px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  }
/*Estilo Titulo popover*/
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    color:rgb(8, 68, 164);
    background-color: #f7f7f7;
    border-bottom: 2px solid rgb(8, 68, 164);
    -webkit-border-radius: 5px 5px 0 0;
       -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
  
  }
/*Estilo Contenido (cuerpo) popover*/
.popover-content {
    padding: 9px 14px;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
  }
/*x de Cerrar El popover*/
.cerrar
{
  text-align: right;
}

/*Cuando tiene monto asigando,dentro popover */
.MontoPopup
{

  border:2px solid red;
  padding:5px;
  margin:15px;
  font-size:15px;
}

.verpasos
{
  margin:10px;
  height: 100px;
   overflow-y: auto;
}

/***
    Barra Preceso: Efecto progress-bar
***/
.progress-bar { 
  transition: width 1s ease-in-out; 
}

/***
    Css Línea de Tiempo 
***/

/*pointer en etapas*/
.timeline .etapa{
  cursor: pointer;
}
/*tamaño letra Etapa activa*/
.timeline .etapa.active {
  font-size: 17px;
}
/*linea de tiempo mostrar/ocultar */
.mostrar-xs{
  display:block;
}
/*linea de tiempo mostrar/ocultar */
.ocultar-xs {
 display:none;
}

/*linea de tiempo en dispositivos xs real max-device-width*/
@media (max-width: 500px) {
/*linea de tiempo mostrar/ocultar */
.mostrar-xs {

 display:none !important;
}
/*linea de tiempo mostrar/ocultar */
.ocultar-xs {
 display:block !important;

}
  }

/***
    Css para Dispositivos Small 
***/
@media (max-width: 767px) {
  .padding-xs-screen {
    padding:0px !important;
  }
  
  .paddingCajasHomeForm {
    padding:0px !important;
  }

  .botonCargarDoc {
    height: 34px;
    width: 55px;
    white-space: nowrap;

  }
  
  .padding-xs-ul ul {
    padding: 0 10px 10px 10px;
  }

  .fielFormulario {
    margin: 0px;
    padding: 4px 4px 4px 4px;
  }

  .cuadroForm {
    padding: 5px 0 0 0;
  }

  .parrafo {
    margin: 2px 4px 5px 0 !important;
  }

  .subForm {
    margin: 3px 3px 3px 0 !important;
    padding: 10px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    -ms-border-radius-topleft: 7px;
    -ms-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
  }

  .subCaja{
    margin: 3px 3px 3px 0;
    padding: 10px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    -ms-border-radius-topleft: 7px;
    -ms-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
  }

  .margin-button-xs-screen{
    margin-bottom: 10px;
  }

  .legendField{ 
    width: 200px !important;
  }

  .legendFieldAdicional {

    margin-top: -25px !important;
    margin-left: 0px !important;
    width: 200px !important;
  }

  .legendFieldAdicional2{
    margin-top: -15px !important;
    margin-left: 0px !important;
    width: 200px !important;
  }

  .br-xs-screen{
    display: block;
  }

/*Linea de tiempo */
/*texto de las etapas*/
.timeline .etapa {
  
  font-size: 12px;
}
/*texto de las etapas seleccionada*/
.timeline .etapa.active {
  font-size: 14px;
}
/* pie de Mis beneficios*/
.callcenter
{
 font-size: 20px;
 text-align: center;
}
/* subititulo login small*/
.Bienvenidos
{
   font-size:18px;
   padding: 15px;
}

}

/* icono docs cargados */
 
.icon-size{
	font-size:2.5em;
	left: 9px;
}

.icon-medio{
	font-size:1.5em; 
}

.red {
    color: red;
}

.green {
    color: green;
}

.badge-custom{
	display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
	font-weight: 700;
    color: white;
    font-size: 0.9em;
    position: relative;
    top: -7px;
    left: -25px;

}

/* Espacio entre dp formulario */

.espacioDP{
	min-height: 15px;
}

.dpwidth{
	width: 100%;
}
/*
    PIE DE PAGINA
*/

/* Custom page footer */
.footer {
  text-align:center;
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}
/*posicion del logo pie de pagina*/
.pie
{
  text-align:right;
}