/*Oculta un item*/

#bodyWeb{
	max-width:95em !important;
}

#bodyWeb > #topnav{
	max-width:95em !important;
}

.hidden-item {
	display:none;
}
/*texto en bold*/
.input_bold {
	font-weight: bold;
}   
/*centralizar el texto para preguntas*/
.preguntas_center {
	text-align: center !important;
	font-size: large !important;
}
/*centra un div*/
.divCenter {
	 text-align:center
}  

.texto-error
{
	color:#a40004;
}

.modal-tarjeta-exito-texto
{
	font-size: x-large !important
}

/*terreno*/
.texto-terreno
{
	font-size:x-small;
	padding: 0em 0em 0em;
}
/*Centrar td*/
.center-td 
{
    text-align:center; 
    vertical-align:middle;
}
/*pointer en elemento*/
.pointer-cursor
{
	cursor:pointer;	
}
/*font x-large*/
.font-xlarge
{
	font-size: x-large;
}
/*badge span mensaje*/
.badge-span-mensaje
{
	padding: 0.1em 0.6em 0.1em 0.6em !important;
}

.backBasica {
	background-color: rgba(255, 185, 0, 0.1);
}
.backMedia {
	background-color: rgba(0, 255, 40, 0.1);
}
.backSuperior {
	background-color: rgba(0, 128, 255, 0.1);
}

.errorPos {
    position: absolute;
    bottom: 0;
    width: 94%;
}

.circuloBase  {
    border-radius: 50%;
}

.interior  {
    width: 35px;
    height: 35px;
    border: 1px solid #696767;
}
.texto-circulo {
	position: relative;
  		bottom: -3px !important;
  		color:white;
}
     
.sin-tarjeta-estado {
	color: green;
}
.texto-modal-imprimir-info {
	font-size: smaller;
}
 
.borde-imagenes {
    border-style: solid;
 			border-width: 0.1px;
 			border-color: #a0a0a0;
}
.font-tipo-estudiante {
	font-weight: bold;
	font-size: 1.3em;
}

/*Graficos*/
.color-basica-graficos
{
	color: #ffb900;
}
.color-media-graficos
{
	color: #00ff28;
}
.color-superior-graficos
{
	color: #0080ff;
}

.progress-bar-basica{
	background-color:#ffb900 !important;
}
.progress-bar-media{
	background-color:#00ff28 !important;
}

.progress-bar-superior{
	background-color:#0080ff !important;
}

/*SPINER CSS LOADING*/

.spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}		

/**/
.legenda-titulo
{
	display: block;
    padding: 0;
    margin-bottom: 12px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
.lt8
{
	top: 8px !important;
}
.div-estados-fotos-neutro
{
	background-color: #4c5667;
    border-radius: .25em;
    font-size: 0.8em;
    font-weight: bold;
    color: white;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 5px !important;
}
.div-estados-fotos-pass
{
	background-color: #81c868;
    border-radius: .25em;
    font-size: 0.8em;
    font-weight: bold;
    color: white;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 5px !important;
}
.div-estados-fotos-error
{
	background-color: #f05050;
    border-radius: .25em;
    font-size: 0.8em;
    font-weight: bold;
    color: white;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 5px !important;
}
.padding-estados-foto
{
	padding: 0px 45px 0px 46px;
}

/****** BOTONES MODAL CAMARA ******/
.btn-opacity-35:disabled {
	opacity: .35;
}




.tooltip {
 
  font-size: 15px;
  width: 200px;
}