html,
body {
    width: 100%;
    height: 100%;
}

body { padding-right: 0 !important }

@-ms-viewport {
    width: auto !important;
}

@media print {
    .no-print,
    .no-print * {
        display: none !important;
    }
}

input::-ms-clear {
    display: none;
}

.no-scroll {
    overflow: hidden;
}

@media (max-width: 767px) {
    .text-left-xs {
        text-align: left;
    }
}

.sin-padding-izquierda {
    padding-left: 0px !important;
}

.default-cursor {
    cursor: default !important;
}

.pointer {
    cursor: pointer;
}

#btn-subir {
    position: fixed;
    bottom: 5px;
    right: 10px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-color: #333;
    border-radius: 25px;
    z-index: 999;
    display: none;
}

#btn-subir span {
    color: white;
    font-size: 25px;
    line-height: 2;
}

.oculto {
    display: none;
}

/* CARGANDO */
.cargando {
    /*display: flow-root;*/
    display: block;
    clear:both;
    margin-top: 100px;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
}

.cargando .loader {
    /*display: none;*/
    border: 5px solid #DDDDDD;
    border-top: 5px solid #3771AC;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    margin: auto;
    margin-bottom: 10px;
}

.progress-bar {
    text-shadow: 1px 1px 1px #333333;
    min-width: 2em;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.cargando .puntos-ie {
    display: none;
}

.cargando .progress {
    display: block;
    max-width: 700px;
    margin: auto;
    margin-top: 25px;
}

.cargando .progress-bar {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    animation: none !important;
}

.cargando.progress-bar.active,
.cargando.progress.active .progress-bar {
    -webkit-animation: initial !important;
    -o-animation: initial !important;
    animation: initial !important;
}

.cargando p {
    margin-top: 25px;
    font-size: 14px;
    font-weight: 400;
}

/* FIN CARGANDO */

body.ie {
    overflow: scroll;
}

.highlight {
    color: #D9534F;
}

.text-red {
    color: #D9534F;
}

.label-danger {
    background-color: #D9534F;
}

.text-green {
    color: #2E8B57;
}

.text-danger {
    color: #D9534F;
}

.label-success {
    background-color: #2E8B57;
}

@media (max-width: 767px) {
    .form-group-xs {
        margin-bottom: 15px;
    }
}

/* Marging */

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

/* Input group - Desplegable para seleccionar el tipo de búsqueda */
.desplegable-tipo-busqueda button.dropdown-toggle {
    border-left: none;
    border-radius: 0px;
    padding: 6px 8px;
    background-color: #EEEEEE !important;
}

.desplegable-tipo-busqueda .active a {
    color: #FFFFFF !important;
}

/* ======= */

#btn-filtros {
    display: none;
}

#btn-favoritos,
#btn-filtros {
    position: fixed;
    bottom: 5px;
    right: 10px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-color: #333;
    border-radius: 25px;
    z-index: 9999;
}

#btn-favoritos span,
#btn-filtros span {
    color: #F0AD4E;
    font-size: 25px;
    line-height: 2;
    margin-left: 1px;
}

#btn-filtros span {
    color: #DDDDDD;
}

#btn-favoritos.active span,
#btn-filtros.active span {
    color: #FFFFFF;
}

#sesion {
    height: 100%;
    background-color: #FFFFFF;
}

#sesion #logo {
    display: block;
    padding-top: 50px;
    padding-bottom: 25px;
}

#sesion #logo img {
    display: block;
    margin: auto;
}


#login {
    margin-top: -25px;
}

#login h1 {
    font-weight: 400;
}

#login label {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 300;
}

#login #logo img {
    margin: auto;
}

.navbar-collapse.collapse {
    display: block!important;
}

.navbar-nav>li,
.navbar-nav {
    float: left !important;
}

.navbar-nav.navbar-right:last-child {
    margin-right: -15px !important;
}

.navbar-right {
    float: right!important;
}

@media (max-width: 767px) {
    .navbar-header {
        display: inline-block;
    }
    .modal-dialog {
        margin: 5px auto;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 668px;
    }
}

.gf-gira:before {
    font-size: 70px;
    color: #FFFFFF;
    margin-top: -16px;
}

.glyphicon-triangle-bottom:before,
.glyphicon-triangle-top:before {
    font-size: 10px;
}

.btn-success,
.btn-success:hover {
    background-color: # !important;
    border-color: # !important;
}

.btn-primary,
.btn-primary:hover {
    background-color: #3771AC !important;
    border-color: #3771AC !important;
}

.btn-warning,
.btn-warning:hover {
    background-color: #F0AD4E !important;
    border-color: #F0AD4E !important;
}

.btn-danger,
.btn-danger:hover {
    background-color: #D9534F !important;
    border-color: #D9534F !important;
}

.btn-default,
.btn-default:hover {
    background-color: #FFFFFF !important;
    border-color: #CCCCCC !important;
}

.btn-gris,
.btn-gris:hover,
.btn-gris:focus {
    background-color: #666666 !important;
    border-color: #666666 !important;
    color: #FFFFFF;
}

.label {
    font-size: 13px;
}

.label-stock-disponible {
    display: inline-block;
    min-width: 70px;
    text-align: center;
    background-color: seagreen;
    color: #FFF;
}

.label-stock-vacio {
    display: inline-block;
    min-width: 70px;
    text-align: center;
    background-color: #d9534f;
    color: #FFF;
}

.breadcrumb {
    margin-bottom: 0px;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0px;
}

.breadcrumb a {
    color: #3771AC;
}

.breadcrumb .active {
    color: #333333;
    font-weight: 500;
}

@media (max-width: 350px) {
    .breadcrumb>li+li:before {
        padding: 0 2px;
    }
}

.input-select .glyphicon-menu-down,
.input-select .glyphicon-menu-up,
.input-select .glyphicon-menu-down,
.input-select .glyphicon-menu-up,
.input-select .limpiar {
    position: absolute;
    top: 10px;
    z-index: 9;
    right: 25px;
    top: 35px;
    color: #777777;
    font-size: 15px;
    cursor: pointer;
}

.input-select .limpiar {
    display: none;
    right: 50px;
    font-size: 11px;
    color: #777777 !important;
}

#navbar-principal {
    margin-bottom: 0px;
    border: 0px;
    border-radius: 0px;
    height: 50px;
}

#navbar-principal .estilos-buscador {
    background-color: #;
}

#navbar-principal .estilos-menu {
    background-color: #;
}

@media (max-width: 767px) {
    #navbar-principal .estilos-menu {
        height: 50px;
    }
}

#navbar-principal a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#navbar-principal .cabecera-sin-buscador {
    display: block;
    width: 100%;
    height: 50px;
    background-color: #;
}

@media (max-width: 767px) {
    #navbar-principal .cabecera-sin-buscador {
        display: none;
    }
}

#navbar-principal .navbar-brand {
    padding: 7px 5px 7px 5px;
    background-image: url("../img/fondo-logo-xs.png");
    display: block;
    width: 94px;
    height: 50px;
}

#navbar-principal .navbar-brand img {
    width: 84px;
    height: auto;
}

#navbar-principal .nav li a:hover,
#navbar-principal .nav li a:focus,
#navbar-principal .nav li a:visited {
    background-color: #;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#navbar-principal .nav li a {
    color: #;
    text-shadow: none;
    font-weight: 400;
}

#navbar-principal .nav li .active:not(.active-ie) {
    background-color: # !important;
    color: #;
}

#navbar-principal .nav li .active-ie {
    border: 1px solid #FFFFFF;
    border-bottom: none;
}

.navbar-fixed-top #navbar-principal .nav li .perfil.active:not(.active-ie) {
    border-bottom: 0px;
}

#navbar-principal .nav li .perfil .glyphicon {
    display: inline !important;
}

#enlaceSoloTecrmi-popover {
    display: none;
}

@media (min-width: 991px) and (max-width: 1199px) {
    #navbar-principal .nav li .perfil {
        max-width: 232px;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    #navbar-principal .nav li .perfil:before {
        content: '';
    }
}

#navbar-principal .dropdown-menu li a {
    color: #333333;
    font-weight: 400;
}

#navbar-principal .cesta .badge {
    margin-left: 5px;
}

@media (max-width: 991px) {
    #navbar-principal .badge {
        display: none !important;
    }
}

@media (max-width: 767px) {
    #navbar-principal .nav li a {
        padding: 15px 10px;
    }

    #navbar-principal .navbar-nav {
        margin: 0px;
    }
}

@media (max-width: 767px) {
    #navbar-principal .navbar-brand {
        padding: 7px 10px 7px 0px;
    }
}

@media (max-width: 359px) {
    #navbar-principal .nav li a {
        padding: 15px 10px;
    }
}

#buscador-navbar {
    padding-left: 10px;
    padding-right: 10px;
}

.desde-iframe #buscador-navbar {
    padding-left: 0px;
}

#buscador-navbar .input-group .exacto,
#buscador-navbar .input-group .versiones,
#buscador-navbar .input-group .i-turismos,
#buscador-navbar .input-group .i-industriales {
    display: none;
}

#buscador-navbar .input-group .input-group-addon {
    padding: 6px 8px;
    font-size: 12px;
}

#buscador-navbar input[type=text] {
    width: 190px;
}

@media (min-width: 768px) and (max-width: 840px) {
    #buscador-navbar input[type=text] {
        width: 120px;
    }
}

/* PERFIL */
#menu-perfil {
    display: none;
    right: 0;
    left: auto;
    position: absolute;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0px;
    background-color: #FFFFFF;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #CCCCCC;
    border-top: none;
    border-right: none;
    border-bottom-left-radius: 4px;
    /*text-align: right;*/
}

#menu-perfil .item-menu {
    display: block;
    margin: auto;
    width: 100%;
    padding: 5px 15px;
    color: #;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

#menu-perfil .item-menu:last-child {
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
    margin-top: 5px;
}

#menu-perfil .item-menu:first-child {
    border-top: 0px;
}

@media (max-width: 991px) {
    #menu-perfil .item-menu a {
        font-size: 16px;
    }
}

/* DATOS-TECNICOS */
#menu-datos-tecnicos {
    display: none;
    right: 230px;
    left: auto;
    position: absolute;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0px;
    background-color: #FFFFFF;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #CCCCCC;
    border-top: none;
    border-bottom-left-radius: 4px;
    /*text-align: right;*/
}

.desde-iframe #menu-datos-tecnicos {
    right: 92px;
}

#menu-datos-tecnicos .item-menu {
    display: block;
    margin: auto;
    width: 100%;
    padding: 5px 15px;
    color: #;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    cursor: pointer;
}

#menu-datos-tecnicos .item-menu.disabled {
    color: #999990;
}

#menu-datos-tecnicos .item-menu:focus {
    outline: none;
}

@media (max-width: 1199px) {
    #menu-datos-tecnicos {
        right: 1px;
    }
}

@media (max-width: 991px) {
    #menu-datos-tecnicos .item-menu a {
        font-size: 16px;
    }
}


/* HISTORIAL */
#menu-historial {
    display: none;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #CCCCCC;
    border-top: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 100;
}

.desde-iframe #menu-historial {
    height: auto !important;
    overflow: scroll;
}

#menu-historial .glyphicon-remove {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 18px;
    color: #D9534F;
    cursor: pointer;
}

#menu-historial .glyphicon-edit {
    text-decoration: none;
    color: #666666;
    padding-right: 15px;
}

#menu-historial .modificar-observacion,
#menu-historial .observacion {
    display: none;
}

#menu-historial .observacion b {
    padding-left: 30px;
}

#menu-historial .nav li:not(.active) a {
    background-color: #EEEEEE;
    border-color: #EEEEEE #EEEEEE #DDDDDD;
    color: #777777;
}

#menu-historial .head,
#menu-historial .body {
    border: 1px solid #DDDDDD;
    border-top: none;
}

#menu-historial .body {
    overflow: scroll;
}

#menu-historial .head {
    overflow-y: scroll;
}

#menu-historial .head .th,
#menu-historial .body .td {
    padding-top: 8px;
    padding-bottom: 8px;
}

#menu-historial .head .th:first-child {
    padding-left: 45px;
}

#menu-historial .body .glyphicon-trash,
#menu-historial .body .glyphicon-duplicate {
    color: #666666;
    padding-right: 16px;
    cursor: pointer;
    text-decoration: none;
}

#menu-historial .botones {
    margin-top: 10px;
}

#menu-historial .botones.ie {
    display: block;
    position: relative;
    text-align: center;
    bottom: inherit;
    width: auto;
    margin: 10px auto;
}

#menu-historial a {
    color: #333333;
    cursor: pointer;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #menu-historial .head .th:first-child {
        padding-left: 39px;
    }

    #menu-historial .head,
    #menu-historial .body {
        font-size: 13px;
    }

    #menu-historial .head .th,
    #menu-historial .body .td {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 991px) {
    #menu-historial .head,
    #menu-historial .body {
        font-size: 12px;
    }

    #menu-historial .head .th,
    #menu-historial .body .td {
        padding-top: 2.5px;
        padding-bottom: 2.5px;
    }

    #menu-historial .body .linea {
        border-bottom: 1px solid #DDDDDD;
        padding-top: 7.5px;
        padding-bottom: 7.5px;
    }

    #menu-historial .body .linea:last-child {
        border-bottom: 0px;
    }

    #menu-historial .head .th:last-child,
    #menu-historial .body .td:last-child {
        text-align: left;
    }

    #menu-historial .body .linea .glyphicon-trash {
        font-size: 24px;
        margin-top: 30px;
        padding-right: 0px;
    }

    #menu-historial .body .linea .glyphicon-trash-xs,
    #menu-historial .body .linea .glyphicon-duplicate-xs {
        font-size: 18px;
        margin-top: 20px;
    }

    #menu-historial .body .linea .glyphicon-trash-xs {
        margin-left: 5px;
    }

    #menu-historial .observacion {
        padding-top: 2.5px;
        padding-bottom: 2.5px;
    }

    #menu-historial .observacion b {
        padding-left: 0px;
    }

    #menu-historial .body .glyphicon-duplicate {
        padding-right: 0px;
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    #menu-historial .body .linea .glyphicon-trash {
        font-size: 18px;
        margin-top: 30px;
    }

    #menu-historial .body .linea .glyphicon-trash-xs {
        font-size: 18px;
        margin-top: 20px;
    }

    #menu-historial .nav-tabs li a {
        font-size: 11px;
        padding: 10px 7.5px;
    }
}


/* ======= */
#turismos,
#turismos-tecrmi,
#industriales,
#ligeros,
#ejes,
#motos {
    padding-top: 15px;
    padding-bottom: 15px;
}

#ejes .filtro-letras,
#industriales .filtro-letras,
#ligeros .filtro-letras,
#motos .filtro-letras {
    display: none;
}

#ejes .filtro-letras .pagination .active a,
#industriales .filtro-letras .pagination .active a,
#ligeros .filtro-letras .pagination .active a,
#motos .filtro-letras .pagination .active a {
    color: #FFFFFF !important;
}

/* BUSCADORES */
#buscadores {
    display: none;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #F8F8F8;
    border-bottom: 1px solid #E7E7E7;
    color: #777777;
}

#buscadores .exacto,
#buscadores .versiones {
    padding: 6px 8px;
}

#buscador-navbar .filtro-turismo-industrial {
    display: none;
}

.filtro-turismo-industrial .dropdown-toggle {
    border-left: none;
    border-radius: 0px;
    padding: 6px 8px;
    background-color: #EEEEEE !important;
}

.nav-tabs.nav-justified li a {
    text-decoration: none;
}

.nav-tabs.nav-justified li.active {
    font-size: 18px;
    color: #333333;
}

.nav-tabs.nav-justified li:not(.active) a {
    color: #777;
    /* background-color: #eee; */
    margin-right: 1px;
    border: 1px solid #eee;
}

.nav-tabs.nav-justified li:not(.active) a:hover {
    background-color: #FFFFFF;
}

@media (max-width: 991px) {
    .nav-tabs.nav-justified li {
        display: table-cell;
        width: 1%;
        float: none;
    }
    .nav-tabs.nav-justified li a {
        margin-bottom: 0px;
    }
    .nav-tabs.nav-justified li.active a {
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .nav-tabs.nav-justified li:not(.active) a {
        border-bottom: 1px solid #DDDDDD;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}

.contenido-nav-justified {
    border: 1px solid #DDDDDD;
    border-top: none;
    padding-top: 25px;
    padding-bottom: 25px;
    box-shadow: rgba(0, 0, 0, 0.40) 0px 5px 5px -3px;
}

@media (max-width: 767px) {
    #contenido-tipo-vehiculo {
        border-top: 1px solid #DDDDDD;
    }
}

#contenido-tipo-vehiculo a {
    color: #333333;
}

/*#logotipos .contenedor-imagen {
    display: table;
    width: 100%;
    height: 100px;
}

#logotipos .contenedor-imagen .imagen {
    height: 100px !important;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#logotipos .contenedor-imagen .imagen a {
    display: block;
    width: 100%;
    text-align: center;
}

#logotipos .contenedor-imagen .imagen a img.ie {
    width: 40px;
}*/

#logotipos {
    padding-top: 25px;
}

#logotipos a {
    display: inline-block;
    text-align: center;
    width: 150px;
    height: 75px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
    overflow: hidden;
}

#logotipos a img {
    display: block;
    margin: auto;
    margin-bottom: 5px;
    width: auto;
    height: 50px;
}

@media (max-width: 485px) {
    #logotipos a {
        width: 33.3%;
        height: 83px;
    }

    #logotipos a .contenedor-imagen {
        height: 50px;
    }

    #logotipos a img {
        max-width: 105px;
        width: auto;
        height: auto;
    }
}

@media (max-width: 385px) {
    #logotipos a {
        width: 33.3%;
        height: 83px;
    }

    #logotipos a .contenedor-imagen {
        height: 50px;
    }

    #logotipos a img {
        max-width: 85px;
        width: auto;
        height: auto;
    }
}

#sin-logotipos {
    padding-left: 15px;
    list-style-type: none;
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
}

#sin-logotipos li:first-child {
    display: none;
}

#listado-fabricantes {
    list-style-type: none;
    padding-left: 15px;
}

@media (min-width: 1200px) {
    #listado-fabricantes {
        -webkit-columns: 4;
        -moz-columns: 4;
        columns: 4;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #listado-fabricantes {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #listado-fabricantes {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
}

#listado-fabricantes-ie .izq {
    width: 49%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

#listado-fabricantes-ie .der {
    width: 49%;
    float: right;
    padding-left: 15px;
    padding-right: 15px;
}

.resultados-filtro {
    display: none;
    position: absolute;
    max-height: 400px;
    width: calc(100% - 30px);
    list-style-type: none;
    background-color: #F5F5F5;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0px;
    z-index: 9;
    overflow: scroll;
}

.resultados-filtro li {
    width: 100%;
    padding: 5px 10px;
    font-size: 13px;
    cursor: pointer;
}

.resultados-filtro a {
    color: #333333;
}

.resultados-filtro li:first-child {
    margin-top: 5px;
}

.resultados-filtro li:last-child {
    margin-bottom: 5px;
}

.resultados-filtro a.active,
.resultados-filtro a:hover {
    text-decoration: none;
    font-weight: 600;
}

.resultados-filtro a.active li,
.resultados-filtro a:hover li {
    background-color: #EEEEEE;
}

/* Pestañas Catalogos */

#pestanas-tipo-vehiculo.nav-tabs.nav-justified li a {
    font-weight: bold;
}

/* FABRICANTES */
#fabricantes {
    padding-bottom: 25px;
}

#fabricantes .fabricante {
    margin-bottom: 15px;
}

#fabricantes .heading {
    border: 1px solid #555555;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 15px;
    color: #555555;
    background-color: #FFFFFF;
    background-color: #F5F5F5;
}

#fabricantes .fabricante.active .heading {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    /*color: #3c763d;*/
    background-color: #dff0d8;
    border-color: #3c763d;
}

#fabricantes .body {
    display: none;
    color: #555555;
    border: 1px solid #3c763d;
    background-color: #F5F5F5;
    border-radius: 4px;
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 10px 15px;
}

#fabricantes .fabricante.active .body {
    display: block;
}

#fabricantes .botones-activo {
    float: right;
}

#fabricantes .limpiar {
    position: absolute;
    z-index: 9;
    top: 10px;
    right: 50px;
    color: #777777;
    font-size: 11px;
    cursor: pointer;
}

#fabricantes .formulario-modificar-familia-remota .form-control {
    text-transform: uppercase;
}

/* ================ TURISMOS MODELOS =============== */

.tabla {
    margin-bottom: 25px;
}

.tabla .head {
    background-color: #;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: #;
    font-weight: 400;
}

.tabla .linea {
    font-size: 13px;
}

.tabla .linea:hover {
    background-color: #EEEEEE;
    border-radius: 2.5px;
}

.tabla .linea a {
    color: #333333;
}

.tabla .body .linea:first-child {
    display: none;
}

#modelos .tabla .body .linea:first-child {
    display: block;
}

#ano-construccion {
    margin-top: 10px;
    margin-bottom: 10px;
}

#ano-construccion .pagination {
    margin: 0px;
}

#ano-construccion ul.ie {
    padding-left: 0px;
}

#ano-construccion ul.ie li a {
    padding: 0px 5px;
}

#ano-construccion ul li {
    display: inline-block;
}

@media (max-width: 991px) {
    .tabla .head {
        font-size: 14px;
        padding-top: 7.5px;
        padding-bottom: 7.5px;
        margin-bottom: 0px;
    }
    .tabla .linea {
        font-size: 14px;
        padding-top: 7.5px;
        padding-bottom: 7.5px;
        border-bottom: 1px solid #DDDDDD;
    }
    .tabla .linea:hover {
        background-color: #FFFFFF;
    }
    .cargando {
        font-size: 14px;
    }
}

/* ============== Versiones ================= */
#versiones .glyphicon-info-sign {
    color: #777777;
    padding-right: 5px;
    cursor: pointer;
}

#versiones .tabla .body .linea a {
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 767px) {
    #versiones .glyphicon-info-sign {
        font-size: 30px;
        margin-top: -17.5px;
    }

    #versiones .tabla .body .linea {
        padding-top: 0px;
        border: none;
    }

    #versiones .tabla .body .linea .head {
        font-weight: 400;
        margin-bottom: 5px;
        text-align: center;
        font-size: 18px;
    }

    #versiones .tabla .body .btn-group-justified {
        margin-top: 5px;
    }
}

/* ============== grupos ================= */

.columna-izquierda {
    background-color: #F5F5F5;
    border-right: 1px solid #DDDDDD;
    padding: 15px;
}

.columna-izquierda .glyphicon-star {
    color: #F0AD4E;
}

.columna-izquierda .resultados-filtro {
    position: relative;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
}

.ie .columna-izquierda .resultados-filtro {
    position: absolute;
}

.columna-izquierda .resultados-filtro a:hover,
.columna-izquierda .resultados-filtro a.active {
    font-weight: 400;
}

.columna-izquierda .list-group a {
    background-color: #FFFFFF;
    font-size: 12px;
    color: #666666;
}

.columna-izquierda .list-group a.active {
    background-color: #3771AC;
    border-color: #3771AC;
    font-size: 12px;
    color: #FFFFFF;
}

.columna-izquierda .list-group a:hover:not(.active) {
    background-color: #FFFFFF;
    color: #000000;
}

.grupo-icono {
    text-align: center;
    margin: 25px auto;
}

.grupo-icono span {
    font-size: 75px;
}

.grupo-icono .glyphicon {
    margin-bottom: 30px;
}

.grupo-icono .texto {
    font-weight: 500;
    height: 44px;
    margin-top: -10px;
}

.buscador-xs,
.info-version,
.info-version-ejes {
    padding: 8px 0px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #DDDDDD;
}

.info-version .col-xs-12,
.info-version-ejes .col-xs-12 {
    line-height: 1;
}

.info-version .texto,
.info-version-ejes .texto {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.info-version a,
.info-version-ejes a {
    color: #333333;
    text-decoration: none;
}

.info-version a:hover,
.info-version a:active,
.info-version a:visited,
.info-version a:focus,
.info-version-ejes a:hover,
.info-version-ejes a:active,
.info-version-ejes a:visited,
.info-version-ejes a:focus {
    text-decoration: none;
}

@media (min-width: 991px) {
    #contenedor-botones-busqueda-grafica {
        position: absolute;
        top: 175px;
        z-index: 1;
    }

    #contenedor-botones-busqueda-grafica.sin-desplegable-carrocerias {
        position: static;
        top: 0px;
        margin: 0px;
    }
}

@media (min-width: 992px) {
    .columna-izquierda.vacio {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .columna-izquierda {
        border-bottom: 1px solid #DDDDDD;
    }

    .columna-izquierda.active {
        display: block !important;
        position: absolute;
        z-index: 99;
        top: 50px;
        bottom: 50px;
        min-height: fit-content;
    }

    .columna-derecha.inactive {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .columna-izquierda.active {
        top: 100px;
    }
}

/* ========== Version ========= */
#grupos .pestana {
    padding: 15px 0px;
    text-align: center;
    border-bottom: 1px solid #DDDDDD;
    background-color: #F5F5F5;
    color: #333333;
}

#grupos .pestana:hover {
    text-decoration: none;
}

#grupos .pestana:first-child {
    border-right: 1px solid #DDDDDD;
}

#grupos .pestana.active {
    font-weight: bold;
    background-color: #FFFFFF;
    border-bottom: none;
}

#grupos .info-version .glyphicon-info-sign {
    color: #333333;
}

#grupos .pestana-busqueda-grafica {
    border-left: 1px solid #DDDDDD;
}

#contenedor-busqueda-grafica {
    padding-top: 15px;
}

.columna-derecha .observacion {
    display: none;
    background-color: #F5F5F5;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDDDDD;
}

.columna-izquierda .input-select .glyphicon-menu-down,
.columna-izquierda .input-select .glyphicon-menu-up,
.columna-izquierda .input-select .glyphicon-menu-down,
.columna-izquierda .input-select .glyphicon-menu-up,
.columna-izquierda .input-select .limpiar {
    top: 50px;
}

#grupos .todos-fabricantes {
    margin-bottom: 10px;
}

#grupos .resultados-filtro {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-top: none;
}

@media (max-width: 991px) {
    #grupos .columna-izquierda {
        display: none;
    }

    #grupos .columna-izquierda.active {
        display: block;
    }

    #grupos .columna-izquierda .input-select .glyphicon-menu-down,
    #grupos .columna-izquierda .input-select .glyphicon-menu-up,
    #grupos .columna-izquierda .input-select .glyphicon-menu-down,
    #grupos .columna-izquierda .input-select .glyphicon-menu-up,
    #grupos .columna-izquierda .input-select .limpiar {
        top: 50px !important;
    }
}


/* ============== ACCESOR RAPIDOS =============== */

.accesos-rapidos {
    padding-top: 20px;
    text-align: center;
}

.accesos-rapidos .contenedor-imagen {
    display: inline-block;
    width: 6.6%;
}

.accesos-rapidos .contenedor-imagen:first-child {
    display: none;
    width: 0px;
}

.accesos-rapidos .contenedor-imagen img {
    max-height: 50px;
    display: block;
    margin: auto;
    cursor: pointer;
}


/* ================== ARBOL =================== */

.arbol,
.busqueda-b2c,
.contenedor-resultados {
    padding-top: 15px;
    padding-bottom: 10px;
}

.arbol .padre:first-child {
    display: none;
}

.arbol .padre {
    margin-bottom: 10px;
}

.arbol .padre a {
    font-weight: 400;
    color: #555555;
}

.arbol .padre a:focus {
    text-decoration: none;
}

.busqueda-b2c .grupos a.active,
.arbol .padre a.active {
    color: #3771AC;
    font-weight: 500;
}

.arbol .padre a .glyphicon {
    padding-right: 5px;
}

.arbol .padre a:hover {
    text-decoration: none;
}

.arbol ul {
    margin-top: 5px;
    margin-bottom: 0px;
    padding-left: 25px;
    list-style-type: none;
}

.arbol ul li {
    margin-bottom: 5px;
}

.arbol .articulos-genericos {
    display: none;
}

.arbol .articulos-genericos .h4 {
    margin-top: 0px;
}

.busqueda-b2c .grupos:first-child {
    display: none;
}

.busqueda-b2c .grupos a {
    display: block;
    color: #555555;
    font-size: 13px;
    font-weight: 400;
    margin: 5px 0px;
    word-wrap: break-word;
}

.busqueda-b2c .grupos a:hover {
    text-decoration: none;
}

.busqueda-b2c ul {
    padding-left: 25px;
    list-style-type: none;
    display: none;
    margin-bottom: 0px;
}

#modal-art-genericos-grupo .modal-header {
    border-bottom: none;
}

.close,
.close:hover {
    opacity: 1;
}

.close .glyphicon-remove {
    font-weight: 100;
    font-size: 18px;
    color: #D9534F;
}

#modal-art-genericos-grupo .modal-body {
    padding-top: 0px;
}

#modal-art-genericos-grupo .tabla {
    margin-bottom: 10px;
}

.arbol .articulos-genericos .tabla .head,
#modal-art-genericos-grupo .tabla .head {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.arbol .articulos-genericos .tabla .head,
#modal-art-genericos-grupo .tabla .head {
    margin-bottom: 0px;
    border: 1px solid #;
}

.arbol .articulos-genericos .tabla .linea,
#modal-art-genericos-grupo .tabla .linea {
    font-size: 13px;
    border: 1px solid #DDDDDD;
    border-top: none;
    padding: 7.5px 15px;
    word-wrap: break-word;
}

.arbol .articulos-genericos .tabla .linea:hover,
#modal-art-genericos-grupo .tabla .linea:hover {
    background-color: #FFFFFF;
    border-radius: 0px;
}

#modal-art-genericos-grupo .modal-body .btn-success {
    margin-bottom: 10px;
}

#modal-art-genericos-grupo .modal-body .btn-danger {
    margin-top: 10px;
}


/* ============== Resultados ================= */


/*.resultado:first-child {
	display: none;
}*/

.resultado {
    border-bottom: 1px solid #DDDDDD;
    padding-top: 5px;
    padding-bottom: 5px;
}

.resultado .h5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.resultado img {
    max-width: 100%;
    max-height: 75px;
    margin: auto;
    margin-top: 15px;
}

.resultado .modal img {
    max-height: none;
}

.resultado a:not(.btn) {
    color: #333333;
    font-weight: bold;
}

.resultado .modal .glyphicon-remove {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 18px;
    color: #d9534f;
    cursor: pointer;
}

.resultado .left,
.resultado .pvp {
    font-size: 13px;
    font-weight: 600;
}

.resultado .imp_total {
    font-size: 20px;
    font-weight: bold;
    color: #d9534f;
}

.label-stock-disponible {
    display: inline-block;
    min-width: 70px;
    text-align: center;
    background-color: #2e8b57;
    color: #FFF;
}

.label-stock-vacio {
    display: inline-block;
    min-width: 70px;
    text-align: center;
    background-color: #d9534f;
    color: #FFF;
}

.descuento {
    display: inline-block;
}

.descuento .numero {
    font-size: 10px;
    background-color: #eea236;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 1.5;
    color: #fff;
}

.descuento .porcentaje {
    border: 1px solid #eea236;
    font-size: 12px;
    padding: 1px 1px 1px 3px;
    border-top: 0px;
}

@media (max-width: 767px) {
    .resultado .seccion {
        margin-bottom: 10px;
    }
}

/* ================= CODIGO MOTOR =============== */

#motores .tabla .head {
    margin-bottom: 0px;
}

#motores .tabla .linea {
    border-bottom: 1px solid #DDDDDD;
    padding-top: 5px;
    padding-bottom: 5px;
}

#motores .tabla .linea:hover {
    background-color: #FFFFFF;
}

#motores .tabla .linea .marca-motor {
    font-weight: 700;
    cursor: pointer;
}

#motores .tabla .linea ul {
    display: none;
    list-style-type: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;
    margin-bottom: 0px;
}

#motores .tabla .linea ul li {
    padding: 0px 0px 0px 5px;
}

#motores .tabla .linea ul li:hover {
    background-color: #EEEEEE;
}

#motores .tabla .linea .glyphicon {
    cursor: pointer;
    color: #777777;
}

#motores .listado-versiones a {
    cursor: pointer;
    text-decoration: none;
}

/* ================= REFERENCIAS ================= */
#referencias .glyphicon-duplicate {
    font-size: 12px;
    padding-left: 5px;
    text-decoration: none;
    color: #555555;
    cursor: pointer;
}

#referencias label {
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 13px;
    word-wrap: break-word;
}

#referencias label.toggle-descuentos a {
    text-decoration: none;
    color: #333333;
}

#referencias .control-label {
    font-size: 14px;
    font-weight: bold;
}

#referencias .columna-derecha label:not(.control-label) {
    margin-bottom: 0px;
}

#referencias .resultado .glyphicon-picture {
    display: block;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
}

#referencias .resultado .contenedor-imagen {
    height: 90px;
}

#referencias .resultado .seccion {
    font-size: 12px;
}

#referencias .resultado .seccion .key {
    font-weight: 600;
}

#referencias .resultado .seccion .btn-tecrmi {
    margin-left: 2.5px;
    cursor: pointer;
}

#referencias .resultado .precios {
    font-size: 13px;
}

#referencias .resultado .precios .contenedor-stock {
    font-size: 13px;
    margin-bottom: 0px;
}

#referencias .resultado .precios .contenedor-stock .almacenes {
    margin-bottom: 0px;
}

#referencias .resultado .precios .glyphicon-info-sign {
    text-decoration: none;
    font-weight: lighter;
    font-size: 15px;
}

#referencias .descuentos-por-cantidad {
    font-size: 13px;
}

#referencias .columna-derecha,
#referencias .columna-izquierda {
    display: none;
}

#referencias .columna-derecha .filtros label {
    display: inline;
    font-size: 13px;
    padding-right: 5px;
}

#referencias .columna-derecha .filtros label:last-child {
    padding-right: 0px;
}

#referencias .resultado.compacto .seccion .caracteristica {
    display: inline-block;
}

#referencias .resultado.no-compacto .seccion .caracteristica {
    display: block;
}

#referencias .resultado.compacto .seccion .caracteristica .coma {
    display: inline-block;
    padding-right: 5px;
}

#referencias .resultado .seccion .caracteristica:last-child .coma {
    display: none;
}

#referencias .resultado.no-compacto .seccion .caracteristica .coma {
    display: none;
}

#referencias .stock-texto {
    font-weight: 600;
    font-size: 14px;
}

#referencias .equivalencias {
    display: none;
    margin-top: 10px;
}

#referencias .equivalencias ul {
    margin-top: 5px;
    list-style-type: none;
    padding-left: 10px;
}

#referencias .equivalencias ul.list-group {
    padding-left: 0px;
}

#referencias .equivalencias ul li:not(.list-group-item) {
    margin-bottom: 7.5px;
}

#referencias .label {
    font-weight: 400;
    /*padding: 5px 15px;*/
}

#referencia .cantidad,
#referencias .cantidad {
    max-width: 125px;
    display: inline-table;
    margin-bottom: 0px;
    top: 11px;
}

.subcaracteristicas {
    display: none;
    font-size: 12px;
    padding-left: 10px;
}

#referencias .equivalencias .contenedor-detalles-equivalencia {
    margin-bottom: 0px !important;
}

#referencias .equivalencias .contenedor-detalles-equivalencia:last-child {
    border-bottom: 1px solid #DDDDDD;
}

.equivalencias .contenedor-detalles-equivalencia,
.li-detalle-referencia {
    display: none;
    width: 100%;
}

.li-detalle-referencia:last-child {
    border-bottom: 1px solid #DDDDDD;
}

.equivalencias .contenedor-detalles-equivalencia.active,
.li-detalle-referencia.active {
    display: inline-block;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    /*height: 270px;*/
}

.detalles-equivalencia,
.li-detalle-referencia .detalles-referencia {
    padding-top: 5px;
    padding-bottom: 5px;
}

.equivalencias ul li.list-group-item {
    cursor: pointer;
    /*min-height: 44px;*/
    padding-right: 50px;
}

.equivalencias .boton-cesta,
.ul-despiece .boton-cesta {
    position: absolute;
    top: 10px;
    right: 15px;
}

.ul-despiece .boton-lupa {
    position: absolute;
    top: 10px;
    right: 45px;
}

.ul-despiece li.list-group-item {
    padding-right: 85px;
}

#referencias .contenedor-reemplazado {
    display: block !important;
}

@media (min-width: 992px) {
    #referencias .cargando {
        position: absolute;
        left: 50%;
    }
}
/* ================== REFERENCIA ================ */
#referencia {
    padding-bottom: 10px;
}

#referencia .glyphicon-duplicate,
#referencia .glyphicon-print {
    font-size: 15px;
    padding-left: 5px;
    text-decoration: none;
    color: #555555;
    cursor: pointer;
}

#referencia .contenido-referencia {
    display: none;
}

#referencia .datos-precios {
    margin-top: 5px;
}

#referencia .contenedor-imagen-principal {
    display: block;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 10px;
    max-height: 150px;
}

#referencia .contenedor-imagen-principal #img-principal {
    max-height: 150px;
    margin: auto;
}

#referencia .contenedor-reemplazado li a,
#referencias .contenedor-reemplazado a {
    color: #D9534F;
    font-weight: bold;
}

@media (max-width: 991px) {
    #referencia .contenedor-imagen-principal #img-principal {
        margin: auto;
    }
}

@media (max-width: 767px) {
    #referencia .cantidad-anadir {
        text-align: center;
    }
}

/* Preview de la imagen de producto*/
#slider-img-secundarias {
  display: table;
  width: 100%;
  height: 40px;
  line-height: 40px;
  table-layout:fixed;
  margin-bottom: 10px;
}

#slider-img-secundarias .link {
  height: 40px !important;
  display: table-cell !important;
  vertical-align: middle;
  text-align: center;
}

#slider-img-secundarias .link img {
  border: none;
  max-height: 40px;
  margin-bottom: 0px;
}

#referencia .owl-nav div {
    color: black;
    font-size: 15px;
    background: transparent;
}

#referencia .owl-buttons div {
    color: black;
    font-size: 15px;
    background: transparent;
}

#referencia .owl-buttons div {
    position: absolute;
}

#referencia .owl-buttons .owl-prev {
    left: -15px;
    top: -5px;
}

#referencia .owl-buttons .owl-next {
    right: -15px;
    top: -5px;
}

/*#slider-img-secundarias .item {
    cursor: pointer;
}

#slider-img-secundarias {
	display: table;
	width: 100%;
	height: 50px;
	line-height: 50px;
	table-layout:fixed;
	margin-bottom: 10px;
}

#slider-img-secundarias .item {
    height: 50px !important;
    vertical-align: middle;
    text-align: center;
}

#slider-img-secundarias .item img {
    border: none;
    max-height: 50px;
}*/

#referencia .titulo span[data-name="ref_limpia"] {
    font-weight: 300;
}

#referencia .label {
    margin-bottom: 5px;
}

#referencia .stock .glyphicon-info-sign {
    text-decoration: none;
    font-weight: lighter;
    font-size: 15px;
    color: #333333;
}

#referencia .precios {
    margin-bottom: 25px;
}

#referencia .almacenes {
    display: none;
}

.cabecera-almacenes {
    margin-top: 10px;
    border-bottom: 1px solid #DDDDDD;
}

#referencias .cabecera-almacenes {
    margin-top: 0px;
}

.cabecera-almacenes.listado-referencias {
    margin-top: 0px;
}

.contenido-almacenes {
    margin-bottom: 15px;
}

.contenido-almacenes .row {
    margin-top: 5px;
}

#referencia ul {
    margin-bottom: 0px;
    padding-left: 30px;
}

#referencias .linea,
#referencia .linea {
    margin-bottom: 5px;
}

#referencia ul a {
    color: #333333;
}

#referencia ul[data-name="originales"] a {
    display: inline-block;
}

#referencia ul[data-name="equivalencias"],
#referencia ul.ul-despiece {
    margin-top: 5px;
    margin-bottom: 5px;
    list-style-type: none;
    padding-left: 10px;
}

.paginacion {
    display: none;
}

.paginacion .col-xs-12 {
    padding: 10px 15px 10px 40px;
}

.paginacion .paginas {
    width: 70px;
    height: 30px;
    display: inline-block;
}

#referencia .listado-completo {
    display: none;
}

#referencia .listado-completo .progreso {
    margin-top: 25px;
}

#referencia .listado-completo .progreso .progress {
    margin-bottom: 7px;
    max-width: 450px;
}

/* ================= CESTA ================== */
#cesta {
    padding-bottom: 25px;
}

.barra-cesta {
    background-color: #;
    color: #;
    padding-top: 10px;
    padding-bottom: 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#cesta .resultado {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

.resultado .descuento {
  display: inline-block;
}

.resultado .numero {
  font-size: 10px;
  background-color: #eea236;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  line-height: 1.5;
  color: #fff;
}

.resultado .porcentaje {
  border: 1px solid #eea236;
  font-size: 13px;
  padding: 1px 2px 1px 2px;
  border-top: 0px;
  background-color: white;
}

#cesta .tabla {
    margin-bottom: 15px;
}

#cesta .importe-total,
#cesta .importe-total-sin-descuentos {
    font-size: 16px;
    margin-bottom: 15px;
}

#cesta .actualizando-cesta {
    display: none;
    margin-top: 20px;
    font-weight: 500;
}

#cesta .btn-traspasar {
    display: none;
}

#cesta .datos-adicionales {
    display: none;
}

#cesta .datos-adicionales .error-comunicacion {
    margin-top: 50px;
}

#cesta .numero-pedido-propio,
#cesta .observaciones,
#cesta .vacaciones {
    display: none;
}

#cesta .vacaciones {
    font-weight: 600;
    margin-top: 25px;
}

#cesta .botones {
    margin-top: 25px;
}

#cesta .botones button {
    display: none;
}

#cesta .imp-linea-sin-descuentos,
#cesta .importe-total-sin-descuentos {
    display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    #cesta {
        margin: 0px;
        width: 100%;
    }
}

@media (max-width: 767px) {
    #cesta .resultado {
        border: none;
        border-bottom: 1px solid #DDDDDD;
    }

    #cesta .resultado .columna-izquierda-cesta {
        padding-left: 0px;
        margin-bottom: 10px;
        color: #777777;
    }

    #cesta .resultado .columna-derecha-cesta {
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 10px;
        text-align: left;
    }

    #cesta .botones button,
    #cesta .botones-secundarios .btn {
        margin-bottom: 10px;
    }
}

/* ================== DATOS TECNICOS ================ */

#tecrmi {
    display: none;
}

.cargando-tecrmi {
    position: absolute;
    width: 100%;
}

#tecrmi [data-name=vehiculo] {
    margin-top: 15px;
}

#tecrmi .nav {
    margin-top: 15px;
}

#tecrmi .nav-tabs>li:not(.active)>a {
    border-color: #eee #eee #ddd;
    text-decoration: none;
    background-color: #F5F5F5;
    color: #777777;
}

#tecrmi .nav-tabs>li.active>a, #tecrmi .nav-tabs>li.active>a:focus, #tecrmi .nav-tabs>li.active>a:hover {
    background-color: #FFFFFF;
    color: #333333;
    font-weight: 500;
}

#tecrmi .contenido-tecrmi {
    border: 1px solid #DDDDDD;
    border-top: none;
    padding-top: 15px;
    padding-bottom: 15px;
}

#tecrmi .detalles-servicio {
    /*margin-top: 10px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    /*border-top: 1px solid #DDDDDD;*/
}

#tecrmi .mantenimientos a.list-group-item:hover {
    color: #555555;
    text-decoration: none;
    background-color: #FFFFFF;
}

#tecrmi .detalles-tiempos {
    border-top: none;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#modal-detalles-tiempos ul,
#tecrmi .detalles-tiempos ul {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

#tecrmi .detalles-tiempos .opcionales,
#tecrmi .detalles-tiempos .detalles {
    margin-top: 15px;
}

.detalles-tiempos a {
    color: #333333;
}

.contenedor-detalles {
    padding-left: 25px !important;
    list-style-type: disc !important;
}

#tecrmi .arbol .padre:first-child {
    display: block;
}

#tecrmi .arbol ul {
    display: none;
    padding-left: 20px;
}

#tecrmi .btn-anadir-cesta {
    margin-top: 15px;
}

#modal-detalles-tiempos .btn-anadir-cesta {
    display: none;
}

@media (max-width: 767px) {
    #tecrmi .nav>li>a {
        font-size: 12px;
    }

    #tecrmi .contenedor-resultados {
        display: none;
    }
}

/* ================== HAYNESPRO - GT ================== */
#haynespro,
#gt {
    width: 100%;
    display: block;
    margin: auto;
    overflow: hidden;
}

#iframe-haynespro,
#iframe-gt {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    z-index: 99;
}

#gt .btn-obtener-referencias,
#gt .btn-nueva-valoracion {
    z-index: 999;
    position: absolute;
    top: 2.5px;
    right: 5px;
    bottom: 0px;

    text-align: center;
    font-size: 30px;
    color: #3771AC;

    width: 45px;
    height: 45px;

    padding: 5px;

    background-color: #FFFFFF;
    border-bottom-left-radius: 4px;

    cursor: pointer;
}

#gt .btn-nueva-valoracion {
    font-size: 25px;
}

#gt .btn-obtener-referencias {
    right: 55px;
}

#gt .btn-obtener-referencias.disabled {
    color: #999999;
}

/* ================== BASTIDORES ================== */
#bastidores .contenido-bastidores {
    display: none;
    padding-top: 15px;
}
#bastidores .glyphicon-duplicate {
    display: inline-block;
    font-size: 14px;
    width: 14px;
    color: #555555;
    cursor: pointer;
    text-decoration: none;
    margin-left: 5px;
}

#ai-bastidores .glyphicon-duplicate,
#bastidores small .glyphicon-duplicate {
    font-size: 12px;
    width: 12px;
}

#bastidores .arbol {
    padding-top: 0px;
}

#ai-bastidores .bastidor-copiado,
#bastidores .bastidor-copiado,
.referencia-copiada {
    font-size: 14px;
    font-weight: 500;
    color: #2E8B57;
}

#bastidores .glyphicon-info-sign {
    cursor: pointer;
}

#bastidores .arbol ul {
    padding-left: 10px;
}

#bastidores .arbol .padre:first-child {
    display: block;
}

#bastidores .linea-versiones {
    margin-top: 5px;
}

#bastidores .linea-versiones [data-name=motores] span {
    cursor: pointer;
}

#bastidores .cargandotmp {
    padding-left: 15px;
}

@media (max-width: 767px) {
    #bastidores .bastidor-copiado {
        font-size: 12.5px;
    }    
}

/* ================== DOCUMENTOS =============== */

#documentos .paginacion .col-xs-12 {
    padding: 10px 15px 10px 15px;
}

#documentos .tabla {
    margin-top: 15px;
}

#documentos .tabla .body .linea:first-child {
    display: block;
}

#documentos .tabla .body .linea {
    text-decoration: none;
    color: #333333;
}

#documentos .nav-tabs.nav-justified li.active {
    font-size: 14px;
    font-weight: 500;
}

#documentos .limpiar {
    position: absolute;
    z-index: 9;
    top: 10px;
    right: 50px;
    color: #777777;
    font-size: 11px;
    cursor: pointer;
}

@media (max-width: 991px) {
    #documentos .tabla .body .linea {
        padding-left: 0px;
        padding-right: 0px;
    }

    #documentos .tabla .body .linea .text-right,
    #documentos .tabla .body .linea .text-center {
        text-align: left;
    }
}

/* ================== DOCUMENTO =============== */

#documento .tabla .body .linea:first-child {
    display: block;
}

#documento table [data-name] {
    float: right;
}

@media (max-width: 991px) {
    #documento .tabla .body .linea .text-right {
        text-align: left;
    }
}

/* ================== EXCLUSIONES =============== */
#exclusiones {
    padding-bottom: 25px;
}

#exclusiones .seleccione-filtro {
    display: none;
}

#exclusiones .input-select-fabricante .filtro {
    padding-right: 25px;
}


@media( min-width: 768px){
    #exclusiones select.prioridad,
    #exclusiones select.subprioridad {
        padding-right: 0px;
        padding-left: 0px;
    }
}

#exclusiones .btns-todos {
    margin-bottom: 10px;
}

#exclusiones .tabla .body select {
    margin-bottom: 5px;
}

#exclusiones .tabla .body a {
    color: #333333;
}

@media (min-width: 768px) and (max-width: 991px) {
    #exclusiones .tabla .head {
        margin-bottom: 5px;
    }
}

@media (max-width: 767px) {
    #exclusiones .filtros {
        border-bottom: 1px solid #DDDDDD;
    }

    #exclusiones .tabla .body .row {
        border-bottom: 1px solid #DDDDDD;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /*#exclusiones .tabla .body select {
        width: auto;
    }*/
}

/* ================== LICENCIAS ================== */

#licencias .descargar-excel {
    margin-bottom: 15px;
    text-align: center;
}

@media (max-width: 767px) {
    #licencias .panel .linea .contenedor-total {
        text-align: left;
    }
}

/* ================== MODALES ================== */

#modal-eliminar-historial .modal-body,
#modal-error-general .modal-body,
#modal-sin-resultados .modal-body,
#modal-sin-tecrmi .modal-body {
    padding-top: 25px;
    text-align: center;
}

#modal-sin-stock .glyphicon-alert,
#modal-error-general .glyphicon-alert,
#modal-sin-resultados .glyphicon-alert,
#modal-sin-tecrmi .glyphicon-alert {
    font-size: 75px;
    margin-bottom: 25px;
    color: #F0AD4E;
}

#modal-eliminar-historial .glyphicon-trash {
    font-size: 75px;
    margin-bottom: 25px;
    color: #D9534F;
}

#modal-carga-documento p,
#modal-validacion-error p,
#modal-comunicacion-error p,
#modal-referencia-anadida p,
#modal-cesta-enviada p,
#modal-sin-stock p,
#modal-eliminar-historial p,
#modal-error-general p,
#modal-sin-resultados p,
#modal-sin-tecrmi p,
#modal-mensaje-ok p {
    margin-bottom: 0px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

#modal-referencia-anadida p.texto {
    margin-top: 35px;
}

#modal-eliminar-historial .modal-footer,
#modal-error-general .modal-footer,
#modal-sin-resultados .modal-footer,
#modal-sin-tecrmi .modal-footer {
    border: none;
    text-align: center;
}

#modal-info-version .linea {
    margin-bottom: 10px;
}

#modal-todos-vehiculos-compatibles ul {
    padding-left: 20px;
}

#modal-imagen-referencia .modal-body {
    padding-bottom: 15px;
}

#modal-imagen-referencia .modal-body button {
    display: block;
    margin: auto;
    margin-top: 15px;
}

/* ======================= MENSAJES ================ */
#sin-resultados {
    display: none;
    margin-top: 50px;
}

#sin-resultados .glyphicon-alert {
    font-size: 75px;
    color: #F0AD4E;
}

/* ======================= NOTIFICACIONES ================ */
.notificacion-personalizada {
    position: fixed;
    top: 25px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 999999999999999;
}

.notificacion-personalizada.ie {
    position: absolute;
    top: 200px;
    left: 50%;
    width: 501px;
    margin-left: -250px; /* half the box width */
}

/* =========================== ALERTS ==================== */
.swal-icon {
    width: 80px;
    height: 80px;
    border-width: 4px;
    border-style: solid;
    border-radius: 50%;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    margin: 30px auto;
}
.swal-icon:first-child {
    margin-top: 32px;
}
.swal-icon--custom {
    width: auto;
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
}
.swal-icon img {
    max-width: 100%;
    max-height: 100%;
}

.swal-icon--success {
    border-color: #2E8B57;
}
.swal-icon--success::before, .swal-icon--success::after {
    content: '';
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: white;
    transform: rotate(45deg);
}
.swal-icon--success::before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    transform: rotate(-45deg);
    transform-origin: 60px 60px;
}
.swal-icon--success::after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    transform: rotate(-45deg);
    transform-origin: 0px 60px;
    animation: rotatePlaceholder 4.25s ease-in;
}
.swal-icon--success__ring {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(46, 139, 87, 0.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.swal-icon--success__hide-corners {
    width: 5px;
    height: 90px;
    background-color: white;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    transform: rotate(-45deg);
}
.swal-icon--success__line {
    height: 5px;
    background-color: #2E8B57;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}
.swal-icon--success__line--tip {
    width: 25px;
    left: 14px;
    top: 46px;
    transform: rotate(45deg);
    animation: animateSuccessTip 0.75s;
}
.swal-icon--success__line--long {
    width: 47px;
    right: 8px;
    top: 38px;
    transform: rotate(-45deg);
    animation: animateSuccessLong 0.75s;
}

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
    }
}
@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

.swal-icon--error {
    border-color: #A94441;
    animation: animateErrorIcon 0.5s;
}
.swal-icon--error__x-mark {
    position: relative;
    display: block;
    animation: animateXMark 0.5s;
}
.swal-icon--error__line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #A94441;
    display: block;
    top: 37px;
    border-radius: 2px;
}
.swal-icon--error__line--left {
    transform: rotate(45deg);
    left: 17px;
}
.swal-icon--error__line--right {
    transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px;
}

@keyframes animateErrorIcon {
    from {
        transform: rotateX(100deg);
        opacity: 0;
    }
    to {
        transform: rotateX(0deg);
        opacity: 1;
    }
}
@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    50% {
        transform: scale(0.4);
        margin-top: 26px;
        opacity: 0;
    }
    80% {
        transform: scale(1.15);
        margin-top: -6px;
    }
    100% {
        transform: scale(1);
        margin-top: 0;
        opacity: 1;
    }
}

/* ============================================= */

footer {
    background-color: #;
    padding: 15px 0px;
    font-size: 13px;
    font-weight: 500;
}

footer,
footer a,
footer a:focus,
footer a:active,
footer a:visited,
footer a:hover {
    color: #;
    font-size: 13px;
    font-weight: 400;
}

footer .tecdoc {
    font-size: 11px;
    font-weight: 300;
}