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


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

/* 1.1. dexctzusd_generic_button */
.dexctzusd_generic_button, .dexctzusd_generic_button_secundary {
    overflow: visible;
    padding: 14px 20px;
}
.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) !important;
    font-size: 13px !important;
    font-weight: 500;
    text-transform: uppercase;
    z-index: 1;
}
.dexctzusd_general.dexctzusd_vehicle .dexctzusd_form_button_container,
.dexctzusd_general.dexctzusd_personal_data .dexctzusd_form_button_container {
    margin-right:3%;
}
.dexctzusd_general .dexctzusd_form_button_container button:after,
.dexctzusd_form_button_container .dexctzusd_generic_button:after,
.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container button:after {
    content: '';
    position: absolute;
    background-color: var(--dexctzusdColorPrimary) !important;
    border-radius: 0;
    left: -9%;
    height: 101%;
    padding: auto;
    top: 0px;
    transform: skewX(-19deg);
    -webkit-transform: skewX(-19deg);
    -moz-transform: skewX(-19deg);
    -ms-transform: skewX(-19deg);
    -o-transform: skewX(-19deg);
    width: 118%;
    z-index: -1;
}

.dexctzusd_general .wpcf7-form .dexctzusd_form_button_container input.wpcf7-form-control.wpcf7-submit {
    border-radius: 0px !important;
    transform: skewX(-19deg);
    -webkit-transform: skewX(-19deg);
    -moz-transform: skewX(-19deg);
    -ms-transform: skewX(-19deg);
    -o-transform: skewX(-19deg);   
}

.dexctzusd_form_button_container .dexctzusd_generic_button:hover {
    text-decoration: none;
    color: #fff
}
.dexctzusd_form_button_container .dexctzusd_generic_button:hover,
.dexctzusd_form_button_container .dexctzusd_generic_button:active,
.dexctzusd_form_button_container .dexctzusd_generic_button:focus {
    background-color: var(--dexctzusdColorPrimary);
}
.dexctzusd_general .dexctzusd_form_button_container button {
    padding: 14px 20px;
}

/* 1.4. wpcf7-form  */
.dexctzusd_general .dexctzusd_form_button_container p .wpcf7-spinner {
    display: block;
    /*
    position: absolute;
    left: -80%;
    top: 20%;
    */
}
.dexctzusd_general.dexctzusd_personal_data .dexctzusd_form_button_container {
    text-align: right;
}
/*
.dexctzusd_general .dexctzusd_form_button_container p {
    background-color: var(--dexctzusdColorPrimary);
    display: inline-block;
    transform: skewX(-19deg);
    -webkit-transform: skewX(-19deg);
    -moz-transform: skewX(-19deg);
    -ms-transform: skewX(-19deg);
    -o-transform: skewX(-19deg);
    padding:5px 5px;
    position: relative;
    z-index: 10;    
}
.dexctzusd_general .dexctzusd_form_button_container p input[type=submit] {
    max-height: 40px;
    transform: skewX(19deg);
    -webkit-transform: skewX(19deg);
    -moz-transform: skewX(19deg);
    -ms-transform: skewX(19deg);
    -o-transform: skewX(19deg);
}
*/

/* 10. Responsive */
@media (max-width:600px) {
    /* dexctzusd_generic_button */
    .dexctzusd_generic_button {
        display: flex;
        font-size: 1.2em;
        margin: 0px auto;
        width: 70%;
    }
}