/* app/code/Enexum/BotonesContacto/view/frontend/web/css/botonestyles.css */
.enexum-mensaje-wsp {
	padding: 0.9rem 0rem;
	position: fixed !important;
	z-index: 9;
	bottom: 7em;
	right: 1em;
	display: inline-block;
	margin: 0;
	width: 64px;
	height: 64px;
	background-image: url('../images/whatsappicon.svg');
	background-color: #00A542;
	background-repeat: no-repeat;
	background-size: 40px;
	border-radius: 3em;
	background-position: center center;
  }
.botonwhatsapp{}/* app/code/Enexum/BotonesContacto/view/frontend/web/css/botonestyles.css */
.enexum-mensaje-wsp {
	padding: 0.9rem 0rem;
	position: fixed !important;
	z-index: 9;
	bottom: 7em;
	right: 1em;
	display: inline-block;
	margin: 0;
	width: 64px;
	height: 64px;
	background-image: url('../images/whatsappicon.svg');
	background-color: #00A542;
	background-repeat: no-repeat;
	background-size: 40px;
	border-radius: 3em;
	background-position: center center;
  }
.botonwhatsapp{}
.wspButton{
  background-color: #25D366;
  border: 1px solid #25D366;
  border-radius: 50px;
  color: #FFF;
  background-image: url('../images/whatsappicon.svg');
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 2em;
  padding: 1em 3em 1em 4em;
  display: inline-block; 
  text-transform: uppercase;
  letter-spacing:1px;
  font-size: 14px; 
  margin-top: 0.5em;
  transition: all 500ms ease
  }

  
  #modal-btn1{
    position: fixed;
    right: 0;
    top: 20%;
    /* transform: translate(50%, -50%); */
    transform: rotate(180deg);
    background-color: #00C4B3;
    text-transform: none;
    color: #fff;
    padding: 10px 5px;
    border-radius: 0px 6px 6px 0px;
    cursor: pointer;
    z-index: 9999;
    writing-mode: vertical-rl;
    text-align: center;
    width: 40px;
    height: 145px;
    font-size: 1.3rem;
    border: 1px solid #00C4B3;
    border-left: 0;
    text-orientation: sideways;
    transition: none;
  }
.InformacionButton{}

#modal-btn1::before {
  content: '';
  transform: rotate(180deg);
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: -6px;
  margin-bottom: 5px;
  background: url('../images/sobrefloat.svg') no-repeat center left;
  background-size: contain;
}

.cotizarbutton{ background-color: #F6A548;border: 1px solid #F6A548;color: #FFF;padding: 1em 0 1em 0 ; display:block; text-align: center;letter-spacing:1px; width: 100%}
.registrobutton{background-color: #00C4B3; border: 1px solid #00C4B3; margin-bottom: 1em;padding: 1em 0 1em 0 ;transition: all 500ms ease;display:block; text-transform: uppercase;text-align: center;letter-spacing:1px;}
.registrobutton:hover,.wspButton:hover{background-color: transparent;border: 1px solid #00C4B3; }
a#registroboton,a#botonwhatsapp{color:#fff; font-size: 14px;}
a#registroboton:hover,a#botonwhatsapp:hover{color:#00C4B3;}
/*FORMULARIOS CASOS FORMS*/
.formulariocontactohome input {height: 35px;}
.formularioflotante .button.is-link {padding: 0.5rem 2.5rem;}
.formularioflotante{}
.contact-index-index .formularioflotante,.cms-contacto .formularioflotante{border:none;}
.titulocontacto {color: #131313;font-size: 16px;padding: 1em 0 0 0; margin:0;font-weight: 500;}
.titulocontactohyf{color: #000;font-family: 'Open Sans',sans-serif;margin: 0;font-size: 2.2rem;}
.fieldinput, .controlenex{padding-top: 0.4em;position: relative;}
.controlenex > input{border: 1px solid #727070;}
.formularioflotante select{color:#727070}
.formularioflotante input:not([disabled]):focus, .formularioflotante textarea:not([disabled]):focus,.formularioflotante select:not([disabled]):focus{box-shadow: none; border: 1px solid #00C4B3;}
.formularioflotante .controlenex textarea,.formularioflotante input[type="text"],.formularioflotante input[type="password"],.formularioflotante input[type="url"],.formularioflotante input[type="tel"],.formularioflotante input[type="search"],.formularioflotante input[type="number"],.formularioflotante input[type="datetime"],.formularioflotante input[type="email"]{height:45px;font-style: normal;padding-left:3em;font-family: 'Poppins', sans-serif; color: #727070; font-size: 1.4rem; border-radius:5px;margin-bottom: 0.4em;border-color:#d0d0d0;}
.formulariocontactohome  .controlenex textarea,.formulariocontactohome  input[type="text"],.formulariocontactohome  input[type="password"],.formulariocontactohome  input[type="url"],.formulariocontactohome  input[type="tel"],.formulariocontactohome  input[type="search"],.formulariocontactohome  input[type="number"],.formulariocontactohome  input[type="datetime"],.formulariocontactohome  input[type="email"]{height:38px;font-style: normal;padding-left:3em;font-family: 'Poppins', sans-serif; color: #727070; font-size: 1.4rem; border-radius:5px;margin-bottom: 0;border-color:#d0d0d0;}
.formulariocontactohome .controlenex textarea{min-height:4em !important;}
.formularioflotante .controlenex textarea{height: auto !important;}
.formularioflotante textarea{font-size: 13px;border:1px solid #727070;background:none;font-family: 'Poppins', sans-serif;}
.controlenex input[type="text"]::placeholder,.controlenex input[type="tel"]::placeholder,.controlenex input[type="email"]::placeholder,.controlenex textarea::placeholder{font-size:1.5rem;font-weight: 400;color:#727070}
.formularioflotante button{}
.formularioflotante .button.is-link{background-color: #00C4B3;border: 1px solid #00C4B3; margin-bottom: 1.5em;}
.formularioflotante .button.is-link:hover{background-color: #ffffff;border: 1px solid #00C4B3; margin-bottom: 1.5em;}
.formulariocontactohome  .controlenex::before,.formularioflotante .controlenex::before {content: "";position: absolute;transform: translateY(50%);background-size: 20px 20px;width: 20px;height: 20px;padding-left: 4em;}
  .controlenexproducto input{background-color: #ECECEC !important;}
  .controlenextname::before  {background: url('../images/usuario.svg') no-repeat center center;}
  .controlenexphone::before {background: url('../images/celular.svg') no-repeat center center;}
  .controlenexmail::before {background: url('../images/correo.svg') no-repeat center center;}
  .controlenexproducto::before {background: url('../images/pata.svg') no-repeat center center;}
  .controlenexcoment::before {background: url('../images/comentario.svg') no-repeat center center;}
  .imagebanner{ width: 100%;min-height: 510px;background-image: url('../images/bannercontacto.png');background-size: cover;background-position: center;background-repeat: no-repeat;margin-bottom: 2em;}
  .contact-index-index .imagebanner, .cms-contacto .imagebanner  {display: none;}
  .titulocotizador{color:#000;font-family: 'Open Sans',sans-serif;margin:0;font-size: 2.2rem;}
  .solinfo{color:##727070;font-size: 1.8rem;font-family: 'Open Sans',sans-serif;}
  .modal-popup .action-close, .modal-slide .action-close{background-color: #00C4B3  !important;}
  #modal-content2 .modal-popup._inner-scroll .modal-inner-wrap{max-height: auto;}
  .modal-close{display:none;}
  .twobuttons{display: flex;vertical-align: middle;justify-content: space-between;}
  .botonenviarcotizador,.botonenviar{padding: 1.5em 4em !important;margin-bottom: 0;margin-top: 0.5em;background-color: #00C4B3;border: 1px solid #00C4B3;}
  .botonenviarh{padding: 0.5em 1em !important;margin-bottom: 0;margin-top: 0.5em;background-color: #00C4B3;border: 1px solid #00C4B3;}

  @media screen and (min-width: 1560px) {
    .formulariocontactohome{position: absolute;top: 16em;left: 26em;z-index: 1;background: #fff;padding: 0 2em;border-radius: 5px;width: 28em;}
  }
  
  @media screen and (min-width: 769px) and (max-width: 1559px){
    .formulariocontactohome{position: absolute;top: 16em;left: 10em;z-index: 1;background: #fff;padding: 0 2em;border-radius: 5px;width: 28em;}
    #modal-btn1{padding: 10px 12px;}
    
  }
  @media screen and (min-width: 769px){
    .modal-popup .modal-inner-wrap{width: 40%;}
}
  @media screen and (max-width: 768px) {
  .formulariocontactohome {width: auto;position: relative;top: unset;left:unset;z-index:unset;background: #fff;padding: 0 2em;border-radius: 5px;min-width: unset;margin: 1em 0;}
	.twobuttons{display: block;}
	.botonenviarcotizador{padding: 0.5em 2em !important;margin-bottom: 0;margin-top: 0.5em;}
  .botonenviarh{margin-bottom:1em;}
}