.wpcf7-select {
width:100% ;
margin-bottom:10px;
padding: 10px 15px 10px 15px;
background-color: #f7f7f7;
height:40px;
border: 1px solid #d1d1d1;
border-radius: 3px;
}


#solicitud-telefono {
margin-top:20px !important;
}

#SelectTipo,
#autocomplete {
width: 100%;
}


.custom_phone_field {
    width: 72% !important; 
    margin-right: 2%;
    display: inline-block;
}
.custom_phone_field.error {
    border-color: red;
}

.custom_phone_form {
    width: 25%;
    height: 41px;
    padding: 11px 8px;
    background: #1a1a1a;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    vertical-align: top;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.custom_phone_form:hover {
    background: #007ACC;
    color: #fff;
}

.custom_phone_form.active,
.custom_phone_form.active:hover {
    background: #27b99a;
    color: #fff;
}

.custom_phone_form.disabled {
    pointer-events: none;
    opacity: 0.5;
}

#verif-code {
margin-top: 15px;
}

.verif-ok { 
    border-color: green !important;
}
.verif-error { 
    border-color: red !important;
}


@media(max-width: 1000px) {
    .custom_phone_field {
        width: 70% !important; 
    }
    .custom_phone_form {
        width: 26%; 
    }
}

@media(max-width: 875px) {
    .custom_phone_field {
        width: 64% !important; 
    }
    .custom_phone_form {
        width: 32%; 
    }
}

@media(max-width: 800px) {
    .custom_phone_field {
        width: 100% !important; 
        margin-right: 0px !important;
    }
    .custom_phone_form {
        width: 100%; 
        margin-top: 12px;
    }
}