@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
  font-size: 9pt;
  font-family: Roboto,Helvetica Neue,Arial,sans-serif !important;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
}
.shop_category_services.open .shop_category_toggle,
#campaign_shop_container .campaignListing a:hover h2,
#campaign_shop_container .campaignListing h2,
#campaign_shop_container .campaignListing .campaign_description,
#header_info .shopping_cart_contents .removeFromCart,
#content a,
#npvrWrapper .recordingRow.tagRow a,
#help .help-button a,
.shopping_cart_breakdown .popup_header .popup-close-icon,
#header_info .login-form div.input input,
h2 {
  color: #000;
}
.pure-g [class*="pure-u"] {
  font-family: Roboto,Helvetica Neue,Arial,sans-serif !important;
}
#vods .vodsList .action a, #watchlist .vods .action a,
#vods .vod .title a {
  color: #d3d3d3;
}
#vods .vod,
#recordings .npvrFooter,
#recordings .npvrListContainer .npvrFilter,#mainmenu .menu a
#recordings .npvrHeader,
.shop-category,
#channels-wrapper .channels .channel .channel-program-block .channel-header {
  background: #330d69;
}
header {
  background: #30327a;
  background: linear-gradient(90deg, #30327a 40%, #2eb4c2 100%);
  color: #fff;
}
#logo img {
  background: url("/img/logopalvelukeskus_whiteBackground.png");
  width: 0;
  height: 0;
  padding: 87px 240px 0px 0px;
  background-size: 240px 87px;
}
#footer-logo img {
  background: url("/img/maxivision-logo.png");
  width: 0;
  height: 0;
  padding: 44px 234px 0px 0px;
  background-size: 234px 44px;
}
#header_info .menu_box {
  border-color: #fff;
  color: #fff;
}
body > span {
  top: 18px !important;
  left: 630px !important;
}
#mainmenu {
  background: #330d69;
  color: #fff;
}
#mainmenu .menu a {
  color: #fff;
  transition: color .25s ease-in-out;
  font-size: 14pt;
}
#mainmenu .menu a:hover {
  color: #fcd42d;
  background: #330d69;
}
#mainmenu .menu.selected a {
  color: #000;
  background: #fff;
}
#header_info .npvr_breakdown_header.expanded .menu_box,
#header_info .npvr_breakdown_header .npvr_header_breakdown,
#header_info .shopping_cart .shopping_cart_breakdown,
#header_info .shopping_cart.expanded .menu_box {
  background: #fff;
  color: #000;
  border-color: #fff;
}
#header_info .npvr_breakdown_header.expanded .npvr_header_breakdown,
#header_info .shopping_cart .shopping_cart_breakdown {
  border: 0px;
  border-bottom: 8px solid #fcd42d;
}
#header_info .logout,
#header_info .logout a,
.floater .popup_header .popup-close-icon {
  color: #fff;
}
a.okButton:hover {
  background: #fcd42e;
  color: #fff;
}
a.okButton {
  background: #fff;
  color: #000000;
}
.button,
div.button,
#help .help-button a,
.actions .epg-view-buttons .cancelButton,
.actions .epg-view-buttons .button a,
.actions .epg-view-buttons .cancelButton a,
#floater-proginfo .epg-view-buttons .button,
#floater-proginfo .epg-view-buttons .epg-npvr-record-btn .button,
#floater-proginfo .epg-view-buttons.npvrRecordingRule .button,
#content .program-search input[type=submit],
#guide .guide-toolbar .search .submit,
#npvrWrapper .recordingRow .recordingCol .removeRecording,
.submit input,
.submit .cancelButton, .cancelButton,
#floater-prodinfo .view_vod .action a,
#floater-prodinfo .view_vod .action a:hover,
#npvrWrapper .recordingRow .recordingCol .deleteRule,
#npvrWrapper .recordingRow .recordingCol .deleteRule:hover,
#npvrWrapper .recordingRow .recordingCol .removeRecording:hover,
#header_info .login-form #idSubmitOk,
#credentials .login-form #idSubmitOk,
#registerSubmitOk,
#header_info .shopping_cart .shopping_cart_breakdown .checkout_cart .okButton {
  background: #fcd42e;
  color: #000000 !important;
  border: 0;
  padding: 7px 9px;
  border-radius: 3px;
  height: auto;
  line-height: 1.2;
  font-family: inherit;
  font-size: 9pt;
  font-weight: 400;
  text-decoration: none;
}
div.button a,
#floater-proginfo .epg-view-buttons .button a {
  color: inherit !important;
  height: auto;
  line-height: inherit;
  padding: 0;
  font-size: inherit;
}
#floater-proginfo .actions .cancelButtonContainer .cancelButton {
  max-width: inherit;
}
footer {
  background: #30327a;
  background: linear-gradient(90deg, #30327a 40%, #2eb4c2 100%);
  color: #fff;
}
a,
#footer-text a {
  color: #fff;
  text-decoration: underline;
}
.floater .floater_content h2 {
  color: inherit;
  padding: 10px 0px;
}
.floater_content a {
  color: inherit;
}
.floater_content a:hover {
  color: #fcd42d;
}
.login-form .login-title,
.dark_left,
.dark_center,
.dark_right,
.shopping_cart_breakdown .popup_header .popup-close-icon:hover,
.floater .popup_header .popup-close-icon:hover,
#header_info .shopping_cart_contents .removeFromCart:hover,
#header_info .logout a:hover,
a:hover,
#npvrWrapper .recordingRow.tagRow a:hover,
#content a:hover,
#footer-text a:hover,
#recordings .npvrHeader a:hover,
#header_info .npvr_breakdown_header .npvr_main_header {
  color: #fcd42d;
}
input[type="submit"] {
  font-family: inherit;
}
.floater .popup_header,
#floater-chpack h5, #floater-chpack a.blockselect:hover h5 {
  background-color: #330d69;
}
#floater-help {
  border-color: #330d69;
}
#floater-prodinfo .footer,
#floater-proginfo .actions,
#floater-rule .footer,
#submenu .sub-navigation-menu {
  background: #EDEDED;
  border: 0;
}
#submenu .sub-navigation-menu li a {
  color: #000;
  transition: color .25s ease-in-out;
}
#submenu .sub-navigation-menu li a:hover {
  color: #fcd42d;
  background: #EDEDED;
}
#submenu .sub-navigation-menu li.selected a,
#submenu .sub-navigation-menu li.selected.highlight a,
#submenu .sub-navigation-menu li.selected a:hover {
  color: #000;
  background: transparent;
}
#submenu .sub-navigation-menu {
  border-bottom-color: #fff;
}
#submenu .sub-navigation-menu li.highlight a:hover {
  background: #30C9CD;
  color: #fcd42d;
}
#npvr-bar,
#campaign_shop_container .campaignListing a:nth-child(2n+1) .campaignListItem,
#submenu .sub-navigation-menu li.highlight {
  background: #30C9CD;
}
#submenu .sub-navigation-menu li.selected.highlight a:hover,
#submenu .sub-navigation-menu li.selected.highlight {
  background: #fff;
  color: #000;
}
input,
#guide .guide-toolbar .search input {
  border: 1px solid #cccccc;
  height: 30px;
  border-radius: 3px;
  padding: 1px 6px;
}
.list_table tr,
#header_info .shopping_cart .shopping_cart_contents .item-row:nth-child(2n+1),
#header_info .npvr_breakdown_header tbody tr:nth-child(2n+1),
.shop_tab_content,
.list_table .pure-g,
#ordered-channels .list_table .own_box,
.shop_tab_content .shop_category_services .shop-item-box:nth-child(2n),
.shop_tab_container .shop_tab.active,
#channels-wrapper .channels .channel .channel-program-block.odd {
  background: #EDEDED;
}
th {
  font-weight: 600;
}
#header_info .npvr_header_breakdown th {
  font-size: 0.97rem;
}
.highlight {
  color: #30C9CD;
}
#recordings .npvrHeading,
#recordings .npvrHeading:hover,
#recordings .npvrTab:hover,
#recordings .npvrTabRec_selected:hover,
#recordings .npvrTabRec_selected {
  background: #330d69;
  color: #fff;
  border-right: 1px solid #EDEDED;
}
#recordings .npvrHeading a,
#recordings .npvrHeading:hover a,
#recordings .npvrTab:hover a,
#recordings .npvrTabRec_selected:hover a,
#recordings .npvrTabRec_selected a,
.shop-category h2,
.shop-content-in-sections .shop_category_services.open .shop_category_toggle,
#recordings .npvrHeader a {
  color: #fff;
}
#searchTitle {
  background: #fff;
  border: 1px solid transparent;
}
#recordings .npvrFooterTab #showRecordingsCount #recordingCount,
#recordings .npvrListContainer .npvrFilter select {
  height: auto;
  top: 0;
}
#content h2.watchlist-toggle,
#content h2.watchlist-toggle::after,
#content #vods .vodsList h2,
#content #vods .vodsList h2::after,
#content button.accordion::after,
.shop-content-in-sections .shop_tab_content .shop_category_toggle,
#content button.accordion {
  color: #fff;
  background: #330d69;
}
#content #vods .vodsList h2:hover,
#content #vods .vodsList h2:hover:after,
#content #vods .vodsList h2.open,
#content #vods .vodsList h2.open::after,
#content h2.watchlist-toggle:hover,
#content h2.watchlist-toggle:hover:after,
#content h2.watchlist-toggle.open,
#content h2.watchlist-toggle.open::after,
#content button.accordion:hover,
#content button.accordion:hover:after,
#content button.accordion.is-open,
#content button.accordion.is-open::after {
  background: #330d69;
  color: #fcd42d;
}
.table-header h2,
.shop_tab_container .shop_tab.active .shop_tab_title,
.list_table .dark,
.dark_center,
.dark_right,
.dark_left,
.list_table .dark_center,
.list_table .dark_right,
.list_table .dark_left,
.list_table th h2 {
  background: #330d69;
  color: #fff;
}
#content #watchlist h2 {
  padding: 5px 12px;
  line-height: 30px;
}
#content #vods .sort-options .sort-link {
  padding: 1px 8px;
  border-radius: 5px;
  background: #696969;
}
#content #vods .sort-options .sort-link.selected {
  background: #FCD42D;
  color: #000;
}
#floater-prodinfo .view_vod .action a {
  display: inline-block;
}
#floater-prodinfo .footer {
  text-align: right;
  padding-right: 10px;
}
#campaign_shop_container .campaignListing a:nth-child(2n) .campaignListItem {
  background: #FCD42D;
}
#ordered-channels .list_table div h2 {
  color: #fff;
}
.shop_tab_container .shop_tab_title,
h1 {
  font-size: 12pt;
}
h2,
.floater .popup_header h2 {
  font-size: 11pt;
}
.shop_category_services.open .shop_category_toggle {
  font-size: 10pt;
}
#content .search-result td.progname span.text,
#footer-text p,
#channels-wrapper .channels .channel .program-block p {
  font-size: 9pt;
}
.login-form .element-login-form a {
  color: inherit;
}
@media (max-width: 550px) {
  .login-form > form.element-login-form {
    width: 100%;
  }
}
@media (min-width: 551px) {
  .login-form > form.element-login-form {
    width: 525px;
  }
}
.login-form > form > div.forgot-password,
.login-form > form > div.input {
  width: 197px;
}
.login-form > form > div.checkbox > input {
    margin-top: 0;
}
.login-form form.element-login-form label {
  margin-bottom: 0;
  font-weight: inherit;
}
.login-form form.element-login-form div.submit #idSubmitOk {
  padding: 7px 0;
  margin-top: 16px;
}
.shop_category_services.open .shop_category_toggle {
  font-weight: normal;
}
#guide .guide-toolbar .toolbar .search {
  text-align: left;
  margin-top: 10px;
}
#help {
  text-align: right;
}
#help .help-button {
  margin-left: 10px;
  margin-right: 0;
  padding: 0;
}
#help .help-button:first-child {
  margin-right: 0;
}
#help .help-button a {
  display: inline-block;
}
a#help {
  margin-top: 0;
}
#credentials .login-form .checkbox {
  margin-top: 0;
}
#credentials .login-form .checkbox label {
  padding-left: 0px;
}
#credentials .login-form .checkbox input[type="checkbox"] {
  position: static;
  margin: 0px;
}
@media (max-width: 50.5625em) { /* 809px */
   #topbar_wrapper .main-navigation-container {
    position: fixed;
    top: 8rem;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: linear-gradient(90deg, #30327a 40%, #2eb4c2 100%);
    display: none;
    margin-top: 0;
  }

  #mainmenu li:first-child {
    border-top: 1px solid #31a3b8;
  }

  #mainmenu li {
    border-bottom: 1px solid #31a3b8;
  }
}

@media (max-width: 31.0625em) { /* 497px */
  #topbar_wrapper .main-navigation-container {
    top: 6.5rem;
  }
}

#cookieBanner {
  background: #30327a;
}
#cookieBanner a {
  color: #fff;
}
#cookieBanner .btn {
  background: #fcd42e;
  color: #000;
  border-radius: 3px;
}
#submenu .sub-navigation-menu li a {
  font-size: 13pt;
}

body .introjs-helperNumberLayer {
  background: #330d69;
}
.introjs-tooltipbuttons a:focus,
.introjs-tooltipbuttons a:active,
.introjs-tooltipbuttons a {
  background: #fcd42e;
}
.introjs-tooltipbuttons a:hover {
  background: #fcd42e;
}