/*!
 * Base Bootstrap 
 * Componente Nombre: dextdbkg 
 * Autor: DEX360
 * Copyright: DEX360
 */
 
/*  
    0.  :root    
    1.  dextdbkg
    2.  dextdbkg--steps-line
    3.  dextdbkg--button
    4.  dextdbkg--form    
    5.  dextdbkg--header
    6.  Ocultar boton "Terminar"     

    10. Responsive                                           
*/

/* 0. :root
--------------------------------------------------------------*/
:root {
    --colorPrimary: #265CF2;
}

/* 1. dextdbkg
--------------------------------------------------------------*/
.dextdbkg .dtdt--title {
    margin-top:40px;
    text-align: center;    
}
.dextdbkg .dtdt--title span {
    color: var(--colorPrimary);
}
.dextdbkg .dtdt--model-button {
    text-align: center; 
}

/* 2. dextdbkg--steps-line 
--------------------------------------------------------------*/
.dextdbkg--steps-line {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: -1;
}
.dextdbkg--steps-line::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    background: #A6A6A6;
    z-index: 1;
}
.dextdbkg--steps-line .timeline-block {
    display: flex;
    justify-content: center;
    clear: both;
    margin-bottom:30px;
}
.dextdbkg--steps-line .timeline-block:last-child {
    margin-bottom:0px;
}
.dextdbkg--steps-line .marker {
    align-items: center;
    background: #000000;
    border-radius: 50%;
    color:#ffffff;
    display: flex;
    font-size: 16px;
    justify-content: center;
    height: 35px;
    margin-top: 0px;
    width: 35px;
    z-index: 9999;
}
.dextdbkg--steps-line .step-active {
    background: var(--colorPrimary);
    font-size: 21px;
    height: 60px;
    width: 60px;
}

/* 3. dextdbkg--button
--------------------------------------------------------------*/
.dextdbkg--button {
    align-items: center;
    background-color: var(--colorPrimary);
    border: 0;
    color: #fff !important;
    display: inline-flex;
    font-size: .75em;
    font-weight: 600;
    justify-content: center;
    padding: 1.2em 1.5em;
    position: relative;
    text-align: center;
    text-transform: uppercase;    
    z-index: 10;
}
.dextdbkg--button:nth-child(even) {
    margin-left:10px;
}
.dextdbkg--button:hover {
    text-decoration: none;
}

/* 4. dextdbkg--form
--------------------------------------------------------------*/
.dextdbkg--form--location {
    margin:0px;
    padding:0px;    
}
.dextdbkg--form--location li {
    list-style: none;
    text-align: center;
}
.dextdbkg--form--location li a {
    margin: 0px auto;
}
.dextdbkg--form--location--list {
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    padding: 15px 0px 5px;
    margin: 10px 0px 10px;
}
.dextdbkg--form--location--list li {
    color: #000000;
    font-size: .85em;
    display: block;
    list-style: none;
    padding: 5px 0px 5px;
    margin: 0px 0px 5px;
    text-align: center;
}
.dextdbkg--form--location--list li img {
    margin-top: -12px;
    height:20px;
}

/* 5. dextdbkg--header
--------------------------------------------------------------*/
.dextdbkg--header a {
    color: #000;
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0px 20px 0px 0px;
}
.dextdbkg--header a:hover {
    color:#000; 
}

/* 6. Ocultar boton "Terminar"
--------------------------------------------------------------*/
.booking-steps-5 .amelia-v2-booking #amelia-container .am-button.am-button--filled {
    display:none;
}


/* 10. RESPONSIVE */
/* --------------------------------------------------------------*/

/* MOBILE */
@media (max-width:600px) {
    /* dextdbkg */
    .dextdbkg h3 {
        font-size: 1.4rem;
        padding: 0px 5%;
    }
    .dextdbkg h4 {
        font-size: 1.2rem;
    }       
    /* dextdbkg--steps-line */
    .dextdbkg--steps-line { 
        align-items: center;
        display: flex;
        justify-content: center;
        margin:0px 15px 0px 10px;
        width: 100%;
    }
    .dextdbkg--steps-line .timeline-block:last-child {
        margin: 0px 20px 30px 0px;
    }
    .dextdbkg--steps-line::before {
        top: 28px;
        left: 5%;
        width: 70%;
        height: 2px;
        margin: 0px 0px 0px 10%;
        padding-left:5%;
    }
    .dextdbkg--steps-line .timeline-block {
        margin: 0px 20px 30px 0px;
    }
    /* dextdbkg--model */
    .dextdbkg--model .dtdt--model-list h5 {
        margin-bottom:20px;
        text-align:center;
    }  
    /* dextdbkg--form */
    .dextdbkg--form .dtdt--model-item {
        margin-left: 10%;
        width: 80%;        
    }
    .dextdbkg--form .dtdt--model-title h5 {
        margin:20px 0px;
        text-align:center;
    } 
    /* dextdbkg--button */
    .dextdbkg--button {
        display: flex;
        margin-bottom: 20px;
    }
    .dextdbkg--button:nth-child(even) {
        margin-left:0px;
    }    
}