.eupopup-container {
    background-color: rgba(0,105,126, 0.8);
}
.eupopup-head {
    font-size: 16px;
}
.eupopup-body {
    color: rgba(255, 255, 255, .5);
}
a.eupopup-button_1,
a.eupopup-button_2 {
    color: #f6a21d;
    font-weight: bold;
    font-size: 14px;
}

.eupopup-container-bottomright, .eupopup-container-bottomleft {
    width: 340px;
}

#ccc-content {
	background-color: rgba(0,105,126, 1) !important;
}
#ccc-icon.ccc-icon--dark {
    fill: #fdb728 !important;
}

#ccc .checkbox-toggle--slider.checkbox-toggle--dark {
    background-color: #fdb728 !important;
    border-color: #fdb728 !important;
}

#ccc .checkbox-toggle--dark .checkbox-toggle-toggle {
    background-color: #fff !important;
}

#ccc .checkbox-toggle--slider .checkbox-toggle-off, #ccc .checkbox-toggle--slider .checkbox-toggle-on {
    color: #424242 !important;
    opacity: 1 !important;
}

#ccc-icon, #ccc-info {
    display: none;
}

#ccc a:hover {
    text-decoration: underline;
}

#ccc-button-holder {
    display: inline-flex;
    flex-direction: row-reverse;
}

.ccc-save-button {
    border: none;
    padding: 8px 16px !important;
    padding-left: 0px !important;
    text-decoration: underline;
    color: white;
    font-size: 1em;
    margin: 4px 8px 4px 0;
    font-weight: 400;
    line-height: 1.5em;
    background: transparent;
    cursor: pointer;
}
.ccc-intro a.focus-visible:focus, button.ccc-link:focus {
    text-shadow: none;
    outline: 2px solid #ec9f00;
    outline-offset: 3px;
    color: #fff !important
}

/* Styles for greek version of the page */
html[lang='el'] #ccc .ccc-notify-button {
    padding: 4px !important;
}

@media only screen and (max-width: 1023px) {
    #ccc-button-holder {
        display: flex;
        flex-direction: column-reverse;
    }
    .ccc-save-button {
        padding-left: 16px !important;
        margin: 0px;
    }
}