/*!
 * Componente Nombre:  dexctzusd    | themes    | themes
 * Base: Bootstrap v4.1.0
 * Autor: DEX360
 * Copyright: DEX360

    0.  :root   
    1.  dexctzusd_general
        1.1. dexctzusd_generic_title
        1.2. dexctzusd_generic_button
        1.3. dexctzusd_icon_x
        1.4. wpcf7-form
    2.  dexctzusd_section               [section.css]
        2.1. dexctzusd_buy_used
        2.2. dexctzusd_quote_vehicle
        2.3. dexctzusd_steps_sell
    3.  dexctzusd_vehicle               [vehicle.css]
        3.1. dexctzusd_vehicle_accordion
        3.2. dexctzusd_add_option_input
        3.3. dexctzusd_add_option_button
    4.  dexctzusd_message               [message.css]
    5.  dexctzusd_peronal_data          [peronal-data.css]    
    6.  dexctzusd_estimate              [estimate.css]    
    7.  dexctzusd_error                 [error.css]

    10. Responsive
*/


/* 0. :root */
:root {
    --dexctzusdColorPrimary: #e21017 !important;
    --dexctzusdColorHover: #e05315;
    --dexctzusdColorSecundary: #FFCF0D;    
}

/* 1. dexctzusd_general 
--------------------------------------------------------------*/
.dexctzusd_general_title span {
    color: var(--dexctzusdColorPrimary);
}

.dexctzusd_generic_button_secundary:hover {
    background-color: #1e1e1e !important;
    color: #fff !important;
}

/* 1.1. dexctzusd_generic_button */
.dexctzusd_general .dexctzusd_form_submit,
.dexctzusd_form_button_container .dexctzusd_generic_button,
.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container button,
.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container input[type=button], 
.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container input[type=reset], 
.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container input[type=submit] {
    background-color: var(--dexctzusdColorPrimary) ;
    align-items: center;
    border-radius: 20px !important;
    color: white;
    display: inline-flex;
    font-weight: 500;
    font-size: 13px;
    justify-content: center;
    min-height: auto;
    overflow: hidden;
    padding: 14px 40px;
    position: relative;
    text-align: center;
    z-index: 10;
}
.dexctzusd_generic_button_secundary {
    border-radius: 20px !important;
    color: var(--dexctzusdColorPrimary) !important;
}
.dexctzusd_form_submit:before,
.dexctzusd_form_button_container .dexctzusd_generic_button:before,
.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container button:before,
.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container input[type=button]:before, 
.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container input[type=reset]:before, 
.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container input[type=submit]:before {
    content: "";
    background: var(--dexctzusdColorHover) !important;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    transform-origin: bottom;
    z-index: -1;
    transform: scaleX(0);
    opacity: 0;
    transition: 0.4s transform, 0.4s opacity;
}
.dexctzusd_form_submit:hover,
.dexvcbkng_generic_button:hover {
    text-decoration: none;
    color: white;
}
.dexctzusd_form_submit:hover:before,
.dexctzusd_form_button_container .dexctzusd_generic_button:hover:before,
.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container button:hover:before,
.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container input[type=button]:hover:before, 
.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container input[type=reset]:hover:before, 
.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container input[type=submit]:hover:before {
    opacity: 1;
    transform: scaleX(1);
}
.dexctzusd_steps_sell_2:after, .dexctzusd_steps_sell_3:after {
    background-color: var(--dexctzusdColorSecundary);
}