* {
	margin : 0;
	padding : 0;
}



.pestañas-modal .active a,
.pestañas-modal .active a:hover {
    background-color: red;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: rgb(75, 160, 181) !important;
}

.modal a.nav-link:not(.active) {
	color : rgb(75, 160, 181) !important;
}

.boton-cancelar {
	color : white;
	background-color : #FF6B6B;
	border: 2px solid #FF6B6B;
    border-radius: 40px !important;
	font-weight: bold;
	height : 45px;
	width : 140px;

}

.boton-cancelar:hover {
	color : #FF6B6B;
	background-color : white;
	border: 2px solid #FF6B6B;
    border-radius: 40px !important;
    height : 45px;

}

.boton-calcular {
	color : white;
	background-color : rgb(75, 160, 181) ;
	border: 2px solid rgb(75, 160, 181) ;
    border-radius: 40px !important;
    width : 80px !important;
    height : 30px;
    margin: 0 auto;
 	vertical-align : center;
}

input[type="checkbox"][readonly] {
  pointer-events: none;
}


/* Para dar estilo a los span del modal editar avatar */
.avatar {
    width: 120px;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 100px;
    background-color: rgba(62,181,169,1);
    box-shadow: 0 0 10px #4BA0B5;
}

#avatarPicker, #icono-modal-editar-tipo-de-servicio, #icono-modal-editar-clave {
	display: grid;
    grid-template-columns: auto auto auto;
    justify-content: center;
    margin: 10px;
}

#avatarPicker > *, #icono-modal-editar-tipo-de-servicio > *, #icono-modal-editar-clave > * {
	margin: 10px;
}

#formulario-editar-avatar input[type=radio], #formulario-editar-tipo-de-servicio input[type=radio], #formulario-editar-clave input[type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

input[type=radio] + img {
	color: white;
	border: 2px solid grey;
}


input[type=radio]:checked + img {
	color: white;
	background: #4BA0B5;
	border: 2px solid rgba(62,181,169,1);
}

input[type=radio]:hover + img {
    cursor: pointer;
    background: #4BA0B5;
}