@font-face {
    font-family: 'Montserrat Regular';
    src: url('../Fonts/Montserrat-Regular.ttf') format('truetype');
    /*font-weight: 500;*/
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url('../Fonts/Montserrat-Bold.ttf') format('truetype');
    /*font-weight: 700;*/
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Light';
    src: url('../Fonts/Montserrat-Light.ttf') format('truetype');
    /*font-weight: 700;*/
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Medium';
    src: url('../Fonts/Montserrat-Medium.ttf') format('truetype');
    /*font-weight: 700;*/
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Thin';
    src: url('../Fonts/Montserrat-Thin.ttf') format('truetype');
    /*font-weight: 700;*/
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat Italic';
    src: url('../Fonts/Montserrat-Italic.ttf') format('truetype');
    /*font-weight: 700;*/
    /*font-style: normal;*/
}

@font-face {
    font-family: 'Montserrat Bold Italic';
    src: url('../Fonts/Montserrat-BoldItalic.ttf') format('truetype');
    /*font-weight: 700;*/
    /*font-style: normal;*/
}

@font-face {
    font-family: 'Montserrat Extra Bold Italic';
    src: url('../Fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    /*font-weight: 700;*/
    /*font-style: normal;*/
}

:root {
    --font-family-regular: 'Montserrat Regular', sans-serif, Arial, Helvetica, 'Times New Roman', Verdana;
    --font-family-bold: 'Montserrat Bold', sans-serif, Arial, Helvetica, 'Times New Roman', Verdana;
    --font-family-light: 'Montserrat Light', sans-serif, Arial, Helvetica, 'Times New Roman', Verdana;
    --font-family-medium: 'Montserrat Medium', sans-serif, Arial, Helvetica, 'Times New Roman', Verdana;
    --font-family-thin: 'Montserrat Thin', sans-serif, Arial, Helvetica, 'Times New Roman', Verdana;
    --font-family-italic: 'Montserrat Italic', sans-serif, Arial, Helvetica, 'Times New Roman', Verdana;
    --font-family-bold-italic: 'Montserrat Bold Italic', sans-serif, Arial, Helvetica, 'Times New Roman', Verdana;
    --font-family-extra-bold-italic: 'Montserrat Extra Bold Italic', sans-serif, Arial, Helvetica, 'Times New Roman', Verdana;
    --image-color-default: brightness(0) saturate(100%) invert(82%) sepia(15%) saturate(514%) hue-rotate(331deg) brightness(104%) contrast(97%);
    --image-color-hover: brightness(0) saturate(100%) invert(45%) sepia(99%) saturate(4172%) hue-rotate(2deg) brightness(103%) contrast(105%);
    --image-color-select: brightness(0) saturate(100%) invert(10%) sepia(33%) saturate(7499%) hue-rotate(207deg) brightness(94%) contrast(102%);
    --color-default: #ff5300;
    --color-ff5300: #ff5300;
    --color-error: #f44336;
    --color-f44336: #f44336;
    --color-hover: #002b66;
    --color-002b66: #002b66;
    --color-004f71: #004f71;
    --color-006f9e: #006f9e;
    --color-005f87: #005f87;
    --color-2296F3: #2296F3;
    --color-009fe2: #009fe2;
    --color-action-save: #009fe2;
    --color-89dfff: #89dfff;
    --color-8dce90: #8dce90;
    --color-success: #4bae50;
    --color-4bae50: #4bae50;
    --color-3f9243: #3f9243;
    --color-223e21: #223e21;
    --color-select: #cef1fe;
    --color-cef1fe: #cef1fe;
    --color-fbd3c0: #fbd3c0;
    --color-fad2c0: #fad2c0;
    --color-ffefe8: #ffefe8;
    --color-ffffff: #ffffff;
    --color-dddddd: #dddddd;
    --color-e0edf2: #e0edf2;
    --color-ecfaff: #ecfaff;
    --color-bcbcbc: #bcbcbc;
    --color-f1f1f1: #f1f1f1;
    --color-disabled: #cccccc;
    --color-666666: #666666;
    --color-7693b3: #7693b3;
    --color-808080: #808080;
    --color-999999: #999999;
    --color-ac908a: #ac908a;
    --color-a1887f: #a1887f;
    --color-secondary: #666666;
    --color-secondary-2: #808080;
    --color-secondary-3: #999999;
    --filter-color-002b66: brightness(0) saturate(100%) invert(82%) sepia(15%) saturate(514%) hue-rotate(331deg) brightness(104%) contrast(97%);
    --filter-color-ff5300: brightness(0) saturate(100%) invert(45%) sepia(99%) saturate(4172%) hue-rotate(2deg) brightness(103%) contrast(105%);
    --filter-color-cef1fe: brightness(0) saturate(100%) invert(10%) sepia(33%) saturate(7499%) hue-rotate(207deg) brightness(94%) contrast(102%);
    --filter-color-white: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(225deg) brightness(104%) contrast(102%);
    /**/
    --img-iconos-acuerdos-pendientes: url('../Imagenes/img/iconos/acuerdos_pendientes.png');
    --img-iconos-acuerdos-por-firmar: url('../Imagenes/img/iconos/acuerdos_por_firmar.png');
    --img-iconos-avisos-pendientes: url('../Imagenes/img/iconos/avisos_pendientes.png');
    --img-upfile: url('../Imagenes/UpFile.png');
    --img-upfile-dis: url('../Imagenes/UpFile_dis.png');
}

#imgNotificationAcuerdoPendiente,
#imgNotificationAcuerdoPorFirmar,
#imgNotificationAvisoPendiente {
    background-image: var(--img-iconos-acuerdos-por-firmar);
    background-repeat: no-repeat;
    display: block;
    height: 48px;
    width: 48px;
    padding: 6px;
    background-position: center;
}

#imgNotificationAcuerdoPendiente {
    background-image: var(--img-iconos-acuerdos-pendientes);
}

#imgNotificationAcuerdoPorFirmar {
    background-image: var(--img-iconos-acuerdos-por-firmar);
}

#imgNotificationAvisoPendiente {
    background-image: var(--img-iconos-avisos-pendientes);
}