/*!
 * 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: #00a3e0 !important;
}

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

/* 1.1. dexctzusd_generic_button */
.dexctzusd_general .dexctzusd_form_button_container button,
.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);
    padding: 14px 45px 14px 30px;
    font-size: 13px;
}
.dexctzusd_general .dexctzusd_form_button_container p {
    position: relative;
}
/*
.dexctzusd_general .dexctzusd_form_button_container button:before, 
.dexctzusd_general .dexctzusd_form_button_container p:before,
.dexctzusd_generic_button:after, 
.dexctzusd_generic_button:before,
.dexctzusd_general .wpcf7-form input[type=button]:before, 
.dexctzusd_general .wpcf7-form input[type=reset]:before, 
.dexctzusd_general .wpcf7-form input[type=submit]:before {
    content: "";
    display: block;
    position: absolute;
    transition: all 0.5s ease-in-out;
    z-index: 10;
}
.dexctzusd_general .dexctzusd_form_button_container p:before,
.dexctzusd_generic_button:before,
.dexctzusd_general .wpcf7-form input[type=button]:before, 
.dexctzusd_general .wpcf7-form input[type=reset]:before, 
.dexctzusd_general .wpcf7-form input[type=submit]:before {
    top: 45%;
    right: 2em;
    width: .8em;
    height: .8em;
    transform-origin: 50% 50%;
    transform: translate(0, -0.3em) rotate(45deg);
    box-shadow: inset -0.14em 0.14em 0 0 white;
    border-radius: 0 0.15em 0 0;
}
*/

.dexctzusd_general .dexctzusd_form_button_container button:before, 
.dexctzusd_general .dexctzusd_form_button_container p:before,
.dexctzusd_generic_button:after, 
.dexctzusd_generic_button:before,
.dexctzusd_general .wpcf7-form input[type=button]:before, 
.dexctzusd_general .wpcf7-form input[type=reset]:before, 
.dexctzusd_general .wpcf7-form input[type=submit]:before {
    border-radius: 0 0.15em 0 0;
    box-shadow: inset -0.14em 0.14em 0 0 white;
    content: "";
    display: block;
    height: .8em;
    position: absolute;
    right: 2em;
    top: 45%;
    transform-origin: 50% 50%;
    transform: translate(0, -0.3em) rotate(45deg);
    transition: all 0.5s ease-in-out;
    width: .8em;
    z-index: 10;    
}
.dexctzusd_general .dexctzusd_form_button_container p:before {
    top: 32%;
}