:root {
    /* ---------- Custom vars */
    /* Colores */
    --color-custom-1: #F4BA2F;
    --color-custom-2: #F4BA2F;
    --color-custom-1-dimmed: #FFDA9A;
    --color-custom-1-soft-dimmed: #96721E;
    --color-custom-1-extra-dimmed: #FFF0D6;
    --color-custom-highlight: #CC049A;
    --color-custom-background: #FFFAF6;
    --color-custom-field: #277597;
    --color-custom-modal-field: #2D8BAF;
    --color-custom-default: #3E3E3E;
    --color-custom-default-dimmed: #707070;
    --color-custom-footer: #FFFFFF;
    /* Fuente por defecto */
    --font-custom-default-family: 'Century Gothic', 'Questrial';
    --font-custom-default-style: normal;
    --font-custom-default-weight: normal;
    /* Fuente para Agrupación */
    --font-custom-group-family: 'Century Gothic', 'Questrial';
    --font-custom-group-style: normal;
    --font-custom-group-weight: bold;
    /* Fuente Título */
    --font-custom-title-family: 'Century Gothic', 'Questrial';
    --font-custom-title-weight: normal;
    /* Fuente Título Modal */
    --font-custom-modal-title-family: 'Century Gothic', 'Questrial';
    --font-custom-modal-title-style: normal;
    --font-custom-modal-title-weight: normal;
    /* Recursos */
    --image-custom-logo: url('../img/CustomLogo.png');
    --image-custom-firmlogo: url('../img/CustomFirmLogo.png');
    /*--image-custom-firmlogo: url('../img/CustomFirmLogoNull.png');*/
    --image-custom-picture: url('../img/CustomPicture.jpg');
    --image-custom-background: url('../img/CustomBackground.jpg');
    /* Otros */
    --page-custom-items: 30;
    /* ---------- Application vars */
    /* Colores */
    --color-disabled: #E8E8E8;
    --color-disabled-dimmed: #E8E8E8;
    --color-alert: #FF0000;
    --color-warning: #FF6A00;
    --color-ok: #00C116;
    --color-cancel: red;
    /* Tamaños de Fuente Absolutos */
    --font-default-size: 16px;
    --font-size-homepage-item-abbreviation: 128px;
    --font-size-icon: 27.1px;
    --font-size-icon-line: 14px;
    --font-size-page-title: 36px;
    --font-modal-title-size: 22px;
    --font-modal-icon-size: 18px;
    /* Tamaños de Fuente Relativos (a root) */
    --font-size-XS: 0.6rem;
    --font-size-S: 0.8rem;
    --font-size-M: 1rem;
    --font-size-L: 1.2rem;
    --font-size-XL: 1.4rem;
    --font-size-XXL: 1.6rem;
    --font-size-icon-sufix: 0.9rem;
    /* Formas */
    --border-radius: 5px;
    /* Recursos */
    --image-warning: url('../img/Warning.png');
    --beep-sound: url('../audio/beep.mp3');
    /*Ficheros*/
    --input-icon-size: 14px;
}

@media only screen and (max-width: 1920px) {
    :root {
        --font-size-homepage-item-abbreviation: 96px;
    }
}

@media only screen and (max-width: 1440px) {
    :root {
        --font-size-homepage-item-abbreviation: 96px;
    }
}

@media only screen and (max-width: 1200px) {
    :root {
        --font-size-homepage-item-abbreviation: 72px;
        --font-default-size: 14px;
        --font-size-icon: 24px;
        --font-size-icon-line: 11px;
        --font-size-page-title: 30px;
        --font-modal-title-size: 19.6px;
    }
}

@media only screen and (max-width: 992px) {
    :root {
        --font-default-size: 13px;
        --font-size-XL: 1.2rem;
        --font-size-icon: 20px;
        --font-size-icon-line: 11px;
        --font-size-page-title: 24px;
        --font-size-homepage-item-abbreviation: 72px;
    }
}

@media only screen and (max-width: 576px) {
    :root {
        --font-default-size: 14px;
        --font-size-icon: 18px;
        --font-size-page-title: 20px;
        --font-modal-title-size: 19.6px;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        /* ---------- Custom vars */
        /* Colores */
        --color-custom-1: #F4BA2F;
        --color-custom-2: #F4BA2F;
        --color-custom-1-dimmed: #96721E;
        --color-custom-1-soft-dimmed: #FFDA9A;
        --color-custom-1-extra-dimmed: #543E10;
        --color-custom-highlight: #CC049A;
        --color-custom-background: #242424;
        --color-custom-field: #40A7BC;
        --color-custom-modal-field: #40A7BC;
        --color-custom-default: #BFBFBF;
        --color-custom-default-dimmed: #7F7F7F;
        /* Recursos */
        --image-custom-logo: url('../img/CustomLogo_Dark.png');
        --image-custom-firmlogo: url('../img/CustomFirmLogo_Dark.png');
        --image-custom-background: url('../img/CustomBackground_Dark.jpg');
        /*--image-custom-firmlogo: url('../img/CustomFirmLogoNull_Dark.png');*/
        /* ---------- Application vars */
        /* Colores */
        --color-disabled: #353535 !important;
        --color-disabled-dimmed: #555555;
    }

    /* ---------- Classes Custom vars */
    header {
        --color-custom-default: #505050;
    }

    nav.sw-navbar .sw-navbar-collapse,
    .sw-toolbar .sw-collapse,
    .ui-widget-header,
    .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close,
    .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
        --color-custom-default: #505050;
    }

    @media only screen and (max-width: 768px) {
        header .sw-navbar-main a {
            --color-custom-default: #BFBFBF;
        }
    }
}

/*Drop look theme*/
[data-theme="drop"] {
    /* Colores */
    --color-custom-1: #359ADB;
    --color-custom-2: #58D7E6;
    --color-custom-1-dimmed: #62addd;
    --color-custom-1-soft-dimmed: #204B87;
    --color-custom-1-extra-dimmed: #C3DADB;
    --color-custom-highlight: #CC049A;
    --color-custom-background: #FFFAF6;
    --color-custom-field: #277597;
    --color-custom-modal-field: #2D8BAF;
    --color-custom-default: #3E3E3E;
    --color-custom-default-dimmed: #707070;
    /* Recursos */
    --image-custom-logo: url('../img/CustomLogo.png');
    --image-custom-firmlogo: url('../img/CustomFirmLogo.png');
    --image-custom-background: url('../img/CustomBackground.jpg');
    /* Colores */
    --color-disabled: #E8E8E8;
    --color-disabled-dimmed: #E8E8E8;
    --color-alert: #FF0000;
    --color-warning: #FF6A00;
    --color-ok: #00C116;
    --color-cancel: red;
}
@media (prefers-color-scheme: dark) {
    [data-theme="drop"] {
        /* ---------- Custom vars */
        /* Colores */
        --color-custom-1: #359ADB;
        --color-custom-2: #58D7E6;
        --color-custom-1-dimmed: #62addd;
        --color-custom-1-soft-dimmed: #204B87;
        --color-custom-1-extra-dimmed: #C3DADB;
        --color-custom-highlight: #CC049A;
        --color-custom-background: #242424;
        --color-custom-field: #40A7BC;
        --color-custom-modal-field: #40A7BC;
        --color-custom-default: #BFBFBF;
        --color-custom-default-dimmed: #7F7F7F;
        /* Recursos */
        --image-custom-logo: url('../img/CustomLogo_Dark.png');
        --image-custom-firmlogo: url('../img/CustomFirmLogo_Dark.png');
        --image-custom-background: url('../img/CustomBackground_Dark.jpg');
        /*--image-custom-firmlogo: url('../img/CustomFirmLogoNull_Dark.png');*/
        /* ---------- Application vars */
        /* Colores */
        --color-disabled: #353535 !important;
        --color-disabled-dimmed: #555555;
    }

    /* ---------- Classes Custom vars */
    header {
        --color-custom-default: #505050;
    }

    nav.sw-navbar .sw-navbar-collapse,
    .sw-toolbar .sw-collapse,
    .ui-widget-header,
    .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close,
    .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
        --color-custom-default: #505050;
    }

    @media only screen and (max-width: 768px) {
        header .sw-navbar-main a {
            --color-custom-default: #BFBFBF;
        }
    }
}

/*Spark look theme*/
[data-theme="spark"] {
    /* Colores */
    --color-custom-1: #E84D3B;
    --color-custom-2: #FF9701;
    --color-custom-1-dimmed: #f5a26b;
    --color-custom-1-soft-dimmed: #a11c1c;
    --color-custom-1-extra-dimmed: #f3d2bc;
    --color-custom-highlight: #CC049A;
    --color-custom-background: #FFFAF6;
    --color-custom-field: #277597;
    --color-custom-modal-field: #2D8BAF;
    --color-custom-default: #3E3E3E;
    --color-custom-default-dimmed: #707070;
    /* Recursos */
    --image-custom-logo: url('../img/CustomLogo.png');
    --image-custom-firmlogo: url('../img/CustomFirmLogo.png');
    --image-custom-background: url('../img/CustomBackground.jpg');
    /* Colores */
    --color-disabled: #E8E8E8;
    --color-disabled-dimmed: #E8E8E8;
    --color-alert: #FF0000;
    --color-warning: #FF6A00;
    --color-ok: #00C116;
    --color-cancel: red;
}

@media (prefers-color-scheme: dark) {
    [data-theme="spark"] {
        /* ---------- Custom vars */
        /* Colores */
        --color-custom-1: #E84D3B;
        --color-custom-2: #FF9701;
        --color-custom-1-dimmed: #f5a26b;
        --color-custom-1-soft-dimmed: #a11c1c;
        --color-custom-1-extra-dimmed: #f3d2bc;
        --color-custom-highlight: #CC049A;
        --color-custom-background: #242424;
        --color-custom-field: #40A7BC;
        --color-custom-modal-field: #40A7BC;
        --color-custom-default: #BFBFBF;
        --color-custom-default-dimmed: #7F7F7F;
        /* Recursos */
        --image-custom-logo: url('../img/CustomLogo_Dark.png');
        --image-custom-firmlogo: url('../img/CustomFirmLogo_Dark.png');
        --image-custom-background: url('../img/CustomBackground_Dark.jpg');
        /*--image-custom-firmlogo: url('../img/CustomFirmLogoNull_Dark.png');*/
        /* ---------- Application vars */
        /* Colores */
        --color-disabled: #353535 !important;
        --color-disabled-dimmed: #555555;
    }

    /* ---------- Classes Custom vars */
    header {
        --color-custom-default: #505050;
    }

    nav.sw-navbar .sw-navbar-collapse,
    .sw-toolbar .sw-collapse,
    .ui-widget-header,
    .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close,
    .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
        --color-custom-default: #505050;
    }

    @media only screen and (max-width: 768px) {
        header .sw-navbar-main a {
            --color-custom-default: #BFBFBF;
        }
    }
}

/*blue to dark-grey look theme*/
[data-theme="blue"] {
    /* Colores */
    --color-custom-1: #2C3F51;
    --color-custom-2: #3497D9;
    --color-custom-1-dimmed: #62addd;
    --color-custom-1-soft-dimmed: #204B87;
    --color-custom-1-extra-dimmed: #C3DADB;
    --color-custom-highlight: #CC049A;
    --color-custom-background: #FFFAF6;
    --color-custom-field: #277597;
    --color-custom-modal-field: #2D8BAF;
    --color-custom-default: #3E3E3E;
    --color-custom-default-dimmed: #707070;
    /* Recursos */
    --image-custom-logo: url('../img/CustomLogo.png');
    --image-custom-firmlogo: url('../img/CustomFirmLogo.png');
    --image-custom-background: url('../img/CustomBackground.jpg');
    /* Colores */
    --color-disabled: #E8E8E8;
    --color-disabled-dimmed: #E8E8E8;
    --color-alert: #FF0000;
    --color-warning: #FF6A00;
    --color-ok: #00C116;
    --color-cancel: red;
}

@media (prefers-color-scheme: dark) {
    [data-theme="blue"] {
        /* ---------- Custom vars */
        /* Colores */
        --color-custom-1: #2C3F51;
        --color-custom-2: #3497D9;
        --color-custom-1-dimmed: #62addd;
        --color-custom-1-soft-dimmed: #204B87;
        --color-custom-1-extra-dimmed: #C3DADB;
        --color-custom-highlight: #CC049A;
        --color-custom-background: #242424;
        --color-custom-field: #40A7BC;
        --color-custom-modal-field: #40A7BC;
        --color-custom-default: #BFBFBF;
        --color-custom-default-dimmed: #7F7F7F;
        /* Recursos */
        --image-custom-logo: url('../img/CustomLogo_Dark.png');
        --image-custom-firmlogo: url('../img/CustomFirmLogo_Dark.png');
        --image-custom-background: url('../img/CustomBackground_Dark.jpg');
        /*--image-custom-firmlogo: url('../img/CustomFirmLogoNull_Dark.png');*/
        /* ---------- Application vars */
        /* Colores */
        --color-disabled: #353535 !important;
        --color-disabled-dimmed: #555555;
    }

    /* ---------- Classes Custom vars */
    header {
        --color-custom-default: #505050;
    }

    nav.sw-navbar .sw-navbar-collapse,
    .sw-toolbar .sw-collapse,
    .ui-widget-header,
    .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close,
    .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
        --color-custom-default: #505050;
    }

    @media only screen and (max-width: 768px) {
        header .sw-navbar-main a {
            --color-custom-default: #BFBFBF;
        }
    }
}

/*dark look theme*/
[data-theme="dark"] {
    /* ---------- Custom vars */
    /* Colores */
    --color-custom-1: #F4BA2F;
    --color-custom-2: #2D3F4B;
    --color-custom-1-dimmed: #707070;
    --color-custom-1-soft-dimmed: #3c3c3c;
    --color-custom-1-extra-dimmed: #555350;
    --color-custom-highlight: #CC049A;
    --color-custom-background: #242424;
    --color-custom-field: #40A7BC;
    --color-custom-modal-field: #40A7BC;
    --color-custom-default: #BFBFBF;
    --color-custom-default-dimmed: #7F7F7F;
    /* Recursos */
    --image-custom-logo: url('../img/CustomLogo_Dark.png');
    --image-custom-firmlogo: url('../img/CustomFirmLogo_Dark.png');
    --image-custom-background: url('../img/CustomBackground_Dark.jpg');
    /*--image-custom-firmlogo: url('../img/CustomFirmLogoNull_Dark.png');*/
    /* ---------- Application vars */
    /* Colores */
    --color-disabled: #353535 !important;
    --color-disabled-dimmed: #555555;
}

/* ---------- Classes Custom vars */
[data-theme="dark"] header {
    --color-custom-default: #BFBFBF;
    --color-custom-1: #242525;
}

[data-theme="dark"] .sw-button {
    --color-custom-1: #CC049A;
}

[data-theme="dark"] nav.sw-navbar .sw-navbar-collapse,
[data-theme="dark"] .sw-toolbar .sw-collapse,
[data-theme="dark"] .ui-widget-header,
[data-theme="dark"] .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close,
[data-theme="dark"] .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
    --color-custom-default: #BFBFBF;
    --color-custom-1: #2D3F4B;
}

    [data-theme="dark"] button.sw-navbar-toggler {
        --color-custom-1: #F4BA2F;
    }

@media (prefers-color-scheme: dark) {
    [data-theme="dark"] {
        /* ---------- Custom vars */
        /* Colores */
        --color-custom-1: #F4BA2F;
        --color-custom-2: #2D3F4B;
        --color-custom-1-dimmed: #707070;
        --color-custom-1-soft-dimmed: #3c3c3c;
        --color-custom-1-extra-dimmed: #555350;
        --color-custom-highlight: #CC049A;
        --color-custom-background: #242424;
        --color-custom-field: #40A7BC;
        --color-custom-modal-field: #40A7BC;
        --color-custom-default: #BFBFBF;
        --color-custom-default-dimmed: #7F7F7F;
        /* Recursos */
        --image-custom-logo: url('../img/CustomLogo_Dark.png');
        --image-custom-firmlogo: url('../img/CustomFirmLogo_Dark.png');
        --image-custom-background: url('../img/CustomBackground_Dark.jpg');
        /*--image-custom-firmlogo: url('../img/CustomFirmLogoNull_Dark.png');*/
        /* ---------- Application vars */
        /* Colores */
        --color-disabled: #353535 !important;
        --color-disabled-dimmed: #555555;
    }

    /* ---------- Classes Custom vars */
    [data-theme="dark"] header {
        --color-custom-default: #BFBFBF;
        --color-custom-1: #242525;
    }

    [data-theme="dark"] .sw-button {
        --color-custom-1: #CC049A;
    }

    [data-theme="dark"] nav.sw-navbar .sw-navbar-collapse,
    [data-theme="dark"] .sw-toolbar .sw-collapse,
    [data-theme="dark"] .ui-widget-header,
    [data-theme="dark"] .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close,
    [data-theme="dark"] .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-subject-wrap .e-subject {
        --color-custom-default: #BFBFBF;
        --color-custom-1: #2D3F4B;
    }

        [data-theme="dark"] button.sw-navbar-toggler {
            --color-custom-1: #F4BA2F;
        }
}