/*!
 * Componente Nombre:  dexvcbkng    | default    | themes
 * Autor: DEX360
 * Copyright: DEX360

    0.  :root        
    1.  dexvcbkng_general
        1.1. dexvcbkng_generic_button
        1.2. dexvcbkng_steps_line
        1.3. dexvcbkng_icon_x
    2.  dexvcbkng_steps_error_skin      [error.css]
    3.  dexvcbkng_steps_cancel_skin     [cancel.css]
    4.  dexvcbkng_steps_booking_skin    [booking.css]

    10. Responsive
*/


/* 0. :root */
:root {
    --colorPrimary: #00a3e0;
}

/* 1. dexvcbkng_general 
--------------------------------------------------------------*/
.dexvcbkng_general_title span {
    color: var(--colorPrimary);
}

/* 1.1. dexvcbkng_generic_button */
.dexvcbkng_generic_button {
    background-color: var(--colorPrimary);
    border-radius: 0;
    color: #ffffff !important;
    font-size: .75em;
    font-weight: 600;
    height: 55px;
    padding: 0 1.5em;
    position: relative;
    z-index: 10;
}
.dexvcbkng_generic_button:before {
    background: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: bottom;
    transform: scaleY(0);
    transition: transform .4s, opacity .4s;
    z-index: -1;
}
.dexvcbkng_generic_button:hover:before {
    content: "";
    background: #000;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    transform-origin: bottom;
    z-index: -1;
    transform: scaleY(0);
    opacity: 1;
    position: absolute;
    transform: scaleY(1)
}
.dexvcbkng_generic_button:hover {
    text-decoration: none;
    color: #fff
}
.dexvcbkng_generic_button:hover,
.dexvcbkng_generic_button:active,
.dexvcbkng_generic_button:focus {
    background-color: var(--colorPrimary);
}

/* 1.2. dexvcbkng_steps_line */
.dexvcbkng_steps_line .step-active {
    background: var(--colorPrimary);
}