:root {
    --font-family: 'Helvetica Neue World W82_55 Rm', 'Helvetica Neue', Helvetica, sans- serif;
    --sans-family: var(--font-family);
    --bold-family: 'Helvetica Neue World W82_75 Bd', 'Helvetica Neue', Helvetica, sans- serif;
    --white: #ffffff;
    --grey: #F0F0F0;
    --dark-grey: #777777;
    --black: #0c0c0c;
    --black-20: #0c0c0c33;
    --yellow: #fff200;
    --blue: #0E40CF;
    --deep-blue: #163383;
    --red: #EF2C46;
    --background-red: #ef2c46;
    --muted: 0.4;
    --letter-spacing-1: 0.04em;
    --letter-spacing-2: 0.064em;
    --caps-letter-spacing: 0.15em;
    --line-height-2: 1.36;
    --line-height-3: 1.8;
    --body-font-size: 1.14285714rem;
    --lg-type: 1.714rem;
    --h1: 2.14285714rem;
    --h2: 1.14285714rem;
    --h3: 1rem;
    --h4: 1rem;
    --h5: 0.85714285rem;
    --h6: 0.85714285rem;
    --sm-body-font-size: 1.14285714rem;
    --sm-lg-type: 5rem;
    --sm-h1: 2.85714285rem;
    --sm-h2: 1.42857142rem;
    --sm-h3: 1.071rem;
    --sm-h4: 1.071rem;
    --sm-h5: 0.85714285rem;
    --sm-h6: 0.85714285rem;
    --md-body-font-size: 1.14285714rem;
    --md-lg-type: 7.857rem;
    --md-h1: 3.5714285714285716rem;
    --md-h2: 1.85714285rem;
    --md-h3: 1.5rem;
    --md-h5: 0.85714285rem;
    --md-h6: 0.85714285rem;
    --lg-body-font-size: 1.42857142rem;
    --lg-lg-type: 6.875vw;
    --lg-h1: 5rem;
    --lg-h2: 3.21428571rem;
    --lg-h2: 1.85714285rem;
    --lg-h3: 1.85714285rem;
    --lg-h4: 0.7504vw;
    --lg-h5: 1rem;
    --lg-h6: 1rem;
    --type-style-1-family: var(--font-family);
    --type-style-1-size: 2.14285714rem;
    --type-style-1-line-height: 2.57142857rem;
    --type-style-1-letter-spacing: 0.06428571rem;
    --type-style-2-family: var(--font-family);
    --type-style-2-size: 1.42857143rem;
    --type-style-2-line-height: 2rem;
    --type-style-2-letter-spacing: 0.08571429rem;
    --type-style-3-family: var(--font-family);
    --type-style-3-size: 1.14285714rem;
    --type-style-3-line-height: 2rem;
    --type-style-3-letter-spacing: 0.03571429rem;
    --type-style-4-family: var(--font-family);
    --type-style-4-size: 0.85714286rem;
    --type-style-4-line-height: 1.42857143rem;
    --type-style-4-letter-spacing: 0.14285714rem;
    --type-style-4-text-transform: uppercase;
    --type-style-5-family: var(--font-family);
    --type-style-5-size: 1.14285714rem;
    --type-style-5-line-height: 2rem;
    --type-style-5-letter-spacing: 0.03571429rem;
    --type-style-6-family: var(--font-family);
    --type-style-6-size: 2.14285714rem;
    --type-style-6-line-height: 2.57142857rem;
    --type-style-6-letter-spacing: 0.06428571rem;
    --type-style-8-family: var(--font-family);
    --type-style-8-size: 2.14285714rem;
    --type-style-8-line-height: 2.57142857rem;
    --type-style-8-letter-spacing: 0.06428571rem;
    --sm-type-style-1-family: var(--font-family);
    --sm-type-style-1-size: 2.85714286rem;
    --sm-type-style-1-line-height: 3.42857143rem;
    --sm-type-style-1-letter-spacing: 0.08571429rem;
    --sm-type-style-2-family: var(--font-family);
    --sm-type-style-2-size: 1.85714286rem;
    --sm-type-style-2-line-height: 2.42857143rem;
    --sm-type-style-2-letter-spacing: 0.08571429rem;
    --sm-type-style-3-family: var(--font-family);
    --sm-type-style-3-size: 1.42857143rem;
    --sm-type-style-3-line-height: 1.85714286rem;
    --sm-type-style-3-letter-spacing: 0.10714286rem;
    --sm-type-style-6-family: var(--font-family);
    --sm-type-style-6-size: 3.57142857rem;
    --sm-type-style-6-line-height: 4.28571429rem;
    --sm-type-style-6-letter-spacing: 0.14285714rem;
    --sm-type-style-7-family: var(--font-family);
    --sm-type-style-7-size: 2.14285714rem;
    --sm-type-style-7-line-height: 2.85714286rem;
    --sm-type-style-7-letter-spacing: 0.08571429rem;
    --sm-type-style-8-family: var(--font-family);
    --sm-type-style-8-size: 4.28571429rem;
    --sm-type-style-8-line-height: 3.42857143rem;
    --sm-type-style-8-letter-spacing: 0.12857143rem;
    --md-type-style-1-family: var(--font-family);
    --md-type-style-1-size: 3.57142857rem;
    --md-type-style-1-line-height: 4.28571429rem;
    --md-type-style-1-letter-spacing: 0.14285714rem;
    --md-type-style-2-family: var(--font-family);
    --md-type-style-2-size: 2.14285714rem;
    --md-type-style-2-line-height: 2.85714286rem;
    --md-type-style-2-letter-spacing: 0.08571429rem;
    --md-type-style-3-family: var(--font-family);
    --md-type-style-3-size: 1.57142857rem;
    --md-type-style-3-line-height: 2.14285714rem;
    --md-type-style-3-letter-spacing: 0.08571429rem;
    --md-type-style-5-line-height: 2.14285714rem;
    --md-type-style-5-letter-spacing: 0.03142857rem;
    --md-type-style-6-family: var(--md-type-style-1-family);
    --md-type-style-6-size: var(--md-type-style-1-size);
    --md-type-style-6-line-height: var(--md-type-style-1-line-height);
    --md-type-style-6-letter-spacing: var(--md-type-style-1-letter-spacing);
    --md-type-style-6-text-transform: var(--md-type-style-1-text-transform);
    --md-type-style-8-family: var(--font-family);
    --md-type-style-8-size: 8.57142857rem;
    --md-type-style-8-line-height: 10rem;
    --md-type-style-8-letter-spacing: 0.02857143rem;
    --lg-type-style-1-family: var(--font-family);
    --lg-type-style-1-size: 5rem;
    --lg-type-style-1-line-height: 5.85714286rem;
    --lg-type-style-1-letter-spacing: 0.14285714rem;
    --lg-type-style-2-family: var(--font-family);
    --lg-type-style-2-size: 3.21428571rem;
    --lg-type-style-2-line-height: 3.92857143rem;
    --lg-type-style-2-letter-spacing: 0.10714286rem;
    --lg-type-style-3-family: var(--font-family);
    --lg-type-style-3-size: 1.85714286rem;
    --lg-type-style-3-line-height: 2.42857143rem;
    --lg-type-style-3-letter-spacing: 0.10714286rem;
    --lg-type-style-4-family: var(--font-family);
    --lg-type-style-4-size: 1rem;
    --lg-type-style-4-line-height: 1.78571429rem;
    --lg-type-style-4-letter-spacing: 0.10714286rem;
    --lg-type-style-4-text-transform: uppercase;
    --lg-type-style-5-family: var(--font-family);
    --lg-type-style-5-size: 1.42857143rem;
    --lg-type-style-5-line-height: 2.57142857rem;
    --lg-type-style-5-letter-spacing: 0.03571429rem;
    --lg-type-style-6-family: var(--lg-type-style-1-family);
    --lg-type-style-6-size: var(--lg-type-style-1-size);
    --lg-type-style-6-line-height: var(--lg-type-style-1-line-height);
    --lg-type-style-6-letter-spacing: var(--lg-type-style-1-letter-spacing);
    --lg-type-style-6-text-transform: var(--lg-type-style-1-text-transform);
    --space-4: 20px 20px;
}

.black {
    color: var(--black);
}

.blue {
    color: var(--blue);
}

.dark-grey {
    color: var(--dark-grey);
}

.grey {
    color: var(--grey);
}

.red {
    color: var(--red);
}

.white {
    color: var(--white);
}

.yellow {
    color: var(--yellow);
}


.bg-black {
    background-color: var(--black);
}

.bg-blue {
    background-color: var(--blue);
}

.bg-dark-grey {
    background-color: var(--dark-grey);
}

.bg-red {
    background-color: var(--red);
}

.bg-white {
    background-color: var(--white);
}

.bg-yellow {
    background-color: var(--yellow);
}

.muted {
    opacity: var(--muted);
}

a:not(.btn) {
    /*text-decoration: underline !important;*/
    /*--webkit-text-decoration-color: var(--blue) !important;*/
    text-decoration-color: var(--blue) !important;
    text-underline-offset: 5px !important;
    /*text-decoration-thickness: 1px !important;*/
    color: var(--black) !important;
}

.btn-check:checked, .btn.btn-primary, .btn-check:active, .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary, .form-check-input:checked[type=checkbox], .leftBtnColor {
    background-color: var(--blue) !important;
}
/*button, button:hover, button:active, {
    padding: var(--space-4) !important;
    background-color: var(--blue) !important;
    color: var(--white) !important;
    text-transform: uppercase !important;
}*/

.text-primary {
    color: var(--blue)!important;
}

#kt_scrolltop {
    background-color: var(--blue) !important;
}

.type-style-1, h1 {
    font-family: var(--type-style-1-family) !important;
    font-weight: var(--type-style-1-weight) !important;
    font-size: var(--type-style-1-size) !important;
    line-height: var(--type-style-1-line-height) !important;
    letter-spacing: var(--type-style-1-letter-spacing) !important;
    text-transform: var(--type-style-1-text-transform) !important;
}

.type-style-2 {
    font-family: var(--type-style-2-family) !important;
    font-weight: var(--type-style-2-weight) !important;
    font-size: var(--type-style-2-size) !important;
    line-height: var(--type-style-2-line-height) !important;
    letter-spacing: var(--type-style-2-letter-spacing) !important;
    text-transform: var(--type-style-2-text-transform) !important;
}

.type-style-3, h2, h3, h4 {
    font-family: var(--type-style-3-family) !important;
    font-weight: var(--type-style-3-weight) !important;
    font-size: var(--type-style-3-size) !important;
    line-height: var(--type-style-3-line-height) !important;
    letter-spacing: var(--type-style-3-letter-spacing) !important;
    text-transform: var(--type-style-3-text-transform) !important;
}

.type-style-4 {
    font-family: var(--type-style-4-family) !important;
    font-weight: var(--type-style-4-weight) !important;
    font-size: var(--type-style-4-size) !important;
    line-height: var(--type-style-4-line-height) !important;
    letter-spacing: var(--type-style-4-letter-spacing) !important;
    text-transform: var(--type-style-4-text-transform) !important;
}

.type-style-5, body {
    font-family: var(--type-style-5-family) !important;
    font-weight: var(--type-style-5-weight) !important;
    font-size: var(--type-style-5-size) !important;
    line-height: var(--type-style-5-line-height) !important;
    letter-spacing: var(--type-style-5-letter-spacing) !important;
    text-transform: var(--type-style-5-text-transform) !important;
}

.type-style-6 {
    font-family: var(--type-style-6-family) !important;
    font-weight: var(--type-style-6-weight) !important;
    font-size: var(--type-style-6-size) !important;
    line-height: var(--type-style-6-line-height) !important;
    letter-spacing: var(--type-style-6-letter-spacing) !important;
    text-transform: var(--type-style-6-text-transform) !important;
}

.caps {
    text-transform: uppercase !important;
    letter-spacing: var(--caps-letter-spacing) !important;
}

a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
    display: none !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none !important;
}

.customHeaderSticky {
    position: sticky;
    top: 70px;
    z-index: 3;
}

/* 
    ST-T398 Εμφάνιση ημερολογίου σε desktop και απόκρυψη σε mobile για αναλύσεις > 576px
    Μιχάλης 16/1/2025
*/
.seriesCalendarMobile {
    display: none;
}

.seriesCalendar {
    display: block;
}

@media (min-width: 1680px) {
    .type-style-1, h1 {
        font-family: var(--lg-type-style-1-family) !important;
        font-weight: var(--lg-type-style-1-weight) !important;
        font-size: var(--lg-type-style-1-size) !important;
        line-height: var(--lg-type-style-1-line-height) !important;
        letter-spacing: var(--lg-type-style-1-letter-spacing) !important;
        text-transform: var(--lg-type-style-1-text-transform) !important;
    }

    .type-style-2 {
        font-family: var(--lg-type-style-2-family) !important;
        font-weight: var(--lg-type-style-2-weight) !important;
        font-size: var(--lg-type-style-2-size) !important;
        line-height: var(--lg-type-style-2-line-height) !important;
        letter-spacing: var(--lg-type-style-2-letter-spacing) !important;
        text-transform: var(--lg-type-style-2-text-transform) !important;
    }

    .type-style-3, h2, h3, h4 {
        font-family: var(--lg-type-style-3-family) !important;
        font-weight: var(--lg-type-style-3-weight) !important;
        font-size: var(--lg-type-style-3-size) !important;
        line-height: var(--lg-type-style-3-line-height) !important;
        letter-spacing: var(--lg-type-style-3-letter-spacing) !important;
        text-transform: var(--lg-type-style-3-text-transform) !important;
    }

    .type-style-4 {
        font-family: var(--lg-type-style-4-family) !important;
        font-weight: var(--lg-type-style-4-weight) !important;
        font-size: var(--lg-type-style-4-size) !important;
        line-height: var(--lg-type-style-4-line-height) !important;
        letter-spacing: var(--lg-type-style-4-letter-spacing) !important;
        text-transform: var(--lg-type-style-4-text-transform) !important;
    }

    .type-style-5, body {
        font-family: var(--lg-type-style-5-family) !important;
        font-weight: var(--lg-type-style-5-weight) !important;
        font-size: var(--lg-type-style-5-size) !important;
        line-height: var(--lg-type-style-5-line-height) !important;
        letter-spacing: var(--lg-type-style-5-letter-spacing) !important;
        text-transform: var(--lg-type-style-5-text-transform) !important;
    }

    .type-style-6 {
        font-family: var(--lg-type-style-6-family) !important;
        font-weight: var(--lg-type-style-6-weight) !important;
        font-size: var(--lg-type-style-6-size) !important;
        line-height: var(--lg-type-style-6-line-height) !important;
        letter-spacing: var(--lg-type-style-6-letter-spacing) !important;
        text-transform: var(--lg-type-style-6-text-transform) !important;
    }

    .eventCardText {
        font-size: 1.075rem !important;
    }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .type-style-1, h1 {
        font-family: var(--md-type-style-1-family) !important;
        font-weight: var(--md-type-style-1-weight) !important;
        font-size: var(--md-type-style-1-size) !important;
        line-height: var(--md-type-style-1-line-height) !important;
        letter-spacing: var(--md-type-style-1-letter-spacing) !important;
        text-transform: var(--md-type-style-1-text-transform) !important;
    }

    .type-style-2 {
        font-family: var(--md-type-style-2-family) !important;
        font-weight: var(--md-type-style-2-weight) !important;
        font-size: var(--md-type-style-2-size) !important;
        line-height: var(--md-type-style-2-line-height) !important;
        letter-spacing: var(--md-type-style-2-letter-spacing) !important;
        text-transform: var(--md-type-style-2-text-transform) !important;
    }

    .type-style-3, h2, h3, h4 {
        font-family: var(--md-type-style-3-family) !important;
        font-weight: var(--md-type-style-3-weight) !important;
        font-size: var(--md-type-style-3-size) !important;
        line-height: var(--md-type-style-3-line-height) !important;
        letter-spacing: var(--md-type-style-3-letter-spacing) !important;
        text-transform: var(--md-type-style-3-text-transform) !important;
    }

    .type-style-4 {
        font-family: var(--md-type-style-4-family) !important;
        font-weight: var(--md-type-style-4-weight) !important;
        font-size: var(--md-type-style-4-size) !important;
        line-height: var(--md-type-style-4-line-height) !important;
        letter-spacing: var(--md-type-style-4-letter-spacing) !important;
        text-transform: var(--md-type-style-4-text-transform) !important;
    }

    .type-style-5, body {
        font-family: var(--md-type-style-5-family) !important;
        font-weight: var(--md-type-style-5-weight) !important;
        font-size: var(--md-type-style-5-size) !important;
        line-height: var(--md-type-style-5-line-height) !important;
        letter-spacing: var(--md-type-style-5-letter-spacing) !important;
        text-transform: var(--md-type-style-5-text-transform) !important;
    }

    .type-style-6 {
        font-family: var(--md-type-style-6-family) !important;
        font-weight: var(--md-type-style-6-weight) !important;
        font-size: var(--md-type-style-6-size) !important;
        line-height: var(--md-type-style-6-line-height) !important;
        letter-spacing: var(--md-type-style-6-letter-spacing) !important;
        text-transform: var(--md-type-style-6-text-transform) !important;
    }
}

@media (min-width: 760px) and (max-width: 1199px) {
    .type-style-1, h1 {
        font-family: var(--sm-type-style-1-family) !important;
        font-weight: var(--sm-type-style-1-weight) !important;
        font-size: var(--sm-type-style-1-size) !important;
        line-height: var(--sm-type-style-1-line-height) !important;
        letter-spacing: var(--sm-type-style-1-letter-spacing) !important;
        text-transform: var(--sm-type-style-1-text-transform) !important;
    }

    .type-style-2 {
        font-family: var(--sm-type-style-2-family) !important;
        font-weight: var(--sm-type-style-2-weight) !important;
        font-size: var(--sm-type-style-2-size) !important;
        line-height: var(--sm-type-style-2-line-height) !important;
        letter-spacing: var(--sm-type-style-2-letter-spacing) !important;
        text-transform: var(--sm-type-style-2-text-transform) !important;
    }

    .type-style-3, h2, h3, h4 {
        font-family: var(--sm-type-style-3-family) !important;
        font-weight: var(--sm-type-style-3-weight) !important;
        font-size: var(--sm-type-style-3-size) !important;
        line-height: var(--sm-type-style-3-line-height) !important;
        letter-spacing: var(--sm-type-style-3-letter-spacing) !important;
        text-transform: var(--sm-type-style-3-text-transform) !important;
    }

    .type-style-4 {
        font-family: var(--sm-type-style-4-family) !important;
        font-weight: var(--sm-type-style-4-weight) !important;
        font-size: var(--sm-type-style-4-size) !important;
        line-height: var(--sm-type-style-4-line-height) !important;
        letter-spacing: var(--sm-type-style-4-letter-spacing) !important;
        text-transform: var(--sm-type-style-4-text-transform) !important;
    }

    .type-style-5, body {
        font-family: var(--sm-type-style-5-family) !important;
        font-weight: var(--sm-type-style-5-weight) !important;
        font-size: var(--sm-type-style-5-size) !important;
        line-height: var(--sm-type-style-5-line-height) !important;
        letter-spacing: var(--sm-type-style-5-letter-spacing) !important;
        text-transform: var(--sm-type-style-5-text-transform) !important;
    }

    .type-style-6 {
        font-family: var(--sm-type-style-6-family) !important;
        font-weight: var(--sm-type-style-6-weight) !important;
        font-size: var(--sm-type-style-6-size) !important;
        line-height: var(--sm-type-style-6-line-height) !important;
        letter-spacing: var(--sm-type-style-6-letter-spacing) !important;
        text-transform: var(--sm-type-style-6-text-transform) !important;
    }    
}
/* 
    ST-T398 Εμφάνιση ημερολογίου σε mobile και απόκρυψη σε desktop για ανάλυση κινητού
    Μιχάλης 16/1/2025
*/
@media (max-width: 991px) {
    .seriesCalendarMobile {
        display: block;
    }

    .seriesCalendar {
        display: none;
    }
}

@media (max-width:576px) {
    .footerImage {
        max-height: 30px!important;
    }
}

/* ST-T263 */
/* Αλλαγή χρωμάτων ημερολογίου σε μπλε χρώμα */
/* 2024.10.01 2024 Comments by Theo */
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background-color: #0d6efd !important; /* Bootstrap primary color */
    color: #fff !important; /* White text */
}

.daterangepicker .drp-calendar td:hover {
    background-color: #f8f9fa !important; /* Bootstrap light color */
    color: #0d6efd !important; /* Bootstrap primary color for text */
}

.daterangepicker .drp-calendar td.active {
    background-color: #0d6efd !important; /* Bootstrap primary color for text */
    color: #fff !important; /* White text */
}

.daterangepicker .drp-calendar td.today,
.daterangepicker .drp-calendar td.today.active {
    background-color: #f8f9fa !important; /* Bootstrap light color */
    color: #0d6efd !important; /* Bootstrap primary color for text */
}

.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
    background-color: #f8f9fa !important; /* Bootstrap light color */
    color: #0d6efd !important; /* Bootstrap primary color for text */
}

#eventPageLogo {
    display: flex;
    justify-content: center;
}

@media (max-width: 767px) {
    #mainEventDataDiv {
        padding-left: 5rem !important;
    }
}