/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 29 2022 | 22:53:57 */
/* Agregar ID "forma-contacto" en el componente gris, para que solo afecte al botón de la forma de contacto */
/* Color de texto y campos de formulario de contacto */
#forma-contacto .et_pb_contact p input,
#forma-contacto .et_pb_contact p select,
#forma-contacto .et_pb_contact p textarea {
    background: #eeeeee;
	color: #373737 !important;
    border: 1px solid #dedede;
    border-radius: 5px;
}

/* Forzar color en input y textarea en Chrome */
#forma-contacto ::-webkit-input-placeholder {
    color: #373737;
}

/* Esconde el arrow del select */
#forma-contacto .et_pb_contact_field.select-cf7:after {
    /*top: 65%;*/
    display:none;
}

/* Estilo del Select */
#forma-contacto .et_pb_contact_field.select-cf7 select {
    /* Reemplaza arrow en Select */
    background-image: url(https://clientes.avsys.com.mx/avsyshost/wp-content/uploads/2020/08/drop-arrow-grey.png);
    background-repeat: no-repeat;
    background-position: center right 15px;
    padding: 14px 10px 10px 12px;
    min-height: 50px;
}

/* Estilo Fecha */
#forma-contacto .et_pb_contact_field input[type="date"] {
    padding: 14px 10px 10px 12px;
    min-height: 50px;
    background: #eeeeee;
	color: #373737 !important;
    border: 1px solid #dedede;
    border-radius: 5px;
}

/* Estilo Archivo */
#forma-contacto span.file-archivo input[type="file"] {
    padding: 14px 10px 10px 12px;
    width: 100%;
    min-height: 50px;
    background: #eeeeee;
	color: #373737 !important;
    border: 1px solid #dedede;
    border-radius: 5px;
}

/* Estilo Checkbox y Radio */
#forma-contacto .et_pb_contact_field, /*Radio*/
#forma-contacto .wpcf7-list-item-label /*Checkbox*/ {
    color: #373737;
}

/* Delay para evitar el Autofill de Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-transition-delay: 99999s;
}

/* Hover Selection */
#forma-contacto .wpcf7-form .wpcf7-text:hover,
#forma-contacto .wpcf7-form .wpcf7-textarea:hover,
#forma-contacto .wpcf7-form .wpcf7-select:hover,
#forma-contacto .wpcf7-form .wpcf7-text:focus,
#forma-contacto .wpcf7-form .wpcf7-textarea:focus,
#forma-contacto .wpcf7-form .wpcf7-select:focus {
    /* Afecta el fondo del Dropmenu */
	background: rgba(238, 238, 238, 0.7);
}

/* Esconde texto al seleccionar */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { color:transparent;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { color:transparent;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { color:transparent;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { color:transparent;}

/* Forza desplazamiento vertical */
#forma-contacto .wpcf7-form textarea {
    resize:vertical;
}

/* Botón de Enviar */
#forma-contacto .et_pb_button  {
    color: #fff !important;
    border-width: 2px !important;
    border-color: #009ddc;
    border-radius: 25px;
    letter-spacing: 1px;
    font-size: 14px;
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 500 !important;
    background-color: #009ddc;
	padding: .7em 2em .7em 2em;
	box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
}

#forma-contacto .et_pb_button::after {
	line-height: 0.7em;
    margin-left: -10px;
}

#forma-contacto .et_pb_button:hover {
    color: #009ddc !important;
    border: 2px solid #009ddc !important;
    background-color: #ffffff !important;
	padding: .7em 2em .7em 2em;
}

@media only screen and (max-width: 600px) {
#forma-contacto .et_pb_contact_submit {
	margin-right: 65px;
}
}

/* Esconder Ajax Loader */
#forma-contacto div.wpcf7 .ajax-loader {
    opacity: 0;
} 

/* Textos y Links Legales */
#forma-contacto p {
    color: #373737;
}

#forma-contacto p i {
    color: #009ddc;
}

#forma-contacto a {
    color: #009ddc;
}

#forma-contacto a:hover {
    color: #009ddc;
    text-decoration: underline;
}

#forma-contacto .archivo-adjunto {
    color: #009ddc;
}

/* Notificaciones Forma de Contacto */
#forma-contacto .wpcf7 form .wpcf7-response-output {
	margin-top: 50px;
}

#forma-contacto .wpcf7 form.invalid .wpcf7-response-output,
#forma-contacto .wpcf7 form.unaccepted .wpcf7-response-output {
    color: #D8000C;
    background-color: #FFBABA;
    border: 0;
    border-radius: 5px;
    padding: 10px;
}

#forma-contacto .wpcf7 form.sent .wpcf7-response-output {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 0;
    border-radius: 5px;
    padding: 10px;
}

#forma-contacto .wpcf7 form.invalid .wpcf7-response-output:before,
#forma-contacto .wpcf7 form.unaccepted .wpcf7-response-output:before,
#forma-contacto .wpcf7 form.sent .wpcf7-response-output:before {
    font: 26px/30px FontAwesome;
    margin-right: 16px;
    vertical-align: middle;
}

#forma-contacto .wpcf7 form.invalid .wpcf7-response-output:before,
#forma-contacto .wpcf7 form.unaccepted .wpcf7-response-output:before {
    content:'\f057';
}

#forma-contacto .wpcf7 form.sent .wpcf7-response-output:before {
    content:'\f00c';
}