body{
	color:  #333;
}

.container-registro { 
	max-width: 1100px !important;
}

.container-nomina { 
	max-width: 1200px !important;
}
.fs-10{
  font-size: .86rem;
}

.hand, .manita, .cursor{
  cursor:pointer; cursor: hand;
}
.rounded-4{
  border-radius: .4em;
}
.rounded-5{
  border-radius: .5em;
}
.rounded-6{
  border-radius: .6em;
}

.bs-callout{
	border-radius: 1em;
	border: 0;
}

.bg-dark-blue{
  background-color: #29193a;
}

.bg-purple{
  background-color: #29193a;
}

.bs-callout-info {
	border-top-color: #29193a;
}

.bs-callout-info h5, .bs-callout-info h4, .bs-callout-info h3 {
/*	color: #FFF;*/
}

.bs-callout-danger{
	border-top-color: #5D118A;
}
.bs-callout-danger h5, .bs-callout-danger h4, .bs-callout-danger h3 {
	color: #FFF;
}

.etiqueta{
	color: #999;
	font-size: 10px;
	font-weight: bold;
}

.fs-comentarios{
	font-size: .8em;
}

.bs-text-info{
	color: #29193a;
}
.text-purple{
  color: #313897;
  font-weight: bold;
}

.etiqueta-titulo{
	font-size: 14px;
	font-weight: bold;	
}

.etiqueta-titulo-info{
	color: #29193a;
}
.etiqueta-titulo-success{
	color: #4B5DFF;
}
.etiqueta-titulo-warning{
	color: #6868AC;
}
.etiqueta-titulo-danger{
	color: #5D118A;
}



/*
	Personalizacion de botones de radio
*/
.wrapperRadio{
  display: inline-flex;
  background: #fff;
  /*height: 100px;*/
  /*min-width: 200px;*/
  align-items: center;
  justify-content: space-evenly;
  border-radius: 5px;
  padding: 5px 0;
  box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
}

.wrapperRadio .option{
  background: #fff;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 0 10px;
  border-radius: 5px;
  cursor: pointer;
  padding: 0 10px;
  border: 2px solid lightgrey;
  transition: all 0.3s ease;
}

.wrapperRadio .option .dot{
  height: 20px;
  width: 20px;
  background: #DDD;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
}

.wrapperRadio .option .dot::before{
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;	
  background: #0069d9;
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.5);
  transition: all 0.3s ease;
}

.wrapperRadio input[type="radio"]{
  display: none;
}
.wrapperRadio .option span{
  /*font-size: 20px;*/
  color: #808080;
}

#option-1:checked:checked ~ .option-1,
#option-2:checked:checked ~ .option-2,
#option-3:checked:checked ~ .option-3{
  border-color: #0069d9;
  background: #0069d9;
}
#option-1:checked:checked ~ .option-1 .dot,
#option-2:checked:checked ~ .option-2 .dot,
#option-3:checked:checked ~ .option-3 .dot{
  background: #fff;
}
#option-1:checked:checked ~ .option-1 .dot::before,
#option-2:checked:checked ~ .option-2 .dot::before,
#option-3:checked:checked ~ .option-3 .dot::before{
  opacity: 1;
  transform: scale(1.3);
}
#option-1:checked:checked ~ .option-1 span,
#option-2:checked:checked ~ .option-2 span,
#option-3:checked:checked ~ .option-3 span{
  color: #fff;
}

.w-auto {
  width: auto;
}

#pregunta-equieres-silla {
  margin-top: 5px;
}

@media screen and (max-width: 768px) {

	.form-floating>.form-select.form-select-mobile{
		padding-top: 2.7rem;
	}
	.form-floating>.form-control.form-select-mobile, 
	.form-floating>.form-select.form-select-mobile{
		height: 4.7rem;
	}

  #pregunta-equieres-silla {
    margin-top: 0;
  }

}