@import'../../assets-commun/css/bootstrap3-modal.css';

:root {

    --color-site-1: #fee600;
    --color-site-2: #231b22;
    --color-site-3: #000;
    --font: "Luxora Grotesk", sans-serif;
    --border-radius: 4px;
    --color-border: #D8D4D7;
    --text-color: #232323;
    --white: #fff;
    --container-max-width: 1420px;
}
@font-face {
    font-family: 'Luxora Grotesk';
    src: url('../WebFonts/LuxoraGrotesk-Bold.eot');
    src: url('../WebFonts/LuxoraGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-Bold.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-Bold.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-Bold.svg#LuxoraGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Luxora Grotesk';
    src: url('../WebFonts/LuxoraGrotesk-BoldItalic.eot');
    src: url('../WebFonts/LuxoraGrotesk-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-BoldItalic.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-BoldItalic.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-BoldItalic.svg#LuxoraGrotesk-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Luxora Grotesk Book';
    src: url('../WebFonts/LuxoraGrotesk-Book.eot');
    src: url('../WebFonts/LuxoraGrotesk-Book.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-Book.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-Book.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-Book.svg#LuxoraGrotesk-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Luxora Grotesk';
    src: url('../WebFonts/LuxoraGrotesk-Heavy.eot');
    src: url('../WebFonts/LuxoraGrotesk-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-Heavy.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-Heavy.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-Heavy.svg#LuxoraGrotesk-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Luxora Grotesk Book';
    src: url('../WebFonts/LuxoraGrotesk-BookItalic.eot');
    src: url('../WebFonts/LuxoraGrotesk-BookItalic.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-BookItalic.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-BookItalic.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-BookItalic.svg#LuxoraGrotesk-BookItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Luxora Grotesk';
    src: url('../WebFonts/LuxoraGrotesk-Italic.eot');
    src: url('../WebFonts/LuxoraGrotesk-Italic.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-Italic.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-Italic.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-Italic.svg#LuxoraGrotesk-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Luxora Grotesk';
    src: url('../WebFonts/LuxoraGrotesk-HeavyItalic.eot');
    src: url('../WebFonts/LuxoraGrotesk-HeavyItalic.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-HeavyItalic.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-HeavyItalic.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-HeavyItalic.svg#LuxoraGrotesk-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Luxora Grotesk';
    src: url('../WebFonts/LuxoraGrotesk-Medium.eot');
    src: url('../WebFonts/LuxoraGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-Medium.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-Medium.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-Medium.svg#LuxoraGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Luxora Grotesk';
    src: url('../WebFonts/LuxoraGrotesk-Light.eot');
    src: url('../WebFonts/LuxoraGrotesk-Light.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-Light.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-Light.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-Light.svg#LuxoraGrotesk-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Luxora Grotesk';
    src: url('../WebFonts/LuxoraGrotesk-LightItalic.eot');
    src: url('../WebFonts/LuxoraGrotesk-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-LightItalic.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-LightItalic.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-LightItalic.svg#LuxoraGrotesk-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Luxora Grotesk';
    src: url('../WebFonts/LuxoraGrotesk-MediumItalic.eot');
    src: url('../WebFonts/LuxoraGrotesk-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-MediumItalic.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-MediumItalic.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-MediumItalic.svg#LuxoraGrotesk-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Luxora Grotesk';
    src: url('../WebFonts/LuxoraGrotesk-Thin.eot');
    src: url('../WebFonts/LuxoraGrotesk-Thin.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-Thin.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-Thin.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-Thin.svg#LuxoraGrotesk-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Luxora Grotesk';
    src: url('../WebFonts/LuxoraGrotesk-Regular.eot');
    src: url('../WebFonts/LuxoraGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-Regular.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-Regular.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-Regular.svg#LuxoraGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Luxora Grotesk';
    src: url('../WebFonts/LuxoraGrotesk-ThinItalic.eot');
    src: url('../WebFonts/LuxoraGrotesk-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../WebFonts/LuxoraGrotesk-ThinItalic.woff2') format('woff2'),
    url('../WebFonts/LuxoraGrotesk-ThinItalic.woff') format('woff'),
    url('../WebFonts/LuxoraGrotesk-ThinItalic.svg#LuxoraGrotesk-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}


.container {
    position: relative;
    max-width: var(--container-max-width) !important;
    width: 100%;
    margin: 0 auto;

    padding: 0 20px;
}

body {
    font-family: var(--font);
    font-size: 16px;
    line-height: 1.5;
    font-weight: normal;
    background: #fff

}


.daterangepicker {

    border: 1px solid var(--color-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 20px rgba(35, 27, 34, 0.12) !important;

}

.daterangepicker td,
.daterangepicker th {
    border-radius: 6px !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--color-site-1) !important;
    color: var(--color-site-2) !important;
}

.daterangepicker td.in-range {
    background: rgba(254, 230, 0, 0.15)
}

.daterangepicker .applyBtn {
    background: var(--color-site-1) !important;
    color: var(--color-site-2) !important;
    border: none;
    border-radius: var(--border-radius) !important;
}

.daterangepicker .cancelBtn {
    border-radius: var(--border-radius) !important;
}