/* 
WEB VERSION: LURAUTO 4.3 

2020.07.25.1701

OVERRIDE STYLES
*/



@media screen and (min-width: 0px) and (max-width: 700px) {
    #div-mobile {    display: block;  }
    #div-desktop {    display: none;  }
}
@media screen and (min-width: 701px) and (max-width: 3000px) {
    #div-mobile {    display: none;  }
    #div-desktop {    display: block;  }
}

/*ESTRUCTURA DEL SITIO*/
    .container_home {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
        overflow-x: hidden;
    }
    .col-md-home{
        position: relative;
        width: 100%;
        padding-right: 5px;
    }
    .col-md-home {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenedor{
        position: relative;
        display: inline-block;
        text-align: center;
        width: 100%;
        margin-right: -100%;
    }
    .container_beta {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .footer {
        width:100%;
        position: relative;
        background-color: #ffffff;
        padding:50px;
    }
    body{
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-weight: 400;
        font-size:14;
        -webkit-font-smoothing: antialiased;

    }
    .test {
        color: rgba(255,0,0,0.0);
    } 
    .fixed-bottom {
        border-top: 2px solid rgb(222,226,230);
        border-bottom: 2px solid rgb(222,226,230);
        height: 60px;
    }
    .bg-light {
        background-color: #ffffff!important;
    }
    @media (min-width: 768px){
        .col-md-button {
        -ms-flex: 0 0 16.666667%;
        flex: 270px;
        max-width: 270px;
        }
    }
    .col-md-button{
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    @media (min-width: 992px){
     .modal-lg, .modal-xl {
      max-width: 90%;
      }
    }
    .modal-body-cars {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        }
    .modal-backdrop {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 0;
            width: 100vw;
            height: 100vh;
            background-color: #000;
    }
    .modal-backdrop.show {
     opacity: .7;
     z-index:1000;
    }
    .modal-header {
        border-bottom: 0px solid #dee2e6;
    }
    .close {
        float: right;
        font-size: 2rem;
        font-weight: 400;
        line-height: 1;
        color: #333333;
        text-shadow: 0 0px 0 #fff;
        opacity: 1;
    }
    .modal-content {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          width: 100%;
          pointer-events: auto;
          background-color: #fff0;
          background-clip: padding-box;
          border: 0px solid rgba(0,0,0,.2);
          border-radius: 0rem;
          outline: 0;
    }
/*FORMATOS DE FUENTE PERSONALIZADOS*/
    b, strong {
        font-family: BMW_Typo_Regular, Verdana, sans-serif !important;
        }
    .h7, h7 {
        font-size: 3rem;
        font-weight: 400;
    }
    .h1, h1 {
        font-size: 3rem;
        font-weight: 400;
    }
    .h8, h8 {
        font-size: 1.5rem;
        font-weight: 400;
    }
    .h9, h9 {
        font-size: 15px;
        line-height: 17px;
        letter-spacing: 0;
        font-weight: 400;
    }
        
    .small, small {
        font-size: 80%;
        font-weight: 400;
    }
    .titulo-modelo {
        padding-top: 13;

        font-size:18;
    }
    @media only screen and (max-width: 768px) {
    .titulo-modelo {
        padding-top: 0;
        font-weight: 400;
        font-size:35;
        font-family: 'Helvetica', 'Arial', sans-serif;
    } 
} 
/*CARRUSEL HOME*/
    .texto-encima_home1 {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 25px;
        right: 0;
        bottom: 25%;
        text-align: left;
    }
    .boton_home_1 {
        position: absolute;
        left: 25;
        bottom: 15%;
        width: 100%;
    }
    .boton_home_1-2 {
        position: absolute;
        left: 25;
        bottom: 5%;
        width: 100%;
    }
    .texto-encima_home2 {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 25px;
        right: 0;
        top: 10%;
        text-align: left;
    }
    .boton_home_2-2 {
        position: absolute;
        left: 25;
        bottom: 35%;
        width: 100%;
    }
    .boton_home_2 {
        position: absolute;
        left: 25;
        bottom: 15%;
        width: 100%;
    }
    .solid {
      border-top: 5px solid #fff;
    }
    .texto-encima{
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top: 15%;
    }
    .centrado{
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top: 25%;
    }
    .boton{
        position: absolute;
        left: 0%;
        bottom: 5%;
        width: 100%;
    }
    .boton2{
        position: absolute;
        right: 0%;
        bottom: 5%;
    }
    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 7%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        background-color: rgba(0,0,0,0.0);
        text-align: left;
    }
    .carousel-indicators {
        bottom: -50;
    }
    .carousel-indicators li {
        background-color: #1056b3;
        width: 12px;
        height: 12px;
        border-radius: 1rem;
        
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-right: 13px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-clip: padding-box;
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
        opacity: .5;
        transition: opacity .6s ease;
    }
/*NAVEGADOR*/
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu a::after {
        transform: rotate(-90deg);
        position: relative;
        top: .05rem;
        left: 90;
        color: #1056b3;
    }
    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-right: .1rem;
    }
    .navbar-nav.navbar-center {
        position: absolute;
        left: 50%;
        transform: translatex(-50%);
    }
    .navbar-brand {
      font-size: .80rem;
      padding-top: .4125rem;
      margin-left: 20px;
      margin-right: 30;
    }
    .nav-item{
      padding-right: 2rem;
    }
    .navbar {
      font-size: 13.5px;
      font-weight: 400;
      border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .dropdown-item {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        transition: 0.3s;
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 14;
        color: rgb(0, 0, 0);
        border-bottom: 0px solid #0076d9;
        padding: 1.15rem 1.5rem;
        height: 50;
        width: 300;
    }
    .nav-link {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        transition: 0.3s;
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 14;
        color: rgb(0, 0, 0);
        border-bottom: 0px solid #0076d9;
        padding: 1.15rem 1.5rem;
        height: 50;
        align-content: center;
    }
    .dropdown-item:hover {
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 14;
        color: rgb(0, 0, 0);
        border-bottom: 4px solid #0076d9;
        padding: 1.15rem 1.5rem;
    }
    .dropdown-item.active {
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 14;
        color: rgb(0, 0, 0);
        border-bottom: 4px solid #0076d9;
        padding: 1.15rem 1.5rem;
    }
    .nav-link:hover {
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 14;
        color: rgb(0, 0, 0);
        border-bottom: 4px solid #0076d9;
        padding: 1.15rem 1.5rem;
    }
    .nav-link:active {
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 14;
        color: rgb(0, 0, 0);
        border-bottom: 4px solid #0076d9;
        padding: 1.15rem 1.5rem;
    }
    .dropdown-menu {
        font-size: 13.5px;
        font-weight: 400;
        color: rgba(0,0,0,.9);
        background-color: rgba(255, 255, 255, 1);
        border: 0px solid rgba(0,0,0,.15);
        border-radius: 0rem;
        top: 50;
        width: 300;
    }
    .new-badge {
        font-family: 'Helvetica', 'Arial', sans-serif;
        text-transform: uppercase;
        color: #fff;
        line-height: 1.4;
        font-size: 12px;
        background-color: #262626;
        padding: 8px 10px 7px 10px;
        position: absolute;
        right: 50;
        top: 15px;
    }


/*TARJETAS*/

    .card-img2 {
        width: 100%;
        border-radius: calc(.0rem - 0px);
    }
    .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .0rem;
        box-shadow: 0px 0px 15px -1px #8E8E8E;
        font-family: BMW_Typo_Regular, Verdana, sans-serif !important;
    }
    .card-img {
        width: 100%;
        border-radius: calc(.0rem - 1px);
    }
    .card-img-top {
        width: 100%;
        border-top-left-radius: calc(0rem - 0px);
        border-top-right-radius: calc(0rem - 0px);
    }
    .card-car {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .0rem;
    }
    .label-elegido {
        background-color: #2c2b2b;
        color: white;
        padding: 15px 30px;
        font-size: 0.8rem;
        width: 145px;
        letter-spacing: 1px;
        margin-top:-16px;
        margin-bottom:-33px;
        z-index: 1;
    }

    #jMenu {

        z-index: 1000;

        }
/*BOTONES*/

    .btn {
        padding: .5rem 1rem;
        font-size: 1.00rem;
        line-height: 1.5;
        border-radius: .0rem;
        font-family: 'Helvetica', 'Arial', sans-serif;
        /*font-family: "BMW Type Web Bold",Arial,Roboto,"Helvetica Neue",Helvetica,sans-serif;*/
    }
    .btn-group-lg>.btn, .btn-lg {
        padding: .7rem 1rem;
        font-family: 'Helvetica', 'Arial', sans-serif;
        line-height: 1.5;
        border-radius: .0rem;
    }
    .btn-primary {
        color: #fff;
        background-color: #1c69d4;
        border-color: #1c69d4;
    }
    .btn-primary:hover {
        color: #fff;
        background-color: #1056b3;
        border-color: #1056b3;
    }
    .btn-link {
        font-weight: 400;
        color: #007bff;
        text-decoration: none;
        font-family: 'Helvetica', 'Arial', sans-serif;
    }
    .btn-secondary {
        color: #fff;
        background-color: #4d4d4d;
        border-color: #4d4d4d;
    }
    .btn-secondary:hover {
        color: #fff;
        background-color: #262626;
        border-color: #262626;
    }
    .btn-secondary:active {
        color: #fff;
        background-color: #262626;
        border-color: #262626;
    }
    .btn-secondary:focus {
        color: #fff;
        background-color: #262626;
        border-color: #262626;
    }
    .btn-outline-secondary {
        color: #262626;
        background-color: #ffffff;
        border-color: #262626;
    }
    .btn-outline-secondary:hover {
        color: #ffffff;
        background-color: #262626;
        border-color: #262626;
    }
    .btn-group-lg>.btn, .btn-index {
        font-family: 'Helvetica', 'Arial', sans-serif;
        line-height: 1.5;
        border-radius: .0rem;
        font-size: 13;
        padding: 5px;
        font-weight: bold;
        }
    .chevron::before {
        border-style: solid;
        border-width: 0.15em 0.15em 0 0;
        content: '';
        display: inline-block;
        height: 0.60em;
        left: 0.15em;
        position: relative;
        top: 0.38em;
        transform: rotate(-45deg);
        vertical-align: top;
        width: 0.60em;
        margin-right: 10;
    }
    .chevron.right:before {
        left: 0;
        transform: rotate(45deg);
    }
    .chevron:hover:before {
        left: 3;
    }
    a {
        font-weight: 400;
    }
    .link-feed-active {
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 1.2rem;
        color: rgb(38, 38, 38);
        border-bottom: 4px solid #0076d9;
        padding: 1.1rem 2rem;
    }
    .link-feed-active:hover {
        text-decoration: none;
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 1.2rem;
        color: rgb(38, 38, 38);
        border-bottom: 4px solid #0076d9;
    }
    .link-feed {
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 1.2rem;
        color: rgb(186, 186, 186);
        border-bottom: 0px solid #0076d9;
        padding: 1rem 2rem;
    }
    .link-feed:hover {
        text-decoration: none;
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 1.2rem;
        color: rgb(186, 186, 186);
        border-bottom: 0px solid #0076d9;
    }
    .btn-group-lg>.btn, .btn-card {
        padding: 0rem 0rem;
        font-family: 'Helvetica', 'Arial', sans-serif;
        line-height: 1.5;
        border-radius: .0rem;
        font-size: 14px;
        color: #262626;
        text-decoration: none;
        text-align: left;
    }
    .btn-group-lg>.btn, .btn-card:hover {
        padding: 0rem 0rem;
        font-family: 'Helvetica', 'Arial', sans-serif;
        line-height: 1.5;
        border-radius: .0rem;
        font-size: 14px;
        color: #0653b6;
        text-decoration: none;
    }
    
    .btn-collapse {
        color: #000;
        font-size: 25px;
        padding-top: 0;
        padding: 0rem 0rem;
        margin-left: 50;
    }
    .btn-collapse_card {
        color: #000;
        font-size: 25px;
        padding-top: 0;
        padding: 0rem 0rem;
        margin-left: 0;
        text-align: left;
    }
    .btn-group-lg>.btn, .btn-ofertas {
        padding: .3rem 2rem;
        font-family: 'Helvetica', 'Arial', sans-serif;
        line-height: 1.5;
        border-radius: .0rem;
        font-size: 14px;
    }

/*SELECTOR DE PESTAÑAS*/

    .tab {
        overflow: hidden;
        display:inline-flex;
        white-space: nowrap;
    }
    .concecar{
        overflow-x: auto;
        overflow-y: hidden;
    }
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 10px 20px;
        transition: 0.3s;
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 0.8rem;
        color: rgb(186, 186, 186);
        border-bottom: 0px solid #0076d9;
        padding: 1.15rem 1.5rem;
    }
    button.jqx-rc-all.jqx-rc-all-bmw.jqx-button.jqx-button-bmw.jqx-widget.jqx-widget-bmw.jqx-fill-state-pressed.jqx-fill-state-pressed-bmw:active {
        background-color: black;
    }
    .jqx-button-bmw{
        font-size:10.5pt;
    }
    button:focus {
        outline: 1px dotted;
        outline: 0px auto -webkit-focus-ring-color;
    }
    .tab button:hover {
        text-decoration: none;
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 0.8rem;
        color: rgb(38, 38, 38);
        border-bottom: 0px solid #0076d9;
    }
    .tab button.active {
        font-family: 'Helvetica', 'Arial', sans-serif;
        font-size: 0.8rem;
        color: rgb(38, 38, 38);
        border-bottom: 4px solid #0076d9;
        padding: 1.15rem 1.5rem;
    }
    .tabcontent {
        display: none;
        padding: 6px 12px;
        -webkit-animation: fadeEffect 1s;
        animation: fadeEffect 1s;
    }
    .tabcontent2 {
        display: none;
        padding: 6px 12px;
        -webkit-animation: fadeEffect 1s;
        animation: fadeEffect 1s;
    }
    .categorias_menu {
        display: none;
        padding: 6px 12px;
        -webkit-animation: fadeEffect 1s;
        animation: fadeEffect 1s;
    }
    .categorias_serie {
        display: none;
        padding: 6px 12px;
        -webkit-animation: fadeEffect 1s;
        animation: fadeEffect 1s;
    }
    @-webkit-keyframes fadeEffect {
        from {opacity: 0;}
        to {opacity: 1;}
    }
    @keyframes fadeEffect {
        from {opacity: 0;}
        to {opacity: 1;}
    }
    .separador {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .fuel-types{
        font-size: 11;
        font-weight: 600;
        margin-top: 5px;
        margin-bottom: 5px;
        color: #3e3e3e;
        display:inline-block;
    }
    .zero-types{
        font-size: 11;
        font-weight: 600;
        margin-top: 5px;
        margin-bottom: 5px;
        color: #1c69d4;
        display:inline-block;
    }

/*FORMULARIOS*/

    .form-control {
        display: block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .0rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .custom-select {
        display: inline-block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem 1.75rem .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        vertical-align: middle;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: .0rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    *{
        margin: 0;
    }
/*VIDEO*/
    .wrapper{
        width: 100%;
        height: 30rm;
        overflow: hidden;
    }
    .wrapper .wrapper__video{
        object-fit: cover;
        width: 100%;
        height: 30rem;
    }

/*NUEVO HEADER FICHAS DE MODELO*/
    .container_home_car{
        box-shadow: rgba(0,0,0,.16) 0 7px 8px -4px,rgba(0,0,0,.23) 0 7px 8px -4px;
        padding-top: 20;
        background-color: white; 
    }
    .new-tab-link-active {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 14;
    color: rgb(0, 0, 0);
    border-bottom: 4px solid #0076d9;
    padding: 1rem 1.5rem;
    height: 68;
    align-content: center;
    }
    .new-tab-link-active:hover {
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 14;
    color: rgb(0, 0, 0);
    border-bottom: 4px solid #0076d9;
    padding: 1rem 1.5rem;
    }
    .new-tab-link-active:focus, .new-tab-link-active:hover {
    text-decoration: none;
    }
    .new-tab-link-active:active {
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 14;
    color: rgb(0, 0, 0);
    border-bottom: 4px solid #0076d9;
    padding: 1rem 1.5rem;
    }
    .new-tab-link {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 14;
    color: rgb(0, 0, 0);
    border-bottom: 0px solid #0076d9;
    padding: 1rem 1.5rem;
    height: 68;
    align-content: center;
    }
    .new-tab-link:hover {
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 14;
    color: rgb(0, 0, 0);
    border-bottom: 4px solid #0076d9;
    padding: 1rem 1.5rem;
    }
    .new-tab-link:focus, .new-tab-link:hover {
    text-decoration: none;
    }
    .new-tab-link:active {
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 14;
    color: rgb(0, 0, 0);
    border-bottom: 4px solid #0076d9;
    padding: 1rem 1.5rem;
    }

/*COOKIES ALERT*/

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
    }
    .text-center {
    text-align: left!important;
    }
    .cookiealert a {
    text-decoration: none;
    }
    .alert_cookie {
    position: fixed;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0rem;
    }
    .cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #000;
    background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEECAIAAAAd4J55AAAAGXRFW…AEYJiA4vX1ixSmV/tY2wV9vaLC3wpFEh0AARg44P8LMACM4cURIdXaEQAAAABJRU5ErkJggg==');
    }

    .alert-danger {
        color: #ffffff;
        background-color: #ab0303;
        border-color: #ab0303;
        }
        .alert {
            border-radius: 0rem;
            }

    /*CHAT HOME*/

    .home_chat_button_conainer {
		opacity: 0;
		position: fixed;
		right: 0;
		bottom: 90;
		background-color: #1056b3;
		z-index: 9000;
		color: white;
		/*border: 1px solid white;*/
		padding: 10;
		text-decoration: none!important;
		width: 170;
		text-align: right;
		background-image: url(https://i.imgur.com/X6vOLjC.png);
		background-repeat: no-repeat;
		background-position: left;
		animation:home_chat_button_conainer 0.5s 1;
		-webkit-animation:home_chat_button_conainer 0.5s 1;
		animation-fill-mode: forwards;

		animation-delay:5s;
		-webkit-animation-delay:5s; /* Safari and Chrome */
		-webkit-animation-fill-mode: forwards;
		}

		@keyframes home_chat_button_conainer{
			from {opacity :0;}
			to {opacity :1;}
		}

		@-webkit-keyframes home_chat_button_conainer{
			from {opacity :0;}
			to {opacity :1;}
		}


		.home_chat_button {
		color: white!important;
		padding: 10;
		text-decoration: none!important;
		text-align: center;
		}
		.home_chat_button:hover {
		color: white!important;
		padding: 10;
		text-decoration: none!important;
		text-align: center;
		}
		.close-button-chat {
		position: absolute;
        font-weight: bold;
        right: 5;
        cursor: pointer;
        font-size: 10;
        top: 0;
        }
        
        #dataTables-example_length {
        margin-bottom: 20;
        }
        .list-group {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-left: 0;
            margin-bottom: 0;
            border-radius: .0rem;
        }
        .home-select {
            display: inline-block;
            width: 100%;
            height: calc(1.5em + .75rem + 2px);
            padding: .375rem 1.75rem .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #000;
            vertical-align: middle;
            background: url("//contenido.bmw.lurauto.com/recursos-web/contenido/chevron-down.svg") no-repeat right .75rem center/20px 20px;
            background-color: #fff;
            border: 1px solid #b0b0b0;
            border-left: 4px solid #1c69d4;
            border-radius: .0rem;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            transition: 0.2s;
    }
    .home-select:focus {
        outline: none;
    }
    .home-select:hover {
            display: inline-block;
            width: 100%;
            height: calc(1.5em + .75rem + 2px);
            padding: .375rem 1.75rem .375rem .75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #000;
            vertical-align: middle;
            background: url("//contenido.bmw.lurauto.com/recursos-web/contenido/chevron-down.svg") no-repeat right .75rem center/20px 20px;
            background-color: #fff;
            border: 0px solid #808080;
            border-left: 4px solid #1c69d4;
            border-radius: .0rem;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            -webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.24);
            -moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.24);
            box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.24);
    }

    .home-input {
        display: inline-block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem 1.75rem .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #000;
        vertical-align: middle;
        background-color: #fff;
        border: 1px solid #b0b0b0;
        border-left: 4px solid #1c69d4;
        border-radius: .0rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        transition: 0.2s;
}
.home-input:focus {
    outline: none;
}
.home-input:hover {
        display: inline-block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem 1.75rem .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #000;
        vertical-align: middle;
        background-color: #fff;
        border: 0px solid #808080;
        border-left: 4px solid #1c69d4;
        border-radius: .0rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.24);
        -moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.24);
        box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.24);
}

table.table-bordered.dataTable {
    border-right-width: 0;
    font-size: 13;

}

.table-bordered {
    border: 0px solid #dee2e6;
    }

.table thead th {
    vertical-align: bottom;
    border-bottom: 0px solid #dee2e6;
}
.table-bordered td, .table-bordered th {
    border: 0px solid #dee2e6!important;
    }


.custom-select {
        display: inline-block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem 1.75rem .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #000;
        vertical-align: middle;
        background: url("//contenido.bmw.lurauto.com/recursos-web/contenido/chevron-down.svg") no-repeat right .75rem center/20px 20px;
        background-color: #fff;
        border: 1px solid #b0b0b0;
        border-left: 4px solid #1c69d4;
        border-radius: .0rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        transition: 0.2s;
}
.custom-select:focus {
    outline: none;
}
.custom-select:hover {

}

.form-control {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    vertical-align: middle;
    background-color: #fff;
    border: 0px solid #b0b0b0;
    border-bottom: 1px solid #666666;
    border-radius: .0rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: 0.2s;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.form-control:focus {
    box-shadow: 0 0 0 .0rem rgba(0,123,255,.25);
    border-color: #666666;
}


.modal-header {
border-bottom: 1px solid #333333;
background-color: #0653b6;
padding: 2 0 2 10;
}


.filter-select{
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    vertical-align: middle;
    background: url("//contenido.bmw.lurauto.com/recursos-web/contenido/chevron-down.svg") no-repeat right .75rem center/20px 20px;
    background-color: #fff;
    border: 0px solid #b0b0b0;
    border-bottom: 1px solid #666666;
    border-radius: .0rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: 0.2s;
    cursor: pointer;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
select:focus {
    box-shadow: 0 0 0 .0rem rgba(0,123,255,.25)!important;
    border-color: #666666;
    outline: none;
}
select:focus-visible {
    box-shadow: 0 0 0 .0rem rgba(0,123,255,.25)!important;
    border-color: #666666;
    outline: none;
}
    .btn.btn-filter.btn-primary.btn-index {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(102, 102, 102);
    border-right-color: rgb(102, 102, 102);
    border-bottom-color: rgb(102, 102, 102);
    border-left-color: rgb(102, 102, 102);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    }
    #dataTables-example_wrapper {
        font-family: BMW_Typo_Regular, Arial, Verdana, sans-serif !important;
     }

     #dataTables-example_wrapper thead tr{
        font-family: BMW_Typo_Bold, Arial, Verdana, sans-serif !important;
    }

.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #0653b6;
border-color: #0653b6;
font-weight: 600;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 15px 0;
    white-space: nowrap;
    justify-content: flex-end;
}
.pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0px!important;
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0rem;
border-bottom-left-radius: 0rem;
}
.page-item:last-child .page-link {
border-top-right-radius: 0rem;
border-bottom-right-radius: 0rem;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #333333;
    background-color: #fff;
    border: 1px solid #dee2e6;
    }

.btn-azure.btn-mini{
padding: 3.2rem 1rem;
background-color:#000;
border: 1px solid black;
text-align: left;
vertical-align: bottom!important;
}
.btn-azure.btn-bmw{
padding: 3.2rem 1rem;
background-color: #0653b6;
text-align: left;
vertical-align: bottom!important;
}
.filaResumenNivel1.branch.collapsed:hover {
    background-color: #e7eef8 !important;
}
table.treetable .filaResumenNivel4:hover{
    background-color: #e7eef8 !important;
}
table.treetable .filaResumenNivel1 {
height: 30px;
}
#contenedorTablaResumen {
    width: 100%;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em!important;
    line-height: 1.5em!important;
    text-align: center!important;
    font-family: BMW_Typo_Regular, Verdana, sans-serif !important;
    }
    .ui-datepicker td {
    padding: 0px!important;
    }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
      font-family: BMW_Typo_Regular, Verdana, sans-serif !important;
    }
    .ui-datepicker th {
      font-family: BMW_Typo_Regular, Verdana, sans-serif !important;
    }
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        border: 1px solid #7AA4CC!important;
        background: #7AA4CC!important;
        font-weight: normal!important;
        color: #ffffff!important;
    }
    .jqx-rc-all.jqx-rc-all-bmw.jqx-button.jqx-button-bmw.jqx-widget.jqx-widget-bmw.jqx-fill-state-pressed.jqx-fill-state-pressed-bmw:focus{
        background-color: #000;
    }
    .jqx-rc-all.jqx-rc-all-bmw.jqx-button.jqx-button-bmw.jqx-widget.jqx-widget-bmw.jqx-fill-state-pressed.jqx-fill-state-pressed-bmw:active{
        background-color: #000;
    }
    .ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5!important;
    border-radius: 0px!important;
    }
    .form-date{
        background: url(https://marketing.increccendo.com/archivos/creatividades/2022/icons8-calendar-72-3x.png) no-repeat right .75rem center/25px;
        background-size: 16px;
    }
    .form-dollar{
        background: url(https://marketing.increccendo.com/archivos/creatividades/2022/icons8-us-dollar-96.png) no-repeat right .75rem center/25px;
        background-size: 16px;
    }

    .modal-body {
    background-color: white;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    }


@media (prefers-color-scheme: dark) {
    body {
        background-color:#1d1d1f;
        color:white;
        }
    .color-defecto {
        color: #007bff!important;
    }
    div {
        color: #dfdfdf;
        }
    .card{
        background-color:#333333!important;
        color: #dfdfdf!important;
        box-shadow: 0px 0px 0px 0px #ffffff;
    }
    .btn-collapse_card{
        color: #ffffff;
    }
    .btn-collapse_card:hover{
        color: #dfdfdf;
    }
    .filter-select {
    color: #fff;
    background: url("//contenido.bmw.lurauto.com/recursos-web/contenido/chevron-down.svg") no-repeat right .75rem center/20px 20px;
    background-color: #33333300;
    border: 0px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    }
    .table-hover tbody tr {
    color: #ffffff;
    background-color: rgba(0,0,0,.075);
    }
    .table-hover tbody tr:hover {
    color: #ffffff;
    background-color: rgba(0,0,0,.075);
    }
    .modal-body {
    background-color: rgb(29, 29, 29);
    }
    .footerContacto {
        z-index: 1000;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 10px 10px 10px 40px;
        font-family: BMW_Typo_Regular, Verdana, sans-serif !important;
        font-size: 12px;
        color: white!important;
        background-color: #444444!important;
        box-shadow: 0px 0px 0px 0px #8e8e8e!important;
        }
        #TablaCabecera #banner.titleBlock {
            background-color:#1d1d1f!important;
            color:white;
        }
        #TablaCabecera #trMenu {
            background-color:#1d1d1f!important;
            color:white;
        }
        #jMenu ul li a {
            color: #fff;
        }
        #jMenu ul ul li a, #jMenu ul li.active li a, #jMenu ul li:hover ul li a, #jMenu ul li.hover ul li a {
        background-color: #1d1d1f !important;
        color: #fff;
        }
        .table {
        color: #ffffff;
        }
        table.treetable .titTabla {
        background-color: #0653b6;
        color: #fff;
        }
    table.treetable .titTabla10 {
    color: #ffffff;
    border-bottom: 1px solid rgb(230, 230, 230);
    background-color:#444444;
    }
    .resumenCeldaCabecera{
    background-color:#444444;
    color:#fff;
    }
    table.treetable .titTabla2 {
    color: #e1e0e0;
    background-color: black !important;
    border-bottom: 1px solid white!important;
    }
    table.treetable .filaResumenNivel1 {
    background-color: #333333 !important;
    }
    .filaResumenNivel1.branch.collapsed:hover {
    background-color: #4b4b4b !important;
    }
    table.treetable .filaResumenNivel4 {
        background-color: black !important;
        border-bottom: 1px #F3F3F3 solid;
    }
    table.treetable .filaResumenNivel4:hover{
        background-color: #4b4b4b !important;
    }
    .btn-group-lg>.btn, .btn-card {
        color: #ffffff;
    }
    .no-deco {
        color: #fff!important;
    }
    .form-control {
        color: #fff;
        background-color: #33333300;
        border: 0px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
    }

    .form-control:focus {
        color: #fff;
        background-color: #33333300;
        border: 0px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
    }
    .loading-cars-loader{
        background-color: rgba(0, 0, 0, 0.8)!important;
    }
}