@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");
@font-face {
  font-family: Chillax;
  font-style: normal;
  font-weight: 400;
  src:
    local("Chillax"),
    local("Chillax"),
    url(./fonts/Chillax-Medium.woff2) format("woff2");
}
@font-face {
  font-family: Chillax;
  font-style: normal;
  font-weight: 600;
  src:
    local("Chillax"),
    local("Chillax"),
    url(./fonts/Chillax-Semibold.woff2) format("woff2");
}
:root {
  --contioevent-primary-theme-color: #15143a;
  --contioevent-secondary-theme-color: #45cbb7;
  --contioevent-link-color: #2e6795;
  --contioevent-page-background: #f4f3f9;
  --contioevent-top-panel-background: #15143a;
  --contioevent-success-color: #57b667;
  --contioevent-info-color: #4a84c7;
  --contioevent-warning-color: #c0ae50;
  --contioevent-error-color: #fd5f6c;
  --contioevent-general-text-color: #222;
  --contioevent-calendar-content-bg: #f4f3f9;
  --contioevent-calendar-event-card-bg: #fff;
  --contioevent-calendar-status-cancelled: #e17575;
  --contioevent-calendar-status-open: #15143a;
  --contioevent-calendar-status-expired: #15143a;
  --contioevent-calendar-status-in-progress: #15143a;
  --contioevent-calendar-status-finished: #15143a;
  --contioevent-calendar-status-default: #15143a;
  --contioevent-font-family-heading: Chillax, Helvetica, Arial, sans-serif;
  --contioevent-font-family-body: Mulish, Arial, Helvetica, sans-serif;
  --contioevent-border-radius-button: 0.25rem;
  --contioevent-border-radius-field: 0.25rem;
  --status-default: #15143a;
  --status-uknown: #b8b8b8;
  --status-unpublished: #b8b8b8;
  --status-open-for-application: #57b667;
  --status-admissions-made: #c0ae50;
  --status-in-progress: #45cbb7;
  --status-application-period-expired: #c0ae50;
  --status-finished: #4a84c7;
  --status-cancelled: #fd5f6c;
}
body {
  font-family: var(--contioevent-font-family-body);
  background-color: var(--contioevent-page-background) !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--contioevent-font-family-heading) !important;
  color: var(--contioevent-primary-theme-color);
}
.accordion-hasdata {
  color: var(--contioevent-link-color) !important;
}
.themesliderpanel--mvc .themesliderpanel--text {
  font-family: var(--contioevent-font-family-heading) !important;
}
.div_top {
  background-color: var(--contioevent-top-panel-background) !important;
  box-shadow: 0 0 2px;
  height: 48px;
}
.calendar_body .div_top {
  padding: 4px;
}
.event_haettavana_color {
  color: var(--status-open-for-application);
}
.event_umpeutunut_color {
  color: var(--status-application-period-expired);
}
.event_tuntematon_color {
  color: var(--status-uknown);
}
.event_julkaisematon_color {
  color: var(--status-unpublished);
}
.event_kaynnissa_color {
  color: var(--status-in-progress);
}
.event_valittu_color {
  color: var(--status-admissions-made);
}
.event_peruutettu_color {
  color: var(--status-cancelled);
}
.event_paattynyt_color {
  color: var(--status-finished);
}
.event_omatila_color {
  color: var(--status-default);
}
#content-event-header .ui-link,
#content-event-header .event_paattynyt,
#content-event-header .event_haettavana,
#content-event-header .event_umpeutunut,
#content-event-header .event_julkaisematon,
#content-event-header .event_kaynnissa,
#content-event-header .event_valittu,
#content-event-header .event_peruutettu,
#content-event-header .event_tuntematon {
  height: auto !important;
  line-height: 1;
  min-width: 70px;
  font-weight: 700;
  padding: 8px 12px;
  font-size: 12px !important;
  margin: 0;
}
.event_haettavana {
  background: var(--status-open-for-application);
  font-weight: 700;
  color: contrast-color(var(--status-open-for-application)) !important;
}
.event_haettavana:hover,
.event_haettavana:focus {
  background-color: color-mix(
    in srgb,
    var(--status-open-for-application),
    #fff 20%
  ) !important;
}
.event_umpeutunut {
  background: var(--status-application-period-expired);
  color: contrast-color(var(--status-application-period-expired)) !important;
}
.event_umpeutunut:hover,
.event_umpeutunut:focus {
  background-color: color-mix(
    in srgb,
    var(--status-application-period-expired),
    #fff 20%
  ) !important;
}
.event_julkaisematon {
  background: var(--status-unpublished) !important;
  color: contrast-color(var(--status-unpublished)) !important;
}
.event_julkaisematon:hover,
.event_julkaisematon:focus {
  background-color: color-mix(
    in srgb,
    var(--status-unpublished),
    #fff 20%
  ) !important;
}
.event_tuntematon {
  background: var(--status-uknown);
  color: contrast-color(var(--status-uknown)) !important;
}
.event_tuntematon:hover,
.event_tuntematon:focus {
  background-color: color-mix(
    in srgb,
    var(--status-uknown),
    #fff 20%
  ) !important;
}
.event_kaynnissa {
  background: var(--status-in-progress);
  color: contrast-color(var(--status-in-progress)) !important;
}
.event_kaynnissa:hover,
.event_kaynnissa:focus {
  background-color: color-mix(
    in srgb,
    var(--status-in-progress),
    #fff 20%
  ) !important;
}
.event_valittu {
  background: var(--status-admissions-made);
  color: contrast-color(var(--status-admissions-made)) !important;
}
.event_valittu:hover,
.event_valittu:focus {
  background-color: color-mix(
    in srgb,
    var(--status-admissions-made),
    #fff 20%
  ) !important;
}
.event_peruutettu {
  background: var(--status-cancelled);
  color: contrast-color(var(--status-cancelled)) !important;
}
.event_peruutettu:hover,
.event_peruutettu:focus {
  background-color: color-mix(
    in srgb,
    var(--status-cancelled),
    #fff 20%
  ) !important;
}
.event_paattynyt {
  background: var(--status-finished);
  color: contrast-color(var(--status-finished)) !important;
}
.event_paattynyt:hover,
.event_paattynyt:focus {
  background-color: color-mix(
    in srgb,
    var(--status-finished),
    #fff 20%
  ) !important;
}
.event_omatila {
  background: var(--status-default);
  color: contrast-color(var(--status-default)) !important;
}
.event_omatila:hover,
.event_omatila:focus {
  background-color: color-mix(
    in srgb,
    var(--status-default),
    #fff 20%
  ) !important;
}
.login a:link,
a:visited,
a:hover,
a:active,
.login-forgotPass a:link,
a:visited,
a:hover,
a:active,
#contionevent_body a:link,
a:visited,
a:hover,
a:active,
#contionevent_body .btn-link,
#contionevent_body .MuiLink-root .ui-page-theme-a a.ui-link,
.ui-page-theme-a a:hover,
html .ui-bar-a a:hover,
html .ui-body-a a:hover,
html body .ui-group-theme-a a:hover,
.ui-page-theme-a a:visited,
html .ui-bar-a a:visited,
html .ui-body-a a:visited,
html body .ui-group-theme-a a:visited html .ui-bar-a a.ui-link,
html .ui-body-a a.ui-link,
html body .ui-group-theme-a a.ui-link,
.menu-background .navbar-nav .dropdown ul a {
  color: var(--contioevent-link-color);
}
.login a:link:hover,
a:visited:hover,
a:hover:hover,
a:active:hover,
.login-forgotPass a:link:hover,
a:visited:hover,
a:hover:hover,
a:active:hover,
#contionevent_body a:link:hover,
a:visited:hover,
a:hover:hover,
a:active:hover,
#contionevent_body .btn-link:hover,
#contionevent_body .MuiLink-root .ui-page-theme-a a.ui-link:hover,
.ui-page-theme-a a:hover:hover,
html .ui-bar-a a:hover:hover,
html .ui-body-a a:hover:hover,
html body .ui-group-theme-a a:hover:hover,
.ui-page-theme-a a:visited:hover,
html .ui-bar-a a:visited:hover,
html .ui-body-a a:visited:hover,
html body .ui-group-theme-a a:visited html .ui-bar-a a.ui-link:hover,
html .ui-body-a a.ui-link:hover,
html body .ui-group-theme-a a.ui-link:hover,
.menu-background .navbar-nav .dropdown ul a:hover {
  color: color-mix(in srgb, var(--contioevent-link-color) 80%, #000);
}
.dropdown-menu > li > a {
  color: var(--contioevent-link-color) !important;
}
#contionevent_body .modal-footer .btn_link {
  color: #fff !important;
  transition: background-color 0.1s ease-in-out;
}
#contionevent_body .modal-footer .btn_link:hover {
  background-color: #ecf5f929 !important;
}
.menu-background .currentPage {
  font-weight: 700 !important;
  color: var(--contioevent-primary-theme-color) !important;
  font-size: 14px !important;
}
.container_ilmo {
  border: 1px solid var(--contioevent-primary-theme-color) !important;
}
.container_ilmo .ilmo_loput {
  padding-top: 20px;
}
.menu-event-name {
  color: var(--contioevent-primary-theme-color) !important;
  font-weight: 600;
}
.h2_kapea {
  border-bottom-color: var(--contioevent-primary-theme-color) !important;
}
.ilmo_content .osallistujalohko_header {
  transition: background-color 0.2s;
  background: var(--contioevent-primary-theme-color) !important;
  min-height: 50px;
}
.ilmo_content .osallistujalohko_header h2 {
  color: #fff;
  background: transparent url(images/arrow_up_ilmo.png) no-repeat -6px center !important;
}
.ilmo_content .osallistujalohko_header:hover,
.ilmo_content .osallistujalohko_header:focus {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 80%,
    #fff
  ) !important;
}
.ilmo_content .osallistujalohko_header.collapsed h2 {
  background: transparent url(images/arrow_down_ilmo.png) no-repeat left center !important;
}
.osallistuja_lohko_linkit2 .lohko-btn-wrap {
  top: 3px;
}
.osallistuja_lohko_linkit2 .lohko-btn-wrap a,
.osallistuja_lohko_linkit2 .lohko-btn-wrap .glyphicon {
  color: #fff !important;
}
#lecture-series .ui-link label,
.btn_link,
.ilmontable .ui-link label,
.main_calendar .btn_link,
.ilmo_event_information a,
#lower_container_infotext a {
  color: var(--contioevent-link-color) !important;
}
.btn-green,
.button_green {
  background-color: var(--contioevent-primary-theme-color) !important;
  border-radius: var(--contioevent-border-radius-button) !important;
  color: #fff;
  transition: background-color 0.15s ease-in-out;
}
.btn-green:hover,
.btn-green:active,
.btn-green:focus,
.button_green:hover,
.button_green:active,
.button_green:focus {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color),
    #fff 20%
  ) !important;
}
.btn-green.disabledlink,
.button_green.disabledlink {
  background-color: #ababab !important;
  color: gray !important;
  cursor: not-allowed;
  user-select: none;
}
.calendar_search .button_green,
.calendar--search
  .calendar--search--basic
  .calendar--search--basic--dates
  > div
  .input-group-addon {
  background-color: var(--contioevent-primary-theme-color) !important;
  border-radius: var(--contioevent-border-radius-button) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  transition: background-color 0.15s ease-in-out;
}
.calendar_search .button_green:hover,
.calendar_search .button_green:active,
.calendar_search .button_green:focus,
.calendar--search
  .calendar--search--basic
  .calendar--search--basic--dates
  > div
  .input-group-addon:hover,
.calendar--search
  .calendar--search--basic
  .calendar--search--basic--dates
  > div
  .input-group-addon:active,
.calendar--search
  .calendar--search--basic
  .calendar--search--basic--dates
  > div
  .input-group-addon:focus {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color),
    #fff 20%
  ) !important;
}
.btn-group .multiselect {
  background: var(--contioevent-page-background);
}
.btn-group .multiselect:focus,
.btn-group .multiselect:hover {
  transition: border-color 0.15s ease-in-out;
  box-shadow: none !important;
  border: 1px solid var(--contioevent-primary-theme-color) !important;
}
.link_dropdown .btn-group .multiselect,
.link_dropdown .ui-select {
  color: var(--contioevent-link-color) !important;
}
.link_dropdown .btn-group .multiselect:hover,
.link_dropdown .btn-group .multiselect:focus,
.link_dropdown .ui-select:hover,
.link_dropdown .ui-select:focus {
  color: color-mix(in srgb, var(--contioevent-link-color) 80%, #000) !important;
}
.SumoSelect > .CaptionCont {
  border-radius: var(--contioevent-border-radius-field) !important;
}
.SumoSelect .select-all.partial > span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
  background-color: var(--contioevent-primary-theme-color) !important;
}
.form-control {
  border-radius: var(--contioevent-border-radius-field);
}
.form-control:focus {
  box-shadow: 0 0 6px
    color-mix(in srgb, var(--contioevent-primary-theme-color) 25%, #fff) !important;
  border: 1px solid var(--contioevent-primary-theme-color) !important;
}
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--contioevent-primary-theme-color);
}
input[type="checkbox"]:hover,
input[type="checkbox"]:focus,
input[type="radio"]:hover,
input[type="radio"]:focus {
  accent-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 20%,
    #fff
  );
}
.ui-checkbox-off:hover,
.ui-checkbox-off:focus,
.ui-checkbox-off:active {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 5%,
    #fff
  );
}
.laskutapa .active {
  border-color: var(--contioevent-primary-theme-color) !important;
}
.calendar_title {
  color: var(--contioevent-primary-theme-color);
}
.panel-title a:link {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 20%,
    #fff
  );
  transition: background-color 0.2s;
}
.panel-title a:link:hover {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 12%,
    #fff
  );
}
.panel-title .notexpandable {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 10%,
    #fff
  );
}
.calendar__share-menu .calendar__share-item {
  color: var(--contioevent-primary-theme-color);
}
.calendar_top_link.disabledlink {
  color: #fff !important;
  font-weight: 600;
}
.calendar_header {
  background-color: #ffffff;
}
.calendar_header
  .calendar--search
  .calendar--search--basic
  .calendar--search--basic--dates
  > div
  .input-group-addon {
  background-color: var(--contioevent-primary-theme-color);
  border-radius: var(--contioevent-border-radius-button);
}
.calendar_header
  .calendar--search
  .calendar--search--basic
  .calendar--search--basic--dates
  > div
  .input-group-addon:active,
.calendar_header
  .calendar--search
  .calendar--search--basic
  .calendar--search--basic--dates
  > div
  .input-group-addon:focus,
.calendar_header
  .calendar--search
  .calendar--search--basic
  .calendar--search--basic--dates
  > div
  .input-group-addon:hover {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 90%,
    #000
  );
}
.calendar_header
  .calendar--search
  .calendar--search--basic
  .calendar--search--basic--dates
  > div
  .customer_datepicker {
  border-radius: var(--contioevent-border-radius-field);
}
.calendar_header .dropdown-menu > .active > a,
.calendar_header .dropdown-menu > .active > a:focus,
.calendar_header .dropdown-menu > .active > a:hover {
  background-color: var(--contioevent-primary-theme-color);
}
.main_calendar {
  background-color: var(--contioevent-calendar-content-bg);
}
.main_calendar .widediv {
  background-color: var(--contioevent-primary-theme-color) !important;
  color: white;
  box-shadow: 0 0 5px !important;
}
.main_calendar .widediv .calendar_title,
.main_calendar .widediv .content-70-tapahtumavalinta h1 {
  color: white;
}
.main_calendar .widediv .content-70-tapahtumavalinta h1 + h3 {
  color: white !important;
}
.main_calendar .widediv .calendar_nakyma {
  filter: grayscale(100%);
}
.main_calendar .koulutus_lista {
  box-shadow: 0 0 3px
    color-mix(in srgb, var(--contioevent-primary-theme-color) 55%, #fff);
  background: var(--contioevent-calendar-event-card-bg) !important;
  min-height: 66px;
}
.main_calendar .koulutus_lista .koulutus_button {
  background: var(--contioevent-primary-theme-color);
  color: white !important;
  border: 1px solid var(--contioevent-primary-theme-color);
  border-radius: 1.6rem;
  height: 26px;
  width: 122px;
}
.main_calendar .koulutus_lista .koulutus_button.status-cancelled {
  background: var(--contioevent-calendar-status-cancelled);
  border: 1px solid var(--contioevent-calendar-status-cancelled);
}
.main_calendar .koulutus_lista .koulutus_button.status-openForApplication {
  background: var(--contioevent-calendar-status-open);
  border: 1px solid var(--contioevent-calendar-status-open);
}
.main_calendar
  .koulutus_lista
  .koulutus_button.status-applicationPeriodExpired {
  background: var(--contioevent-calendar-status-expired);
  border: 1px solid var(--contioevent-calendar-status-expired);
}
.main_calendar .koulutus_lista .koulutus_button.status-inProgress {
  background: var(--contioevent-calendar-status-in-progress);
  border: 1px solid var(--contioevent-calendar-status-in-progress);
}
.main_calendar .koulutus_lista .koulutus_button.status-finished {
  background: var(--contioevent-calendar-status-finished);
  border: 1px solid var(--contioevent-calendar-status-finished);
}
.main_calendar .koulutus_lista .koulutus_button.status-default {
  background: var(--contioevent-calendar-status-default);
  border: 1px solid var(--contioevent-calendar-status-default);
}
.main_calendar .koulutus_lista .koulutus_button .koulutus_nimi {
  display: flex;
  align-items: center;
}
.main_calendar .koulutus_lista .tapahtumalinkki_calendar {
  color: #575757;
  font-weight: 600;
}
.expertise_list > .expertise_button .expertise_button_no_img {
  background: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 90%,
    #fff
  );
  border: 3px solid var(--contioevent-primary-theme-color);
  color: #fff;
}
.tooltipevent {
  border: 2px solid var(--contioevent-primary-theme-color) !important;
}
.fc-ltr .fc-h-event .fc-not-end,
.fc-rtl .fc-h-event .fc-not-start,
a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end,
a.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-not-end,
a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-not-end {
  background-color: var(--contioevent-primary-theme-color) !important;
  color: white !important;
}
@media only screen and (max-width: 1000px) {
  .kalenteri_ehdot > div > div > label + label {
    margin-left: 0;
  }
  .kalenteri_ehdot > div > div {
    display: flex;
    flex-direction: column;
  }
}
.portal_logo {
  min-height: 72px;
  box-shadow: 0 0 5px;
}
.portal_logo > img {
  max-width: 72%;
}
.pin-login,
.login-forgotPass,
.login {
  padding: 20px;
  top: 10px;
  border-radius: var(--contioevent-border-radius-button) !important;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
}
.pin-login .line-thin,
.login-forgotPass .line-thin,
.login .line-thin {
  border-color: var(--contioevent-primary-theme-color);
}
.pin-login h2.login-heading,
.login-forgotPass h2.login-heading,
.login h2.login-heading {
  color: var(--contioevent-primary-theme-color);
}
.pin-login .login_button,
.login-forgotPass .login_button,
.login .login_button {
  background-color: var(--contioevent-primary-theme-color) !important;
  color: #fff;
  border-radius: var(--contioevent-border-radius-button) !important;
  transition: background-color 0.2s ease-in-out;
}
.pin-login .login_button:hover,
.pin-login .login_button:active,
.pin-login .login_button:focus,
.login-forgotPass .login_button:hover,
.login-forgotPass .login_button:active,
.login-forgotPass .login_button:focus,
.login .login_button:hover,
.login .login_button:active,
.login .login_button:focus {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color),
    #fff 30%
  ) !important;
}
.username:focus,
.password:focus {
  border-color: var(--contioevent-primary-theme-color) !important;
  box-shadow: 0 0 6px var(--contioevent-primary-theme-color) !important;
}
.alert {
  border-radius: var(--contioevent-border-radius-button);
}
#identificationLoginform h1 {
  padding: 20px 20px 20px 20px;
  background-color: var(--contioevent-primary-theme-color);
  color: #fff;
  box-shadow: 0 0 15px 5px rgba(1, 1, 1, 0.1);
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.5em;
}
#identificationLoginform .flex-center > div:first-child {
  width: 100%;
}
.body {
  background: var(--contioevent-page-background);
}
#contionevent_body h2 {
  color: var(--contioevent-primary-theme-color) !important;
}
#contionevent_body .menu-background .active a.mainmenu-mainpage-active {
  background-color: var(--contioevent-secondary-theme-color) !important;
  transition: background-color 0.15s ease-in-out;
}
#contionevent_body .menu-background .active a.mainmenu-mainpage-active:hover {
  background-color: color-mix(
    in srgb,
    var(--contioevent-secondary-theme-color) 70%,
    #fff
  ) !important;
}
#contionevent_body .menu-background {
  background-color: var(--contioevent-page-background) !important;
}
#contionevent_body .navbar-nav .dropdown button {
  letter-spacing: initial;
  color: var(--contioevent-general-text-color);
  text-transform: none;
  transition: background-color 0.15s ease-in-out;
}
#contionevent_body .navbar-nav .dropdown button:hover,
#contionevent_body .navbar-nav .dropdown button:focus {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 12%,
    #fff
  ) !important;
}
#contionevent_body .navbar-nav .dropdown.disabled a.ui-link {
  letter-spacing: initial;
}
#contionevent_body .contioevent-footer {
  background-color: var(--contioevent-primary-theme-color);
  color: #fff;
}
#contionevent_body .contioevent-footer .btn_link {
  color: #fff !important;
}
#contionevent_body .contioevent-footer .btn_link:hover {
  text-decoration: underline;
  background: none;
}
#contionevent_body .form-control:hover {
  border: 1px solid var(--contioevent-primary-theme-color);
}
#contionevent_body .dropdown-menu > .active > a,
#contionevent_body .dropdown-menu > .active > a:hover,
#contionevent_body .dropdown-menu > .active > a:focus {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 25%,
    #fff 75%
  ) !important;
}
#contionevent_body .dropdown-tooltip:focus i,
#contionevent_body .dropdown-tooltip:hover i,
#contionevent_body .open .dropdown-tooltip i {
  color: var(--contioevent-primary-theme-color);
}
#contionevent_body .main {
  background-color: var(--contioevent-primary-theme-color);
  box-shadow: 0 0 10px inset #000;
}
#contionevent_body .main .btn {
  border-radius: var(--contioevent-border-radius-button);
}
#contionevent_body .main .btn-success {
  border-color: var(--contioevent-primary-theme-color);
  background-color: var(--contioevent-primary-theme-color);
  transition: background-color 0.2s ease-in-out;
}
#contionevent_body .main .btn-success:hover,
#contionevent_body .main .btn-success:focus {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 50%,
    #000
  );
}
#contionevent_body .main .tablediv tbody tr:hover {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 30%,
    #fff
  );
}
#contionevent_body .main #customer .ui-responsive .current_tr td,
#contionevent_body .main .current_tr td,
#contionevent_body .main .content .table_alternative_rows .current_tr td,
#contionevent_body .main .table .current_tr td,
#contionevent_body .main .ui-responsive .current_tr td,
#contionevent_body .main .ui-responsive .current_tr:nth-child(2n + 1) td,
#contionevent_body .main .current_tr:nth-child(2n + 1) td,
#contionevent_body
  .main
  .content
  .table_alternative_rows
  .current_tr:nth-child(2n + 1)
  td,
#contionevent_body .main .table .current_tr:nth-child(2n + 1) td,
#contionevent_body .main .ui-responsive .current_tr:nth-child(2n + 1) td {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 80%,
    #fff
  ) !important;
}
#contionevent_body .top-links {
  color: #fff;
}
#contionevent_body .top-links button#userMenuPrimary {
  color: #fff;
}
#contionevent_body .top-links button#userMenuPrimary:hover {
  color: color-mix(in srgb, #fff 20%, gray);
}
#contionevent_body .orderNumber {
  background-color: var(--contioevent-primary-theme-color);
  border: 4px solid
    color-mix(in srgb, var(--contioevent-primary-theme-color) 40%, #fff);
  transition:
    background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out;
}
#contionevent_body .orderNumber:hover {
  background-color: color-mix(
    in srgb,
    var(--contioevent-primary-theme-color) 80%,
    #fff
  );
}
#contionevent_body .question_row li {
  border-bottom: 1px solid var(--contioevent-primary-theme-color) !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
body {
  font-weight: 400;
}
h2.login-heading {
  color: #15143a;
}
body.body {
  background: #f4f3f9 url("images/bg.svg");
  background-attachment: fixed;
  background-size: cover;
}
.main_calendar {
  background-attachment: fixed;
  background-size: cover;
}
#searchClear.button_green {
  color: #15143a !important;
  border-radius: 0;
  border: 1px solid #15143a !important;
  background: #f8f9fb !important;
  transition: all 0.2s ease-in-out;
  min-height: 42px;
}
#searchClear.button_green:hover {
  background-color: #f8f9fb !important;
}
.button_green,
.btn_link {
  text-transform: none;
}
.btn {
  border-radius: 0.25rem;
}
#calendarSearchText,
#datepicker1,
#datepicker2,
.btn-group .multiselect {
  background-color: #f8f9fb;
}
.content-70-tapahtumavalinta h2 {
  color: #fff !important;
}
.container_ilmo {
  box-shadow: 0 0 5px 4px rgba(1, 1, 1, 0.15);
}
.legend-ilmo {
  font-weight: 800;
}
.ilmo_content h2,
.main_calendar .content-1 .ilmoituslomake_h3 {
  background: #15143a;
}
.lisakysymykset.lisakysymysdivi {
  margin-bottom: 1rem;
}
.portal_logo {
  min-height: 48px;
  box-shadow: none;
  background: transparent;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  float: left;
  background: transparent;
  max-width: 144px;
  padding: 0;
  overflow: hidden;
  margin: 0;
  margin-top: -7px;
  display: block !important;
}
.portal_logo img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .portal_logo {
    max-width: 88px !important;
  }
}
@media only screen and (max-width: 600px) {
  .portal_logo {
    max-width: 88px !important;
  }
}
#contionevent_body .main {
  box-shadow: 0 0 10px inset rgba(1, 1, 1, 0.5);
  background-image: url("images/bg.svg");
  background-repeat: repeat-y;
  background-attachment: fixed;
  background-size: cover;
  background-color: #f4f3f9;
}