/* CSS Document */
/* My librería CSS*/


/*******************************************************
**w3-Never2Always es para botones de evaluación de encuentas
** con valore 1-5 (Nunca,Raro,A Veces, Frecuente, Siempre)
***********************************************************/
.w3-Never2Always{
  display:none;

}
label ~ .w3-Never2Always{
    border:none;
   cursor:pointer;
   /*width:25%;*/
   filter:grayscale(60%);
   -webkit-filter:grayscale(60%);
   -ms-filter:grayscale(60%);

}

label ~ .w3-Never2Always:checked{
		filter:grayscale(0%);
		-webkit-filter:grayscale(0%);
		-ms-filter:grayscale(0%);
}

label ~ .w3-Never2Always:nth-child(1){
		content:url('images/never2always/nunca.png');
}


label ~ .w3-Never2Always:nth-child(2){
     content:url('images/never2always/raro.png');
}

label ~ .w3-Never2Always:nth-child(2):checked{
		content:url('../css/images/w3-Never2Always/seldom-down.png');
}
label ~ .w3-Never2Always:nth-child(3){
     content:"holq";
}
.w3-Never2Always:nth-child(3):checked{
		content:url('../css/images/w3-Never2Always/sometimes-down.png');
}
label ~ .w3-Never2Always:nth-child(4){
     content:url('../css/images/w3-Never2Always/often-up.png');
}
label ~ .w3-Never2Always:nth-child(4):checked{
		content:url('../css/images/w3-Never2Always/often-down.png');
}

label ~ .w3-Never2Always:nth-child(5){
     content:url('../css/images/w3-Never2Always/always-up.png');
}
label ~ .w3-Never2Always:nth-child(5):checked{
		content:url('../css/images/w3-Never2Always/always-down.png');
}


.product-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, white 40%, rgba(136, 139, 144, 0));
  background: -webkit-linear-gradient(to right, white 40%, rgba(136, 139, 144, 0));
  z-index: 1;
}


.w3-azulaffa{
	background-color:#0087ac;
	color:white;
}
.w3-azulaffa-dark{
	background-color:#00546C;
	color:white;
}
.w3-text-azulaffa{
    color:#0087ac;
}

.w3-text-azulaffa-dark{
    color:#00546C
}

.w3-verdeaffa{
	background-color:#a8b700;
	color:black;
}

.w3-text-verdeaffa{
	color:$a8b700;
}

.w3-chatbot-bot{
   display:block;
   float:left;
   clear:left;
   max-width:80%;
   border-radius:5px;
   margin-top:10px;
   margin-bottom:10px;
   min-height:3em;

}

.w3-chatbot-user{
 	display:block;
   float:right;
   clear:right;
   max-width:80%;
   border-radius:5px;
   margin-top:10px;
   margin-bottom:10px;
   min-height:3em;
}