/* START: FONT FAMILY DECLARATION */

@font-face {
    font-family: "Open Sans Light";
    src: url('/templates/bold/fonts/OpenSans-Light.ttf');
}

@font-face {
    font-family: "Open Sans";
    src: url('/templates/bold/fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: "Open Sans Semibold";
    src: url('/templates/bold/fonts/OpenSans-Semibold.ttf');
}

@font-face {
    font-family: "Open Sans Bold";
    src: url('/templates/bold/fonts/OpenSans-Bold.ttf');
}

@font-face {
    font-family: "Open Sans Lightitalic";
    src: url('/templates/bold/fonts/OpenSans-LightItalic.ttf');
}

@font-face {
    font-family: "Open Sans Italic";
    src: url('/templates/bold/fonts/OpenSans-Italic.ttf');
}

@font-face {
    font-family: "Open Sans Bolditalic";
    src: url('/templates/bold/fonts/OpenSans-BoldItalic.ttf');
}


/* Avís notificacions */

.avis-notificacions-contenidor-menu {
    position: relative;
}

.avis-notificacions-menu {
    border-radius: 50%;
    background-color: red;
    color: white;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -38px;
    top: -28px;
    font-size: 10px;
    font-family: 'Circular Std Bold';
}

.avis-notificacions-contenidor-menu-general {
    position: relative;
    width: 70px;
    margin: 0 auto;
}

.avis-notificacions-menu-general {
    border-radius: 50%;
    background-color: red;
    color: white;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 10px;
    font-family: 'Circular Std Bold';
}

.avis-notificacions-contenidor-nova-notificacio {
    position: relative;
    margin: 0 auto;
}

.avis-notificacions-nova-notificacio {
    border-radius: 50%;
    background-color: red;
    width: 6px;
    height: 6px;
    position: absolute;
    right: -3px;
    top: -3px;
}


/* END: FONT FAMILY DECLARATION */

body {
    margin: 0;
    background: var(--colordefons);
}

@media screen and (max-width: 380px) {
    body {
        /*font-size: 11px;*/
    }
}

.center {
    margin: 0 auto;
    position: relative;
    /* max-width: 90%; */
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    top: var(--alt-header);
}

#head-center {
    top: 0;
}

@media screen and (min-width: 1200px) {
    .center {
        max-width: 1200px;
    }
}

@media screen and (max-width: 756px) {
    .center {
        max-width: initial;
        padding: 0 25px;
    }
}

.ld_llibre_2019 .svg_icon {
    height: 24px;
    color: var(--coloricona);
}

.ld_llibre_2019 svg {
    fill: var(--coloricona);
    cursor: pointer;
    height: 40px;
    width: 40px;
}

@media screen and (max-width: 480px) {
    .ld_llibre_2019 svg {
        height: 30px;
        width: 30px;
    }
}

.ld_llibre_2019 svg:hover {
    /* fill:var(--coloriconahover); */
}

.colortextprincipal {
    color: var(--color1);
}

.background_white {
    background-color: white;
}

.color1 {
    background: var(--color1);
}

.color4 {
    background-color: var(--color4);
}

.textcolor1 {
    color: var(--colortext1);
}

.textcolor2 {
    color: var(--colortext2);
}

#music-player .table {
    --bs-table-color: var(--avanza-neutral-white);
    margin-bottom: 0;
}