/*Skin: Euromais*/
/*Login*/

body.j {
    margin: 0 !important;
    padding: 0;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    background: #0f4d80 !important;
}

/*Color de la cabecera (10238)*/
#extr-page #header.j {
    background: #f4f4f4;
}

#extr-page #header.e {
    background: #0f4d80 !important;
}

#extr-page #header.d {
    background: #f4f4f4 !important;
}

/*Posicion de la imagén de la cabecera (10253)*/
#extr-page #header #logo.j {
    margin-top: 22px;
}

#extr-page #header #logo.e {
    margin-top: 0px !important;
}

#extr-page #header #logo.d {
    margin-top: 22px !important;
}

#extr-page #header #logo.d img{
    width: 80px !important;
    vertical-align: center !important;
}

#logo img.d{
    width: 40px !important;
    height: auto !important;
    padding-left: 3px !important;
}

/*Color del fondo (10286)*/
#extr-page #main.j {
    background: #1b1e24;
}

#extr-page #main.e {
    background: #f4f4f4 !important;
}

#extr-page #main.d {
    background: #f4f4f4 !important;
}

/*Imagen del fondo*/
#extr-page #main.e {
    /* Establece la imagen de fondo */
    background-image: url('./../img/euromais/Background_Colisao_Euromais.jpg') !important;

    /* Ajusta el tamaño de la imagen */
    background-size: cover !important;

    /* Otras propiedades opcionales */
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* #extr-page #main.d {
    background-image: url('./../img/euromais/Background_Colisao_Euromais.jpg') !important;

    background-size: cover !important;

    background-position: center !important;
    background-repeat: no-repeat !important;
}*/

/*Centrar Logo*/
#extr-page #header.e,
#extr-page #header.e div,
#extr-page #header.e div a,
#extr-page #header.e div a span {
    display: flex !important;
    align-items: center !important;
    justify-content: left !important;
}

/* #extr-page #header.d,
#extr-page #header.d div,
#extr-page #header.d div a,
#extr-page #header.d div a span {
    display: flex !important;
    align-items: center !important;
    justify-content: left !important;
} */

#extr-page #main.e #content .row {
    display: flex !important;
    align-items: center !important;
    justify-content: right !important;
}

/* #extr-page #main.d #content .row {
    display: flex !important;
    align-items: center !important;
    justify-content: right !important;
} */


/*Color del botón*/
/* #extr-page #main.e button{
    background: #F58220 !important;
    border: 1px solid #F58220 !important;
} */

/*Dashboard*/
/*Color de la cabecera (14)*/
#header.j {
    background-color: #22262e;
}

#header.e {
    background-color: #0F4D80 !important;
}

#header.d {
    background-color: #f4f4f4 !important;
}

#header.j #clientSelectText {
    color: #f4f4f4 !important;
}

#header.e #clientSelectText {
    color: #f4f4f4 !important;
}

#header.d #clientSelectText {
    color: #000 !important;
}



/*Color de los botones de cabecera (60)*/
.btn-header.j>:first-child>a {
    background: #fb3c4a;
    border: 1px solid #fb3c4a;
}

.btn-header.e>:first-child>a {
    background: #F58220 !important;
    border: 1px solid #F58220 !important;
}

.btn-header.d>:first-child>a {
    color: #fb3c4a !important;
    background: #000000 !important;
    border: 1px solid #000000 !important;
}


/*Color de los botones de la barra de navegación (110)*/
nav.j ul ul {
    background: #22262E;
}

nav.e ul ul {
    background: #0F4D80 !important;
}

nav.d ul ul {
    background: #1f6eb3 !important;
}

/*Color de los links activos de la barra de navegación (150)*/
nav.j ul li a:hover {
    color: #E1EAF1;
}

nav.e ul li a:hover {
    color: #F58220 !important;
}

nav.d ul li a:hover {
    color: #E1EAF1 !important;
}

/*Color del menú de navegación (294)*/
.page-footer,
.superbox-show,
aside.j {
    background: #1b1e24;
}

.page-footer,
.superbox-show,
aside.e {
    background: #0F4D80 !important;
}

.page-footer,
.superbox-show,
aside.d {
    background: #1f6eb3 !important;
}

/*Color de los links de la barra de navegación (312)*/
nav.e ul li a {
    color: #E1EAF1 !important;
}

nav.d ul li a {
    color: #E1EAF1 !important;
}


/*Color de los botones de la barra de navegación (384/ 388 / 392)*/
.minified nav.j>ul>li>ul {
    background: #1B1E24;
}

.minified nav.j>ul>li>ul>li {
    background: #22262E;
}

.minified nav.j>ul>li>ul>li>ul>li {
    background: #1B1E24;
}

.minified nav.e>ul>li>ul {
    background: #0F4D80 !important;
}

.minified nav.e>ul>li>ul>li {
    background: #0F4D80 !important;
}

.minified nav.e>ul>li>ul>li>ul>li {
    background: #0F4D80 !important;
}

.minified nav.d>ul>li>ul {
    background: #1f6eb3 !important;
}

.minified nav.d>ul>li>ul>li {
    background: #1f6eb3 !important;
}

.minified nav.d>ul>li>ul>li>ul>li {
    background: #1f6eb3 !important;
}

/*Color del breadcrumb (612)*/
#ribbon.j {
    background: #f4f4f4;
}

#ribbon.e {
    background: #4d9ef9 !important;
}

#ribbon.d {
    background: #8ea2f2 !important;
}

/*Color del texto del bradcrumb (816)*/
#ribbon.j .breadcrumb,
#ribbon.j .breadcrumb a,
#ribbon.j .breadcrumb li:last-child,
#ribbon.j .breadcrumb>.active {
    color: #747474 !important
}

#ribbon.e .breadcrumb,
#ribbon.e .breadcrumb a,
#ribbon.e .breadcrumb li:last-child,
#ribbon.e .breadcrumb>.active {
    color: #E1EAF1 !important
}

#ribbon.d .breadcrumb,
#ribbon.d .breadcrumb a,
#ribbon.d .breadcrumb li:last-child,
#ribbon.d .breadcrumb>.active {
    color: #8ea2f2 !important
}

.j .breadcrumb>li+li:before {
    color: #646464;
}

.e .breadcrumb>li+li:before {
    color: #E1EAF1 !important;
}

.d .breadcrumb>li+li:before {
    color: #8ea2f2 !important;
}

/*Color de los links (12696)*/
nav.j ul .active>a {
    color: #f4f4f4 !important;
}

nav.e ul .active>a {
    color: #F58220 !important;
}

nav.d ul .active>a {
    color: #8ea2f2 !important;
}

/*Color de la bara de busqueda del catálogo*/
/* .search-content-euromais{
    padding-top: 0%;
}


.search-section-euromais{
    background-color: #0f4d80 !important;
    color: #f4f4f4!important;
    padding-top: 0%;
}

.search-section-euromais label{
    color: #f4f4f4!important;
    font-size: 10px;
} */