@charset "UTF-8";
@use "sass:math" as *;
/**
 * Clay 3.102.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
@use "sass:math" as *;
/**
 * Clay 3.102.0
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
.quick-access-nav {
  position: fixed;
  z-index: 999; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto; }

.lfr-asset-column-details .lfr-asset-categories {
  color: #7d7d7d; }
  .lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
    color: #555; }

.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  margin: 0.5em auto 2em;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none; }

.lfr-asset-column-details .lfr-asset-icon {
  border-right: 1px solid transparent;
  color: #999;
  float: left;
  line-height: 1em;
  margin-right: 10px;
  padding-right: 10px; }
  .lfr-asset-column-details .lfr-asset-icon.last {
    border-width: 0; }

.lfr-asset-column-details .lfr-asset-tags {
  color: #7d7d7d; }
  .lfr-asset-column-details .lfr-asset-tags .tag {
    color: #555; }

.lfr-asset-column-details .lfr-asset-metadata {
  clear: both;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em; }

.lfr-asset-column-details .lfr-panel {
  clear: both;
  margin-bottom: 0.2em; }
  .lfr-asset-column-details .lfr-panel.lfr-extended {
    border: 1px solid #ccc;
    margin-bottom: 0; }

.lfr-asset-column-details .taglib-custom-attributes-list label,
.lfr-asset-column-details .lfr-asset-field label {
  display: block; }

.lfr-asset-column-details .taglib-custom-attributes-list {
  margin-bottom: 1em; }

.overlay {
  position: absolute; }

.overlay-hidden,
.overlaymask-hidden {
  display: none; }

.lfr-form-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 1px 5px 25px;
  position: relative; }
  .lfr-form-row:after {
    clear: both;
    content: '';
    display: block;
    height: 0; }
  .lfr-form-row:hover {
    border: solid #ccc;
    border-width: 1px 0;
    padding-top: 0; }
  .lfr-form-row.lfr-form-row-inline .form-group {
    margin-right: 5px; }
  .lfr-form-row legend .field-label {
    float: left;
    margin-right: 10px; }
  .lfr-form-row .handle-sort-vertical {
    background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%;
    cursor: move;
    padding-left: 20px; }
  .lfr-form-row fieldset {
    border-width: 0;
    margin: 0;
    padding: 0; }

.lfr-autorow-controls {
  bottom: 5px;
  position: absolute;
  right: 5px; }

.datepicker-popover-content .popover-content {
  padding: 0.75rem 1rem; }

.dropdown.open > .dropdown-menu,
.overlay-content .open > .dropdown-menu {
  display: block; }

.form-control-inline {
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 700; }
  .form-control-inline:not(:hover) {
    border-color: transparent; }
  .form-control-inline::placeholder {
    color: #a7a9bc;
    font-style: italic; }

.form-search .input-group {
  position: relative; }
  .form-search .input-group.advanced-search .search-query {
    padding-left: 40px;
    z-index: 0; }
  .form-search .input-group.advanced-search .toggle-advanced {
    cursor: pointer;
    left: 0;
    line-height: 1;
    padding: 8px 10px;
    position: absolute;
    top: 0; }
    .form-search .input-group.advanced-search .toggle-advanced .caret {
      margin-top: 7px; }
    .form-search .input-group.advanced-search .toggle-advanced .icon-search {
      font-size: 14px; }
  @media (max-width: 991.98px) {
    .form-search .input-group {
      width: 100%; }
      .form-search .input-group .btn {
        clip: rect(0, 0, 0, 0);
        left: -9999px;
        position: absolute; }
      .form-search .input-group input.search-query {
        width: 100%; } }

.lfr-table {
  border-collapse: collapse;
  clear: both; }
  .lfr-table > tbody > tr > td,
  .lfr-table > tbody > tr > th,
  .lfr-table > thead > tr > td,
  .lfr-table > thead > tr > th,
  .lfr-table > tfoot > tr > td,
  .lfr-table > tfoot > tr > th {
    padding: 0 5px;
    overflow-wrap: break-all;
    word-wrap: break-all; }
    .lfr-table > tbody > tr > td:first-child, .lfr-table > tbody > tr > td.first-child,
    .lfr-table > tbody > tr > th:first-child,
    .lfr-table > tbody > tr > th.first-child,
    .lfr-table > thead > tr > td:first-child,
    .lfr-table > thead > tr > td.first-child,
    .lfr-table > thead > tr > th:first-child,
    .lfr-table > thead > tr > th.first-child,
    .lfr-table > tfoot > tr > td:first-child,
    .lfr-table > tfoot > tr > td.first-child,
    .lfr-table > tfoot > tr > th:first-child,
    .lfr-table > tfoot > tr > th.first-child {
      padding-left: 0; }
    .lfr-table > tbody > tr > td:last-child, .lfr-table > tbody > tr > td.last-child,
    .lfr-table > tbody > tr > th:last-child,
    .lfr-table > tbody > tr > th.last-child,
    .lfr-table > thead > tr > td:last-child,
    .lfr-table > thead > tr > td.last-child,
    .lfr-table > thead > tr > th:last-child,
    .lfr-table > thead > tr > th.last-child,
    .lfr-table > tfoot > tr > td:last-child,
    .lfr-table > tfoot > tr > td.last-child,
    .lfr-table > tfoot > tr > th:last-child,
    .lfr-table > tfoot > tr > th.last-child {
      padding-right: 0; }
  .lfr-table > tbody > tr > th,
  .lfr-table > thead > tr > th,
  .lfr-table > tfoot > tr > th {
    font-weight: bold; }

.lfr-pagination:after {
  clear: both;
  content: '';
  display: block;
  height: 0;
  visibility: hidden; }

.lfr-pagination .dropdown-menu {
  display: none; }

.lfr-pagination .dropdown-toggle .icon-caret-down {
  margin-left: 5px; }

.lfr-pagination .lfr-pagination-controls {
  float: left; }
  .lfr-pagination .lfr-pagination-controls .search-results {
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
    top: 10px; }
  .lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
    border-width: 0;
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 3px 20px;
    text-align: left;
    white-space: nowrap;
    width: 100%; }

.lfr-pagination .lfr-pagination-delta-selector {
  float: left; }
  @media (max-width: 991.98px) {
    .lfr-pagination .lfr-pagination-delta-selector .lfr-icon-menu-text {
      display: none; } }

.lfr-pagination .pagination-content {
  float: right; }

.lfr-panel.lfr-extended {
  border: 1px solid transparent;
  border-color: #dedede #bfbfbf #bfbfbf #dedede; }
  .lfr-panel.lfr-extended.lfr-collapsible .lfr-panel-button {
    display: block; }
  .lfr-panel.lfr-extended.lfr-collapsed .lfr-panel-titlebar {
    border-bottom-width: 0; }

.lfr-panel.panel-default .panel-heading {
  border-bottom-width: 0; }

.lfr-panel .toggler-header {
  cursor: pointer; }

.sidebar-sm .sheet-subtitle {
  font-size: 0.75rem;
  margin-bottom: 1rem; }

.sidebar-sm .form-control[type='file'] {
  padding: 0; }

.sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control {
  min-height: auto;
  padding: 0.285rem 0.75rem; }

.sidebar-sm .list-group-item-flex {
  padding: 0.5rem 0.25rem; }
  .sidebar-sm .list-group-item-flex .autofit-col {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }

.lfr-translation-manager {
  border-radius: 4px;
  display: inline-block;
  margin-top: 0.5em;
  min-height: 1.8em; }
  .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-default-locale {
    display: inline-block;
    width: auto; }
  .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu {
    float: none;
    padding: 0.4em 0; }
    .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li,
    .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li strong {
      display: inline; }
  .lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-translations-message {
    margin: 10px 0; }
  .lfr-translation-manager .lfr-translation-manager-available-translations {
    white-space: normal; }
    .lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
      line-height: 1; }
  .lfr-translation-manager .lfr-translation-manager-translation {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    margin: 0.2em;
    padding: 0.4em 0.3em 0.4em 0.5em;
    text-decoration: none; }
    .lfr-translation-manager .lfr-translation-manager-translation * {
      vertical-align: middle; }
    .lfr-translation-manager .lfr-translation-manager-translation img {
      margin-right: 0.3em; }
    .lfr-translation-manager .lfr-translation-manager-translation:hover {
      background-color: #d1e5ef; }
    .lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
      background-color: #598bec;
      border-color: #224fa8;
      color: #fff; }
  .lfr-translation-manager .lfr-translation-manager-change-default-locale {
    margin: 0 0.4em; }
  .lfr-translation-manager .lfr-translation-manager-delete-translation {
    display: inline-block;
    padding: 0 2px; }
    .lfr-translation-manager .lfr-translation-manager-delete-translation svg {
      pointer-events: none; }

.lfr-tree a {
  text-decoration: none; }

.lfr-tree li {
  margin-bottom: 2px;
  padding-left: 0; }
  .lfr-tree li ul li, .lfr-tree li.tree-item {
    padding-left: 0; }
  .lfr-tree li.tree-item {
    padding-left: 5px; }
    .lfr-tree li.tree-item li {
      padding-left: 20px; }
    .lfr-tree li.tree-item ul {
      margin-left: 0;
      margin-top: 5px; }

.lfr-upload-container {
  margin-bottom: 1rem; }
  .lfr-upload-container .upload-target {
    border: 3px dashed #e7e7ed;
    margin-bottom: 1rem;
    min-height: 2rem;
    padding: 2rem 0;
    position: relative;
    text-align: center; }
    .upload-drop-intent .lfr-upload-container .upload-target {
      z-index: 100; }
    .upload-drop-active .lfr-upload-container .upload-target {
      background-color: #edf9f0;
      border-color: #5aca75; }
    .lfr-upload-container .upload-target .drop-file-text {
      font-weight: normal; }
      .mobile .lfr-upload-container .upload-target .drop-file-text {
        display: none; }
    .lfr-upload-container .upload-target .small {
      display: block;
      margin: 5px 0;
      text-transform: lowercase; }
  .lfr-upload-container .manage-upload-target {
    padding-top: 5px;
    position: relative; }
    .lfr-upload-container .manage-upload-target .select-files {
      float: left;
      line-height: 0;
      margin: 0 1.125rem 1.125rem;
      padding: 0 0 0 5px; }
  .lfr-upload-container .cancel-uploads,
  .lfr-upload-container .clear-uploads {
    background-repeat: no-repeat;
    float: right; }
  .lfr-upload-container .cancel-uploads {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEX////4YWP/dXjyS07/dXj9bXD6a234YWP4XWD2WVv2VFfsOTzoLzHmKSvkISP2VFf0TE/vREftPT/iHB72WVvvREf0TE//hon/gYX/fYD/e33/dXj/cXP9bXD/a236a23/Zmb4YWP4XWD/Wl32WVv/VVj2VFf3VFb0TE/yS072SUvvREfuQELtPT/sOTzrMzXoLzHnLC/mKSvkISPh2jkWAAAAF3RSTlMAESIiMzMzMzMzMzMzMzNERERERHd3qtw8lzkAAACOSURBVHjaZcjZDsIgEIXhcd+tu5YBKUixttS6vP+7OQKJTfxvTr4D7Tpxu/2w410SjDjwVvLQ805TPiRryfQeKM6OTI68K/BJPHGlJZJjSqSMofEOGXbJecsTgzkds58V5+J8refBU7Jx9yIrmkW0sA6gqbLyuaRjZZWtgXq58rEFan0jf3uTfRuIkf/7AO8DDcVPSSG3AAAAAElFTkSuQmCC);
    margin-right: 0; }
  .lfr-upload-container .clear-uploads {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEX///+6QwTEVx65RQPEVx3EWB64RQPDVxq5RAO5RAO5RQPATQ65RQO5RQO5RQPRczjJZCW9TQTLay28QgTdZAHhaAPmdyHqeQXrikDudgDvfxj0nWP1qHL2tY33tY34dgD+za7+1rj/dxH/fxj/hiH/kk3///9TM3sUAAAAFHRSTlMAbXd4eHh6gN3e3+Hi4+T5+/z8/mIsq5IAAABHSURBVBjTY2CgGWDlFuZhRuIz8cspyggxIgQ4ZFWVVCQ4EQLCCmpqalLCCAFeaWV5SVE+hAC7gJi4iCAbkqksXMK8bNRzNADCOQN++eLhCQAAAABJRU5ErkJggg==);
    padding-left: 16px; }
  .lfr-upload-container .upload-file.upload-complete.file-saved {
    padding-left: 25px; }
  .lfr-upload-container .upload-file .file-title {
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    padding-right: 16px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap; }
  .lfr-upload-container .upload-file .icon-file {
    font-size: 40px; }
  .lfr-upload-container .upload-list-info {
    margin: 1em 0 0.5em; }
    .lfr-upload-container .upload-list-info h4 {
      font-size: 1.3em; }
  .lfr-upload-container .cancel-button {
    color: #6b6c7e;
    margin-top: 1px;
    position: absolute;
    right: 5px;
    top: 50%;
    white-space: nowrap; }
    .lfr-upload-container .cancel-button .cancel-button-text {
      display: none;
      margin-left: 5px; }
    .lfr-upload-container .cancel-button:hover .cancel-button-text {
      display: inline; }
    .lfr-upload-container .cancel-button .lexicon-icon {
      height: 12px; }
  .lfr-upload-container .delete-button {
    color: #6b6c7e; }
  .lfr-upload-container .delete-button-col {
    padding-right: 10px; }
  .lfr-upload-container .file-added .success-message {
    float: right;
    font-weight: normal; }
  .lfr-upload-container .upload-error {
    opacity: 1;
    padding-left: 25px; }
  .lfr-upload-container .upload-complete .cancel-button,
  .lfr-upload-container .delete-button,
  .lfr-upload-container .upload-complete.file-saved .delete-button,
  .lfr-upload-container .upload-complete.upload-error .delete-button {
    display: none; }
  .lfr-upload-container .multiple-files .upload-error {
    background: #feefef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=) no-repeat 5px 5px;
    border-color: #ab1010;
    color: #ab1010;
    font-weight: normal;
    margin-bottom: 16px;
    padding: 8px 8px 8px 24px; }
    .lfr-upload-container .multiple-files .upload-error .error-message {
      display: block; }
  .lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .card-body,
  .lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .card-body {
    padding-left: 1rem; }
  .lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .custom-control-label,
  .lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .custom-control-label {
    display: none; }
  .lfr-upload-container .single-file .upload-error {
    list-style: none;
    margin-top: 1em; }
    .lfr-upload-container .single-file .upload-error .upload-error-message {
      margin-bottom: 0.5em; }
  .lfr-upload-container .upload-complete {
    padding-left: 5px; }
    .lfr-upload-container .upload-complete .error-message,
    .lfr-upload-container .upload-complete .success-message {
      font-weight: bold;
      margin-left: 1em; }
    .lfr-upload-container .upload-complete .delete-button {
      display: inline-block; }
    .lfr-upload-container .upload-complete .select-file:disabled + .custom-control-label {
      display: none; }
  .lfr-upload-container .progress {
    display: none;
    margin-top: 0.5rem; }
  .lfr-upload-container .file-uploading .progress {
    display: flex; }

.lfr-alert-container {
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  width: 100%;
  z-index: 430; }
  .lfr-alert-container.inline-alert-container {
    position: relative; }
    .lfr-alert-container.inline-alert-container .lfr-alert-wrapper {
      padding: 0; }
  .lfr-alert-container .lfr-alert-wrapper {
    margin-bottom: 5px;
    overflow: hidden; }

.lfr-search-container td .overlay.entry-action {
  position: static; }
  .lfr-search-container td .overlay.entry-action .btn a {
    display: block;
    padding: 4px 12px; }

.contextual-sidebar {
  height: calc( 100vh - var(--control-menu-container-height) - 49px);
  pointer-events: none;
  position: fixed;
  right: 0;
  top: calc(var(--control-menu-container-height) + 49px);
  transform: translateX(100%);
  transition: transform ease 0.5s;
  visibility: hidden;
  width: 320px;
  will-change: transform; }
  .contextual-sidebar.contextual-sidebar-visible {
    pointer-events: auto;
    transform: translateX(0);
    visibility: visible; }

@media (min-width: 768px) {
  .contextual-sidebar {
    height: calc( 100vh - var(--control-menu-container-height) - 64px);
    top: calc( var(--control-menu-container-height) + 64px); }
  .contextual-sidebar-content {
    transition: padding ease 0.5s;
    will-change: padding; }
  .contextual-sidebar-visible .contextual-sidebar-content,
  .contextual-sidebar-visible + .contextual-sidebar-content {
    padding-right: 320px; } }

.taglib-diff-html div.diff-removed-image {
  background: #fdc6c6 url(../images/diff/minus.png); }

.taglib-diff-html div.diff-added-image {
  background: #cfc url(../images/diff/plus.png) no-repeat; }

.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  height: 300px;
  margin: 2px;
  opacity: 0.55;
  position: absolute;
  width: 200px; }

.taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em; }
  .taglib-diff-html span.diff-html-added img {
    border: 2px solid #cfc; }

.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x; }
  .taglib-diff-html span.diff-html-changed img {
    border: 2px dotted #009; }

.taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: line-through; }
  .taglib-diff-html span.diff-html-removed img {
    border: 2px solid #fdc6c6; }

.taglib-discussion {
  font-size: 0.875rem;
  margin-top: 1rem; }
  .taglib-discussion .actions-menu .component-action {
    display: inline-flex; }
  .taglib-discussion .button-holder {
    margin: 1rem 0; }
  .taglib-discussion .comment-container {
    margin-bottom: 1.5rem; }
  .taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
    border-left-color: #dbdde1; }
  .taglib-discussion .lfr-discussion-body {
    font-size: 1rem; }
    @media (min-width: 576px) {
      .taglib-discussion .lfr-discussion-body {
        padding-left: 3.5rem; } }
  @media (min-width: 576px) {
    .taglib-discussion .lfr-discussion-details .taglib-user-display {
      word-wrap: break-word; } }
  .taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
    font-weight: bold;
    text-decoration: none; }
    .taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
      text-decoration: underline; }
  .taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
    background-size: 50px; }
  .taglib-discussion .lfr-discussion-container {
    border-bottom: 1px solid #e7e7ed;
    margin-bottom: 1.5rem; }
    .taglib-discussion .lfr-discussion-container:first-of-type {
      border-top: 1px solid #e7e7ed;
      padding-top: 1.5rem; }
    .taglib-discussion .lfr-discussion-container:last-of-type {
      border-bottom: 0; }
    .taglib-discussion .lfr-discussion-container .lfr-discussion {
      padding-left: 1rem; }
      .taglib-discussion .lfr-discussion-container .lfr-discussion .lfr-discussion .lfr-discussion .lfr-discussion {
        padding-left: 0; }
      @media (min-width: 576px) {
        .taglib-discussion .lfr-discussion-container .lfr-discussion {
          padding-left: 3.5rem; } }
  .taglib-discussion .lfr-discussion-parent-link {
    color: #67678c;
    font-weight: 600;
    margin-left: 1em; }
    @media (max-width: 767.98px) {
      .taglib-discussion .lfr-discussion-parent-link {
        display: block;
        margin-left: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; } }
  .taglib-discussion .lfr-discussion-controls .autofit-col:first-of-type > .btn-outline-borderless {
    margin-left: -0.75rem; }
  .taglib-discussion .lfr-discussion-more-comments {
    border-top: 1px solid #e7e7ed;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    text-align: center; }
  .taglib-discussion .username {
    color: #272833;
    font-weight: 600; }
  .taglib-discussion .taglib-workflow-status {
    margin-left: 0.5rem; }
  .taglib-discussion .workflow-value {
    text-transform: uppercase; }
  @media (min-width: 576px) {
    .taglib-discussion .actions-menu {
      display: none; }
    .taglib-discussion .comment-container:hover .actions-menu,
    .taglib-discussion .actions-menu:focus,
    .taglib-discussion .actions-menu.open {
      display: inline-block; } }

.drop-zone {
  min-height: 80px;
  padding: 20px;
  text-align: center; }
  .drop-zone.drop-enabled {
    outline: 2px dashed transparent; }
    .drop-zone.drop-enabled:not(.no-border) {
      outline-color: rgba(176, 180, 187, 0.5); }
  .drop-zone p {
    margin: 10px auto 0;
    max-width: 75%; }

.drop-here-info {
  font-size: 25px;
  height: 100%;
  left: 0;
  min-height: 100px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
  transition: all 0.2s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .drop-here-info {
      transition: none; } }
  .drop-here-info {
    transition: none; }
  .drop-here-info .drop-here-indicator {
    height: 115px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%); }
  .drop-here-info .drop-icons {
    display: inline-block;
    position: relative;
    width: 160px;
    transition: all 0.2s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .drop-here-info .drop-icons {
        transition: none; } }
    .drop-here-info .drop-icons {
      transition: none; }
    .drop-here-info .drop-icons span {
      border-radius: 3px;
      position: absolute;
      text-align: center;
      transition: all 0.3s ease-in-out; }
      @media (prefers-reduced-motion: reduce) {
        .drop-here-info .drop-icons span {
          transition: none; } }
      .drop-here-info .drop-icons span {
        transition: none; }
      .drop-here-info .drop-icons span:nth-of-type(1) {
        box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
        height: 60px;
        left: 0;
        line-height: 60px;
        opacity: 0;
        top: 10px;
        transform: rotate(25deg);
        width: 60px; }
      .drop-here-info .drop-icons span:nth-of-type(2) {
        background: #00c2ff;
        color: #fff;
        height: 80px;
        left: 40px;
        line-height: 80px;
        width: 80px;
        z-index: 2; }
      .drop-here-info .drop-icons span:nth-of-type(3) {
        box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
        display: block;
        font-size: 45px;
        height: 70px;
        left: 90px;
        line-height: 70px;
        opacity: 0;
        position: relative;
        top: 8px;
        transform: rotate(-25deg);
        width: 70px;
        z-index: 1; }
      .drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) {
        background: #e8e6e8;
        color: #a5a6ac; }
  .drop-here-info .drop-text {
    color: #fff;
    display: block;
    font-size: 20px;
    margin-left: 0;
    margin-top: 20px; }
  .drop-active .drop-here-info {
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    visibility: visible;
    z-index: 100; }
    .drop-active .drop-here-info .drop-icons span:nth-of-type(1), .drop-active .drop-here-info .drop-icons span:nth-of-type(3) {
      opacity: 1; }
    .drop-active .drop-here-info span:nth-of-type(1) {
      transform: rotate(-20deg); }
    .drop-active .drop-here-info span:nth-of-type(2) {
      transform: scale(1); }
    .drop-active .drop-here-info span:nth-of-type(3) {
      transform: rotate(15deg); }

.taglib-empty-result-message.sheet {
  margin-bottom: 24px; }

.taglib-empty-result-message .taglib-empty-result-message-description {
  color: #6b6c7e;
  margin-top: 8px; }

.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn,
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto; }

.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  max-width: 200px;
  padding-top: 250px; }

.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(../images/states/empty_state.svg); }
  @media (prefers-reduced-motion: reduce) {
    .taglib-empty-result-message .taglib-empty-result-message-header,
    .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
      background-image: url(../images/states/empty_state_reduced_motion.svg); } }
  .c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-result-message-header, .c-prefers-reduced-motion
  .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
    background-image: url(../images/states/empty_state_reduced_motion.svg); }

.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(../images/states/search_state.svg);
  max-width: 210px;
  padding-top: 232px; }
  @media (prefers-reduced-motion: reduce) {
    .taglib-empty-result-message .taglib-empty-search-result-message-header {
      background-image: url(../images/states/search_state_reduced_motion.svg); } }
  .c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-search-result-message-header {
    background-image: url(../images/states/search_state_reduced_motion.svg); }

.taglib-empty-result-message .taglib-empty-state {
  background-image: url(../images/states/empty_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px; }
  @media (prefers-reduced-motion: reduce) {
    .taglib-empty-result-message .taglib-empty-state {
      background-image: url(../images/states/empty_state_reduced_motion.svg); } }
  .c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-state {
    background-image: url(../images/states/empty_state_reduced_motion.svg); }

.taglib-empty-result-message .taglib-success-state {
  background-image: url(../images/states/success_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px; }
  @media (prefers-reduced-motion: reduce) {
    .taglib-empty-result-message .taglib-success-state {
      background-image: url(../images/states/success_state_reduced_motion.svg); } }
  .c-prefers-reduced-motion .taglib-empty-result-message .taglib-success-state {
    background-image: url(../images/states/success_state_reduced_motion.svg); }

.taglib-empty-result-message .taglib-search-state {
  background-image: url(../images/states/search_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px; }
  @media (prefers-reduced-motion: reduce) {
    .taglib-empty-result-message .taglib-search-state {
      background-image: url(../images/states/search_state_reduced_motion.svg); } }
  .c-prefers-reduced-motion .taglib-empty-result-message .taglib-search-state {
    background-image: url(../images/states/search_state_reduced_motion.svg); }

.taglib-empty-result-message .taglib-empty-result-message-title {
  font-size: 1rem;
  margin-top: 48px; }

.taglib-empty-result-message .taglib-empty-result-message-description {
  font-size: 0.875rem; }

.taglib-empty-result-message .taglib-empty-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-search-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-success-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-search-state + .taglib-empty-result-message-title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center; }

.taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-actions {
  font-size: 1rem;
  text-align: center; }

.field-wrapper.form-inline .control-label {
  display: inline-block; }

.field-wrapper-html .input-localized .input-group-item {
  flex-wrap: nowrap; }

.taglib-header {
  border-bottom: 1px solid #c8c9ca;
  color: #555;
  margin-bottom: 1em;
  padding-bottom: 10px; }
  .taglib-header .header-title {
    display: inline-block;
    margin: 0.1em;
    max-width: 100%;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    word-wrap: normal; }
  .taglib-header .header-back-to {
    display: inline-block;
    vertical-align: middle; }
    .taglib-header .header-back-to a {
      display: block;
      font-weight: bold;
      padding: 0 0.3em 0 0;
      text-decoration: none; }

.taglib-icon {
  text-decoration: none; }
  .taglib-icon:not(.btn):hover .taglib-text, .taglib-icon:not(.btn):focus .taglib-text {
    text-decoration: underline; }
  .taglib-icon[lang] > img {
    vertical-align: baseline;
    width: 16px; }

.taglib-icon-help {
  color: #6b6c7e !important; }
  .taglib-icon-help:hover, .taglib-icon-help:active {
    color: #272833 !important; }

.icon-monospaced {
  color: inherit;
  display: inline-block;
  height: 2rem;
  line-height: 34px;
  text-align: center;
  width: 2rem; }
  .icon-monospaced.lexicon-icon {
    padding: 8px; }

.taglib-icon-list li {
  float: left;
  margin-right: 1em; }

.taglib-icon-list:after {
  clear: both;
  content: '';
  display: block;
  height: 0;
  visibility: hidden; }

.lfr-icon-menu .lfr-icon-menu-icon {
  max-width: none; }

@media (max-width: 767.98px) {
  .table-cell.last .lfr-icon-menu .dropdown-toggle {
    text-align: center; }
    .table-cell.last .lfr-icon-menu .dropdown-toggle > img,
    .table-cell.last .lfr-icon-menu .dropdown-toggle .lfr-icon-menu-text {
      display: none; } }

.lfr-menu-list {
  float: none;
  overflow-y: auto;
  position: relative; }
  .lfr-menu-list.direction-right {
    margin: 0 2px; }
  .lfr-menu-list.dropdown-menu {
    float: none;
    position: relative; }
    @media (max-width: 991.98px) {
      .lfr-menu-list.dropdown-menu > li > a {
        font-size: 22px;
        line-height: 40px;
        white-space: normal; }
        .lfr-menu-list.dropdown-menu > li > a img {
          margin-bottom: 3px; } }
    .lfr-menu-list.dropdown-menu .search-panel {
      margin-bottom: 0; }
      .lfr-menu-list.dropdown-menu .search-panel .form-group {
        margin: 0 16px; }
      .lfr-menu-list.dropdown-menu .search-panel .menu-item-filter {
        width: auto; }
  body > .lfr-menu-list ul {
    border-radius: 4px; }

.lfr-icon-menu-open:after {
  clear: both;
  content: '';
  display: table; }

.lfr-icon-menu-open .dropdown-menu {
  position: static; }

.input-localized.input-localized-editor .form-control {
  border-width: 0;
  height: 100%;
  padding: 0; }

.input-localized .input-group-item {
  flex-direction: column; }

.input-localized .input-localized-content {
  margin-left: 6px; }
  .input-group .input-localized .input-localized-content {
    margin-top: 3px; }

.input-localized .lfr-input-localized .lfr-input-localized-state {
  background-color: #ddd; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    background-color: #ff0047; }

.input-localized .lfr-input-localized-default a {
  margin-right: 14px; }

.input-localized .lfr-input-localized-state {
  height: 4px;
  margin: 3px 5px;
  width: 4px; }

.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5; }

.input-localized .palette-item,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent; }

.input-localized .palette-item-inner {
  border-color: #666;
  display: block;
  height: 16px;
  width: 16px; }

.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27c1f2; }

.input-localized-palette-container .palette-items-container {
  font-size: 0;
  margin: 0;
  white-space: normal; }

.input-localized-palette-container .palette-item {
  border-width: 0;
  padding: 0.5rem 1.25rem; }

.input-localized-palette-container .palette-item-inner {
  border: 1px solid;
  margin-right: 4px;
  width: 16px; }
  .input-localized-palette-container .palette-item-inner img {
    display: block; }

.taglib-move-boxes {
  margin-bottom: 1em; }
  .taglib-move-boxes label {
    border-bottom: 1px solid transparent;
    display: block;
    margin-bottom: 5px;
    padding: 5px; }
  .taglib-move-boxes .toolbar {
    text-align: center; }
  .taglib-move-boxes .arrow-button img {
    border-width: 0;
    height: 16px;
    width: 16px; }
  .taglib-move-boxes .choice-selector {
    width: 100%; }
    .taglib-move-boxes .choice-selector label {
      background: #ebf1f9;
      border-bottom-color: #8db2f3; }
  .taglib-move-boxes .field-content {
    margin-bottom: 0; }
  .taglib-move-boxes .move-arrow-buttons {
    margin-top: 5em; }
    .taglib-move-boxes .move-arrow-buttons .arrow-button {
      display: block; }
  .taglib-move-boxes .sortable-container {
    margin-top: 10px; }
    .taglib-move-boxes .sortable-container .btn.edit-selection {
      margin-bottom: 10px; }
    .taglib-move-boxes .sortable-container .move-option {
      background-color: transparent;
      border-top: 1px solid #ddd;
      display: none;
      margin: 2px 0;
      padding: 2px;
      position: relative; }
      .taglib-move-boxes .sortable-container .move-option.selected {
        display: block; }
      .taglib-move-boxes .sortable-container .move-option.move-option-dragging {
        background-color: #fafafa; }
      .taglib-move-boxes .sortable-container .move-option .checkbox,
      .taglib-move-boxes .sortable-container .move-option .handle {
        position: absolute; }
      .taglib-move-boxes .sortable-container .move-option .checkbox {
        display: none;
        margin: 7px 0 0 5px; }
      .taglib-move-boxes .sortable-container .move-option .handle {
        color: #999;
        cursor: pointer;
        font-size: 1.5em;
        padding: 6px; }
      .taglib-move-boxes .sortable-container .move-option .title {
        font-size: 1.2em;
        margin: 1px 0 1px 30px; }
    .taglib-move-boxes .sortable-container.edit-list-active .move-option {
      display: block; }
      .taglib-move-boxes .sortable-container.edit-list-active .move-option .checkbox {
        display: inline-block; }
      .taglib-move-boxes .sortable-container.edit-list-active .move-option .handle {
        display: none; }
  .mobile .taglib-move-boxes .selector-container {
    display: none; }

.item-selector .card-row > .autofit-col-expand {
  padding-top: 4px; }

.item-selector .drop-zone {
  background-color: #f1f2f5;
  margin-top: 1rem; }

.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1; }
  .item-selector .input-file + label {
    position: relative; }
    .item-selector .input-file + label::before {
      border-radius: 4px;
      bottom: -2px;
      content: '';
      display: block;
      left: -2px;
      position: absolute;
      right: -2px;
      top: -2px;
      transition: box-shadow 0.15s ease-in-out; }
  .item-selector .input-file:focus + label::before {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff; }

.item-selector .item-selector-list-row:hover {
  background-color: #f0f5ff;
  cursor: pointer; }

.lfr-map {
  border: 1px solid #ccc;
  min-height: 400px;
  width: 100%; }
  .lfr-map .home-button {
    margin: 5px; }
    @media (max-width: 575.98px) {
      .lfr-map .home-button {
        height: 35px;
        width: 45px; } }
  .lfr-map .search-controls {
    font-size: 15px;
    margin-top: 5px;
    width: 100%; }
    @media (min-width: 576px) {
      .lfr-map .search-controls {
        width: 50%; } }
    .lfr-map .search-controls .search-input {
      width: 100%; }

.navbar .navbar-collapse {
  max-height: none; }
  .navbar .navbar-collapse:after, .navbar .navbar-collapse:before {
    display: inline; }

@media (max-width: 767.98px) {
  .navbar .navbar-search {
    background-color: #f3f3f3;
    border-top-width: 0;
    width: 100%; } }

.navbar .navbar-search .form-search {
  margin: 8px 0; }
  @media (min-width: 768px) {
    .navbar .navbar-search .form-search {
      float: right;
      max-width: 275px; } }
  @media (max-width: 767.98px) {
    .navbar .navbar-search .form-search .input-group {
      width: 100%; } }

@media (max-width: 991.98px) {
  .navbar .container .navbar-btn,
  .navbar .container-fluid .navbar-btn {
    margin-bottom: 5px;
    width: 45px; }
  .navbar .container .navbar-collapse.open,
  .navbar .container-fluid .navbar-collapse.open {
    border-width: 0;
    display: block;
    height: auto;
    overflow: visible; } }

.taglib-portlet-preview.show-borders {
  border: 1px solid #828f95;
  margin-bottom: 1em;
  padding: 3px 3px 1em; }
  .taglib-portlet-preview.show-borders .title {
    background-color: #d3dadd;
    font-size: 1.4em;
    font-weight: bold;
    padding: 0.5em; }

.taglib-portlet-preview .preview {
  margin: 1em;
  min-height: 90px; }

.lfr-search-container .entry-action {
  width: 1px; }
  .lfr-search-container .entry-action .taglib-icon {
    white-space: nowrap; }

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative; }
  @media (min-width: 576px) {
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
      margin-left: 375px;
      width: auto; } }
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
    position: static; }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
      left: 12px;
      position: fixed;
      right: 12px;
      top: -1px;
      z-index: 1020; }
      .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
        display: block;
        padding: 0; }
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
          overflow-x: hidden; }
          @media (min-width: 576px) {
            .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
              margin-left: 375px; } }
          .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
            border-collapse: collapse;
            width: 100%; }
            .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
              border-radius: 0; }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
      width: auto; }
      @media (min-width: 576px) {
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
          left: 0;
          position: absolute;
          right: 15px; } }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
      height: auto; }

.lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link) {
  color: #495057;
  font-weight: 500;
  text-decoration: underline; }
  .lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):focus, .lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):hover {
    color: #000; }

.lfr-search-container-wrapper .dropdown-action .dropdown-toggle {
  color: #6b6c7e; }
  .lfr-search-container-wrapper .dropdown-action .dropdown-toggle:hover {
    color: #272833; }

.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6b6c7e; }
  .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
    background-color: #f7f8f9;
    border-radius: 4px;
    color: #272833; }

.lfr-search-container-wrapper .lfr-search-container-list .list-group:last-child .list-group-item:nth-last-child(2) {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.lfr-search-container-wrapper .lfr-search-container-list + .taglib-search-iterator-page-iterator-bottom {
  margin-top: 20px; }

.lfr-search-container-wrapper .list-group {
  margin-bottom: 0; }
  .lfr-search-container-wrapper .list-group + .list-group .list-group-header:first-child,
  .lfr-search-container-wrapper .list-group + .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .lfr-search-container-wrapper .list-group .list-group-item .h4,
  .lfr-search-container-wrapper .list-group .list-group-item h4 {
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 0; }
  .lfr-search-container-wrapper .list-group .list-group-item .h5,
  .lfr-search-container-wrapper .list-group .list-group-item .h6,
  .lfr-search-container-wrapper .list-group .list-group-item h5,
  .lfr-search-container-wrapper .list-group .list-group-item h6 {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0; }
  .lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 {
    font-weight: 600; }
  .lfr-search-container-wrapper .list-group .list-group-item .h6 + .h5,
  .lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
    font-weight: 600; }

.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem; }

.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem; }

.user-info {
  display: flex; }
  .user-info .sticker {
    align-self: center; }
  .user-info .user-details {
    margin-left: 1rem; }
  .user-info .user-name {
    color: #272833;
    font-weight: 600; }
  .user-info .date-info {
    color: #6b6c7e; }

.user-status-tooltip .user-status-avatar {
  float: left;
  margin-right: 5px; }
  .user-status-tooltip .user-status-avatar .user-status-avatar-image {
    width: 27px; }

.user-status-tooltip .user-status-info {
  display: inline-block;
  overflow: hidden; }
  .user-status-tooltip .user-status-info .user-status-date {
    font-size: 11px; }

.lfr-search-container {
  margin-top: 1.5em;
  overflow: auto; }
  @media (max-width: 767.98px) {
    .lfr-search-container .selector-button {
      width: auto; } }
  .touch .lfr-search-container {
    -webkit-overflow-scrolling: touch; }
    .touch .lfr-search-container .searchcontainer-content .table {
      max-width: none; }

.taglib-page-iterator {
  clear: both;
  height: auto;
  width: auto; }
  .taglib-page-iterator .lfr-pagination-buttons {
    float: right;
    margin: 0; }
    @media (max-width: 991.98px) {
      .taglib-page-iterator .lfr-pagination-buttons {
        width: 100%; } }
  @media (max-width: 991.98px) and (max-width: 767.98px) {
    .taglib-page-iterator .lfr-pagination-buttons {
      float: none;
      margin-top: 20px; } }
    @media (max-width: 991.98px) {
        .taglib-page-iterator .lfr-pagination-buttons > li {
          display: inline-block;
          width: 50%; }
          .taglib-page-iterator .lfr-pagination-buttons > li.first, .taglib-page-iterator .lfr-pagination-buttons > li.last {
            display: none; }
          .taglib-page-iterator .lfr-pagination-buttons > li > a {
            line-height: 20px;
            padding: 11px 19px; } }
  .taglib-page-iterator .lfr-pagination-config {
    float: left;
    line-height: 46px; }
    @media (max-width: 767.98px) {
      .taglib-page-iterator .lfr-pagination-config {
        float: none; }
        .taglib-page-iterator .lfr-pagination-config .current-page-menu {
          display: block; }
          .taglib-page-iterator .lfr-pagination-config .current-page-menu .btn {
            display: block; } }
    .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,
    .taglib-page-iterator .lfr-pagination-config .lfr-pagination-page-selector {
      display: inline; }
    .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
      float: none; }
      @media (max-width: 991.98px) {
        .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
          display: none; } }
  .taglib-page-iterator .search-results {
    float: left;
    line-height: 46px;
    margin-left: 10px; }
    @media (max-width: 991.98px) {
      .taglib-page-iterator .search-results {
        display: none; } }

.taglib-search-toggle .form-search {
  position: relative; }
  .taglib-search-toggle .form-search .input-group-btn {
    position: absolute; }
    @media (min-width: 992px) {
      .taglib-search-toggle .form-search .input-group-btn {
        position: static; } }

.taglib-search-toggle .toggle-advanced {
  color: inherit;
  margin-left: 10px;
  position: absolute;
  top: 8px; }
  .taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
    text-decoration: none; }

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #fcfcfc;
  border: solid #ddd;
  border-width: 0 1px 1px;
  margin-top: 0;
  padding: 15px 15px 0; }
  .navbar-search .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
    border-width: 1px 0 0; }
  .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
    position: relative; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
      margin-bottom: 0; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
      color: #999;
      font-size: 13px; }

.taglib-search-toggle-advanced-wrapper .btn.close {
  margin-right: 5px;
  position: relative;
  z-index: 1; }

.taglib-user-display {
  padding: 0.5em; }
  .taglib-user-display .avatar {
    background: no-repeat center;
    background-size: 60px;
    display: block;
    height: 60px;
    margin: 0 auto;
    width: 60px; }
    .taglib-user-display .avatar.author:after {
      background: rgba(50, 168, 230, 0.5);
      border-radius: 50%;
      content: '';
      display: block;
      height: 100%;
      width: 100%; }
  .taglib-user-display .user-details {
    margin-top: 1em; }
  .taglib-user-display .user-name {
    font-size: 1.1em;
    font-weight: bold; }
  .taglib-user-display a .user-name {
    text-decoration: underline; }
  .taglib-user-display.display-style-1 .user-profile-image {
    float: left;
    margin-right: 24px; }
  .taglib-user-display.display-style-1 .user-name {
    display: inline-block;
    margin-top: 10px; }
  .taglib-user-display.display-style-1 .user-details {
    margin-top: 0; }
  .taglib-user-display.display-style-2 .user-profile-image,
  .taglib-user-display.display-style-2 .user-name {
    clear: both;
    display: block;
    min-height: 20px;
    text-align: center; }
  .taglib-user-display.display-style-3 {
    padding: 0; }
    .taglib-user-display.display-style-3 .user-profile-image {
      display: inline-block;
      vertical-align: middle; }

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
  color: #999; }

.table-cell .taglib-workflow-status {
  margin: 0; }
  .table-cell .taglib-workflow-status .workflow-status {
    padding-left: 0; }

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0; }

.portal-popup .sheet > .lfr-nav {
  margin-top: -24px; }

.portal-popup .contacts-portlet .portlet-configuration-container .form {
  position: static; }

.portal-popup .lfr-form-content {
  padding: 24px 12px; }

.portal-popup .portlet-body,
.portal-popup .portlet-boundary,
.portal-popup .portlet-column,
.portal-popup .portlet-layout {
  height: 100%; }

.portal-popup .portlet-column {
  position: static; }

.portal-popup .dialog-body > .container-fluid-max-xl,
.portal-popup .dialog-body .container-view,
.portal-popup .export-dialog-tree > .container-fluid-max-xl,
.portal-popup .export-dialog-tree .container-view,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader .container-view,
.portal-popup .lfr-form-content > .container-fluid-max-xl,
.portal-popup .lfr-form-content .container-view,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content .container-view,
.portal-popup .process-list > .container-fluid-max-xl,
.portal-popup .process-list .container-view,
.portal-popup .roles-selector-body > .container-fluid-max-xl,
.portal-popup .roles-selector-body .container-view {
  padding-top: 20px; }
  .portal-popup .dialog-body > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .dialog-body .container-view .nav-tabs-underline,
  .portal-popup .export-dialog-tree > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .export-dialog-tree .container-view .nav-tabs-underline,
  .portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
  .portal-popup .lfr-form-content > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .lfr-form-content .container-view .nav-tabs-underline,
  .portal-popup .portlet-configuration-body-content > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
  .portal-popup .process-list > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .process-list .container-view .nav-tabs-underline,
  .portal-popup .roles-selector-body > .container-fluid-max-xl .nav-tabs-underline,
  .portal-popup .roles-selector-body .container-view .nav-tabs-underline {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -20px; }

.portal-popup .dialog-body > .lfr-nav + .container-fluid-max-xl,
.portal-popup .export-dialog-tree > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-form-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .process-list > .lfr-nav + .container-fluid-max-xl,
.portal-popup .roles-selector-body > .lfr-nav + .container-fluid-max-xl {
  padding-top: 0; }

.portal-popup .login-container {
  padding: 1.5rem; }

.portal-popup .navbar ~ .portlet-configuration-setup,
.portal-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative; }
  @media (min-width: 576px) {
    .portal-popup .navbar ~ .portlet-configuration-setup,
    .portal-popup .portlet-export-import-container {
      height: calc(100% - 48px); } }

.portal-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0; }

.portal-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0; }

.portal-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.portal-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px; }
  @media (min-width: 576px) {
    .portal-popup .portlet-configuration-setup .lfr-nav {
      padding-left: 8px;
      padding-right: 8px; } }

.portal-popup .lfr-dynamic-uploader,
.portal-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 576px) {
    .portal-popup .lfr-dynamic-uploader,
    .portal-popup .process-list {
      top: 48px; } }

.portal-popup .portlet-export-import-publish-processes {
  top: 0; }

.portal-popup .dialog-footer {
  background-color: #fff;
  border-top: 1px solid #e7e7ed;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%;
  z-index: 1020; }
  @media (min-width: 768px) {
    .portal-popup .dialog-footer {
      position: fixed; } }
  .portal-popup .dialog-footer .btn {
    margin-left: 1rem;
    margin-right: 0; }
  .portal-popup .dialog-footer.dialog-footer-not-reverse {
    flex-direction: initial;
    justify-content: flex-end; }

@media (min-width: 768px) {
  .portal-popup .dialog-body:not(:last-child),
  .portal-popup .lfr-dynamic-uploader:not(:last-child),
  .portal-popup .lfr-form-content:not(:last-child),
  .portal-popup .portlet-configuration-body-content:not(:last-child),
  .portal-popup .roles-selector-body:not(:last-child) {
    padding-bottom: 60px; } }

.portal-popup .lfr-dynamic-uploader {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .portal-popup .lfr-dynamic-uploader.hide-dialog-footer {
    bottom: 0; }
    .portal-popup .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
      display: none; }

.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible; }
  .portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
    flex-grow: 1;
    max-width: none;
    overflow: auto; }

.portal-popup .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0; }

.portal-popup:not(.article-preview) #main-content,
.portal-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch; }
  @media print {
    .portal-popup:not(.article-preview) #main-content,
    .portal-popup:not(.article-preview) #wrapper {
      position: initial; } }

.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0; }
  .portal-popup .columns-max > .portlet-layout.row > .portlet-column {
    padding-left: 0;
    padding-right: 0; }

html:not(#__):not(#___) .portlet-layout.dragging {
  border-collapse: separate; }

html:not(#__):not(#___) .drop-area {
  background-color: #d3dadd; }

html:not(#__):not(#___) .active-area {
  background: #ffc; }

html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging {
  opacity: 0.6; }
  html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #ccc; }

html:not(#__):not(#___) .sortable-layout-proxy {
  opacity: 1; }
  html:not(#__):not(#___) .sortable-layout-proxy .portlet-topper {
    background-image: none; }

html:not(#__):not(#___) .proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute; }
  html:not(#__):not(#___) .proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    html:not(#__):not(#___) .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  html:not(#__):not(#___) .proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

html:not(#__):not(#___) .resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden; }

html:not(#__):not(#___) .sortable-proxy {
  background: #727c81;
  margin-top: 1px; }

html:not(#__):not(#___) .sortable-layout-drag-target-indicator {
  margin: 2px 0; }

html:not(#__):not(#___) .yui3-dd-proxy {
  z-index: 1110 !important; }

.portlet-layout.dragging {
  border-collapse: separate; }

.drop-area {
  background-color: #d3dadd; }

.active-area {
  background: #ffc; }

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
  transform: scale(0.8);
  transition: transform 0.3s ease; }
  @media (prefers-reduced-motion: reduce) {
    .portlet-boundary.yui3-dd-dragging {
      transition: none; } }
  .c-prefers-reduced-motion .portlet-boundary.yui3-dd-dragging {
    transition: none; }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #ccc; }

.sortable-layout-proxy {
  opacity: 1; }
  .sortable-layout-proxy .portlet-topper {
    background-image: none; }

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute; }
  .proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden; }

.sortable-proxy {
  background: #727c81;
  margin-top: 1px; }

.sortable-layout-drag-target-indicator {
  margin: 2px 0; }

.yui3-dd-proxy {
  z-index: 1110 !important; }

.portlet-column-content.empty {
  padding: 50px; }

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999; }
  .lfr-portlet-title-editable .lfr-portlet-title-editable-content {
    padding: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
      margin-bottom: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
      display: none; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
      display: inline-block;
      vertical-align: bottom; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
      margin-top: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
      display: inline-block;
      float: none;
      margin-top: 0;
      width: auto; }

.lfr-source-editor {
  border: solid 0 #ccc;
  border-bottom-width: 2px;
  position: relative; }
  .lfr-source-editor .ace_editor {
    height: 100%; }
  .lfr-source-editor .lfr-source-editor-toolbar li > .btn {
    background-color: #fff;
    border: transparent;
    color: #717383;
    outline: 0; }
  .lfr-source-editor .lfr-source-editor-code {
    background-color: #fff;
    color: #2b4259; }
    .lfr-source-editor .lfr-source-editor-code .ace_gutter {
      background-color: #ededef;
      color: #868896;
      overflow: hidden; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
        font-family: fontawesome-alloy;
        text-align: center;
        vertical-align: middle; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
          background-image: none; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
          content: '\25be'; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
          content: '\25b8'; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
        color: #fff; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #717383; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
        border-right: solid 1px #ccc; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
        background-image: none; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #ededef; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
      color: #34adab; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
      color: #1d5ec7; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
      color: #ff6c58; }
      .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
        color: #f00; }
  .lfr-source-editor.ace_dark .lfr-source-editor-code {
    background-color: #47474f;
    color: #fff; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
      background: #54555e;
      color: #fff; }
      .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #009aed; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #11394e; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
      color: #fff; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
      color: #4d91ff; }

.lfr-fullscreen-source-editor {
  height: 100%;
  overflow: hidden; }
  .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-header {
    height: 40px;
    margin-right: 4px;
    margin-top: 4px;
    min-height: 40px; }
  .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content {
    height: 95%;
    position: relative; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
      border: 1px solid #ccc;
      position: absolute; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .preview-panel {
      display: inline-block;
      overflow-y: auto;
      padding-left: 20px; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .source-panel {
      display: inline-block; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .source-panel,
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .preview-panel {
      height: 100%;
      width: 50%; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .panel-splitter {
      height: 100%;
      left: 50%;
      top: 0; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .source-panel,
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .preview-panel {
      height: 50%;
      width: 100%; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .panel-splitter {
      top: 50%;
      width: 100%; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .panel-splitter,
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .preview-panel {
      display: none; }
    .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .source-panel {
      height: 100%;
      width: 100%; }

.lfr-fulscreen-source-editor-dialog .modal-footer {
  text-align: left; }

.file-icon-color-0 {
  background-color: #fff;
  color: #6b6c7e; }

.file-icon-color-1 {
  background-color: #fff;
  color: #a7a9bc; }

.file-icon-color-2 {
  background-color: #fff;
  color: #50d2a0; }

.file-icon-color-3 {
  background-color: #fff;
  color: #af78ff; }

.file-icon-color-4 {
  background-color: #fff;
  color: #ffb46e; }

.file-icon-color-5 {
  background-color: #fff;
  color: #ff5f5f; }

.file-icon-color-6 {
  background-color: #fff;
  color: #4b9bff; }

.file-icon-color-7 {
  background-color: #fff;
  color: #272833; }

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3; }

.lfr-item-viewer.uploading > .progress-container {
  visibility: visible; }

.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%; }

.lfr-item-viewer .image-viewer-base-image-list {
  padding-top: 35px; }

.lfr-item-viewer .item-preview:hover {
  cursor: pointer; }

.lfr-item-viewer .progress-container {
  background-color: #fff;
  left: 0;
  margin: 0 auto;
  padding: 20px 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 80%;
  z-index: 1000; }
  .lfr-item-viewer .progress-container a {
    position: absolute;
    right: 30px; }
  .lfr-item-viewer .progress-container .progress {
    margin-top: 10px; }

.lfr-item-viewer .search-info {
  background-color: #d3e8f1; }
  .lfr-item-viewer .search-info .keywords {
    font-size: 1.4em;
    font-weight: bold; }
  .lfr-item-viewer .search-info .change-search-folder {
    font-size: 0.8em;
    font-weight: normal; }

.lfr-item-viewer .upload-view {
  display: table;
  height: 400px;
  margin-top: 20px;
  width: 100%; }
  .lfr-item-viewer .upload-view > div {
    display: table-cell;
    vertical-align: middle; }

.lfr-item-viewer .yui3-widget-bd {
  position: relative; }

.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34; }

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all; }

.lfr-page-layouts {
  padding: 0; }
  .lfr-page-layouts input[type='radio'] {
    opacity: 0;
    position: absolute; }
    .lfr-page-layouts input[type='radio']:checked + .card-horizontal {
      cursor: default; }
      .lfr-page-layouts input[type='radio']:checked + .card-horizontal::after {
        bottom: 0px;
        content: "";
        left: 0px;
        position: absolute;
        right: 0px;
        transition: height 0.15s ease-out; }
        @media (prefers-reduced-motion: reduce) {
          .lfr-page-layouts input[type='radio']:checked + .card-horizontal::after {
            transition: none; } }
        .lfr-page-layouts input[type='radio']:checked + .card-horizontal::after {
          transition: none; }
  .lfr-page-layouts .card-horizontal {
    border-width: 1px;
    box-shadow: none;
    cursor: pointer;
    outline: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .lfr-page-layouts .card-horizontal {
        transition: none; } }
    .lfr-page-layouts .card-horizontal {
      transition: none; }
    .lfr-page-layouts .card-horizontal::after {
      border-radius: 0 0 0.25rem 0.25rem;
      bottom: 0px;
      content: "";
      height: 0;
      left: 0px;
      position: absolute;
      right: 0px;
      transition: height 0.15s ease-out; }
      @media (prefers-reduced-motion: reduce) {
        .lfr-page-layouts .card-horizontal::after {
          transition: none; } }
      .lfr-page-layouts .card-horizontal::after {
        transition: none; }

.modal-body.dialog-iframe-bd {
  overflow: hidden;
  padding: 0; }

.modal-dialog:not(.dialog-iframe-modal):not(.modal-full-screen) {
  position: relative; }

.modal-dialog.dialog-iframe-modal {
  max-width: none; }

.modal-dialog.modal-dialog-sm {
  max-width: 600px; }

.modal-dialog .yui3-resize-handles-wrapper {
  pointer-events: all; }
  .modal-dialog .yui3-resize-handles-wrapper .yui3-resize-handle-inner-br {
    bottom: 0;
    right: 0; }

.modal-open .modal {
  display: block; }

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0; }

.sheet-footer .btn {
  margin-right: 1rem; }
  .sheet-footer .btn:last-child {
    margin-right: 0; }

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em;
  white-space: normal; }
  .tag-items li {
    display: inline-block;
    margin: 0 1em 0 0;
    max-width: 100%; }

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.tag-cloud .tag-popularity-1 {
  font-size: 1em; }

.tag-cloud .tag-popularity-2 {
  font-size: 1.3em; }

.tag-cloud .tag-popularity-3 {
  font-size: 1.6em; }

.tag-cloud .tag-popularity-4 {
  font-size: 1.9em; }

.tag-cloud .tag-popularity-5 {
  font-size: 2.2em; }

.tag-cloud .tag-popularity-6 {
  font-size: 2.5em; }

.lfr-portal-tooltip {
  display: inline-flex; }
  .lfr-portal-tooltip,
  .lfr-portal-tooltip a {
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; }

.tree-node .icon-check {
  padding-right: 2px; }

.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }

.tree-node [class^='icon-'] {
  margin-right: 5px; }

.tree-node .tree-node-checkbox-container {
  margin-right: 0; }

.tree-node .tree-node-selected .tree-label {
  background: none; }

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px; }

.tree-node-content .tree-label {
  margin-left: 3px; }

.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden; }

.tree-node-selected .tree-label {
  background-color: transparent; }

.tree-view li.tree-node .tree-node-content svg.lexicon-icon {
  pointer-events: none; }

.user-icon-color-0 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #6b6c7e; }

.user-icon-color-1 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #4a97f2; }

.user-icon-color-2 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #e87523; }

.user-icon-color-3 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #fb625b; }

.user-icon-color-4 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #4fa488; }

.user-icon-color-5 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #fe4fb5; }

.user-icon-color-6 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #879b7a; }

.user-icon-color-7 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #af78ff; }

.user-icon-color-8 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #bf8c2a; }

.user-icon-color-9 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #5f9bc7; }

.collapse.open {
  display: block; }

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-top'%20d='M480%2064H32C14.336%2064%200%2049.664%200%2032S14.336%200%2032%200h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-middle'%20d='M480%20288H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20bars-line-bottom'%20d='M480%20512H32c-17.664%200-32-14.336-32-32s14.336-32%2032-32h448c17.664%200%2032%2014.336%2032%2032s-14.336%2032-32%2032z'%20fill='%23272833'/%3E%3C/svg%3E");
  height: 1em;
  width: 1em; }

.navbar-nav .nav-item.hover:after {
  bottom: -0.3125rem;
  content: '';
  height: 0.3125rem;
  left: 0;
  position: absolute;
  width: 100%; }

.navbar .navbar-toggler .c-inner {
  max-width: none; }

html:not(#__):not(#___) .cadmin.portlet-topper {
  position: relative; }
  html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background: url(../images/arrows/12_left.png) no-repeat 0 50%;
    padding: 5px 5px 5px 18px; }
  html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
    display: none; }

html:not(#__):not(#___) .cadmin .component-action.portlet-options {
  color: white; }

body.portlet {
  border-width: 0; }

.portlet-icon-back {
  margin-top: -2px; }
  .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background: url(../images/arrows/12_left.png) no-repeat 0 50%;
    padding: 5px 5px 5px 18px; }

.portlet-options-dropdown {
  z-index: 1035; }

.portlet-topper {
  position: relative; }
  .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
    display: none; }
  .portlet-draggable .portlet-topper {
    cursor: move; }

.portlet-title-editable {
  cursor: pointer; }

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap; }
  .panel-page-body .portlet-title-text,
  .panel-page-content .portlet-title-text {
    cursor: auto; }

.portlet-minimized .portlet-content {
  padding: 0; }

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important; }

.portlet-layout .portlet-header {
  margin-bottom: var(--portlet-header-margin-bottom, calc(var(--spacer) * var(--spacer-5, 3rem))); }

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none; } }

@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none; } }

.portlet:hover .visible-interaction, .portlet.open .visible-interaction, .portlet.focus .visible-interaction {
  display: block; }

.controls-hidden .lfr-meta-actions,
.controls-hidden .lfr-configurator-visibility {
  display: none; }

.controls-hidden .portlet-title-editable {
  pointer-events: none; }

.controls-hidden .portlet-topper {
  display: none !important; }

.controls-hidden .portlet-topper-toolbar {
  display: none !important; }

html:not(#__):not(#___) .cadmin.portlet-topper {
  background-color: var(--portlet-topper-bg, var(--primary, #0b5fff));
  border-color: var(--portlet-topper-border, var(--portlet-topper-bg, #0b5fff));
  border-radius: var(--portlet-topper-border-radius, var(--border-radius-sm, 2px) var(--border-radius-sm, 2px) 0 0);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: var(--portlet-topper-color, var(--white, #fff));
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative; }

html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
  display: none; }
  @media (min-width: 768px) {
    html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
      display: flex;
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      transition: opacity 0.25s, transform 0.25s;
      top: 0; } }
  @media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
      transition: none; } }
  @media (min-width: 768px) {
      html:not(#__):not(#___) .portlet > .c-prefers-reduced-motion .cadmin.portlet-topper {
        transition: none; } }

html:not(#__):not(#___) .cadmin .portlet-actions {
  float: right; }

html:not(#__):not(#___) .cadmin .portlet-options {
  display: inline-block; }

html:not(#__):not(#___) .cadmin .portlet-title-menu {
  flex: 0 1 auto; }
  html:not(#__):not(#___) .cadmin .portlet-title-menu > span > a {
    display: inline-block;
    text-decoration: none; }

html:not(#__):not(#___) .cadmin .portlet-topper-toolbar {
  margin: 0;
  padding-left: 0; }
  html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a,
  html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > span > a,
  html:not(#__):not(#___) .cadmin .portlet-topper-toolbar .lfr-icon-menu > a {
    color: var(--portlet-topper-link-color, var(--portlet-topper-color, #fff)); }
  html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:focus, html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:hover {
    text-decoration: none; }

html:not(#__):not(#___) .cadmin .portlet-name-text {
  font-size: 14px;
  font-weight: 600; }

html:not(#__):not(#___) .cadmin .portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media (min-width: 576px) {
  html:not(#__):not(#___) .lfr-configurator-visibility .portlet:hover .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.focus .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5; } }

@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.open > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: var(--portlet-topper-border, var(--portlet-topper-bg, #0b5fff));
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.focus > .cadmin.portlet-topper {
    opacity: 1;
    transform: translateY(-97%); } }

@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper {
    transition-duration: 0ms; } }

@media (max-width: 767.98px) {
  html:not(#__):not(#___) .controls-visible .cadmin.portlet-topper {
    display: box;
    display: flex; } }

html:not(#__):not(#___) .controls-visible .cadmin .portlet-topper-toolbar {
  display: block; }

.portlet {
  margin-bottom: 10px;
  position: relative; }
  @media (min-width: 768px) {
    .controls-visible .portlet:hover > .portlet-content-editable, .controls-visible .portlet.open > .portlet-content-editable, .controls-visible .portlet.focus > .portlet-content-editable {
      border-color: var(--portlet-topper-border, var(--portlet-topper-bg, #0b5fff));
      border-top-left-radius: 0;
      border-top-right-radius: 0; } }
  @media (min-width: 768px) {
    .controls-visible .portlet:hover > .portlet-topper, .controls-visible .portlet.open > .portlet-topper, .controls-visible .portlet.focus > .portlet-topper {
      opacity: 1;
      transform: translateY(-97%); } }
  @media (min-width: 576px) {
    .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
      opacity: 0.5; } }

.portlet-content-editable {
  border-color: var(--portlet-topper-border, var(--portlet-topper-bg, #0b5fff));
  border-radius: var(--portlet-content-border-radius, 0);
  border-style: solid;
  border-width: 1px 1px 1px 1px; }
  .portlet > .portlet-content-editable {
    border-color: transparent; }
  @media (max-width: 767.98px) {
    .controls-visible .portlet-content-editable {
      border-color: var(--portlet-topper-border, var(--portlet-topper-bg, #0b5fff));
      border-top-left-radius: 0;
      border-top-right-radius: 0; } }

.portlet-name-text {
  font-size: 0.875rem;
  font-weight: 600; }

.portlet-options {
  display: inline-block; }

.portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.portlet-title-menu {
  flex: 0 1 auto; }
  .portlet-title-menu > span > a {
    display: inline-block;
    text-decoration: none; }

.portlet-topper {
  background-color: var(--portlet-topper-bg, var(--primary, #0b5fff));
  border-color: var(--portlet-topper-border, var(--portlet-topper-bg, #0b5fff));
  border-radius: var(--portlet-topper-border-radius, var(--border-radius-sm, 2px) var(--border-radius-sm, 2px) 0 0);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: var(--portlet-topper-color, var(--white, #fff));
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative; }
  .portlet > .portlet-topper {
    display: none; }
    @media (min-width: 768px) {
      .portlet > .portlet-topper {
        display: flex;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        transition: opacity 0.25s, transform 0.25s;
        top: 0; } }
  @media (min-width: 768px) and (prefers-reduced-motion: reduce) {
    .portlet > .portlet-topper {
      transition: none; } }
    @media (min-width: 768px) {
        .portlet > .portlet-topper {
          transition: none; } }
  @media (max-width: 767.98px) {
    .controls-visible .portlet-topper {
      display: box;
      display: flex; } }

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0; }
  .portlet-topper-toolbar > a,
  .portlet-topper-toolbar > span > a,
  .portlet-topper-toolbar .lfr-icon-menu > a {
    color: var(--portlet-topper-link-color, var(--portlet-topper-color, #fff)); }
  .portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
    text-decoration: none; }
  .controls-visible .portlet-topper-toolbar {
    display: block; }

.lfr-panel-page .portlet-title {
  font-size: 13px; }

.portlet-borderless .portlet-content {
  padding: var(--spacer-3, 1rem); }

.portlet-decorate .portlet-content {
  background: #fff;
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 1px;
  padding: 1.5rem;
  word-wrap: break-word; }

.portlet-barebone .portlet-content {
  padding: 0; }

.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px; }

.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center; }
  .breadcrumb.breadcrumb-vertical li {
    display: block; }
    .breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
      background: none; }
  .breadcrumb.breadcrumb-vertical .divider {
    background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
    display: block;
    height: 10px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap; }

.navbar form {
  margin: 0; }

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px; }

.product-menu .loading-animation {
  margin-top: 160px; }

@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd; }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    transform: scale(1.1); }
  75% {
    background-color: #ddedde;
    border-color: #7d7; }
  100% {
    background-color: #ebebeb;
    border-color: #ddd; } }

.lfr-upload-container .progress-bar,
.lfr-upload-container .progress {
  border-radius: 10px; }

.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target {
  border-radius: 5px; }

.upload-drop-active .lfr-upload-container .upload-target {
  animation: none; }

.upload-drop-intent .lfr-upload-container .upload-target {
  animation: lfr-drop-active 1s ease 0.2s infinite; }

.select-files {
  border-radius: 5px; }

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
    box-shadow: 0 0 5px 0 #333;
    transition-duration: 0.25s;
    transition-property: box-shadow;
    transition-timing-function: ease-out; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
    border-radius: 50%; }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out; }
  @media (prefers-reduced-motion: reduce) {
    .lfr-progress-active .progress-bar-status,
    .lfr-upload-container .file-uploading .progress-bar .progress {
      transition: none; } }
  .c-prefers-reduced-motion .lfr-progress-active .progress-bar-status, .c-prefers-reduced-motion
  .lfr-upload-container .file-uploading .progress-bar .progress {
    transition: none; }

@keyframes highlight-animation {
  from {
    background-color: #ffc; }
  to {
    background-color: transparent; } }

.highlight-animation {
  animation: highlight-animation 0.7s; }

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none; }

.form-group.form-inline.input-boolean-wrapper label, .form-group.form-inline.input-checkbox-wrapper label {
  gap: 0.3125rem; }

/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'fontawesome-alloy';
  src: url("../font/fontawesome-alloy.eot");
  src: url("../font/fontawesome-alloy.eot?#iefix") format("embedded-opentype"), url("../font/fontawesome-alloy.woff") format("woff"), url("../font/fontawesome-alloy.ttf") format("truetype"), url("../font/fontawesome-alloy.svg#fontawesome-alloy") format("svg");
  font-weight: normal;
  font-style: normal; }

/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'fontawesome-alloy';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none; }

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.33333em; }

/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline; }

/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.14286em;
  text-align: right;
  padding-right: 0.28571em; }
  [class^="icon-"].icon-fixed-width.icon-large,
  [class*=" icon-"].icon-fixed-width.icon-large {
    width: 1.42857em; }

.icons-ul {
  margin-left: 2.14286em;
  list-style-type: none; }
  .icons-ul > li {
    position: relative; }
  .icons-ul .icon-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    text-align: center;
    line-height: inherit; }

[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none; }

.icon-muted {
  color: #eeeeee; }

.icon-light {
  color: white; }

.icon-dark {
  color: #333333; }

.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.icon-2x {
  font-size: 2em; }
  .icon-2x.icon-border {
    border-width: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }

.icon-3x {
  font-size: 3em; }
  .icon-3x.icon-border {
    border-width: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

.icon-4x {
  font-size: 4em; }
  .icon-4x.icon-border {
    border-width: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }

.icon-5x {
  font-size: 5em; }
  .icon-5x.icon-border {
    border-width: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em; }

[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em; }

/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0; }

/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none; }

/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em; }

.btn [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block; }

.nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"],
.nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large,
.nav-pills [class*=" icon-"],
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em; }

.btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em; }

.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em; }

.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em; }

.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0; }
  .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x,
  .btn.btn-large [class*=" icon-"].pull-left.icon-2x,
  .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-top: .05em; }
  .btn.btn-large [class^="icon-"].pull-left.icon-2x,
  .btn.btn-large [class*=" icon-"].pull-left.icon-2x {
    margin-right: .2em; }
  .btn.btn-large [class^="icon-"].pull-right.icon-2x,
  .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-left: .2em; }

/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  line-height: inherit; }

/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%; }
  .icon-stack [class^="icon-"],
  .icon-stack [class*=" icon-"] {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1em;
    line-height: inherit; }
  .icon-stack .icon-stack-base {
    font-size: 2em; }

/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@-ms-keyframes spin {
0% {
    -ms-transform: rotate(0deg); }
100% {
    -ms-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }

.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before {
  display: inline-block; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'fontawesome-alloy';
  content: '\FEFF' attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-caret-bottom-right, .icon-glass, .icon-music, .icon-search, .icon-envelope, .icon-heart, .icon-star, .icon-star-empty, .icon-user, .icon-film, .icon-th-large, .icon-th, .icon-th-list, .icon-ok, .icon-remove, .icon-zoom-in, .icon-zoom-out, .icon-off, .icon-signal, .icon-cog, .icon-trash, .icon-home, .icon-file, .icon-inbox, .icon-play-circle, .icon-repeat, .icon-refresh, .icon-list-alt, .icon-lock, .icon-flag, .icon-headphones, .icon-volume-off, .icon-volume-down, .icon-volume-up, .icon-qrcode, .icon-barcode, .icon-tag, .icon-tags, .icon-book, .icon-bookmark, .icon-print, .icon-camera, .icon-font, .icon-bold, .icon-italic, .icon-align-justify, .icon-list, .icon-indent-left, .icon-indent-right, .icon-facetime-video, .icon-picture, .icon-pencil, .icon-map-marker, .icon-adjust, .icon-tint, .icon-edit, .icon-share, .icon-check, .icon-move, .icon-step-backward, .icon-fast-backward, .icon-backward, .icon-play, .icon-pause, .icon-stop, .icon-forward, .icon-fast-forward, .icon-minus-sign, .icon-remove-sign, .icon-ok-sign, .icon-question-sign, .icon-info-sign, .icon-screenshot, .icon-remove-circle, .icon-ok-circle, .icon-ban-circle, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-down, .icon-share-alt, .icon-resize-full, .icon-resize-small, .icon-plus, .icon-minus, .icon-asterisk, .icon-exclamation-sign, .icon-gift, .icon-leaf, .icon-calendar, .icon-random, .icon-comment, .icon-magnet, .icon-chevron-up, .icon-chevron-down, .icon-retweet, .icon-shopping-cart, .icon-folder-close, .icon-folder-open, .icon-resize-vertical, .icon-resize-horizontal, .icon-bar-chart, .icon-twitter-sign, .icon-facebook-sign, .icon-camera-retro, .icon-key, .icon-cogs, .icon-comments, .icon-thumbs-up, .icon-thumbs-down, .icon-star-half, .icon-signin, .icon-trophy, .icon-github-sign, .icon-upload-alt, .icon-lemon, .icon-phone, .icon-check-empty, .icon-bookmark-empty, .icon-phone-sign, .icon-twitter, .icon-facebook, .icon-github, .icon-unlock, .icon-credit, .icon-rss, .icon-hdd, .icon-bullhorn, .icon-bell, .icon-certificate, .icon-hand-right, .icon-hand-left, .icon-hand-up, .icon-globe, .icon-wrench, .icon-tasks, .icon-filter, .icon-briefcase, .icon-fullscreen, .icon-group, .icon-link, .icon-cloud, .icon-beaker, .icon-cut, .icon-copy, .icon-paper-clip, .icon-save, .icon-sign-blank, .icon-reorder, .icon-list-ul, .icon-list-ol, .icon-strikethrough, .icon-underline, .icon-table, .icon-magic, .icon-money, .icon-caret-down, .icon-caret-up, .icon-caret-left, .icon-caret-right, .icon-columns, .icon-sort, .icon-sort-down, .icon-sort-up, .icon-envelope-alt, .icon-linkedin, .icon-undo, .icon-legal, .icon-dashboard, .icon-comment-alt, .icon-comments-alt, .icon-bolt, .icon-sitemap, .icon-umbrella, .icon-paste, .icon-lightbulb, .icon-exchange, .icon-bell-alt, .icon-coffee, .icon-food, .icon-file-alt, .icon-building, .icon-hospital, .icon-ambulance, .icon-medkit, .icon-fighter-jet, .icon-beer, .icon-h-sign, .icon-plus-sign, .icon-double-angle-left, .icon-double-angle-right, .icon-double-angle-up, .icon-double-angle-down, .icon-angle-left, .icon-angle-right, .icon-angle-up, .icon-angle-down, .icon-desktop, .icon-laptop, .icon-spinner, .icon-circle, .icon-reply, .icon-github-alt, .icon-folder-close-alt, .icon-folder-open-alt, .icon-expand-alt, .icon-collapse-alt, .icon-smile, .icon-frown, .icon-meh, .icon-gamepad, .icon-keyboard, .icon-flag-alt, .icon-flag-checkered, .icon-terminal, .icon-code, .icon-reply-all, .icon-star-half-full, .icon-location-arrow, .icon-crop, .icon-code-fork, .icon-subscript, .icon-eraser, .icon-puzzle, .icon-microphone, .icon-microphone-off, .icon-shield, .icon-calendar-empty, .icon-fire-extinguisher, .icon-rocket, .icon-maxcdn, .icon-chevron-sign-left, .icon-chevron-sign-right, .icon-chevron-sign-up, .icon-chevron-sign-down, .icon-html5, .icon-css3, .icon-anchor, .icon-unlock-alt, .icon-bullseye, .icon-ellipsis-horizontal, .icon-ellipsis-vertical, .icon-rss-sign, .icon-fb-boolean, .icon-text-height, .icon-text-width, .icon-align-left, .icon-align-center, .icon-align-right, .icon-step-forward, .icon-eject, .icon-chevron-left, .icon-chevron-right, .icon-plus-sign-2, .icon-fire, .icon-eye-open, .icon-eye-close, .icon-warning-sign, .icon-plane, .icon-heart-empty, .icon-signout, .icon-linkedin-sign, .icon-pushpin, .icon-external-link, .icon-hand-down, .icon-circle-arrow-left, .icon-circle-arrow-right, .icon-circle-arrow-up, .icon-circle-arrow-down, .icon-truck, .icon-pinterest, .icon-pinterest-sign, .icon-google-plus-sign, .icon-google-plus, .icon-cloud-download, .icon-cloud-upload, .icon-user-md, .icon-stethoscope, .icon-suitcase, .icon-tablet, .icon-mobile, .icon-circle-blank, .icon-quote-left, .icon-quote-right, .icon-unlink, .icon-question, .icon-info, .icon-exclamation, .icon-superscript, .icon-play-sign, .icon-ticket, .icon-minus-sign-alt, .icon-check-minus, .icon-level-up, .icon-sort-by-attributes-alt, .icon-sort-by-order, .icon-sort-by-order-alt, .icon-thumbs-up-2, .icon-thumbs-down-2, .icon-dribbble, .icon-skype, .icon-foursquare, .icon-trello, .icon-female, .icon-level-down, .icon-check-sign, .icon-edit-sign, .icon-external-link-sign, .icon-share-sign, .icon-compass, .icon-collapse, .icon-collapse-top, .icon-expand, .icon-euro, .icon-gbp, .icon-dollar, .icon-rupee, .icon-yen, .icon-renminbi, .icon-won, .icon-bitcoin, .icon-file-2, .icon-file-text, .icon-sort-by-alphabet, .icon-sort-by-alphabet-alt, .icon-sort-by-attributes, .icon-youtube-sign, .icon-youtube, .icon-xing, .icon-xing-sign, .icon-youtube-play, .icon-dropbox, .icon-stackexchange, .icon-instagram, .icon-flickr, .icon-adn, .icon-bitbucket, .icon-bitbucket-sign, .icon-tumblr, .icon-tumblr-sign, .icon-long-arrow-down, .icon-long-arrow-up, .icon-long-arrow-left, .icon-long-arrow-right, .icon-apple, .icon-windows, .icon-android, .icon-linux, .icon-male, .icon-gittip, .icon-sun, .icon-moon, .icon-archive, .icon-bug, .icon-vk, .icon-weibo, .icon-renren, .icon-time, .icon-road, .icon-download-alt, .icon-download, .icon-upload, .icon-db-joinxor, .icon-db-state, .icon-db-start, .icon-db-end, .icon-db-fork, .icon-db-condition, .icon-db-task, .icon-db-join, .icon-fb-button, .icon-fb-fieldset, .icon-fb-custom-field, .icon-fb-separator, .icon-fb-paragraph, .icon-fb-file-upload, .icon-fb-text, .icon-fb-text-box, .icon-fb-select, .icon-fb-radio, .icon-fb-number, .icon-fb-integer, .icon-fb-decimal {
  font-family: 'fontawesome-alloy';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-caret-bottom-right:before {
  content: "\e016"; }

.icon-glass:before {
  content: "\f000"; }

.icon-music:before {
  content: "\f001"; }

.icon-search:before {
  content: "\f002"; }

.icon-envelope:before {
  content: "\f003"; }

.icon-heart:before {
  content: "\f004"; }

.icon-star:before {
  content: "\f005"; }

.icon-star-empty:before {
  content: "\f006"; }

.icon-user:before {
  content: "\f007"; }

.icon-film:before {
  content: "\f008"; }

.icon-th-large:before {
  content: "\f009"; }

.icon-th:before {
  content: "\f00a"; }

.icon-th-list:before {
  content: "\f00b"; }

.icon-ok:before {
  content: "\f00c"; }

.icon-remove:before {
  content: "\f00d"; }

.icon-zoom-in:before {
  content: "\f00e"; }

.icon-zoom-out:before {
  content: "\f010"; }

.icon-off:before {
  content: "\f011"; }

.icon-signal:before {
  content: "\f012"; }

.icon-cog:before {
  content: "\f013"; }

.icon-trash:before {
  content: "\f014"; }

.icon-home:before {
  content: "\f015"; }

.icon-file:before {
  content: "\f016"; }

.icon-inbox:before {
  content: "\f01c"; }

.icon-play-circle:before {
  content: "\f01d"; }

.icon-repeat:before {
  content: "\f01e"; }

.icon-refresh:before {
  content: "\f021"; }

.icon-list-alt:before {
  content: "\f022"; }

.icon-lock:before {
  content: "\f023"; }

.icon-flag:before {
  content: "\f024"; }

.icon-headphones:before {
  content: "\f025"; }

.icon-volume-off:before {
  content: "\f026"; }

.icon-volume-down:before {
  content: "\f027"; }

.icon-volume-up:before {
  content: "\f028"; }

.icon-qrcode:before {
  content: "\f029"; }

.icon-barcode:before {
  content: "\f02a"; }

.icon-tag:before {
  content: "\f02b"; }

.icon-tags:before {
  content: "\f02c"; }

.icon-book:before {
  content: "\f02d"; }

.icon-bookmark:before {
  content: "\f02e"; }

.icon-print:before {
  content: "\f02f"; }

.icon-camera:before {
  content: "\f030"; }

.icon-font:before {
  content: "\f031"; }

.icon-bold:before {
  content: "\f032"; }

.icon-italic:before {
  content: "\f033"; }

.icon-align-justify:before {
  content: "\f039"; }

.icon-list:before {
  content: "\f03a"; }

.icon-indent-left:before {
  content: "\f03b"; }

.icon-indent-right:before {
  content: "\f03c"; }

.icon-facetime-video:before {
  content: "\f03d"; }

.icon-picture:before {
  content: "\f03e"; }

.icon-pencil:before {
  content: "\f040"; }

.icon-map-marker:before {
  content: "\f041"; }

.icon-adjust:before {
  content: "\f042"; }

.icon-tint:before {
  content: "\f043"; }

.icon-edit:before {
  content: "\f044"; }

.icon-share:before {
  content: "\f045"; }

.icon-check:before {
  content: "\f046"; }

.icon-move:before {
  content: "\f047"; }

.icon-step-backward:before {
  content: "\f048"; }

.icon-fast-backward:before {
  content: "\f049"; }

.icon-backward:before {
  content: "\f04a"; }

.icon-play:before {
  content: "\f04b"; }

.icon-pause:before {
  content: "\f04c"; }

.icon-stop:before {
  content: "\f04d"; }

.icon-forward:before {
  content: "\f04e"; }

.icon-fast-forward:before {
  content: "\f050"; }

.icon-minus-sign:before {
  content: "\f056"; }

.icon-remove-sign:before {
  content: "\f057"; }

.icon-ok-sign:before {
  content: "\f058"; }

.icon-question-sign:before {
  content: "\f059"; }

.icon-info-sign:before {
  content: "\f05a"; }

.icon-screenshot:before {
  content: "\f05b"; }

.icon-remove-circle:before {
  content: "\f05c"; }

.icon-ok-circle:before {
  content: "\f05d"; }

.icon-ban-circle:before {
  content: "\f05e"; }

.icon-arrow-left:before {
  content: "\f060"; }

.icon-arrow-right:before {
  content: "\f061"; }

.icon-arrow-up:before {
  content: "\f062"; }

.icon-arrow-down:before {
  content: "\f063"; }

.icon-share-alt:before {
  content: "\f064"; }

.icon-resize-full:before {
  content: "\f065"; }

.icon-resize-small:before {
  content: "\f066"; }

.icon-plus:before {
  content: "\f067"; }

.icon-minus:before {
  content: "\f068"; }

.icon-asterisk:before {
  content: "\f069"; }

.icon-exclamation-sign:before {
  content: "\f06a"; }

.icon-gift:before {
  content: "\f06b"; }

.icon-leaf:before {
  content: "\f06c"; }

.icon-calendar:before {
  content: "\f073"; }

.icon-random:before {
  content: "\f074"; }

.icon-comment:before {
  content: "\f075"; }

.icon-magnet:before {
  content: "\f076"; }

.icon-chevron-up:before {
  content: "\f077"; }

.icon-chevron-down:before {
  content: "\f078"; }

.icon-retweet:before {
  content: "\f079"; }

.icon-shopping-cart:before {
  content: "\f07a"; }

.icon-folder-close:before {
  content: "\f07b"; }

.icon-folder-open:before {
  content: "\f07c"; }

.icon-resize-vertical:before {
  content: "\f07d"; }

.icon-resize-horizontal:before {
  content: "\f07e"; }

.icon-bar-chart:before {
  content: "\f080"; }

.icon-twitter-sign:before {
  content: "\f081"; }

.icon-facebook-sign:before {
  content: "\f082"; }

.icon-camera-retro:before {
  content: "\f083"; }

.icon-key:before {
  content: "\f084"; }

.icon-cogs:before {
  content: "\f085"; }

.icon-comments:before {
  content: "\f086"; }

.icon-thumbs-up:before {
  content: "\f087"; }

.icon-thumbs-down:before {
  content: "\f088"; }

.icon-star-half:before {
  content: "\f089"; }

.icon-signin:before {
  content: "\f090"; }

.icon-trophy:before {
  content: "\f091"; }

.icon-github-sign:before {
  content: "\f092"; }

.icon-upload-alt:before {
  content: "\f093"; }

.icon-lemon:before {
  content: "\f094"; }

.icon-phone:before {
  content: "\f095"; }

.icon-check-empty:before {
  content: "\f096"; }

.icon-bookmark-empty:before {
  content: "\f097"; }

.icon-phone-sign:before {
  content: "\f098"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-facebook:before {
  content: "\f09a"; }

.icon-github:before {
  content: "\f09b"; }

.icon-unlock:before {
  content: "\f09c"; }

.icon-credit:before {
  content: "\f09d"; }

.icon-rss:before {
  content: "\f09e"; }

.icon-hdd:before {
  content: "\f0a0"; }

.icon-bullhorn:before {
  content: "\f0a1"; }

.icon-bell:before {
  content: "\f0a2"; }

.icon-certificate:before {
  content: "\f0a3"; }

.icon-hand-right:before {
  content: "\f0a4"; }

.icon-hand-left:before {
  content: "\f0a5"; }

.icon-hand-up:before {
  content: "\f0a6"; }

.icon-globe:before {
  content: "\f0ac"; }

.icon-wrench:before {
  content: "\f0ad"; }

.icon-tasks:before {
  content: "\f0ae"; }

.icon-filter:before {
  content: "\f0b0"; }

.icon-briefcase:before {
  content: "\f0b1"; }

.icon-fullscreen:before {
  content: "\f0b2"; }

.icon-group:before {
  content: "\f0c0"; }

.icon-link:before {
  content: "\f0c1"; }

.icon-cloud:before {
  content: "\f0c2"; }

.icon-beaker:before {
  content: "\f0c3"; }

.icon-cut:before {
  content: "\f0c4"; }

.icon-copy:before {
  content: "\f0c5"; }

.icon-paper-clip:before {
  content: "\f0c6"; }

.icon-save:before {
  content: "\f0c7"; }

.icon-sign-blank:before {
  content: "\f0c8"; }

.icon-reorder:before {
  content: "\f0c9"; }

.icon-list-ul:before {
  content: "\f0ca"; }

.icon-list-ol:before {
  content: "\f0cb"; }

.icon-strikethrough:before {
  content: "\f0cc"; }

.icon-underline:before {
  content: "\f0cd"; }

.icon-table:before {
  content: "\f0ce"; }

.icon-magic:before {
  content: "\f0d0"; }

.icon-money:before {
  content: "\f0d6"; }

.icon-caret-down:before {
  content: "\f0d7"; }

.icon-caret-up:before {
  content: "\f0d8"; }

.icon-caret-left:before {
  content: "\f0d9"; }

.icon-caret-right:before {
  content: "\f0da"; }

.icon-columns:before {
  content: "\f0db"; }

.icon-sort:before {
  content: "\f0dc"; }

.icon-sort-down:before {
  content: "\f0dd"; }

.icon-sort-up:before {
  content: "\f0de"; }

.icon-envelope-alt:before {
  content: "\f0e0"; }

.icon-linkedin:before {
  content: "\f0e1"; }

.icon-undo:before {
  content: "\f0e2"; }

.icon-legal:before {
  content: "\f0e3"; }

.icon-dashboard:before {
  content: "\f0e4"; }

.icon-comment-alt:before {
  content: "\f0e5"; }

.icon-comments-alt:before {
  content: "\f0e6"; }

.icon-bolt:before {
  content: "\f0e7"; }

.icon-sitemap:before {
  content: "\f0e8"; }

.icon-umbrella:before {
  content: "\f0e9"; }

.icon-paste:before {
  content: "\f0ea"; }

.icon-lightbulb:before {
  content: "\f0eb"; }

.icon-exchange:before {
  content: "\f0ec"; }

.icon-bell-alt:before {
  content: "\f0f3"; }

.icon-coffee:before {
  content: "\f0f4"; }

.icon-food:before {
  content: "\f0f5"; }

.icon-file-alt:before {
  content: "\f0f6"; }

.icon-building:before {
  content: "\f0f7"; }

.icon-hospital:before {
  content: "\f0f8"; }

.icon-ambulance:before {
  content: "\f0f9"; }

.icon-medkit:before {
  content: "\f0fa"; }

.icon-fighter-jet:before {
  content: "\f0fb"; }

.icon-beer:before {
  content: "\f0fc"; }

.icon-h-sign:before {
  content: "\f0fd"; }

.icon-plus-sign:before {
  content: "\f0fe"; }

.icon-double-angle-left:before {
  content: "\f100"; }

.icon-double-angle-right:before {
  content: "\f101"; }

.icon-double-angle-up:before {
  content: "\f102"; }

.icon-double-angle-down:before {
  content: "\f103"; }

.icon-angle-left:before {
  content: "\f104"; }

.icon-angle-right:before {
  content: "\f105"; }

.icon-angle-up:before {
  content: "\f106"; }

.icon-angle-down:before {
  content: "\f107"; }

.icon-desktop:before {
  content: "\f108"; }

.icon-laptop:before {
  content: "\f109"; }

.icon-spinner:before {
  content: "\f110"; }

.icon-circle:before {
  content: "\f111"; }

.icon-reply:before {
  content: "\f112"; }

.icon-github-alt:before {
  content: "\f113"; }

.icon-folder-close-alt:before {
  content: "\f114"; }

.icon-folder-open-alt:before {
  content: "\f115"; }

.icon-expand-alt:before {
  content: "\f116"; }

.icon-collapse-alt:before {
  content: "\f117"; }

.icon-smile:before {
  content: "\f118"; }

.icon-frown:before {
  content: "\f119"; }

.icon-meh:before {
  content: "\f11a"; }

.icon-gamepad:before {
  content: "\f11b"; }

.icon-keyboard:before {
  content: "\f11c"; }

.icon-flag-alt:before {
  content: "\f11d"; }

.icon-flag-checkered:before {
  content: "\f11e"; }

.icon-terminal:before {
  content: "\f120"; }

.icon-code:before {
  content: "\f121"; }

.icon-reply-all:before {
  content: "\f122"; }

.icon-star-half-full:before {
  content: "\f123"; }

.icon-location-arrow:before {
  content: "\f124"; }

.icon-crop:before {
  content: "\f125"; }

.icon-code-fork:before {
  content: "\f126"; }

.icon-subscript:before {
  content: "\f12c"; }

.icon-eraser:before {
  content: "\f12d"; }

.icon-puzzle:before {
  content: "\f12e"; }

.icon-microphone:before {
  content: "\f130"; }

.icon-microphone-off:before {
  content: "\f131"; }

.icon-shield:before {
  content: "\f132"; }

.icon-calendar-empty:before {
  content: "\f133"; }

.icon-fire-extinguisher:before {
  content: "\f134"; }

.icon-rocket:before {
  content: "\f135"; }

.icon-maxcdn:before {
  content: "\f136"; }

.icon-chevron-sign-left:before {
  content: "\f137"; }

.icon-chevron-sign-right:before {
  content: "\f138"; }

.icon-chevron-sign-up:before {
  content: "\f139"; }

.icon-chevron-sign-down:before {
  content: "\f13a"; }

.icon-html5:before {
  content: "\f13b"; }

.icon-css3:before {
  content: "\f13c"; }

.icon-anchor:before {
  content: "\f13d"; }

.icon-unlock-alt:before {
  content: "\f13e"; }

.icon-bullseye:before {
  content: "\f140"; }

.icon-ellipsis-horizontal:before {
  content: "\f141"; }

.icon-ellipsis-vertical:before {
  content: "\f142"; }

.icon-rss-sign:before {
  content: "\f143"; }

.icon-fb-boolean:before {
  content: "\e008"; }

.icon-text-height:before {
  content: "\f034"; }

.icon-text-width:before {
  content: "\f035"; }

.icon-align-left:before {
  content: "\f036"; }

.icon-align-center:before {
  content: "\f037"; }

.icon-align-right:before {
  content: "\f038"; }

.icon-step-forward:before {
  content: "\f051"; }

.icon-eject:before {
  content: "\f052"; }

.icon-chevron-left:before {
  content: "\f053"; }

.icon-chevron-right:before {
  content: "\f054"; }

.icon-plus-sign-2:before {
  content: "\f055"; }

.icon-fire:before {
  content: "\f06d"; }

.icon-eye-open:before {
  content: "\f06e"; }

.icon-eye-close:before {
  content: "\f070"; }

.icon-warning-sign:before {
  content: "\f071"; }

.icon-plane:before {
  content: "\f072"; }

.icon-heart-empty:before {
  content: "\f08a"; }

.icon-signout:before {
  content: "\f08b"; }

.icon-linkedin-sign:before {
  content: "\f08c"; }

.icon-pushpin:before {
  content: "\f08d"; }

.icon-external-link:before {
  content: "\f08e"; }

.icon-hand-down:before {
  content: "\f0a7"; }

.icon-circle-arrow-left:before {
  content: "\f0a8"; }

.icon-circle-arrow-right:before {
  content: "\f0a9"; }

.icon-circle-arrow-up:before {
  content: "\f0aa"; }

.icon-circle-arrow-down:before {
  content: "\f0ab"; }

.icon-truck:before {
  content: "\f0d1"; }

.icon-pinterest:before {
  content: "\f0d2"; }

.icon-pinterest-sign:before {
  content: "\f0d3"; }

.icon-google-plus-sign:before {
  content: "\f0d4"; }

.icon-google-plus:before {
  content: "\f0d5"; }

.icon-cloud-download:before {
  content: "\f0ed"; }

.icon-cloud-upload:before {
  content: "\f0ee"; }

.icon-user-md:before {
  content: "\f0f0"; }

.icon-stethoscope:before {
  content: "\f0f1"; }

.icon-suitcase:before {
  content: "\f0f2"; }

.icon-tablet:before {
  content: "\f10a"; }

.icon-mobile:before {
  content: "\f10b"; }

.icon-circle-blank:before {
  content: "\f10c"; }

.icon-quote-left:before {
  content: "\f10d"; }

.icon-quote-right:before {
  content: "\f10e"; }

.icon-unlink:before {
  content: "\f127"; }

.icon-question:before {
  content: "\f128"; }

.icon-info:before {
  content: "\f129"; }

.icon-exclamation:before {
  content: "\f12a"; }

.icon-superscript:before {
  content: "\f12b"; }

.icon-play-sign:before {
  content: "\f144"; }

.icon-ticket:before {
  content: "\f145"; }

.icon-minus-sign-alt:before {
  content: "\f146"; }

.icon-check-minus:before {
  content: "\f147"; }

.icon-level-up:before {
  content: "\f148"; }

.icon-sort-by-attributes-alt:before {
  content: "\f161"; }

.icon-sort-by-order:before {
  content: "\f162"; }

.icon-sort-by-order-alt:before {
  content: "\f163"; }

.icon-thumbs-up-2:before {
  content: "\f164"; }

.icon-thumbs-down-2:before {
  content: "\f165"; }

.icon-dribbble:before {
  content: "\f17d"; }

.icon-skype:before {
  content: "\f17e"; }

.icon-foursquare:before {
  content: "\f180"; }

.icon-trello:before {
  content: "\f181"; }

.icon-female:before {
  content: "\f182"; }

.icon-level-down:before {
  content: "\f149"; }

.icon-check-sign:before {
  content: "\f14a"; }

.icon-edit-sign:before {
  content: "\f14b"; }

.icon-external-link-sign:before {
  content: "\f14c"; }

.icon-share-sign:before {
  content: "\f14d"; }

.icon-compass:before {
  content: "\f14e"; }

.icon-collapse:before {
  content: "\f150"; }

.icon-collapse-top:before {
  content: "\f151"; }

.icon-expand:before {
  content: "\f152"; }

.icon-euro:before {
  content: "\f153"; }

.icon-gbp:before {
  content: "\f154"; }

.icon-dollar:before {
  content: "\f155"; }

.icon-rupee:before {
  content: "\f156"; }

.icon-yen:before {
  content: "\f157"; }

.icon-renminbi:before {
  content: "\f158"; }

.icon-won:before {
  content: "\f159"; }

.icon-bitcoin:before {
  content: "\f15a"; }

.icon-file-2:before {
  content: "\f15b"; }

.icon-file-text:before {
  content: "\f15c"; }

.icon-sort-by-alphabet:before {
  content: "\f15d"; }

.icon-sort-by-alphabet-alt:before {
  content: "\f15e"; }

.icon-sort-by-attributes:before {
  content: "\f160"; }

.icon-youtube-sign:before {
  content: "\f166"; }

.icon-youtube:before {
  content: "\f167"; }

.icon-xing:before {
  content: "\f168"; }

.icon-xing-sign:before {
  content: "\f169"; }

.icon-youtube-play:before {
  content: "\f16a"; }

.icon-dropbox:before {
  content: "\f16b"; }

.icon-stackexchange:before {
  content: "\f16c"; }

.icon-instagram:before {
  content: "\f16d"; }

.icon-flickr:before {
  content: "\f16e"; }

.icon-adn:before {
  content: "\f170"; }

.icon-bitbucket:before {
  content: "\f171"; }

.icon-bitbucket-sign:before {
  content: "\f172"; }

.icon-tumblr:before {
  content: "\f173"; }

.icon-tumblr-sign:before {
  content: "\f174"; }

.icon-long-arrow-down:before {
  content: "\f175"; }

.icon-long-arrow-up:before {
  content: "\f176"; }

.icon-long-arrow-left:before {
  content: "\f177"; }

.icon-long-arrow-right:before {
  content: "\f178"; }

.icon-apple:before {
  content: "\f179"; }

.icon-windows:before {
  content: "\f17a"; }

.icon-android:before {
  content: "\f17b"; }

.icon-linux:before {
  content: "\f17c"; }

.icon-male:before {
  content: "\f183"; }

.icon-gittip:before {
  content: "\f184"; }

.icon-sun:before {
  content: "\f185"; }

.icon-moon:before {
  content: "\f186"; }

.icon-archive:before {
  content: "\f187"; }

.icon-bug:before {
  content: "\f188"; }

.icon-vk:before {
  content: "\f189"; }

.icon-weibo:before {
  content: "\f18a"; }

.icon-renren:before {
  content: "\f18b"; }

.icon-time:before {
  content: "\f017"; }

.icon-road:before {
  content: "\f018"; }

.icon-download-alt:before {
  content: "\f019"; }

.icon-download:before {
  content: "\f01a"; }

.icon-upload:before {
  content: "\f01b"; }

.icon-db-joinxor:before {
  content: "\e006"; }

.icon-db-state:before {
  content: "\e009"; }

.icon-db-start:before {
  content: "\e00b"; }

.icon-db-end:before {
  content: "\e00a"; }

.icon-db-fork:before {
  content: "\e00c"; }

.icon-db-condition:before {
  content: "\e00e"; }

.icon-db-task:before {
  content: "\e00d"; }

.icon-db-join:before {
  content: "\e00f"; }

.icon-fb-button:before {
  content: "\e010"; }

.icon-fb-fieldset:before {
  content: "\e011"; }

.icon-fb-custom-field:before {
  content: "\e012"; }

.icon-fb-separator:before {
  content: "\e013"; }

.icon-fb-paragraph:before {
  content: "\e014"; }

.icon-fb-file-upload:before {
  content: "\e015"; }

.icon-fb-text:before {
  content: "\e000"; }

.icon-fb-text-box:before {
  content: "\e001"; }

.icon-fb-select:before {
  content: "\e002"; }

.icon-fb-radio:before {
  content: "\e003"; }

.icon-fb-number:before {
  content: "\e004"; }

.icon-fb-integer:before {
  content: "\e005"; }

.icon-fb-decimal:before {
  content: "\e007"; }

.icon-btc:before {
  content: "\f15a"; }

.icon-cny:before {
  content: "\f158"; }

.icon-eur:before {
  content: "\f153"; }

.icon-gear:before {
  content: "\f013"; }

.icon-gears:before {
  content: "\f085"; }

.icon-inr:before {
  content: "\f156"; }

.icon-jpy:before {
  content: "\f157"; }

.icon-krw:before {
  content: "\f159"; }

.icon-mail-forward:before {
  content: "\f064"; }

.icon-mail-reply:before {
  content: "\f112"; }

.icon-paperclip:before {
  content: "\f0c6"; }

.icon-power-off:before {
  content: "\f011"; }

.icon-rotate-left:before {
  content: "\f0e2"; }

.icon-rotate-right:before {
  content: "\f01e"; }

.icon-star-half-empty:before {
  content: "\f123"; }

.icon-unchecked:before {
  content: "\f096"; }

.icon-usd:before {
  content: "\f155"; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../font/glyphicons-halflings-regular.eot);
  src: url(../font/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../font/glyphicons-halflings-regular.woff2) format("woff2"), url(../font/glyphicons-halflings-regular.woff) format("woff"), url(../font/glyphicons-halflings-regular.ttf) format("truetype"), url(../font/glyphicons-halflings-regular.svgglyphicons_halflingsregular) format("svg"); }

.glyphicon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: relative;
  top: 1px; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before, .glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

.breadcrumb-horizontal {
  font-size: 0.875rem;
  padding: 0; }

.bg-lighter {
  background-color: #f7f8f9 !important; }

.border-lighter {
  border-color: #f7f8f9 !important; }

.text-lighter {
  color: #f7f8f9 !important; }

.bg-gray-dark {
  background-color: #393a4a !important; }

.border-gray-dark {
  border-color: #393a4a !important; }

.text-gray-dark {
  color: #393a4a !important; }

.portlet-commerce-open-order-content .order-details-container {
  margin-bottom: var(--spacer-4); }
  .portlet-commerce-open-order-content .order-details-container .lfr-icon-menu {
    float: right; }
    .portlet-commerce-open-order-content .order-details-container .lfr-icon-menu .position-fixed {
      position: initial !important; }
  .portlet-commerce-open-order-content .order-details-container .commerce-cta > div {
    display: inline-block; }

.list-group-item-flex > .autofit-col:first-of-type {
  padding-left: 10px;
  padding-right: 4px; }

@media (min-width: 768px) {
  .info-panel {
    bottom: 0;
    position: absolute;
    top: 0; }
    .info-panel > .sidenav-menu {
      bottom: 0;
      position: absolute;
      right: 0 !important;
      top: 0; } }

.navbar-top {
  padding-bottom: 0.907rem;
  padding-top: 0.907rem; }
  .navbar-top .portlet:hover, .navbar-top .portlet.open {
    z-index: 1035; }

.navbar-blank {
  flex-wrap: wrap; }
  .navbar-blank .lexicon-icon {
    font-size: 0.625rem;
    margin: 0 0 0 0.25rem; }

.navbar-classic {
  background-color: #fff; }
  .navbar-classic.navbar-light {
    border-bottom: 1px solid #e7e7ed; }
  @media (max-width: 575.98px) {
    .navbar-classic .navbar-blank {
      margin-top: 1rem; } }
  .navbar-classic .navbar-form {
    padding: 0; }
    .navbar-classic .navbar-form .field-wrapper {
      right: 0;
      top: 0; }
      .navbar-classic .navbar-form .field-wrapper .lfr-icon-item {
        color: #6b6c7e; }
  @media (max-width: 767.98px) {
    .navbar-classic .portlet-search-bar {
      width: 100%; } }
  .navbar-classic .portlet-search-bar .input-group-item {
    margin-left: 0; }
  .navbar-classic .logo:hover {
    text-decoration: none; }
  @media (min-width: 992px) {
    .navbar-classic .navbar-nav .nav-item:not(:last-of-type) .nav-link {
      margin-right: 16px; } }
  .navbar-classic .nav-link {
    color: #6b6c7e;
    font-size: 0.9375rem;
    font-weight: 600; }

.info-panel .sidebar > .sidenav-close {
  float: right;
  margin: 16px 16px 0 8px; }
  .info-panel .sidebar > .sidenav-close + .info-panel-content .sidebar-header > .autofit-row {
    width: auto; }

.info-panel .sidenav-close {
  float: none;
  margin: 0; }

.info-panel .sidebar-header .component-title {
  font-size: 16px;
  font-weight: 600; }

.info-panel .sidebar-header .component-subtitle {
  font-size: 14px;
  font-weight: 600; }

.info-panel .sidebar-header .autofit-padded-no-gutters {
  margin-left: -4px;
  margin-right: -4px; }
  .info-panel .sidebar-header .autofit-padded-no-gutters .autofit-col {
    padding-left: 4px;
    padding-right: 4px; }

.info-panel .sidebar-body .sidebar-section {
  margin-bottom: 16px; }

.sidebar-light .sidebar-header .text-default {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: 400; }

.sidebar-light .sidebar-header .icon-monospaced {
  color: #6b6c7e; }

.sidebar-light .navbar-collapse {
  border-bottom: 1px solid #cdced9; }

@media (min-width: 576px) {
  .sidebar-light .navigation-bar-light,
  .sidebar-light .sidebar-section > .list-group-item,
  .sidebar-light .panel,
  .sidebar-light .panel-group .panel {
    background-color: transparent;
    border-color: transparent; } }

.table-list th:first-child,
.table-list td:first-child {
  padding-left: 18px;
  padding-right: 6px; }

.widget-mode-detail {
  background-color: #fff; }
  .widget-mode-detail .title {
    color: #272833;
    font-weight: 700;
    line-height: 1.25; }
  .widget-mode-detail .sub-title {
    color: #a0a1b0;
    font-weight: 400; }
  .widget-mode-detail .widget-metadata {
    font-size: 0.875rem; }
    .widget-mode-detail .widget-metadata .inline-item-before {
      margin-right: 1rem; }
    .widget-mode-detail .widget-metadata .username {
      color: #272833;
      font-weight: 600;
      line-height: 2; }
  .widget-mode-detail .aspect-ratio {
    padding-bottom: 480px; }

.widget-mode-card .card {
  border-radius: 8px; }

.widget-mode-card .card-header {
  border-radius: 8px 8px 0 0; }

.widget-mode-card .card-body {
  padding: 24px; }

.widget-mode-card .widget-topbar .title-link {
  color: #272833; }

.widget-mode-card .widget-topbar .title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-right: 24px; }

.widget-mode-card .widget-metadata {
  font-size: 0.875rem;
  margin-bottom: 16px; }
  .widget-mode-card .widget-metadata .inline-item-before {
    margin-right: 1rem; }
  .widget-mode-card .widget-metadata .username {
    color: #272833;
    font-weight: 600; }

.widget-mode-card .widget-resume {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0; }

.widget-mode-card .card-footer {
  background-color: transparent;
  padding: 0 1rem 1rem; }

.widget-mode-card .widget-toolbar {
  border-top: 1px solid #e7e7ed;
  padding-top: 8px; }

.widget-mode-simple .widget-mode-simple-entry:not(:last-child) {
  border-bottom: 1px solid #e7e7ed;
  margin-bottom: 24px;
  padding-bottom: 24px; }

.widget-mode-simple .widget-topbar .title-link {
  color: #272833; }

.widget-mode-simple .widget-topbar .title {
  font-size: 1.75rem;
  font-weight: 700; }

.widget-mode-simple .widget-metadata {
  font-size: 0.875rem; }
  .widget-mode-simple .widget-metadata .inline-item-before {
    margin-right: 1rem; }
  .widget-mode-simple .widget-metadata .username {
    color: #272833;
    font-weight: 600; }

.widget-toolbar .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem; }

html:not(#__):not(#___) .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .portlet.open > .cadmin.portlet-topper {
  z-index: 999; }

html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
  font-size: 13.92px;
  padding: 0 4px 0 8px; }
  @media (min-width: 768px) {
    html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
      display: block;
      white-space: nowrap; } }
  @media (min-width: 576px) {
    html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
      right: auto; } }
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-title-default {
    display: inline-block;
    line-height: 24px;
    vertical-align: middle; }
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-name-text {
    margin-right: 12px; }
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-topper-toolbar {
    display: inline-block;
    vertical-align: middle; }
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-topper-toolbar,
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .icon-monospaced {
    height: 24px;
    line-height: 24px;
    width: 24px; }
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper .portlet-topper-toolbar .component-action {
    font-size: 14px;
    height: 24px;
    margin-top: -2px;
    width: 24px; }

html:not(#__):not(#___) .portlet-dropzone {
  box-shadow: 0 0 0 1px transparent inset;
  transition: box-shadow 300ms ease-in-out;
  will-change: box-shadow; }

html:not(#__):not(#___) .yui3-dd-drop-active-valid .portlet-dropzone {
  box-shadow: 0 0 0 1px rgba(0, 74, 215, 0.2) inset; }

html:not(#__):not(#___) .yui3-dd-drop-over .portlet-dropzone {
  box-shadow: 0 0 0 4px #004ad7 inset; }

.portlet-layout .portlet .management-bar > .container-fluid-max-xl,
.portlet-layout .portlet .navbar-underline > .container-fluid-max-xl {
  padding-left: 0;
  padding-right: 0; }

.portlet-layout .portlet .portlet-title-text {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 2.2;
  margin-bottom: 0;
  text-transform: uppercase; }

.portlet > .portlet-topper {
  font-size: 0.87rem;
  padding: 0 4px 0 8px; }
  @media (min-width: 768px) {
    .portlet > .portlet-topper {
      display: block;
      white-space: nowrap; } }
  @media (min-width: 576px) {
    .portlet > .portlet-topper {
      right: auto; } }
  .portlet > .portlet-topper .portlet-title-default {
    display: inline-block;
    line-height: 1.5rem;
    vertical-align: middle; }
  .portlet > .portlet-topper .portlet-name-text {
    margin-right: 0.75rem; }
  .portlet > .portlet-topper .portlet-topper-toolbar {
    display: inline-block;
    vertical-align: middle; }
  .portlet > .portlet-topper .portlet-topper-toolbar,
  .portlet > .portlet-topper .icon-monospaced {
    height: 1.5rem;
    line-height: 1.5rem;
    width: 1.5rem; }
  .portlet > .portlet-topper .portlet-topper-toolbar .component-action {
    height: 1.5rem;
    width: 1.5rem; }
  .portlet > .portlet-topper .lexicon-icon {
    height: 0.875rem;
    width: 0.875rem; }

.portlet:hover > .portlet-topper, .portlet.open > .portlet-topper {
  z-index: 999; }

.portlet-dropzone {
  box-shadow: 0 0 0 1px transparent inset;
  transition: box-shadow 300ms ease-in-out;
  will-change: box-shadow; }
  .yui3-dd-drop-active-valid .portlet-dropzone {
    box-shadow: 0 0 0 1px rgba(0, 74, 215, 0.2) inset; }
  .yui3-dd-drop-over .portlet-dropzone {
    box-shadow: 0 0 0 4px #004ad7 inset; }

.portlet-decorate .portlet {
  margin-bottom: 24px; }

.portlet-decorate .portlet-content {
  border-radius: 0.25rem; }

.portlet-barebone .panel,
.portlet-borderless .panel {
  background-color: transparent; }
  .portlet-barebone .panel.card,
  .portlet-borderless .panel.card {
    border-color: #cdced9;
    box-shadow: none; }

.portlet-barebone .panel-default,
.portlet-borderless .panel-default {
  border-color: #cdced9; }

.portlet-barebone .widget-mode-detail,
.portlet-borderless .widget-mode-detail {
  background-color: transparent; }

.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px; }

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0; }

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial; }

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0; }

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker-popper {
  z-index: 1;
  line-height: 0; }
  .react-datepicker-popper .react-datepicker__triangle {
    stroke: #aeaeae; }
  .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
    fill: #f0f0f0;
    color: #f0f0f0; }
  .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
    fill: #fff;
    color: #fff; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative; }
  .react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px; }
    .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
      border-top-left-radius: 0; }
  .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: 0.3rem; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px; }

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem; }

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden; }
  .react-datepicker__navigation--previous {
    left: 2px; }
  .react-datepicker__navigation--next {
    right: 2px; }
    .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
      right: 85px; }
  .react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .react-datepicker__navigation--years-previous {
      top: 4px; }
    .react-datepicker__navigation--years-upcoming {
      top: -4px; }
  .react-datepicker__navigation:hover *::before {
    border-color: #a6a6a6; }

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0; }
  .react-datepicker__navigation-icon--next {
    left: -2px; }
    .react-datepicker__navigation-icon--next::before {
      transform: rotate(45deg);
      left: -7px; }
  .react-datepicker__navigation-icon--previous {
    right: -2px; }
    .react-datepicker__navigation-icon--previous::before {
      transform: rotate(225deg);
      right: -7px; }

.react-datepicker__month-container {
  float: left; }

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center; }
  .react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px; }
  .react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }
  .react-datepicker__month .react-datepicker__month-text,
  .react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px; }

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left; }
  .react-datepicker__input-time-container .react-datepicker-time__caption {
    display: inline-block; }
  .react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block; }
    .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
      display: inline-block;
      margin-left: 10px; }
      .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
        width: auto; }
      .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
      .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
        -moz-appearance: textfield; }
    .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
      margin-left: 5px;
      display: inline-block; }

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px; }
  .react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    position: absolute;
    right: -87px;
    top: 0; }
  .react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: white;
    border-bottom-right-radius: 0.3rem; }
    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
      width: 85px;
      overflow-x: hidden;
      margin: 0 auto;
      text-align: center;
      border-bottom-right-radius: 0.3rem; }
      .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
        list-style: none;
        margin: 0;
        height: calc(195px + (1.7rem / 2));
        overflow-y: scroll;
        padding-right: 0;
        padding-left: 0;
        width: 100%;
        box-sizing: content-box; }
        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
          height: 30px;
          padding: 5px 10px;
          white-space: nowrap; }
          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
            cursor: pointer;
            background-color: #f0f0f0; }
          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
            background-color: #216ba5;
            color: white;
            font-weight: bold; }
            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
              background-color: #216ba5; }
          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
            color: #ccc; }
            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
              cursor: default;
              background-color: transparent; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }
  .react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer; }
    .react-datepicker__week-number.react-datepicker__week-number--clickable :hover {
      border-radius: 0.3rem;
      background-color: #f0f0f0; }
  .react-datepicker__week-number--selected {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff; }
    .react-datepicker__week-number--selected:hover {
      background-color: #1d5d90; }
  .react-datepicker__week-number--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff; }
    .react-datepicker__week-number--keyboard-selected:hover {
      background-color: #1d5d90; }

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px; }

.react-datepicker__week {
  white-space: nowrap; }

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer; }
  .react-datepicker__day:hover,
  .react-datepicker__month-text:hover,
  .react-datepicker__quarter-text:hover,
  .react-datepicker__year-text:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0; }
  .react-datepicker__day--today,
  .react-datepicker__month-text--today,
  .react-datepicker__quarter-text--today,
  .react-datepicker__year-text--today {
    font-weight: bold; }
  .react-datepicker__day--highlighted,
  .react-datepicker__month-text--highlighted,
  .react-datepicker__quarter-text--highlighted,
  .react-datepicker__year-text--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff; }
    .react-datepicker__day--highlighted:hover,
    .react-datepicker__month-text--highlighted:hover,
    .react-datepicker__quarter-text--highlighted:hover,
    .react-datepicker__year-text--highlighted:hover {
      background-color: #32be3f; }
    .react-datepicker__day--highlighted-custom-1,
    .react-datepicker__month-text--highlighted-custom-1,
    .react-datepicker__quarter-text--highlighted-custom-1,
    .react-datepicker__year-text--highlighted-custom-1 {
      color: magenta; }
    .react-datepicker__day--highlighted-custom-2,
    .react-datepicker__month-text--highlighted-custom-2,
    .react-datepicker__quarter-text--highlighted-custom-2,
    .react-datepicker__year-text--highlighted-custom-2 {
      color: green; }
  .react-datepicker__day--holidays,
  .react-datepicker__month-text--holidays,
  .react-datepicker__quarter-text--holidays,
  .react-datepicker__year-text--holidays {
    position: relative;
    border-radius: 0.3rem;
    background-color: #ff6803;
    color: #fff; }
    .react-datepicker__day--holidays .overlay,
    .react-datepicker__month-text--holidays .overlay,
    .react-datepicker__quarter-text--holidays .overlay,
    .react-datepicker__year-text--holidays .overlay {
      position: absolute;
      bottom: 100%;
      left: 50%;
      transform: translateX(-50%);
      background-color: #333;
      color: #fff;
      padding: 4px;
      border-radius: 4px;
      white-space: nowrap;
      visibility: hidden;
      opacity: 0;
      transition: visibility 0s, opacity 0.3s ease-in-out; }
    .react-datepicker__day--holidays:hover,
    .react-datepicker__month-text--holidays:hover,
    .react-datepicker__quarter-text--holidays:hover,
    .react-datepicker__year-text--holidays:hover {
      background-color: #cf5300; }
    .react-datepicker__day--holidays:hover .overlay,
    .react-datepicker__month-text--holidays:hover .overlay,
    .react-datepicker__quarter-text--holidays:hover .overlay,
    .react-datepicker__year-text--holidays:hover .overlay {
      visibility: visible;
      opacity: 1; }
  .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
  .react-datepicker__month-text--selected,
  .react-datepicker__month-text--in-selecting-range,
  .react-datepicker__month-text--in-range,
  .react-datepicker__quarter-text--selected,
  .react-datepicker__quarter-text--in-selecting-range,
  .react-datepicker__quarter-text--in-range,
  .react-datepicker__year-text--selected,
  .react-datepicker__year-text--in-selecting-range,
  .react-datepicker__year-text--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff; }
    .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
    .react-datepicker__month-text--selected:hover,
    .react-datepicker__month-text--in-selecting-range:hover,
    .react-datepicker__month-text--in-range:hover,
    .react-datepicker__quarter-text--selected:hover,
    .react-datepicker__quarter-text--in-selecting-range:hover,
    .react-datepicker__quarter-text--in-range:hover,
    .react-datepicker__year-text--selected:hover,
    .react-datepicker__year-text--in-selecting-range:hover,
    .react-datepicker__year-text--in-range:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--keyboard-selected,
  .react-datepicker__month-text--keyboard-selected,
  .react-datepicker__quarter-text--keyboard-selected,
  .react-datepicker__year-text--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #bad9f1;
    color: black; }
    .react-datepicker__day--keyboard-selected:hover,
    .react-datepicker__month-text--keyboard-selected:hover,
    .react-datepicker__quarter-text--keyboard-selected:hover,
    .react-datepicker__year-text--keyboard-selected:hover {
      background-color: #1d5d90; }
  .react-datepicker__day--in-selecting-range ,
  .react-datepicker__month-text--in-selecting-range ,
  .react-datepicker__quarter-text--in-selecting-range ,
  .react-datepicker__year-text--in-selecting-range {
    background-color: rgba(33, 107, 165, 0.5); }
  .react-datepicker__month--selecting-range .react-datepicker__day--in-range ,
  .react-datepicker__year--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
  .react-datepicker__month-text--in-range ,
  .react-datepicker__year--selecting-range
  .react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
  .react-datepicker__quarter-text--in-range ,
  .react-datepicker__year--selecting-range
  .react-datepicker__quarter-text--in-range , .react-datepicker__month--selecting-range
  .react-datepicker__year-text--in-range ,
  .react-datepicker__year--selecting-range
  .react-datepicker__year-text--in-range {
    background-color: #f0f0f0;
    color: #000; }
  .react-datepicker__day--disabled,
  .react-datepicker__month-text--disabled,
  .react-datepicker__quarter-text--disabled,
  .react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc; }
    .react-datepicker__day--disabled:hover,
    .react-datepicker__month-text--disabled:hover,
    .react-datepicker__quarter-text--disabled:hover,
    .react-datepicker__year-text--disabled:hover {
      background-color: transparent; }
    .react-datepicker__day--disabled .overlay,
    .react-datepicker__month-text--disabled .overlay,
    .react-datepicker__quarter-text--disabled .overlay,
    .react-datepicker__year-text--disabled .overlay {
      position: absolute;
      bottom: 70%;
      left: 50%;
      transform: translateX(-50%);
      background-color: #333;
      color: #fff;
      padding: 4px;
      border-radius: 4px;
      white-space: nowrap;
      visibility: hidden;
      opacity: 0;
      transition: visibility 0s, opacity 0.3s ease-in-out; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%; }
  .react-datepicker__input-container .react-datepicker__calendar-icon {
    position: absolute;
    padding: 0.5rem;
    box-sizing: content-box; }

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative; }
  .react-datepicker__year-read-view:hover,
  .react-datepicker__month-read-view:hover,
  .react-datepicker__month-year-read-view:hover {
    cursor: pointer; }
    .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
    .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
    .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
      border-top-color: #b3b3b3; }
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow,
  .react-datepicker__month-year-read-view--down-arrow {
    transform: rotate(135deg);
    right: -16px;
    top: 0; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae; }
  .react-datepicker__year-dropdown:hover,
  .react-datepicker__month-dropdown:hover,
  .react-datepicker__month-year-dropdown:hover {
    cursor: pointer; }
  .react-datepicker__year-dropdown--scrollable,
  .react-datepicker__month-dropdown--scrollable,
  .react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .react-datepicker__year-option:first-of-type,
  .react-datepicker__month-option:first-of-type,
  .react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem; }
  .react-datepicker__year-option:last-of-type,
  .react-datepicker__month-option:last-of-type,
  .react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem; }
  .react-datepicker__year-option:hover,
  .react-datepicker__month-option:hover,
  .react-datepicker__month-year-option:hover {
    background-color: #ccc; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
    .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
      border-bottom-color: #b3b3b3; }
    .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
    .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
      border-top-color: #b3b3b3; }
  .react-datepicker__year-option--selected,
  .react-datepicker__month-option--selected,
  .react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px; }

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle; }
  .react-datepicker__close-icon::after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "\00d7"; }
  .react-datepicker__close-icon--disabled {
    cursor: default; }
    .react-datepicker__close-icon--disabled::after {
      cursor: default;
      background-color: #ccc; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647; }
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem; }
  @media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__time-name {
      width: 2rem;
      line-height: 2rem; } }
  .react-datepicker__portal .react-datepicker__current-month,
  .react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem; }

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto; }

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap; }

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em; }

@font-face {
  font-family: 'RobotoFlexRegular';
  src: url("../fonts/RobotoFlex-Regular.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'RobotoFlexBold';
  src: url("../fonts/Roboto-Bold.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: 'RobotoFlexMedium';
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
  font-style: normal; }

/* OPAP variables */
:root {
  --opap-brand-navy-blue: #030F37;
  --opap-brand-navy-blue-light: #232D4D;
  --opap-brand-aqua-blue: #00B0FF;
  --opap-brand-sky-blue: #008FE9;
  --opap-brand-royal-blue: #0B56C3;
  --opap-brand-forest-green: #00764C;
  --opap-brand-apple: #16BA3A;
  --opap-brand-lime-green: #67CD00;
  --opap-brand-yellow: #FFA800;
  --opap-brand-orange: #FF5A1C;
  --opap-brand-red: #FD4242; }

:root {
  --opap-hl-navy-blue: #103976;
  --opap-hl-aqua-blue: #00E5FF;
  --opap-hl-sky-blue: #0AC7FE;
  --opap-hl-royal-blue: #0162FF;
  --opap-hl-forest-green: #00DB6E;
  --opap-hl-apple: #47F041;
  --opap-hl-lime-green: #9BF02F;
  --opap-hl-yellow: #FFC900;
  --opap-hl-orange: #FF8C08;
  --opap-hl-red: #FF455E;
  --opap-yellow: #FDC300; }

:root {
  --opap-secondary-purple: #7700EE;
  --opap-secondary-plum: #7F0063;
  --opap-tzoker-blue: #104C8C;
  --opap-tzoker-yellow: #FFC314;
  --opap-tzoker-extra: #F8E061;
  --opap-tzoker-text-stroke: #5178DB;
  --opap-form-blue: #127FC3;
  --opap-form-cta-grey: #757e8d;
  --opap-form-orange: #F9AF41;
  --opap-filepond-blue: #337AB7;
  --opap-filepond-border: #2E6DA4;
  --opap-super3-generic-blue: #005BC9;
  --opap-super3-hot: #F27115;
  --opap-super3-cold: #58BDFF;
  --opap-super3-sum-blue: #142D6D;
  --opap-super3-border: #999999;
  --opap-super3-yellow: #FCAF17;
  --opap-super3-green: #00A551;
  --opap-super3-red: #E1251B;
  --opap-laheia-gray: #BDC3D2; }

:root {
  --opap-pure-dark: #000000;
  --opap-neutral-90: #1E1F24;
  --opap-neutral-80: #3B3E49;
  --opap-neutral-70: #575C6B;
  --opap-neutral-60: #696F81;
  --opap-neutral-50: #9499A8;
  --opap-neutral-40: #B6BAC4;
  --opap-neutral-30: #DDDEE3;
  --opap-neutral-20: #ECEDF0;
  --opap-neutral-10: #F4F4F6;
  --opap-neutral-5: #FAFAFB;
  --opap-neutral-3: #F1F3F8;
  --opap-neutral-1: #FAFAFC;
  --opap-white: #FDFDFD;
  --opap-clean-white: #FFFFFF;
  --opap-pale-grey: #EDEEED;
  --opap-soft-grey: #EEEEEE;
  --opap-light-grey: #D8D8D8;
  --opap-smoke-grey: #D0D0D0;
  --opap-dust-grey: #CCCCCC;
  --opap-grey: #808080;
  --opap-pure-grey: #555555;
  --opap-dark-grey: #343434;
  --opap-lighter-grey: #E9ECEF;
  --opap-darker-grey: #CED4DA;
  --opap-dust-darker: #272833;
  --opap-error-red: #D41010;
  --opap-eurojackpot-text-stroke: #FBC02A61;
  --opap-scratch-winners-map-blue: #A5D7E0;
  --opap-scratch-winners-map-beige: #F4F1EA;
  --opap-scratch-winners-map-active: #25C1FC;
  --opap-datepicker-grey: #E7E8E9; }

/* OPAP Mixins */
:root {
  --opap-glow-navy-blue: radial-gradient(94.1% 94.1% at 0% 100%, rgba(16, 57, 118, 0.8) 0%, rgba(16, 57, 118, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, rgba(2, 34, 85, 0.7) 0%, rgba(2, 34, 85, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, rgba(0, 176, 255, 0.5) 0%, rgba(0, 176, 255, 0) 100%), #0A1F62;
  --opap-glow-royal-blue: radial-gradient(100% 100% at 0% 100%, rgba(10, 199, 254, 0.8) 0%, rgba(10, 199, 254, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, #00E5FF 0%, rgba(0, 229, 255, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #180255 0%, rgba(14, 2, 85, 0) 100%), #0B56C3;
  --opap-glow-sky-blue: radial-gradient(100% 100% at 0% 100%, rgba(11, 86, 195, 0.7) 0%, rgba(11, 86, 195, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, #0A98FE 0%, rgba(10, 239, 254, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #0B0084 0%, rgba(46, 93, 255, 0) 100%), #0162FF;
  --opap-glow-aqua-blue: radial-gradient(100% 100% at 0% 100%, rgba(0, 143, 233, 0.8) 0%, rgba(0, 143, 233, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, #0AFEFE 0%, rgba(10, 254, 239, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #0057FF 0%, rgba(46, 93, 255, 0) 100%), #5ACDFF;
  --opap-glow-apple: radial-gradient(100% 100% at 0% 100%, rgba(71, 240, 65, 0.8) 0%, rgba(71, 240, 65, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, rgba(0, 255, 255, 0.7) 0%, rgba(0, 229, 255, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #00764C 0%, rgba(0, 118, 76, 0) 100%), #00DB6E;
  --opap-glow-lime-green: radial-gradient(100% 100% at 0% 100%, rgba(103, 205, 0, 0.6) 0%, rgba(103, 205, 0, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, rgba(255, 245, 0, 0.8) 0%, rgba(255, 245, 0, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, rgba(0, 118, 76, 0.8) 0%, rgba(0, 118, 76, 0) 100%), #47F041;
  --opap-glow-tangerine: radial-gradient(100% 100% at 0% 0%, #FFAD1B 0%, rgba(255, 173, 27, 0) 100%),
  radial-gradient(140% 140% at 100% 0%, #FFE600 0%, rgba(255, 230, 0, 0) 100%),
  radial-gradient(180% 180% at 0% 100%, #FF7B1C 0%, rgba(255, 123, 28, 0) 100%), #FFC900;
  --opap-glow-red: radial-gradient(100% 100% at 0% 0%, #FF4545 0%, rgba(255, 69, 94, 0) 100%),
  radial-gradient(100% 100% at 100% 100%, rgba(244, 1, 4, 0.7) 0%, rgba(255, 69, 94, 0) 100%),
  radial-gradient(140% 140% at 100% 0%, #540023 0%, rgba(87, 0, 42, 0) 100%),
  radial-gradient(180% 180% at 0% 100%, #7F0000 0%, rgba(127, 0, 0, 0) 100%), #710001;
  --opap-glow-pink: radial-gradient(100% 100% at 0% 0%, rgba(255, 171, 8, 0.7) 0%, rgba(255, 171, 8, 0) 100%),
  radial-gradient(100% 100% at 100% 100%, #FF455E 0%, rgba(255, 69, 94, 0) 100%),
  radial-gradient(140% 140% at 100% 0%, #FF371C 0%, rgba(255, 96, 28, 0) 100%),
  radial-gradient(180% 180% at 0% 100%, #F40104 0%, rgba(244, 1, 4, 0) 100%), #FFFFFF;
  --opap-glow-purple: radial-gradient(100% 100% at 0% 0%, #7700EE 0%, rgba(119, 0, 238, 0) 100%),
  radial-gradient(100% 100% at 100% 100%, #7F0063 0%, rgba(127, 0, 99, 0) 100%),
  radial-gradient(140% 140% at 100% 0%, #21017B 0%, rgba(44, 2, 85, 0) 100%),
  radial-gradient(180% 180% at 0% 100%, rgba(255, 69, 94, 0.7) 0%, rgba(255, 42, 169, 0) 100%, rgba(255, 69, 94, 0) 100%), #7700EE;
  --opap-glow-proto-blue: radial-gradient(94.1% 94.1% at 0% 100%, rgba(33, 92, 181, 0.8) 0%, rgba(16, 57, 118, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, rgba(37, 99, 200, 0.7) 0%, rgba(2, 34, 85, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, rgba(0, 176, 255, 0.5) 0%, rgba(0, 176, 255, 0) 100%), #0E4194;
  --opap-glow-proto-big-blue: radial-gradient(94.1% 94.1% at 50% 100%, rgba(16, 57, 118, 0.8) 0%, rgba(16, 57, 118, 0) 100%),
  radial-gradient(50% 50% at 40% 0%, rgba(2, 34, 85, 0.7) 0%, rgba(2, 34, 85, 0) 100%),
  radial-gradient(100% 100% at 50% 0%, rgba(0, 176, 255, 0.5) 0%, rgba(0, 176, 255, 0) 100%), #0A1F62;
  --opap-glow-white: radial-gradient(60.94% 106.34% at 25.86% 118.1%, rgba(179, 102, 255, 0.014) 0%, rgba(201, 148, 255, 0) 100%),
  radial-gradient(62.91% 167.02% at 98.73% 97.03%, rgba(201, 242, 254, 0.051) 0%, rgba(202, 243, 254, 0) 100%),
  radial-gradient(86.89% 115.15% at 6.6% 13.11%, rgba(229, 173, 255, 0.1) 0%, rgba(132, 140, 251, 0) 100%),
  linear-gradient(180deg, #FFFFFF -7.5%, rgba(255, 255, 255, 0.9) 100%);
  --opap-accordian-gradient-light-gray: linear-gradient(180deg, #FDFDFD 0%, rgba(253, 253, 253, 0) 100%), #F1F3F8;
  --opap-super3-draw-background: radial-gradient(100% 100% at 0% 0%, rgba(255, 171, 8, 0.7) 0%, rgba(255, 171, 8, 0) 100%),
  radial-gradient(100% 100% at 100% 100%, #FF455E 0%, rgba(255, 69, 94, 0) 100%),
  radial-gradient(140% 140% at 100% 0%, #FF371C 0%, rgba(255, 96, 28, 0) 100%),
  radial-gradient(180% 180% at 0% 100%, #F40104 0%, rgba(244, 1, 4, 0) 100%), #FFFFFF; }

:root {
  --opap-online-brand-navy-blue: linear-gradient(#030F37, #030F37), linear-gradient(93.15deg, #fbba00 1.66%, #ea580c 46.35%, #95c11f 100%);
  --opap-online-brand-navy-blue-light: linear-gradient(#232D4D, #232D4D), linear-gradient(93.15deg, #fbba00 1.66%, #ea580c 46.35%, #95c11f 100%);
  --opap-online-brand-aqua-blue: linear-gradient(#00B0FF, #00B0FF), linear-gradient(93.15deg, #fbba00 1.66%, #ea580c 46.35%, #95c11f 100%);
  --opap-online-brand-sky-blue: linear-gradient(#008FE9, #008FE9), linear-gradient(93.15deg, #fbba00 1.66%, #ea580c 46.35%, #95c11f 100%);
  --opap-online-brand-royal-blue: linear-gradient(#0B56C3, #0B56C3), linear-gradient(93.15deg, #fbba00 1.66%, #ea580c 46.35%, #95c11f 100%);
  --opap-online-brand-forest-green: linear-gradient(#00764C, #00764C), linear-gradient(93.15deg, #fbba00 1.66%, #ea580c 46.35%, #95c11f 100%);
  --opap-online-brand-apple: linear-gradient(#16BA3A, #16BA3A), linear-gradient(93.15deg, #fbba00 1.66%, #ea580c 46.35%, #95c11f 100%);
  --opap-online-brand-lime-green: linear-gradient(#67CD00, #67CD00), linear-gradient(93.15deg, #fbba00 1.66%, #ea580c 46.35%, #95c11f 100%);
  --opap-online-brand-yellow: linear-gradient(#FFA800, #FFA800), linear-gradient(93.15deg, #fbba00 1.66%, #ea580c 46.35%, #95c11f 100%);
  --opap-online-brand-orange: linear-gradient(#FF5A1C, #FF5A1C), linear-gradient(93.15deg, #fbba00 1.66%, #ea580c 46.35%, #95c11f 100%);
  --opap-online-brand-red: linear-gradient(#FD4242, #FD4242), linear-gradient(93.15deg, #fbba00 1.66%, #ea580c 46.35%, #95c11f 100%);
  --opap-online-main-cta-background: linear-gradient(93.15deg, #0b56c3 1.66%, #1439bc 46.35%, #1d1ab5 100%),
  linear-gradient(93.15deg, #fbba00 1.66%, #ea580c 46.35%, #95c11f 100%);
  --opap-store-main-cta-outline-light: rgba(255, 255, 255, 0.6);
  --opap-store-main-cta-outline-dark: rgba(0, 0, 0, 0.5);
  --opap-store-main-cta-background: transparent;
  --opap-store-main-cta-text-light: #FFFFFF;
  --opap-store-main-cta-text-dark: #000000;
  --opap-store-main-cta-default-blue: #2E93D1;
  --opap-store-main-cta-default-yellow: #F6CA3A; }

/* OPAP Draws Backgrounds */
/* OPAP Style Books define CSS variables. */
:root {
  --opap-corporate-primary: radial-gradient(94.1% 94.1% at 0% 100%, rgba(16, 57, 118, 0.8) 0%, rgba(16, 57, 118, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, rgba(2, 34, 85, 0.7) 0%, rgba(2, 34, 85, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, rgba(0, 176, 255, 0.5) 0%, rgba(0, 176, 255, 0) 100%), #0A1F62;
  --opap-corporate-background: #FDFDFD;
  --opap-corporate-main-cta: radial-gradient(100% 100% at 0% 100%, rgba(11, 86, 195, 0.7) 0%, rgba(11, 86, 195, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, #0A98FE 0%, rgba(10, 239, 254, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #0B0084 0%, rgba(46, 93, 255, 0) 100%), #0162FF;
  --opap-corporate-main-cta-text: #FDFDFD;
  --opap-corporate-gameplay: #030F37;
  --opap-default-primary: radial-gradient(94.1% 94.1% at 0% 100%, rgba(16, 57, 118, 0.8) 0%, rgba(16, 57, 118, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, rgba(2, 34, 85, 0.7) 0%, rgba(2, 34, 85, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, rgba(0, 176, 255, 0.5) 0%, rgba(0, 176, 255, 0) 100%), #0A1F62;
  --opap-default-background: #FDFDFD;
  --opap-default-main-cta: radial-gradient(100% 100% at 0% 100%, rgba(11, 86, 195, 0.7) 0%, rgba(11, 86, 195, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, #0A98FE 0%, rgba(10, 239, 254, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #0B0084 0%, rgba(46, 93, 255, 0) 100%), #0162FF;
  --opap-default-main-cta-text: #FDFDFD;
  --opap-default-gameplay: #030F37;
  --opap-tzoker-primary: radial-gradient(100% 100% at 0% 100%, rgba(10, 199, 254, 0.8) 0%, rgba(10, 199, 254, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, #00E5FF 0%, rgba(0, 229, 255, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #180255 0%, rgba(14, 2, 85, 0) 100%), #0B56C3;
  --opap-tzoker-background: radial-gradient(94.1% 94.1% at 0% 100%, rgba(16, 57, 118, 0.8) 0%, rgba(16, 57, 118, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, rgba(2, 34, 85, 0.7) 0%, rgba(2, 34, 85, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, rgba(0, 176, 255, 0.5) 0%, rgba(0, 176, 255, 0) 100%), #0A1F62;
  --opap-tzoker-main-cta: radial-gradient(100% 100% at 0% 0%, #FFAD1B 0%, rgba(255, 173, 27, 0) 100%),
  radial-gradient(140% 140% at 100% 0%, #FFE600 0%, rgba(255, 230, 0, 0) 100%),
  radial-gradient(180% 180% at 0% 100%, #FF7B1C 0%, rgba(255, 123, 28, 0) 100%), #FFC900;
  --opap-tzoker-main-cta-text: #1E1F24;
  --opap-tzoker-gameplay: #030F37;
  --opap-kino-primary: #FFC900;
  --opap-kino-background: #030F37;
  --opap-kino-main-cta: radial-gradient(100% 100% at 0% 0%, rgba(255, 171, 8, 0.7) 0%, rgba(255, 171, 8, 0) 100%),
  radial-gradient(100% 100% at 100% 100%, #FF455E 0%, rgba(255, 69, 94, 0) 100%),
  radial-gradient(140% 140% at 100% 0%, #FF371C 0%, rgba(255, 96, 28, 0) 100%),
  radial-gradient(180% 180% at 0% 100%, #F40104 0%, rgba(244, 1, 4, 0) 100%), #FFFFFF;
  --opap-kino-main-cta-text: #FDFDFD;
  --opap-kino-gameplay: #030F37;
  --opap-lotto-primary: linear-gradient(128.3deg, #FDEC4A 0%, #FBBA05 100%);
  --opap-lotto-background: linear-gradient(128.3deg, #004F9F 0%, #009FE3 100%);
  --opap-lotto-main-cta: linear-gradient(128.3deg, #FDEC4A 0%, #FBBA05 100%);
  --opap-lotto-main-cta-text: #FDFDFD;
  --opap-lotto-gameplay: #030F37;
  --opap-proto-primary: radial-gradient(94.1% 94.1% at 0% 100%, rgba(33, 92, 181, 0.8) 0%, rgba(16, 57, 118, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, rgba(37, 99, 200, 0.7) 0%, rgba(2, 34, 85, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, rgba(0, 176, 255, 0.5) 0%, rgba(0, 176, 255, 0) 100%),
  linear-gradient(0deg, #0E4194, #0E4194);
  --opap-proto-background: linear-gradient(137.67deg, #2B3B87 4.26%, #2D3142 100.41%);
  --opap-proto-main-cta: #FD4242;
  --opap-proto-main-cta-text: #FDFDFD;
  --opap-proto-gameplay: #030F37;
  --opap-extra5-primary: linear-gradient(134.79deg, #9B177E 0%, #D937AD 93.88%);
  --opap-extra5-background: #7F0063;
  --opap-extra5-main-cta: radial-gradient(100% 100% at 0% 100%, rgba(0, 143, 233, 0.8) 0%, rgba(0, 143, 233, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, #0AFEFE 0%, rgba(10, 254, 239, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #0057FF 0%, rgba(46, 93, 255, 0) 100%),
  linear-gradient(0deg, #5ACDFF, #5ACDFF);
  --opap-extra5-main-cta-text: #FDFDFD;
  --opap-extra5-gameplay: #030F37;
  --opap-super3-primary: radial-gradient(100% 100% at 0% 0%, rgba(255, 171, 8, 0.7) 0%, rgba(255, 171, 8, 0) 100%),
  radial-gradient(100% 100% at 100% 100%, #FF455E 0%, rgba(255, 69, 94, 0) 100%),
  radial-gradient(140% 140% at 100% 0%, #FF371C 0%, rgba(255, 96, 28, 0) 100%),
  radial-gradient(180% 180% at 0% 100%, #F40104 0%, rgba(244, 1, 4, 0) 100%),
  linear-gradient(0deg, #FFFFFF, #FFFFFF);
  --opap-super3-background: #164194;
  --opap-super3-main-cta: radial-gradient(100% 100% at 0% 100%, rgba(11, 86, 195, 0.7) 0%, rgba(11, 86, 195, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, #0A98FE 0%, rgba(10, 239, 254, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #0B0084 0%, rgba(46, 93, 255, 0) 100%),
  linear-gradient(0deg, #0162FF, #0162FF);
  --opap-super3-main-cta-text: #FDFDFD;
  --opap-super3-gameplay: #030F37;
  --opap-powerspin-primary: radial-gradient(100% 100% at 0% 0%, #7700EE 0%, rgba(119, 0, 238, 0) 100%),
  radial-gradient(100% 100% at 100% 100%, #7F0063 0%, rgba(127, 0, 99, 0) 100%),
  radial-gradient(140% 140% at 100% 0%, #21017B 0%, rgba(44, 2, 85, 0) 100%),
  radial-gradient(180% 180% at 0% 100%, rgba(255, 69, 94, 0.7) 0%, rgba(255, 42, 169, 0) 100%, rgba(255, 69, 94, 0) 100%),
  linear-gradient(0deg, #7700EE, #7700EE);
  --opap-powerspin-background: linear-gradient(180deg, #2C196F 0%, #690FC4 100%);
  --opap-powerspin-main-cta: linear-gradient(180deg, #E91686 0%, #98306D 100%);
  --opap-powerspin-main-cta-text: #FDFDFD;
  --opap-powerspin-gameplay: #030F37;
  --opap-powerspinonfire-primary: linear-gradient(180deg, #680C28 0%, #A90044 100%);
  --opap-powerspinonfire-background: linear-gradient(180deg, #FED97B 0%, #C3750D 100%);
  --opap-powerspinonfire-main-cta: linear-gradient(180deg, #FED97B 0%, #C3750D 100%);
  --opap-powerspinonfire-main-cta-text: #FDFDFD;
  --opap-powerspinonfire-gameplay: #030F37;
  --opap-powerspinonfire-dot-background: linear-gradient(180deg, #CE0A58 0%, #602AFE 71.1%);
  --opap-powerspin_on_fire-primary: linear-gradient(180deg, #680C28 0%, #A90044 100%);
  --opap-skrats-primary: radial-gradient(100% 100% at 0% 100%, rgba(10, 199, 254, 0.8) 0%, rgba(10, 199, 254, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, #00E5FF 0%, rgba(0, 229, 255, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #00B0FF 0%, rgba(0, 176, 255, 0) 100%),
  linear-gradient(0deg, #71CBF4, #71CBF4);
  --opap-skrats-background: radial-gradient(94.1% 94.1% at 0% 100%, rgba(16, 57, 118, 0.8) 0%, rgba(16, 57, 118, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, rgba(2, 34, 85, 0.7) 0%, rgba(2, 34, 85, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, rgba(0, 176, 255, 0.5) 0%, rgba(0, 176, 255, 0) 100%),
  linear-gradient(0deg, #00B0FF, #00B0FF);
  --opap-skrats-main-cta: radial-gradient(100% 100% at 0% 100%, rgba(0, 143, 233, 0.8) 0%, rgba(0, 143, 233, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, #0AFEFE 0%, rgba(10, 254, 239, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #0057FF 0%, rgba(46, 93, 255, 0) 100%),
  linear-gradient(0deg, #5ACDFF, #5ACDFF);
  --opap-skrats-solid-light: #00B0FF;
  --opap-skrats-solid-dark: #0161A0;
  --opap-skrats-main-cta-text: #FDFDFD;
  --opap-skrats-gameplay: #030F37;
  --opap-play-primary: #7700EE;
  --opap-play-background: #003E7E;
  --opap-play-main-cta: linear-gradient(135deg, #FFD863 0%, #E9671D 100.41%);
  --opap-play-main-cta-text: #1E1F24;
  --opap-play-gameplay: #030F37;
  --opap-pamestoiximaonline-primary: radial-gradient(100% 100% at 0% 0%, #FF4545 0%, rgba(255, 69, 94, 0) 100%),
  radial-gradient(100% 100% at 100% 100%, rgba(244, 1, 4, 0.7) 0%, rgba(255, 69, 94, 0) 100%),
  radial-gradient(140% 140% at 100% 0%, #540023 0%, rgba(87, 0, 42, 0) 100%),
  radial-gradient(180% 180% at 0% 100%, #7F0000 0%, rgba(127, 0, 0, 0) 100%), #710001;
  --opap-pamestoiximaonline-background: #FDFDFD;
  --opap-pamestoiximaonline-main-cta: #FDFDFD;
  --opap-pamestoiximaonline-main-cta-text: #1E1F24;
  --opap-pamestoiximaonline-gameplay: #030F37;
  --opap-pamestoiximaretail-primary: #03233F;
  --opap-pamestoiximaretail-background: #FDFDFD;
  --opap-pamestoiximaretail-main-cta: #FDFDFD;
  --opap-pamestoiximaretail-main-cta-text: #1E1F24;
  --opap-pamestoiximaretail-gameplay: #030F37;
  --opap-propo14and7-primary: radial-gradient(100% 100% at 0% 0%, rgba(1, 108, 130, 0.7) 0%, rgba(1, 108, 130, 0) 100%),
  radial-gradient(100% 100% at 100% 100%, #016C82 0%, rgba(1, 108, 130, 0) 100%),
  linear-gradient(0deg, #071E23, #071E23);
  --opap-propo14and7-background: radial-gradient(100% 100% at 0% 0%, rgba(1, 108, 130, 0.7) 0%, rgba(1, 108, 130, 0) 100%),
  radial-gradient(100% 100% at 100% 100%, #016C82 0%, rgba(1, 108, 130, 0) 100%),
  linear-gradient(0deg, #071E23, #071E23);
  --opap-propo14and7-main-cta: radial-gradient(100% 100% at 100% 0%, #F42727 0%, rgba(2, 142, 170, 0) 100%),
  linear-gradient(0deg, #E30613, #E30613);
  --opap-propo14and7-main-cta-text: #FDFDFD;
  --opap-propo14and7-gameplay: #030F37;
  --opap-propogoal-primary: radial-gradient(100% 100% at 0% 0%, rgba(1, 108, 130, 0.7) 0%, rgba(1, 108, 130, 0) 100%),
  radial-gradient(100% 100% at 100% 100%, #016C82 0%, rgba(1, 108, 130, 0) 100%),
  linear-gradient(0deg, #2C340D, #2C340D);
  --opap-propogoal-background: radial-gradient(100% 100% at 0% 0%, rgba(1, 108, 130, 0.7) 0%, rgba(1, 108, 130, 0) 100%),
  radial-gradient(100% 100% at 100% 100%, #016C82 0%, rgba(1, 108, 130, 0) 100%),
  linear-gradient(0deg, #2C340D, #2C340D);
  --opap-propogoal-main-cta: radial-gradient(100% 100% at 100% 0%, #27D2F4 0%, rgba(2, 142, 170, 0) 100%),
  linear-gradient(0deg, #95C11F, #95C11F);
  --opap-propogoal-main-cta-text: #FDFDFD;
  --opap-propogoal-gameplay: #030F37;
  --opap-laikolaxeio-primary: radial-gradient(100% 100% at 0% 100%, rgba(249, 121, 180, 0.80) 0%, rgba(249, 121, 180, 0.00) 100%), radial-gradient(100% 100% at 100% 0%, #BA487D 0%, rgba(186, 72, 125, 0.00) 100%), radial-gradient(100% 100% at 0% 0%, #A8376C 0%, rgba(168, 55, 108, 0.00) 100%), #AA004F;
  --opap-laikolaxeio-background: radial-gradient(100% 100% at 0% 0%, rgba(171, 0, 79, 0.70) 0%, rgba(171, 0, 79, 0.00) 100%), radial-gradient(100% 100% at 100% 100%, #AB004F 0%, rgba(171, 0, 79, 0.00) 100%), #730839;
  --opap-laikolaxeio-main-cta: #FDFDFD;
  --opap-laikolaxeio-main-cta-text: #1E1F24;
  --opap-laikolaxeio-gameplay: #030F37;
  --opap-laikolaxeio-solid: #AA004F;
  --opap-laikolaxeio-white: #FDFDFD;
  --opap-etnikolaxeio-primary: radial-gradient(100% 100% at 0% 100%, rgba(120, 245, 221, 0.80) 0%, rgba(120, 245, 221, 0.00) 100%), radial-gradient(100% 100% at 100% 0%, #45B7A0 0%, rgba(69, 183, 160, 0.00) 100%), radial-gradient(100% 100% at 0% 0%, #38A48E 0%, rgba(56, 164, 142, 0.00) 100%), #00A887;
  --opap-etnikolaxeio-background: radial-gradient(100% 100% at 0% 0%, rgba(0, 168, 135, 0.70) 0%, rgba(0, 168, 135, 0.00) 100%), radial-gradient(100% 100% at 100% 100%, #00A887 0%, rgba(0, 168, 135, 0.00) 100%), #01614E;
  --opap-etnikolaxeio-main-cta: #FDFDFD;
  --opap-etnikolaxeio-main-cta-text: #1E1F24;
  --opap-etnikolaxeio-gameplay: #030F37;
  --opap-etnikolaxeio-solid: #00A887;
  --opap-etnikolaxeio-white: #FDFDFD;
  --opap-kratikolaxeio-primary: radial-gradient(100% 100% at 0% 100%, rgba(248, 214, 121, 0.80) 0%, rgba(248, 214, 121, 0.00) 100%), radial-gradient(100% 100% at 100% 0%, #BB9D49 0%, rgba(187, 157, 73, 0.00) 100%), radial-gradient(100% 100% at 0% 0%, #A58838 0%, rgba(165, 136, 56, 0.00) 100%), #C8A02F;
  --opap-kratikolaxeio-background: radial-gradient(100% 100% at 0% 0%, rgba(188, 154, 58, 0.70) 0%, rgba(188, 154, 58, 0.00) 100%), radial-gradient(100% 100% at 100% 100%, #BC9A3A 0%, rgba(188, 154, 58, 0.00) 100%), #715B1F;
  --opap-kratikolaxeio-main-cta: #FDFDFD;
  --opap-kratikolaxeio-main-cta-text: #1E1F24;
  --opap-kratikolaxeio-gameplay: #030F37;
  --opap-kratikolaxeio-solid: #C8A02F;
  --opap-kratikolaxeio-white: #FDFDFD;
  --opap-laxeiopurple-background: #351F4B;
  --opap-eurojackpot-primary: radial-gradient(100% 100% at 0% 0%, #A38137 0%, rgba(163, 129, 55, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, #BA9849 0%, rgba(186, 152, 73, 0) 100%),
  radial-gradient(100% 100% at 0% 100%, rgba(248, 215, 121, 0.8) 0%, rgba(248, 215, 121, 0) 100%) #F8D779;
  --opap-eurojackpot-background: radial-gradient(100% 100% at 0% 0%, rgba(243, 210, 116, 0.5) 0%, rgba(243, 210, 116, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, rgba(125, 95, 37, 0.7) 0%, rgba(119, 73, 10, 0) 100%),
  radial-gradient(94.1% 94.1% at 0% 100%, rgba(192, 165, 92, 0.8) 0%, rgba(128, 98, 40, 0) 100%) #7B5F26;
  --opap-eurojackpot-main-cta: radial-gradient(140% 140% at 100% 0%, #FDDD0C 0%, rgba(253, 221, 12, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #FCC603 0%, rgba(252, 198, 3, 0) 100%) #FDE61C;
  --opap-eurojackpot-gold: #ECC463;
  --opap-eurojackpot-black: #1E1F24;
  --opap-eurojackpot-main-cta-text: #1E1F24;
  --opap-eurojackpot-gameplay: #030F37;
  --opap-eurojackpot-boosted-gold: linear-gradient(169.08deg, #FFE975 53.77%, #FFC700 91.91%);
  --opap-eurojackpot-boosted-black: linear-gradient(180deg, #000000 10.22%, #2E2C21 78.25%);
  --opap-scratch-2nd-chance-primary: radial-gradient(100% 100% at 0% 100%, rgba(10, 199, 254, 0.8) 0%, rgba(10, 199, 254, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, #00E5FF 0%, rgba(0, 229, 255, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #00B0FF 0%, rgba(0, 176, 255, 0) 100%),
  linear-gradient(0deg, #71CBF4, #71CBF4);
  --opap-scratch-2nd-chance-background: radial-gradient(94.1% 94.1% at 0% 100%, rgba(16, 57, 118, 0.8) 0%, rgba(16, 57, 118, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, rgba(2, 34, 85, 0.7) 0%, rgba(2, 34, 85, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, rgba(0, 176, 255, 0.5) 0%, rgba(0, 176, 255, 0) 100%),
  linear-gradient(0deg, #00B0FF, #00B0FF);
  --opap-scratch-2nd-chance-main-cta: radial-gradient(100% 100% at 0% 100%, rgba(0, 143, 233, 0.8) 0%, rgba(0, 143, 233, 0) 100%),
  radial-gradient(100% 100% at 100% 0%, #0AFEFE 0%, rgba(10, 254, 239, 0) 100%),
  radial-gradient(100% 100% at 0% 0%, #0057FF 0%, rgba(46, 93, 255, 0) 100%),
  linear-gradient(0deg, #5ACDFF, #5ACDFF);
  --opap-scratch-2nd-chance-solid-light: #00B0FF;
  --opap-scratch-2nd-chance-solid-dark: #0161A0;
  --opap-scratch-2nd-chance-main-cta-text: #FDFDFD;
  --opap-scratch-2nd-chance-gameplay: #030F37;
  --opap-scratch-secondary-cta: radial-gradient(100% 100% at 0% 0%, #FFF181 0%, rgba(255, 241, 129, 0) 100%),
  radial-gradient(140% 140% at 100% 0%, #FFFAD2 0%, rgba(255, 250, 210, 0) 100%),
  radial-gradient(180% 180% at 0% 100%, #CE9B26 0%, rgba(206, 155, 38, 0) 100%),
  linear-gradient(0deg, #CE9B26, #CE9B26);
  --opap-scratch-secondary-cta-text: #1E1F24;
  --opap-powerspin-on-fire-primary: linear-gradient(180deg, #CE0A58 0%, #602AFE 71.1%);
  --opap-powerspin-on-fire-background: linear-gradient(180deg, #680C28 0%, #A90044 100%);
  --opap-powerspin-on-fire-main-cta: linear-gradient(180deg, #CE0A58 0%, #602AFE 71.1%);
  --opap-powerspin-on-fire-main-cta-text: #FDFDFD;
  --opap-powerspin-on-fire-gameplay: #030F37;
  --greek-blue: #217CD8;
  --opap-opaponline-primary: #0B56C3;
  --opap-opaponline-background: #0B56C3;
  --opap-opaponline-main-cta: linear-gradient(
                  93.15deg,
                  #0b56c3 1.66%,
                  #1439bc 46.35%,
                  #1d1ab5 100%
  ),
  linear-gradient(93.15deg, #fbba00 1.66%, #ea580c 46.35%, #95c11f 100%);
  --opap-opaponline-main-cta-text: #FDFDFD;
  --opap-opaponline-gameplay: #030F37; }

.opap-corporate-primary {
  background: var(--opap-corporate-primary); }

.opap-corporate-primary-default {
  background: var(--opap-default-primary); }

.opap-tzoker-primary {
  background: var(--opap-tzoker-primary);
  color: var(--opap-white); }

.opap-kino-primary {
  background: var(--opap-kino-primary);
  color: var(--opap-neutral-90); }

.opap-powerspin_on_fire-primary {
  background: var(--opap-powerspin-on-fire-primary);
  color: var(--opap-white); }

.opap-powerspinonfire-primary {
  background: var(--opap-powerspinonfire-primary);
  color: var(--opap-white); }

.opap-lotto-primary {
  background: var(--opap-lotto-primary);
  color: var(--opap-neutral-90); }

.opap-proto-primary {
  background: var(--opap-proto-primary);
  color: var(--opap-white); }

.opap-extra5-primary {
  background: var(--opap-extra5-primary);
  color: var(--opap-white); }

.opap-super3-primary {
  background: var(--opap-super3-primary);
  color: var(--opap-white); }

.opap-powerspin-primary {
  background: var(--opap-powerspin-primary);
  color: var(--opap-white); }

.opap-skrats-primary {
  background: var(--opap-skrats-primary); }

.opap-play-primary {
  background: var(--opap-play-primary); }

.opap-pamestoiximaonline-primary {
  background: var(--opap-pamestoiximaonline-primary); }

.opap-pamestoiximaretail-primary {
  background: var(--opap-pamestoiximaretail-primary); }

.opap-propo14and7-primary {
  background: var(--opap-propo14and7-primary); }

.opap-propogoal-primary {
  background: var(--opap-propogoal-primary); }

.opap-laikolaxeio-primary {
  background: var(--opap-laikolaxeio-primary); }

.opap-etnikolaxeio-primary {
  background: var(--opap-etnikolaxeio-primary); }

.opap-kratikolaxeio-primary {
  background: var(--opap-kratikolaxeio-primary); }

.opap-eurojackpot-primary {
  background: var(--opap-eurojackpot-primary); }

.opap-scratch-2nd-chance-primary {
  background: var(--opap-scratch-2nd-chance-primary); }

.opap-powerspin-on-fire-primary {
  background: var(--opap-powerspin-on-fire-primary); }

.opap-opaponline-primary {
  background: var(--opap-opaponline-background); }

.opap-corporate-background {
  background: var(--opap-corporate-background); }

.opap-corporate-background-default {
  background: var(--opap-default-background); }

.opap-tzoker-background {
  background: var(--opap-tzoker-background); }

.opap-kino-background {
  background: var(--opap-kino-background); }

.opap-lotto-background {
  background: var(--opap-lotto-background); }

.opap-proto-background {
  background: var(--opap-proto-background); }

.opap-extra5-background {
  background: var(--opap-extra5-background); }

.opap-super3-background {
  background: var(--opap-super3-background); }

.opap-powerspin-background {
  background: var(--opap-powerspin-background); }

.opap-powerspinonfire-background {
  background: var(--opap-powerspinonfire-background); }

.opap-skrats-background {
  background: var(--opap-skrats-background); }

.opap-play-background {
  background: var(--opap-play-background); }

.opap-pamestoiximaonline-background {
  background: var(--opap-pamestoiximaonline-background); }

.opap-pamestoiximaretail-background {
  background: var(--opap-pamestoiximaretail-background); }

.opap-propo14and7-background {
  background: var(--opap-propo14and7-background); }

.opap-propogoal-background {
  background: var(--opap-propogoal-background); }

.opap-laikolaxeio-background {
  background: var(--opap-laikolaxeio-background); }

.opap-etnikolaxeio-background {
  background: var(--opap-etnikolaxeio-background); }

.opap-kratikolaxeio-background {
  background: var(--opap-kratikolaxeio-background); }

.opap-laxeiopurple-background {
  background: var(--opap-laxeiopurple-background); }

.opap-eurojackpot-background {
  background: var(--opap-eurojackpot-background); }

.opap-scratch-2nd-chance-background {
  background: var(--opap-scratch-2nd-chance-background); }

.opap-powerspin-on-fire-background {
  background: var(--opap-powerspin-on-fire-background); }

.opap-opaponline-background {
  background: var(--opap-opaponline-background); }

.opap-pure-dark-background {
  background: var(--opap-pure-dark); }

body #wrapper .opap-default-primary-main-cta,
body #wrapper .opap-corporate-main-cta,
body #wrapper .opap-corporate-main-cta-default,
body #wrapper .opap-tzoker-main-cta,
body #wrapper .opap-kino-main-cta,
body #wrapper .opap-lotto-main-cta,
body #wrapper .opap-proto-main-cta,
body #wrapper .opap-extra5-main-cta,
body #wrapper .opap-super3-main-cta,
body #wrapper .opap-powerspin-main-cta,
body #wrapper .opap-powerspinonfire-main-cta,
body #wrapper .opap-skrats-main-cta,
body #wrapper .opap-play-main-cta,
body #wrapper .opap-pamestoiximaonline-main-cta,
body #wrapper .opap-pamestoiximaretail-main-cta,
body #wrapper .opap-propo14and7-main-cta,
body #wrapper .opap-propogoal-main-cta,
body #wrapper .opap-laikolaxeio-main-cta,
body #wrapper .opap-etnikolaxeio-main-cta,
body #wrapper .opap-kratikolaxeio-main-cta,
body #wrapper .opap-eurojackpot-main-cta,
body #wrapper .opap-scratch-2nd-chance-main-cta,
body #wrapper .opap-powerspin-on-fire-main-cta,
body #wrapper .opap-scratch-secondary-cta,
body #wrapper .opap-opaponline-main-cta,
body #wrapper .opap-glow-navy-blue-main-cta,
body #wrapper .opap-glow-royal-blue-main-cta,
body #wrapper .opap-glow-sky-blue-main-cta,
body #wrapper .opap-glow-aqua-blue-main-cta,
body #wrapper .opap-glow-apple-main-cta,
body #wrapper .opap-glow-lime-green-main-cta,
body #wrapper .opap-glow-tangerine-main-cta,
body #wrapper .opap-glow-red-main-cta,
body #wrapper .opap-glow-pink-main-cta,
body #wrapper .opap-glow-purple-main-cta,
body #wrapper .opap-online-main-cta,
body #wrapper .opap-store-main-cta,
body #wrapper .lfr-ddm-form-submit {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  display: inline-flex;
  min-width: 220px;
  height: 64px;
  padding: 0 10px;
  border: none;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16);
  box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16);
  -webkit-appearance: none; }
  body #wrapper .opap-default-primary-main-cta:hover,
  body #wrapper .opap-corporate-main-cta:hover,
  body #wrapper .opap-corporate-main-cta-default:hover,
  body #wrapper .opap-tzoker-main-cta:hover,
  body #wrapper .opap-kino-main-cta:hover,
  body #wrapper .opap-lotto-main-cta:hover,
  body #wrapper .opap-proto-main-cta:hover,
  body #wrapper .opap-extra5-main-cta:hover,
  body #wrapper .opap-super3-main-cta:hover,
  body #wrapper .opap-powerspin-main-cta:hover,
  body #wrapper .opap-powerspinonfire-main-cta:hover,
  body #wrapper .opap-skrats-main-cta:hover,
  body #wrapper .opap-play-main-cta:hover,
  body #wrapper .opap-pamestoiximaonline-main-cta:hover,
  body #wrapper .opap-pamestoiximaretail-main-cta:hover,
  body #wrapper .opap-propo14and7-main-cta:hover,
  body #wrapper .opap-propogoal-main-cta:hover,
  body #wrapper .opap-laikolaxeio-main-cta:hover,
  body #wrapper .opap-etnikolaxeio-main-cta:hover,
  body #wrapper .opap-kratikolaxeio-main-cta:hover,
  body #wrapper .opap-eurojackpot-main-cta:hover,
  body #wrapper .opap-scratch-2nd-chance-main-cta:hover,
  body #wrapper .opap-powerspin-on-fire-main-cta:hover,
  body #wrapper .opap-scratch-secondary-cta:hover,
  body #wrapper .opap-opaponline-main-cta:hover,
  body #wrapper .opap-glow-navy-blue-main-cta:hover,
  body #wrapper .opap-glow-royal-blue-main-cta:hover,
  body #wrapper .opap-glow-sky-blue-main-cta:hover,
  body #wrapper .opap-glow-aqua-blue-main-cta:hover,
  body #wrapper .opap-glow-apple-main-cta:hover,
  body #wrapper .opap-glow-lime-green-main-cta:hover,
  body #wrapper .opap-glow-tangerine-main-cta:hover,
  body #wrapper .opap-glow-red-main-cta:hover,
  body #wrapper .opap-glow-pink-main-cta:hover,
  body #wrapper .opap-glow-purple-main-cta:hover,
  body #wrapper .opap-online-main-cta:hover,
  body #wrapper .opap-store-main-cta:hover,
  body #wrapper .lfr-ddm-form-submit:hover {
    text-decoration: none;
    outline: none; }
  body #wrapper .opap-default-primary-main-cta i,
  body #wrapper .opap-corporate-main-cta i,
  body #wrapper .opap-corporate-main-cta-default i,
  body #wrapper .opap-tzoker-main-cta i,
  body #wrapper .opap-kino-main-cta i,
  body #wrapper .opap-lotto-main-cta i,
  body #wrapper .opap-proto-main-cta i,
  body #wrapper .opap-extra5-main-cta i,
  body #wrapper .opap-super3-main-cta i,
  body #wrapper .opap-powerspin-main-cta i,
  body #wrapper .opap-powerspinonfire-main-cta i,
  body #wrapper .opap-skrats-main-cta i,
  body #wrapper .opap-play-main-cta i,
  body #wrapper .opap-pamestoiximaonline-main-cta i,
  body #wrapper .opap-pamestoiximaretail-main-cta i,
  body #wrapper .opap-propo14and7-main-cta i,
  body #wrapper .opap-propogoal-main-cta i,
  body #wrapper .opap-laikolaxeio-main-cta i,
  body #wrapper .opap-etnikolaxeio-main-cta i,
  body #wrapper .opap-kratikolaxeio-main-cta i,
  body #wrapper .opap-eurojackpot-main-cta i,
  body #wrapper .opap-scratch-2nd-chance-main-cta i,
  body #wrapper .opap-powerspin-on-fire-main-cta i,
  body #wrapper .opap-scratch-secondary-cta i,
  body #wrapper .opap-opaponline-main-cta i,
  body #wrapper .opap-glow-navy-blue-main-cta i,
  body #wrapper .opap-glow-royal-blue-main-cta i,
  body #wrapper .opap-glow-sky-blue-main-cta i,
  body #wrapper .opap-glow-aqua-blue-main-cta i,
  body #wrapper .opap-glow-apple-main-cta i,
  body #wrapper .opap-glow-lime-green-main-cta i,
  body #wrapper .opap-glow-tangerine-main-cta i,
  body #wrapper .opap-glow-red-main-cta i,
  body #wrapper .opap-glow-pink-main-cta i,
  body #wrapper .opap-glow-purple-main-cta i,
  body #wrapper .opap-online-main-cta i,
  body #wrapper .opap-store-main-cta i,
  body #wrapper .lfr-ddm-form-submit i {
    margin-left: 3px;
    padding: 7px 7px 7px 9px;
    font-size: 8px;
    background-color: rgba(253, 253, 253, 0.3);
    border-radius: 50%;
    vertical-align: middle; }

body #wrapper .opap-default-primary-main-cta,
body #wrapper .lfr-ddm-form-submit {
  background: var(--opap-default-primary);
  color: var(--opap-default-main-cta-text); }
  body #wrapper .opap-default-primary-main-cta:hover,
  body #wrapper .lfr-ddm-form-submit:hover {
    color: var(--opap-default-main-cta-text); }

body #wrapper .opap-corporate-main-cta {
  background: var(--opap-corporate-main-cta);
  color: var(--opap-corporate-main-cta-text); }
  body #wrapper .opap-corporate-main-cta:hover {
    color: var(--opap-corporate-main-cta-text); }

body #wrapper .opap-corporate-main-cta-default {
  background: var(--opap-default-main-cta);
  color: var(--opap-default-main-cta-text); }
  body #wrapper .opap-corporate-main-cta-default:hover {
    color: var(--opap-default-main-cta-text); }

body #wrapper .opap-tzoker-main-cta {
  background: var(--opap-tzoker-main-cta);
  color: var(--opap-tzoker-main-cta-text); }
  body #wrapper .opap-tzoker-main-cta:hover {
    color: var(--opap-tzoker-main-cta-text); }

body #wrapper .opap-kino-main-cta {
  background: var(--opap-kino-main-cta);
  color: var(--opap-kino-main-cta-text); }
  body #wrapper .opap-kino-main-cta:hover {
    color: var(--opap-kino-main-cta-text); }

body #wrapper .opap-lotto-main-cta {
  background: var(--opap-lotto-main-cta);
  color: var(--opap-lotto-main-cta-text); }
  body #wrapper .opap-lotto-main-cta:hover {
    color: var(--opap-lotto-main-cta-text); }

body #wrapper .opap-proto-main-cta {
  background: var(--opap-proto-main-cta);
  color: var(--opap-proto-main-cta-text); }
  body #wrapper .opap-proto-main-cta:hover {
    color: var(--opap-proto-main-cta-text); }

body #wrapper .opap-extra5-main-cta {
  background: var(--opap-extra5-main-cta);
  color: var(--opap-extra5-main-cta-text); }
  body #wrapper .opap-extra5-main-cta:hover {
    color: var(--opap-extra5-main-cta-text); }

body #wrapper .opap-super3-main-cta {
  background: var(--opap-super3-main-cta);
  color: var(--opap-super3-main-cta-text); }
  body #wrapper .opap-super3-main-cta:hover {
    color: var(--opap-super3-main-cta-text); }

body #wrapper .opap-powerspin-main-cta {
  background: var(--opap-powerspin-main-cta);
  color: var(--opap-powerspin-main-cta-text); }
  body #wrapper .opap-powerspin-main-cta:hover {
    color: var(--opap-powerspin-main-cta-text); }

body #wrapper .opap-powerspinonfire-main-cta {
  background: var(--opap-powerspinonfire-main-cta);
  color: var(--opap-powerspinonfire-main-cta-text); }
  body #wrapper .opap-powerspinonfire-main-cta:hover {
    color: var(--opap-powerspinonfire-main-cta-text); }

body #wrapper .opap-skrats-main-cta {
  background: var(--opap-skrats-main-cta);
  color: var(--opap-skrats-main-cta-text); }
  body #wrapper .opap-skrats-main-cta:hover {
    color: var(--opap-skrats-main-cta-text); }

body #wrapper .opap-play-main-cta {
  background: var(--opap-play-main-cta);
  color: var(--opap-play-main-cta-text); }
  body #wrapper .opap-play-main-cta:hover {
    color: var(--opap-play-main-cta-text); }

body #wrapper .opap-pamestoiximaonline-main-cta {
  background: var(--opap-pamestoiximaonline-main-cta);
  color: var(--opap-pamestoiximaonline-main-cta-text); }
  body #wrapper .opap-pamestoiximaonline-main-cta:hover {
    color: var(--opap-pamestoiximaonline-main-cta-text); }

body #wrapper .opap-pamestoiximaretail-main-cta {
  background: var(--opap-pamestoiximaretail-main-cta);
  color: var(--opap-pamestoiximaonline-main-cta-text); }
  body #wrapper .opap-pamestoiximaretail-main-cta:hover {
    color: var(--opap-pamestoiximaonline-main-cta-text); }

body #wrapper .opap-propo14and7-main-cta {
  background: var(--opap-propo14and7-main-cta);
  color: var(--opap-propo14and7-main-cta-text); }
  body #wrapper .opap-propo14and7-main-cta:hover {
    color: var(--opap-propo14and7-main-cta-text); }

body #wrapper .opap-propogoal-main-cta {
  background: var(--opap-propogoal-main-cta);
  color: var(--opap-propogoal-main-cta-text); }
  body #wrapper .opap-propogoal-main-cta:hover {
    color: var(--opap-propogoal-main-cta-text); }

body #wrapper .opap-laikolaxeio-main-cta {
  background: var(--opap-laikolaxeio-main-cta);
  color: var(--opap-laikolaxeio-main-cta-text); }
  body #wrapper .opap-laikolaxeio-main-cta:hover {
    color: var(--opap-laikolaxeio-main-cta-text); }

body #wrapper .opap-etnikolaxeio-main-cta {
  background: var(--opap-etnikolaxeio-main-cta);
  color: var(--opap-etnikolaxeio-main-cta-text); }
  body #wrapper .opap-etnikolaxeio-main-cta:hover {
    color: var(--opap-etnikolaxeio-main-cta-text); }

body #wrapper .opap-kratikolaxeio-main-cta {
  background: var(--opap-kratikolaxeio-main-cta);
  color: var(--opap-kratikolaxeio-main-cta-text); }
  body #wrapper .opap-kratikolaxeio-main-cta:hover {
    color: var(--opap-kratikolaxeio-main-cta-text); }

body #wrapper .opap-eurojackpot-main-cta {
  background: var(--opap-eurojackpot-main-cta);
  color: var(--opap-eurojackpot-main-cta-text); }
  body #wrapper .opap-eurojackpot-main-cta:hover {
    color: var(--opap-eurojackpot-main-cta-text); }

body #wrapper .opap-scratch-2nd-chance-main-cta {
  background: var(--opap-scratch-2nd-chance-main-cta);
  color: var(--opap-scratch-2nd-chance-main-cta-text); }
  body #wrapper .opap-scratch-2nd-chance-main-cta:hover {
    color: var(--opap-scratch-2nd-chance-main-cta-text); }

body #wrapper .opap-powerspin-on-fire-main-cta {
  background: var(--opap-powerspin-on-fire-main-cta);
  color: var(--opap-powerspin-on-fire-main-cta-text); }
  body #wrapper .opap-powerspin-on-fire-main-cta:hover {
    color: var(--opap-powerspin-on-fire-main-cta-text); }

body #wrapper .opap-scratch-secondary-cta {
  background: var(--opap-scratch-secondary-cta);
  color: var(--opap-scratch-secondary-cta-text); }
  body #wrapper .opap-scratch-secondary-cta:hover {
    color: var(--opap-scratch-secondary-cta-text); }

body #wrapper .opap-opaponline-main-cta {
  background: var(--opap-online-main-cta-background);
  color: var(--opap-opaponline-main-cta-text); }
  body #wrapper .opap-opaponline-main-cta:hover {
    color: var(--opap-opaponline-main-cta-text); }

body #wrapper .opap-glow-navy-blue-main-cta {
  background: var(--opap-glow-navy-blue);
  color: var(--opap-white); }
  body #wrapper .opap-glow-navy-blue-main-cta:hover {
    color: var(--opap-white); }

body #wrapper .opap-glow-royal-blue-main-cta {
  background: var(--opap-glow-royal-blue);
  color: var(--opap-white); }
  body #wrapper .opap-glow-royal-blue-main-cta:hover {
    color: var(--opap-white); }

body #wrapper .opap-glow-sky-blue-main-cta {
  background: var(--opap-glow-sky-blue);
  color: var(--opap-white); }
  body #wrapper .opap-glow-sky-blue-main-cta:hover {
    color: var(--opap-white); }

body #wrapper .opap-glow-aqua-blue-main-cta {
  background: var(--opap-glow-aqua-blue);
  color: var(--opap-white); }
  body #wrapper .opap-glow-aqua-blue-main-cta:hover {
    color: var(--opap-white); }

body #wrapper .opap-glow-apple-main-cta {
  background: var(--opap-glow-apple);
  color: var(--opap-white); }
  body #wrapper .opap-glow-apple-main-cta:hover {
    color: var(--opap-white); }

body #wrapper .opap-glow-lime-green-main-cta {
  background: var(--opap-glow-lime-green);
  color: var(--opap-white); }
  body #wrapper .opap-glow-lime-green-main-cta:hover {
    color: var(--opap-white); }

body #wrapper .opap-glow-tangerine-main-cta {
  background: var(--opap-glow-tangerine);
  color: var(--opap-neutral-90); }
  body #wrapper .opap-glow-tangerine-main-cta:hover {
    color: var(--opap-neutral-90); }

body #wrapper .opap-glow-red-main-cta {
  background: var(--opap-glow-red);
  color: var(--opap-white); }
  body #wrapper .opap-glow-red-main-cta:hover {
    color: var(--opap-white); }

body #wrapper .opap-glow-pink-main-cta {
  background: var(--opap-glow-pink);
  color: var(--opap-white); }
  body #wrapper .opap-glow-pink-main-cta:hover {
    color: var(--opap-white); }

body #wrapper .opap-glow-purple-main-cta {
  background: var(--opap-glow-purple);
  color: var(--opap-white); }
  body #wrapper .opap-glow-purple-main-cta:hover {
    color: var(--opap-white); }

body #wrapper .opap-online-main-cta {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  display: inline-flex;
  min-width: 220px;
  height: 64px;
  padding: 0 10px;
  border: none;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16);
  font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 15px;
  min-width: 223px;
  height: 54px;
  align-items: center;
  justify-content: center;
  background: var(--opap-online-main-cta-background);
  color: var(--opap-white);
  border: double 2px transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
  padding: 0; }
  body #wrapper .opap-online-main-cta img {
    max-width: 34px;
    max-height: 26px; }
  body #wrapper .opap-online-main-cta:hover {
    color: var(--opap-white); }

body #wrapper .opap-store-main-cta {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  display: inline-flex;
  min-width: 220px;
  height: 64px;
  padding: 0 10px;
  border: none;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16);
  font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 15px;
  min-width: 223px;
  height: 54px;
  align-items: center;
  justify-content: center;
  background: var(--opap-store-main-cta-background);
  color: var(--opap-white);
  border: 2px solid var(--opap-store-main-cta-outline-light); }
  body #wrapper .opap-store-main-cta img {
    max-width: 34px;
    max-height: 26px; }
  body #wrapper .opap-store-main-cta:hover {
    color: var(--opap-white); }

body #wrapper .opap-store-main-cta-secondary {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  display: inline-flex;
  min-width: 220px;
  height: 64px;
  padding: 0 10px;
  border: none;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16);
  font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 15px;
  min-width: 223px;
  height: 54px;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--opap-store-main-cta-outline-dark);
  color: var(--opap-pure-dark); }
  body #wrapper .opap-store-main-cta-secondary img {
    max-width: 34px;
    max-height: 26px; }
  body #wrapper .opap-store-main-cta-secondary:hover {
    color: var(--opap-pure-dark); }

body #wrapper .opap-corporate-main-cta-secondary {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  display: inline-flex;
  min-width: 220px;
  height: 64px;
  padding: 0 10px;
  border: none;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16);
  background-color: var(--opap-white);
  color: var(--opap-neutral-90); }
  body #wrapper .opap-corporate-main-cta-secondary:hover {
    color: var(--opap-neutral-90); }

.opap-corporate-main-cta-background {
  background: var(--opap-corporate-main-cta); }

.opap-corporate-main-cta-background-default {
  background: var(--opap-default-main-cta); }

.opap-tzoker-main-cta-background {
  background: var(--opap-tzoker-main-cta); }

.opap-kino-main-cta-background {
  background: var(--opap-kino-main-cta); }

.opap-lotto-main-cta-background {
  background: var(--opap-lotto-main-cta); }

.opap-proto-main-cta-background {
  background: var(--opap-proto-main-cta); }

.opap-extra5-main-cta-background {
  background: var(--opap-extra5-main-cta); }

.opap-super3-main-cta-background {
  background: var(--opap-super3-main-cta); }

.opap-powerspin-main-cta-background {
  background: var(--opap-powerspin-main-cta); }

.opap-powerspinonfire-main-cta-background {
  background: var(--opap-powerspinonfire-main-cta); }

.opap-skrats-main-cta-background {
  background: var(--opap-skrats-main-cta); }

.opap-play-main-cta-background {
  background: var(--opap-play-main-cta); }

.opap-pamestoiximaonline-main-cta-background {
  background: var(--opap-pamestoiximaonline-main-cta); }

.opap-pamestoiximaretail-main-cta-background {
  background: var(--opap-pamestoiximaretail-main-cta); }

.opap-propo14and7-main-cta-background {
  background: var(--opap-propo14and7-main-cta); }

.opap-propogoal-main-cta-background {
  background: var(--opap-propogoal-main-cta); }

.opap-laikolaxeio-main-cta-background {
  background: var(--opap-laikolaxeio-main-cta); }

.opap-etnikolaxeio-main-cta-background {
  background: var(--opap-etnikolaxeio-main-cta); }

.opap-kratikolaxeio-main-cta-background {
  background: var(--opap-kratikolaxeio-main-cta); }

.opap-eurojackpot-main-cta-background {
  background: var(--opap-eurojackpot-main-cta); }

.opap-scratch-2nd-chance-main-cta-background {
  background: var(--opap-scratch-2nd-chance-main-cta); }

.opap-powerspin-on-fire-main-cta-background {
  background: var(--opap-powerspin-on-fire-main-cta); }

.opap-opaponline-main-cta-background {
  background: var(--opap-opaponline-main-cta); }

.opap-corporate-main-cta-background-secondary {
  background-color: var(--opap-white); }

.opap-corporate-gameplay {
  background: var(--opap-corporate-gameplay); }

.opap-corporate-gameplay-default {
  background: var(--opap-default-gameplay); }

.opap-tzoker-gameplay {
  background: var(--opap-tzoker-gameplay); }

.opap-kino-gameplay {
  background: var(--opap-kino-gameplay); }

.opap-lotto-gameplay {
  background: var(--opap-lotto-gameplay); }

.opap-proto-gameplay {
  background: var(--opap-proto-gameplay); }

.opap-extra5-gameplay {
  background: var(--opap-extra5-gameplay); }

.opap-super3-gameplay {
  background: var(--opap-super3-gameplay); }

.opap-powerspin-gameplay {
  background: var(--opap-powerspin-gameplay); }

.opap-powerspinonfire-gameplay {
  background: var(--opap-powerspinonfire-gameplay); }

.opap-skrats-gameplay {
  background: var(--opap-skrats-gameplay); }

.opap-play-gameplay {
  background: var(--opap-play-gameplay); }

.opap-pamestoiximaonline-gameplay {
  background: var(--opap-pamestoiximaonline-gameplay); }

.opap-pamestoiximaretail-gameplay {
  background: var(--opap-pamestoiximaretail-gameplay); }

.opap-propo14and7-gameplay {
  background: var(--opap-propo14and7-gameplay); }

.opap-propogoal-gameplay {
  background: var(--opap-propogoal-gameplay); }

.opap-laikolaxeio-gameplay {
  background: var(--opap-laikolaxeio-gameplay); }

.opap-etnikolaxeio-gameplay {
  background: var(--opap-etnikolaxeio-gameplay); }

.opap-kratikolaxeio-gameplay {
  background: var(--opap-kratikolaxeio-gameplay); }

.opap-eurojackpot-gameplay {
  background: var(--opap-eurojackpot-gameplay); }

.opap-scratch-2nd-chance-gameplay {
  background: var(--opap-scratch-2nd-chance-gameplay); }

.opap-powerspin-on-fire-gameplay {
  background: var(--opap-powerspin-on-fire-gameplay); }

.opap-opaponline-gameplay {
  background: var(--opap-opaponline-gameplay); }

.opap-glow-navy-blue {
  background: var(--opap-glow-navy-blue); }

.opap-glow-royal-blue {
  background: var(--opap-glow-royal-blue); }

.opap-glow-sky-blue {
  background: var(--opap-glow-sky-blue); }

.opap-glow-aqua-blue {
  background: var(--opap-glow-aqua-blue); }

.opap-glow-apple {
  background: var(--opap-glow-apple); }

.opap-glow-lime-green {
  background: var(--opap-glow-lime-green); }

.opap-glow-tangerine {
  background: var(--opap-glow-tangerine); }

.opap-glow-red {
  background: var(--opap-glow-red); }

.opap-glow-pink {
  background: var(--opap-glow-pink); }

.opap-glow-purple {
  background: var(--opap-glow-purple); }

.opap-brand-navy-blue {
  background: var(--opap-brand-navy-blue); }

.opap-brand-navy-blue-light {
  background: var(--opap-brand-navy-blue-light); }

.opap-brand-aqua-blue {
  background: var(--opap-brand-aqua-blue); }

.opap-brand-sky-blue {
  background: var(--opap-brand-sky-blue); }

.opap-brand-royal-blue {
  background: var(--opap-brand-royal-blue); }

.opap-brand-forest-green {
  background: var(--opap-brand-forest-green); }

.opap-brand-apple {
  background: var(--opap-brand-apple); }

.opap-brand-lime-green {
  background: var(--opap-brand-lime-green); }

.opap-brand-yellow {
  background: var(--opap-brand-yellow); }

.opap-brand-orange {
  background: var(--opap-brand-orange); }

.opap-brand-red {
  background: var(--opap-brand-red); }

/* OPAP base styling */
body #wrapper {
  font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  /* General React Component Styles */
  /* OPAP Sticky Container Fragment */
  /* Transforms the iframe into a modal overlay for fullscreen mode. */
  /* Pushes the content lower due to the fixed header.	 */
  /* Start -- External Widgets */
  /* End -- External Widgets*/ }
  body #wrapper .opap-jackpot.min-prize .opap-jackpot-label {
    display: none; }
  body #wrapper .opap-jackpot .opap-jackpot-next-drow {
    display: none; }
  body #wrapper .opap-jackpot .opap-jackpot-mega {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    color: #ec1c24; }
  body #wrapper .opap-sticky-container {
    position: sticky; }
  body #wrapper .opap-iframe-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    background: black;
    border: none;
    height: 100vh;
    width: 100vw;
    z-index: 9999; }
    body #wrapper .opap-iframe-fullscreen .embed-responsive-item {
      margin-left: 50% !important;
      transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0); }
    body #wrapper .opap-iframe-fullscreen.embed-responsive-1by1 .embed-responsive-item {
      width: calc(100vh); }
    body #wrapper .opap-iframe-fullscreen.embed-responsive-4by3 .embed-responsive-item {
      width: calc(100vh * 4 / 3); }
    body #wrapper .opap-iframe-fullscreen.embed-responsive-16by9 .embed-responsive-item {
      width: calc(100vh * 16 / 9); }
    body #wrapper .opap-iframe-fullscreen.embed-responsive-21by9 .embed-responsive-item {
      width: calc(100vh * 21 / 9); }
  body #wrapper .opap-window-target::before {
    content: '';
    display: block;
    position: relative;
    width: 0;
    height: 80px;
    margin-top: -80px;
    background: transparent; }
  body #wrapper .h1, body #wrapper .h2, body #wrapper .h3, body #wrapper .h4, body #wrapper .h5, body #wrapper .h6 {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700; }
  body #wrapper a {
    font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: var(--opap-neutral-90);
    outline: none; }
    body #wrapper a:hover {
      text-decoration: none; }
  body #wrapper .pn-modal-quick-play label {
    font-size: 8px; }
  body #wrapper a.pli-menu-list-item {
    font-size: 8px;
    padding-left: 20px;
    padding-right: 20px;
    color: var(--opap-white); }
  body #wrapper .user-personal-bar {
    display: none; }
  body #wrapper p {
    font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 20px; }
  body #wrapper ul {
    list-style: none; }
  body #wrapper i[class^="icon-"]::after {
    font-family: fontawesome-alloy; }
  body #wrapper .icon-left::after {
    content: "\f104"; }
  body #wrapper .icon-right::after {
    content: "\f105"; }
  body #wrapper .icon-up::after {
    content: "\f106"; }
  body #wrapper .icon-down::after {
    content: "\f107"; }
  body #wrapper .icon-circle::before {
    content: "\f111"; }
  body #wrapper .opap-icon-download {
    background-image: url("../images/opap/icons/TileDownloadIcon.png");
    top: 8px;
    position: relative;
    width: 9px;
    height: 11px;
    margin-left: 6px; }
  body #wrapper .text-apply-xx-small {
    font-size: xx-small; }
  body #wrapper .text-apply-x-small {
    font-size: x-small; }
  body #wrapper .text-apply-smaller {
    font-size: smaller; }
  body #wrapper .text-apply-small {
    font-size: small; }
  body #wrapper .text-apply-medium {
    font-size: medium; }
  body #wrapper .text-apply-large {
    font-size: large; }
  body #wrapper .text-apply-larger {
    font-size: larger; }
  body #wrapper .text-apply-x-large {
    font-size: x-large; }
  body #wrapper .text-apply-xx-large {
    font-size: xx-large; }
  body #wrapper .text-apply-xxx-large {
    font-size: xxx-large; }
  body #wrapper .text-apply-bold-regular {
    font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
  body #wrapper .text-apply-bold-medium {
    font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
  body #wrapper .text-apply-bold {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
  body #wrapper .text-apply-xbold {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700; }
  body #wrapper .select-group select {
    font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    position: relative;
    display: inline-block;
    width: 166px;
    height: 48px;
    border: 1px solid #DDDEE3;
    border-radius: 8px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--opap-white);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath d='M11.5267 0.839297L6.99999 5.36596L2.47333 0.839297C2.01833 0.384297 1.28333 0.384297 0.828326 0.839297C0.373326 1.2943 0.373326 2.0293 0.828326 2.4843L6.18333 7.8393C6.63833 8.2943 7.37333 8.2943 7.82833 7.8393L13.1833 2.4843C13.6383 2.0293 13.6383 1.2943 13.1833 0.839297C12.7283 0.395964 11.9817 0.384297 11.5267 0.839297Z' fill='%231E1F24'/%3E%3C/svg%3E");
    background-position: calc(100% - 20px) 21px;
    background-size: 11px;
    background-repeat: no-repeat;
    font-size: 16px;
    color: var(--opap-neutral-90); }
  body #wrapper .checkbox-group input[type="checkbox"] {
    display: none; }
  body #wrapper .checkbox-group label:before {
    font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    content: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
    border: 1px solid var(--opap-neutral-40);
    border-radius: 8px;
    background-color: var(--opap-white);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    cursor: pointer; }
  body #wrapper .checkbox-group input[type="checkbox"]:checked + label:before {
    background: var(--opap-glow-sky-blue); }
  body #wrapper .checkbox-group input[type="checkbox"]:checked + label:after {
    content: '';
    display: block;
    position: relative;
    top: -20px;
    left: 10px;
    width: 5px;
    height: 14px;
    border: solid var(--opap-white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg); }
  body #wrapper .radio-group input[type="radio"] {
    display: none; }
  body #wrapper .radio-group label {
    font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    position: relative;
    display: inline-block;
    margin-right: 21px;
    line-height: 26px;
    text-decoration: underline;
    font-size: 16px;
    cursor: pointer; }
    body #wrapper .radio-group label:before {
      content: '';
      position: relative;
      display: inline-block;
      width: 24px;
      height: 24px;
      margin-right: 8px;
      vertical-align: bottom;
      border: 1px solid var(--opap-neutral-40);
      border-radius: 50%;
      background-color: var(--opap-white);
      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); }
  body #wrapper .radio-group input[type="radio"]:checked + label:after {
    background: var(--opap-glow-sky-blue);
    content: '';
    width: 14px;
    height: 14px;
    position: relative;
    display: block;
    top: -19px;
    left: 5px;
    border-radius: 50%; }
  body #wrapper .navbar-classic .container {
    max-width: 1304px; }
    body #wrapper .navbar-classic .container .portlet .portlet-content {
      border: none;
      padding: 0; }
  body #wrapper .component-separator hr {
    border-top: none; }

body.signed-in.has-edit-mode-menu #wrapper header#banner {
  display: none;
  position: relative; }

body.signed-in.has-edit-mode-menu #wrapper #content {
  margin-top: 0; }

body.signed-in .user-personal-bar {
  position: absolute;
  right: 20%;
  z-index: 1031;
  top: 11px; }
  body.signed-in .user-personal-bar > div > div:first-of-type {
    display: none; }

@media (max-width: 1279.98px) {
  body.signed-in .user-personal-bar {
    position: fixed;
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
    z-index: 1031; }
  body.signed-in .user-personal-bar > div > div:first-of-type {
    display: none; } }

@media (max-width: 767.98px) {
  body #wrapper {
    font-size: 16px;
    /* OPAP Page Navigation / Hash Feature */
    /* OPAP Sticky Container Fragment */ }
    body #wrapper p, body #wrapper a {
      font-size: 16px; }
    body #wrapper .opap-window-target::before {
      height: 10px;
      margin-top: -10px; }
    body #wrapper .opap-sticky-container {
      position: static; } }

body,
#wrapper {
  background: var(--body-bg);
  color: var(--body-color);
  font-family: var(--font-family-base);
  font-size: var(--font-size-base); }

/* OPAP Buttons */
#wrapper .opap-btn-main {
  background-color: var(--opap-brand-apple); }

#wrapper .opap-btn-submit {
  background: var(--opap-glow-apple); }

#wrapper .opap-btn-submit-promo {
  background: var(--opap-glow-apple);
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  text-align: left; }
  #wrapper .opap-btn-submit-promo span {
    background: var(--opap-glow-sky-blue);
    display: inline-block;
    margin-right: 8px;
    padding: 20px 15px;
    border-radius: 8px 0 32px 8px;
    text-decoration-line: line-through; }
    #wrapper .opap-btn-submit-promo span i {
      font-size: 20px; }

#wrapper .opap-btn-white-border {
  background-color: var(--opap-white);
  color: var(--opap-neutral-90);
  border: 2px solid var(--opap-neutral-90); }

#wrapper .opap-btn-simple-white {
  height: 80px;
  background-color: var(--opap-white);
  color: var(--opap-neutral-90);
  border: 1px solid #DDDEE3;
  border-radius: 0; }

#wrapper .opap-btn-simple-dark {
  height: 80px;
  background-color: var(--opap-neutral-90);
  color: var(--opap-white);
  border-radius: 0; }

#wrapper .opap-btn-simple-white-inactive {
  height: 80px;
  background-color: var(--opap-white);
  color: #DDDEE3;
  border: 1px solid #DDDEE3;
  border-radius: 0; }

#wrapper .opap-btn-simple-dark-inactive {
  height: 80px;
  background-color: var(--opap-neutral-90);
  color: #616265;
  border-radius: 0; }

#wrapper button.control.prev, #wrapper button.control.next {
  color: var(--body-color); }

@media (max-width: 767.98px) {
  #wrapper .opap-corporate-main-cta,
  #wrapper .opap-corporate-main-cta-default {
    font-size: 16px; } }

body #wrapper .opap-rg-promo-module {
  background-image: url("../images/opap/patterns/Play-Responsibly.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100%;
  background-color: var(--opap-brand-navy-blue);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 6% 0; }
  body #wrapper .opap-rg-promo-module .opap-pm-title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    width: 39%;
    text-align: center;
    overflow-wrap: break-word;
    margin-bottom: 60px; }
    body #wrapper .opap-rg-promo-module .opap-pm-title > :first-child {
      margin-bottom: 32px; }
  body #wrapper .opap-rg-promo-module .opap-pm-mobile {
    display: none; }
  body #wrapper .opap-rg-promo-module .opap-pm-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 8%;
    justify-content: center;
    margin-bottom: 5%; }
    body #wrapper .opap-rg-promo-module .opap-pm-wrapper .opap-pm-details {
      width: 343px;
      text-align: center;
      display: flex;
      flex-basis: 25%;
      flex-direction: column;
      align-items: center;
      position: relative;
      padding-bottom: 30px; }
      body #wrapper .opap-rg-promo-module .opap-pm-wrapper .opap-pm-details .details-font {
        color: var(--opap-neutral-10);
        font-size: 16px;
        margin: 12px;
        padding: 0;
        width: 100%;
        word-wrap: break-word; }
      body #wrapper .opap-rg-promo-module .opap-pm-wrapper .opap-pm-details a {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 20px;
        color: var(--opap-neutral-5);
        position: absolute;
        bottom: 0; }
      body #wrapper .opap-rg-promo-module .opap-pm-wrapper .opap-pm-details .opap-pm-details-img {
        background: var(--opap-glow-sky-blue);
        border-radius: 50%;
        overflow: hidden;
        width: 80px;
        height: 80px; }
        body #wrapper .opap-rg-promo-module .opap-pm-wrapper .opap-pm-details .opap-pm-details-img img {
          height: 100%;
          width: 100%;
          object-position: center;
          object-fit: contain; }
  body #wrapper .opap-rg-promo-module .opap-pm-footer {
    width: 40%;
    height: 33%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 4%;
    justify-content: center;
    align-items: center; }
    body #wrapper .opap-rg-promo-module .opap-pm-footer .button {
      background: var(--opap-glow-navy-blue);
      position: relative;
      width: 174px;
      height: 51px;
      color: var(--opap-neutral-10);
      border-radius: 8px;
      border: none;
      margin: 6% 1%;
      cursor: pointer;
      padding: 3px; }
      body #wrapper .opap-rg-promo-module .opap-pm-footer .button .opap-hl-icon {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        left: 16px;
        bottom: 16px; }
      body #wrapper .opap-rg-promo-module .opap-pm-footer .button .opap-hl {
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        right: 16px;
        bottom: 13px; }
        body #wrapper .opap-rg-promo-module .opap-pm-footer .button .opap-hl span {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          letter-spacing: 3px;
          padding-left: 3px; }
  body #wrapper .opap-rg-promo-module h2, body #wrapper .opap-rg-promo-module h3, body #wrapper .opap-rg-promo-module h4, body #wrapper .opap-rg-promo-module p {
    color: var(--opap-white); }

@media (min-width: 1280px) {
  body #wrapper .opap-rg-promo-module .opap-pm-title {
    width: 53%; } }

@media (max-width: 1279.98px) {
  body #wrapper .opap-rg-promo-module .opap-pm-title {
    width: 85%; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-rg-promo-module .opap-pm-title {
    width: 85%; }
  body #wrapper .opap-rg-promo-module .opap-pm-footer {
    width: 80%; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-rg-promo-module {
    flex-direction: column; }
    body #wrapper .opap-rg-promo-module .opap-pm-title {
      width: 90%; }
    body #wrapper .opap-rg-promo-module .opap-pm-mobile {
      display: block;
      margin-bottom: 80px; }
      body #wrapper .opap-rg-promo-module .opap-pm-mobile .opap-pm-learn-more {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 20px;
        color: var(--opap-white); }
        body #wrapper .opap-rg-promo-module .opap-pm-mobile .opap-pm-learn-more .icon-right::after {
          content: "\f105";
          font-family: fontawesome-alloy;
          margin-left: 6px; }
    body #wrapper .opap-rg-promo-module .opap-pm-wrapper {
      display: none; }
    body #wrapper .opap-rg-promo-module .opap-pm-details {
      flex-direction: row; }
      body #wrapper .opap-rg-promo-module .opap-pm-details a {
        font-size: 20px;
        color: var(--opap-neutral-5); }
    body #wrapper .opap-rg-promo-module .opap-pm-footer {
      width: auto; }
      body #wrapper .opap-rg-promo-module .opap-pm-footer a {
        margin-bottom: 3%; }
    body #wrapper .opap-rg-promo-module h3 {
      font-size: 32px; }
    body #wrapper .opap-rg-promo-module p {
      font-size: 20px; } }

@media (max-width: 575.98px) {
  body #wrapper .opap-rg-promo-module .opap-pm-mobile {
    display: block; }
    body #wrapper .opap-rg-promo-module .opap-pm-mobile a {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: var(--opap-neutral-10);
      font-size: 20px; }
  body #wrapper .opap-rg-promo-module .opap-pm-wrapper {
    display: none; }
  body #wrapper .opap-rg-promo-module .opap-pm-details a {
    font-size: 20px;
    color: var(--opap-neutral-5); }
  body #wrapper .opap-rg-promo-module .opap-pm-footer a {
    margin-bottom: 3%; }
  body #wrapper .opap-rg-promo-module .details-font {
    color: var(--opap-neutral-10);
    font-size: 20px;
    margin: 12px;
    padding: 0;
    width: 100%;
    word-wrap: break-word; }
  body #wrapper .opap-rg-promo-module h3 {
    font-size: 32px; }
  body #wrapper .opap-rg-promo-module p {
    font-size: 20px; } }

/* OPAP Navigation */
body #wrapper .opap-nav-wrapper {
  border: none; }
  body #wrapper .opap-nav-wrapper > .portlet-navigation {
    width: 100%; }
    body #wrapper .opap-nav-wrapper > .portlet-navigation .portlet-content {
      border: none; }
  body #wrapper .opap-nav-wrapper .opap-navigation {
    background: var(--opap-glow-white);
    display: flex;
    height: 64px;
    width: 100%; }
    body #wrapper .opap-nav-wrapper .opap-navigation .flex-helper {
      height: 64px;
      background-size: 1000vw 100%;
      /* FIXME: when there are no glows, then remove this line  */
      flex: .5; }
    body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-wrapper {
      display: flex;
      flex-basis: 1280px; }
    body #wrapper .opap-nav-wrapper .opap-navigation .menu-wrapper {
      position: relative;
      overflow: visible;
      display: flex; }
    body #wrapper .opap-nav-wrapper .opap-navigation hr {
      margin: 10px 0 5px; }
    body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-btn {
      padding: 16px 16px 16px 0;
      border: none;
      background-size: 100vw 100%;
      font-size: 16px; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-btn .springboard-icon {
        vertical-align: baseline; }
    body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper {
      position: absolute;
      top: 64px;
      left: 0;
      min-width: 270px;
      margin-top: 14px;
      padding: 20px 12px 15px;
      background: var(--opap-brand-navy-blue);
      border-radius: 8px;
      z-index: 999; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper::before {
        content: "";
        position: absolute;
        top: -7px;
        left: 20px;
        width: 0;
        height: 0;
        border-width: 0 7px 7px 7px;
        border-style: solid;
        border-color: transparent transparent var(--opap-brand-navy-blue) transparent; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 15px;
        top: -15px;
        padding: 0;
        left: 0; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-active-list a,
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-list a {
        font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 42px;
        margin-bottom: 8px;
        border-radius: 8px;
        font-size: 16px;
        color: var(--opap-white); }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-active-list a .opap-springboard-img,
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-list a .opap-springboard-img {
          display: inline-block;
          width: 32px;
          height: 32px;
          margin: 5px 12px 5px 3px;
          border-radius: 50%;
          background-color: var(--opap-white); }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-active-list a .opap-springboard-img img,
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-list a .opap-springboard-img img {
            width: 100%;
            padding: 5px;
            object-fit: cover; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-active-list img {
        margin-right: 24px; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-active-list a {
        padding-right: 15px;
        border: 1px solid var(--opap-hl-navy-blue);
        background: var(--opap-hl-navy-blue); }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-list a {
        padding-right: 15px;
        border: 1px solid var(--opap-neutral-60); }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-games {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-top: 18px;
        padding: 0; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-games li a {
          display: flex;
          width: 85px;
          height: 48px;
          border-radius: 8px;
          margin: 0 auto;
          align-items: center; }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-games li a img {
            width: 100%;
            height: 100%;
            object-fit: scale-down; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper hr {
        margin: 10px 0 15px;
        border-color: var(--opap-neutral-70); }
    body #wrapper .opap-nav-wrapper .opap-navigation a.logo,
    body #wrapper .opap-nav-wrapper .opap-navigation span.logo {
      display: inline-flex;
      width: 100px;
      justify-content: center;
      clip-path: ellipse(100% 128px at 0% -20%);
      background-size: 100vw 100%; }
      body #wrapper .opap-nav-wrapper .opap-navigation a.logo.opap-game-logo,
      body #wrapper .opap-nav-wrapper .opap-navigation span.logo.opap-game-logo {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }
        body #wrapper .opap-nav-wrapper .opap-navigation a.logo.opap-game-logo img,
        body #wrapper .opap-nav-wrapper .opap-navigation span.logo.opap-game-logo img {
          max-width: 100%;
          max-height: 100%;
          margin-right: 12px;
          padding: 8px 5px 8px 3px; }
    body #wrapper .opap-nav-wrapper .opap-navigation a.game-opap-logo {
      display: inline-flex;
      justify-content: center;
      background-size: 100vw 100%;
      width: 62px; }
    body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav {
      max-width: 900px;
      margin: 0 8px; }
      body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item:first-child > .border-right {
        height: 40px;
        border-right: 1px solid #DDDEE3 !important; }
      body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item.selected.active a.nav-link::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 4px;
        bottom: -2px;
        background: var(--opap-corporate-primary);
        border-radius: 12px 12px 0 0;
        transform: matrix(-1, 0, 0, 1, 0, 0);
        box-shadow: 0 -3px 6px -1px var(--opap-hl-navy-blue);
        filter: blur(0.4px); }
      body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item a.nav-link {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        margin: 0 16px;
        padding: 18px 0;
        color: var(--opap-neutral-90);
        outline: none;
        overflow: visible; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item a.nav-link .lexicon-icon {
          width: 8px;
          margin-left: 3px; }
      body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu,
      body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images {
        position: absolute;
        top: 75px;
        min-width: 200px;
        max-width: none;
        max-height: none;
        padding: 18px 34px 10px;
        background: var(--opap-brand-navy-blue);
        border-radius: 8px;
        border: none;
        overflow: visible;
        box-shadow: 0 16px 16px rgba(0, 0, 0, 0.2), 0 32px 64px rgba(3, 15, 55, 0.5);
        color: var(--opap-white);
        z-index: 999; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu::before,
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images::before {
          content: "";
          position: absolute;
          top: -7px;
          left: 30%;
          width: 0;
          height: 0;
          border-width: 0 7px 7px 7px;
          border-style: solid;
          border-color: transparent transparent var(--opap-brand-navy-blue) transparent; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu::after,
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 15px;
          top: -15px;
          padding: 0;
          left: 0; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu.collapsing,
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images.collapsing {
          height: auto;
          transition: height .01s ease; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu li,
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images li {
          margin-bottom: 18px; }
          body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu li .opap-menu-item,
          body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images li .opap-menu-item {
            font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 20px;
            color: var(--opap-white);
            white-space: nowrap; }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu li .opap-menu-item:hover, body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu li .opap-menu-item:active, body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu li .opap-menu-item:focus,
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images li .opap-menu-item:hover,
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images li .opap-menu-item:active,
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images li .opap-menu-item:focus {
              background: none;
              box-shadow: none;
              outline: none; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu p,
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images p {
          font-size: 16px; }
      body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu.opap-menu-icons {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: space-between;
        width: 500px;
        padding: 21px; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu.opap-menu-icons.collapsing {
          display: flex;
          height: auto;
          transition: height .01s ease; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu.opap-menu-icons.show {
          display: flex; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu.opap-menu-icons li {
          margin: 0; }
          body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu.opap-menu-icons li img {
            width: 75px;
            height: 43px;
            object-fit: scale-down; }
      body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images {
        padding: 0; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images::before {
          left: 15%; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images.collapsing {
          display: flex; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images.show {
          display: flex; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-top-bar {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin: 0;
          padding: 16px 24px 18px;
          border-radius: 8px 8px 0 0;
          background-color: var(--opap-brand-navy-blue-light); }
          body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-top-bar-text {
            max-width: 21em;
            overflow-wrap: break-word; }
          body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-top-bar h1 {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700;
            font-size: 31.25px; }
          body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-top-bar a.opap-corporate-main-cta-secondary {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            display: flex;
            align-self: center;
            align-items: center;
            margin-left: 12px;
            padding: 9px; }
          body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-top-bar a.opap-online-main-cta {
            position: relative; }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-top-bar a.opap-online-main-cta img {
              position: absolute;
              left: 9px; }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-top-bar a.opap-online-main-cta p {
              margin-bottom: 0; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          max-height: 50vh;
          overflow-y: auto;
          overflow-x: hidden;
          -ms-overflow-style: auto;
          /* IE and Edge */
          scrollbar-width: thin;
          /* Firefox */
          scrollbar-color: rgba(172, 172, 172, 0.7) rgba(0, 0, 0, 0); }
          body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper::-webkit-scrollbar {
            width: 4px;
            /* Chrome, Safari and Opera */ }
          body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper::-webkit-scrollbar-track {
            width: 4px;
            background: rgba(0, 0, 0, 0); }
          body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper::-webkit-scrollbar-thumb {
            width: 4px;
            background: rgba(172, 172, 172, 0.7); }
          body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-collapse-games {
            display: none; }
          body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper {
            width: 403px;
            min-width: 403px;
            margin: 20px 0 5px 24px;
            padding: 0;
            border-right: 1px solid var(--opap-neutral-80);
            overflow-y: scroll !important;
            -ms-overflow-style: auto;
            scrollbar-width: thin; }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper.single-column {
              width: auto;
              min-width: auto;
              flex-direction: column;
              display: flex; }
              body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper.single-column a.opap-online {
                border: 1px solid var(--opap-neutral-60);
                width: fit-content;
                margin-right: 12px;
                margin-bottom: 2px;
                display: flex;
                align-items: center;
                justify-content: space-between; }
              body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper.single-column a .content-cluster {
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center; }
              body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper.single-column a:nth-child(2) {
                margin-top: 10px; }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper::-webkit-scrollbar {
              width: 8px; }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper::-webkit-scrollbar-track {
              width: 8px;
              border-radius: 8px;
              background: transparent; }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper::-webkit-scrollbar-thumb {
              width: 8px;
              border-radius: 8px;
              background: #797d89;
              cursor: pointer; }
              body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper::-webkit-scrollbar-thumb:hover {
                background: #c7c8cd; }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper a {
              display: inline-block;
              width: 183px;
              height: 72px;
              margin-top: 10px;
              margin-right: 12px;
              border-radius: 8px; }
              body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper a:first-child, body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper a:nth-child(2) {
                margin-top: 0; }
              body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper a p {
                font-family: "RobotoFlex500", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                font-size: 16px;
                text-align: center;
                color: var(--opap-white);
                margin-top: revert; }
              body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper a i {
                color: var(--opap-white);
                font-size: x-small;
                padding: 7px 7px 7px 9px;
                font-size: 8px;
                background-color: rgba(253, 253, 253, 0.3);
                border-radius: 50%;
                vertical-align: middle; }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper img {
              width: 100%;
              height: 100%;
              border-radius: 8px;
              object-fit: cover; }

@-moz-document url-prefix() {
  body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper {
    padding-bottom: 14px; } }
          body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-list-wrapper {
            display: flex;
            flex-flow: column;
            align-items: center;
            position: sticky;
            top: 0;
            overflow-y: auto;
            -ms-overflow-style: auto;
            /* IE and Edge */
            scrollbar-width: thin;
            /* Firefox */
            scrollbar-color: rgba(172, 172, 172, 0.7) rgba(0, 0, 0, 0); }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-list-wrapper::-webkit-scrollbar {
              width: 4px;
              /* Chrome, Safari and Opera */ }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-list-wrapper::-webkit-scrollbar-track {
              width: 4px;
              background: rgba(0, 0, 0, 0); }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-list-wrapper::-webkit-scrollbar-thumb {
              width: 4px;
              background: rgba(172, 172, 172, 0.7); }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-list-wrapper ul.opap-list {
              align-self: start;
              min-width: 185px;
              margin: 20px 17px 14px 17px;
              padding: 0; }
              body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-list-wrapper ul.opap-list li {
                margin-bottom: 10px; }
                body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-list-wrapper ul.opap-list li a {
                  font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                  white-space: nowrap;
                  line-height: 33px;
                  font-size: 20px;
                  color: var(--opap-white); }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-list-wrapper picture {
              margin-top: auto; }
              body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-list-wrapper picture img.opap-banner-img {
                width: 100%;
                max-width: 185px;
                margin-bottom: 14px;
                border-radius: 8px; }
            body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-list-wrapper a.opap-banner-link {
              margin-top: auto; }
        body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images #opapCollapsePAMESTOIXIMA-MEGA-MENU.opap-logos-wrapper {
          flex-wrap: nowrap; }
    body #wrapper .opap-nav-wrapper .opap-navigation .opap-ext-widgets {
      display: flex;
      align-items: center; }
    body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right {
      display: flex;
      align-items: center;
      margin-left: 10px; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right img {
        height: 32px; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right button {
        padding: 0;
        margin: 0 0 0 16px;
        background: none;
        border: none;
        outline: none; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right button span.icon-reorder {
          font-size: 24px;
          color: var(--opap-brand-navy-blue); }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right .button-cluster {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right .button-cluster.icons {
          gap: 1rem; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right .button-cluster .scratch-login-button, body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right .button-cluster .scratch-register-button {
          display: flex;
          width: 100%;
          padding: 0.5rem 1rem;
          justify-content: center;
          align-items: center;
          gap: 0.5rem;
          border-radius: 0.5rem;
          background: var(--opap-scratch-2nd-chance-primary);
          color: var(--opap-white);
          user-select: none;
          text-transform: uppercase;
          margin: 1rem 0;
          border-color: transparent;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-size: 1em; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right .button-cluster .scratch-register-button {
          background: var(--opap-brand-apple); }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right .scratch-user-image {
        cursor: pointer; }
    body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list {
      position: absolute;
      top: 64px;
      right: 0;
      width: 0;
      background-color: #FFF;
      box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16);
      border-radius: 8px 0 0 8px; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list.show {
        width: 320px;
        z-index: 1200; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list.collapsing {
        transition: height .01s ease;
        height: auto;
        min-height: auto; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown,
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu {
        width: 320px;
        min-height: 168px;
        margin: 0;
        padding: 14px 16px 18px 16px; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown li,
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li {
          font-size: 13px;
          line-height: 23px;
          color: var(--opap-neutral-50);
          cursor: default; }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown li .portlet,
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li .portlet {
            margin-bottom: 0; }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown li.selected.active a,
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li.selected.active a {
            font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            position: relative; }
            body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown li.selected.active a::before,
            body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li.selected.active a::before {
              content: "";
              position: absolute;
              left: -16px;
              height: 100%;
              width: 4px;
              border-radius: 0 12px 12px 0;
              background: var(--opap-corporate-primary); }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown li a,
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li a {
            line-height: 26px;
            text-decoration: none;
            font-weight: normal;
            outline: none; }
            body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown li a span.opap-link-item,
            body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li a span.opap-link-item {
              display: flex;
              justify-content: space-between; }
              body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown li a span.opap-link-item span.icon-chevron-right,
              body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown li a span.opap-link-item span.icon-chevron-left,
              body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li a span.opap-link-item span.icon-chevron-right,
              body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li a span.opap-link-item span.icon-chevron-left {
                align-self: flex-end;
                margin-left: 8px;
                font-size: 11px;
                line-height: 16px; }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown li span.language-entry-long-text,
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li span.language-entry-long-text {
            font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0;
            line-height: 26px;
            text-decoration: none;
            font-weight: normal;
            outline: none;
            font-size: 16px;
            color: var(--opap-neutral-90); }
            body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown li span.language-entry-long-text::before,
            body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li span.language-entry-long-text::before {
              content: "";
              position: absolute;
              margin-top: 12px;
              left: -27px;
              height: 4px;
              width: 26px;
              border-radius: 0 0 12px 12px;
              transform: matrix(0, -1, -1, 0, 0, 0);
              background: var(--opap-corporate-primary);
              box-shadow: none; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown ul.layouts,
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu ul.layouts {
          padding: 0; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown li.selected.active a {
        display: block; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        padding: 14px 16px 18px;
        border-radius: 8px 0 0 8px;
        background-color: var(--opap-white); }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu.show {
          width: 320px;
          height: auto;
          min-height: 100%; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu.collapsing {
          transition: none;
          min-height: 174px; }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu.collapsing li a {
            white-space: nowrap; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu.opap-burger-dinamic {
          min-height: 100%;
          height: auto; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu#opapBurgerMore {
          min-height: 261px;
          height: auto; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu[id^="opapBurgerChild_"] {
          z-index: 999;
          box-shadow: rgba(0, 0, 0, 0.7) 0 30px 30px 0; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu ul {
          padding: 0; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li a {
          display: inline-block;
          width: 100%; }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li a span.opap-link-item {
            justify-content: flex-start; }
            body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li a span.opap-link-item span.icon-chevron-left {
              margin-left: 0;
              margin-right: 8px; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list.scratch {
        border-radius: 8px;
        right: 2rem;
        width: 200px; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list.scratch .opap-burger-dropdown {
          min-height: auto;
          width: 200px; }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list.scratch .opap-burger-dropdown .scratch-burger-button i {
            margin-right: 0.25em; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list.scratch.show {
          width: 200px; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-wrapper {
    max-width: 960px; } }

@media (min-width: 992px) {
  body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav {
    display: flex !important;
    height: auto !important; }
    body #wrapper .opap-nav-wrapper .opap-navigation ul.navbar-nav > li.nav-item .opap-mega-menu-images .opap-mega-wrapper .opap-logos-wrapper.collapse {
      display: flex; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-nav-wrapper {
    justify-content: space-between; }
    body #wrapper .opap-nav-wrapper .container {
      max-width: 100%;
      margin: 0;
      padding: 0; }
      body #wrapper .opap-nav-wrapper .container > div {
        width: 100%; }
    body #wrapper .opap-nav-wrapper .opap-navigation {
      height: 50px;
      border: none;
      border-radius: 0;
      background: var(--opap-clean-white); }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-wrapper {
        max-width: 100%; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-btn {
        padding: 12px;
        border-radius: 0;
        background: transparent; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-btn .springboard-icon {
          width: 16px;
          height: 16px; }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-btn .springboard-icon circle {
            fill: var(--opap-neutral-70); }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper {
        top: 43px; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper::before {
          left: 14px; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-games {
          overflow-y: auto;
          overflow-x: hidden;
          max-height: 20vh;
          -ms-overflow-style: auto;
          /* IE and Edge */
          scrollbar-width: thin;
          /* Firefox */
          scrollbar-color: rgba(172, 172, 172, 0.7) rgba(0, 0, 0, 0); }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-games::-webkit-scrollbar {
            width: 4px;
            /* Chrome, Safari and Opera */ }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-games::-webkit-scrollbar-track {
            width: 4px;
            background: rgba(0, 0, 0, 0); }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-springboard-games::-webkit-scrollbar-thumb {
            width: 4px;
            background: rgba(172, 172, 172, 0.7); }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-games-menu {
          display: none; }
          body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper .opap-games-menu.opap-games-menu-display {
            display: block; }
      body #wrapper .opap-nav-wrapper .opap-navigation a.logo.opap-home-logo {
        justify-content: flex-start; }
      body #wrapper .opap-nav-wrapper .opap-navigation a.logo.opap-game-logo,
      body #wrapper .opap-nav-wrapper .opap-navigation a.logo.opap-home-logo,
      body #wrapper .opap-nav-wrapper .opap-navigation span.logo.opap-game-logo {
        background: none;
        justify-content: flex-start; }
        body #wrapper .opap-nav-wrapper .opap-navigation a.logo.opap-game-logo img,
        body #wrapper .opap-nav-wrapper .opap-navigation a.logo.opap-home-logo img,
        body #wrapper .opap-nav-wrapper .opap-navigation span.logo.opap-game-logo img {
          height: 28px;
          padding: 0;
          object-fit: contain; }
      body #wrapper .opap-nav-wrapper .opap-navigation a.game-opap-logo {
        display: none; }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list {
        top: 76px;
        border-radius: 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.16) 118.03%), #FFF; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list.show {
          width: 100%;
          z-index: 450; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown > li,
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li,
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown > div > li {
          padding: 0 16px; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown,
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu,
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu.show {
          width: 100%;
          left: 0;
          right: 0;
          padding-left: 0;
          padding-right: 0; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-dropdown li span.language-entry-long-text::before,
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list ul.opap-burger-submenu li span.language-entry-long-text::before {
          transform: matrix(0, -1, -1, 0, 16, 0); }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right {
        margin: 0 10px; }
        body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right button span.icon-reorder {
          font-size: 21px;
          color: var(--opap-neutral-70); }
  body:not(.controls-visible) #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list,
  body.signed-out #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list {
    top: 50px; } }

@media only screen and (min-width: 768px) and (max-height: 803px) {
  body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper {
    padding-right: 0; }
    body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper > .portlet-navigation {
      overflow-y: auto;
      overflow-x: hidden;
      max-height: 50vh;
      padding-right: 12px;
      -ms-overflow-style: auto;
      /* IE and Edge */
      scrollbar-width: thin;
      /* Firefox */
      scrollbar-color: rgba(172, 172, 172, 0.7) rgba(0, 0, 0, 0); }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper > .portlet-navigation::-webkit-scrollbar {
        width: 4px;
        /* Chrome, Safari and Opera */ }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper > .portlet-navigation::-webkit-scrollbar-track {
        width: 4px;
        background: rgba(0, 0, 0, 0); }
      body #wrapper .opap-nav-wrapper .opap-navigation .opap-springboard-wrapper > .portlet-navigation::-webkit-scrollbar-thumb {
        width: 4px;
        background: rgba(172, 172, 172, 0.7); } }

@media (max-width: 575.98px) {
  body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right .button-cluster .scratch-login-button, body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right .button-cluster .scratch-register-button {
    font-size: 0.75em; } }

@media screen and (max-width: 380px) {
  body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right .button-cluster .scratch-login-button, body #wrapper .opap-nav-wrapper .opap-navigation .opap-navigation-right .button-cluster .scratch-register-button {
    margin: 0.5rem 0;
    padding: 0.35rem 0.65rem;
    font-size: 0.65em; } }

#footer {
  background-color: var(--opap-brand-navy-blue, #30313f) !important; }
  #footer .footer-separator {
    border-bottom: 1px solid var(--opap-neutral-70); }
  #footer .container.container-breadcramb {
    padding: 36px 12px 30px 24px; }
    #footer .container.container-breadcramb .breadcrumb-text-truncate {
      overflow: visible;
      max-width: none; }
    #footer .container.container-breadcramb .breadcrumb-text-truncate.active {
      color: #fff; }
  #footer .container.container-social {
    padding-top: 60px;
    padding-bottom: 60px; }
    #footer .container.container-social .social-icons ul {
      display: flex;
      justify-content: center;
      margin-bottom: 0;
      padding: 0;
      list-style: none; }
      #footer .container.container-social .social-icons ul li {
        padding: 0 45px; }
        #footer .container.container-social .social-icons ul li a img {
          max-width: 48px; }
  #footer .container.container-navigation {
    padding: 50px 12px 65px 24px; }
    #footer .container.container-navigation .footer-navigation .col-lg-3:nth-child(2) {
      flex: 0 0 33%;
      max-width: 33%; }
    #footer .container.container-navigation .footer-navigation .col-lg-3:nth-child(3) {
      flex: 0 0 21%;
      max-width: 21%; }
    #footer .container.container-navigation .footer-navigation .col-lg-3:last-child {
      flex: 0 0 21%;
      max-width: 21%; }
    #footer .container.container-navigation .footer-navigation .footer-nav-list:first-child ul, #footer .container.container-navigation .footer-navigation .footer-nav-list:last-child ul {
      padding-left: 0; }
    #footer .container.container-navigation .footer-navigation .footer-nav-list .column-title {
      color: var(--opap-clean-white);
      font-size: 20px;
      height: 25px;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      margin-bottom: 30px; }
    #footer .container.container-navigation .footer-navigation .footer-nav-list li {
      list-style: none;
      line-height: 1.8; }
      #footer .container.container-navigation .footer-navigation .footer-nav-list li a {
        font-size: 16px;
        color: var(--opap-clean-white); }
        #footer .container.container-navigation .footer-navigation .footer-nav-list li a:hover {
          text-decoration: underline; }
        #footer .container.container-navigation .footer-navigation .footer-nav-list li a.external-link {
          position: relative; }
          #footer .container.container-navigation .footer-navigation .footer-nav-list li a.external-link::after {
            content: "\f08e";
            font-family: fontawesome-alloy;
            font-size: 18px;
            color: var(--opap-white);
            margin-left: 6px; }
  #footer .container.container-bottom {
    padding: 42px 24px 40px; }
    #footer .container.container-bottom .footer-bottom .left-links {
      margin-top: 16px; }
      #footer .container.container-bottom .footer-bottom .left-links a {
        display: inline-block;
        margin-right: 55px;
        font-size: 16px;
        color: var(--opap-clean-white); }
      #footer .container.container-bottom .footer-bottom .left-links > ul {
        padding-left: 0; }
        #footer .container.container-bottom .footer-bottom .left-links > ul > li {
          display: inline-block; }
          #footer .container.container-bottom .footer-bottom .left-links > ul > li > a:hover {
            text-decoration: underline; }
      #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages {
        display: inline-block; }
        #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages .portlet-content {
          padding: 0; }
          #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages .portlet-content a.language-entry-short-text, #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages .portlet-content span.language-entry-short-text {
            margin-right: 0;
            border-right: 1px solid var(--opap-clean-white);
            padding: 0 8px; }
            #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages .portlet-content a.language-entry-short-text:last-child, #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages .portlet-content span.language-entry-short-text:last-child {
              border-right: none; }
          #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages .portlet-content span.language-entry-short-text {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            color: var(--opap-clean-white);
            font-size: 16px; }
          #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages .portlet-content ul {
            padding-left: 0;
            margin-bottom: 0; }
            #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages .portlet-content ul li {
              display: inline-block; }
              #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages .portlet-content ul li:first-child a, #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages .portlet-content ul li:first-child span {
                padding-left: 0; }
              #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages .portlet-content ul li:not(:first-child) a, #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages .portlet-content ul li:not(:first-child) span {
                border-left: 1px solid var(--opap-white); }
              #footer .container.container-bottom .footer-bottom .left-links .opap-footer-languages .portlet-content ul li span {
                padding-right: 3px; }
    #footer .container.container-bottom .footer-bottom .right-images {
      text-align: right;
      justify-content: flex-start;
      display: flex;
      flex-direction: column;
      row-gap: 1em;
      padding-left: 12px;
      padding-right: 12px;
      margin-top: 10px;
      position: relative;
      width: 100%; }
      #footer .container.container-bottom .footer-bottom .right-images .icons-row {
        display: flex;
        align-items: center; }
        #footer .container.container-bottom .footer-bottom .right-images .icons-row a {
          display: inline-block;
          margin-left: 55px; }
          #footer .container.container-bottom .footer-bottom .right-images .icons-row a:first-child {
            margin-left: 0; }
          #footer .container.container-bottom .footer-bottom .right-images .icons-row a img {
            max-height: 50px;
            max-width: 160px;
            width: 100%; }
    #footer .container.container-bottom .footer-bottom .copyright-info {
      color: var(--opap-clean-white);
      margin-top: 50px; }
      #footer .container.container-bottom .footer-bottom .copyright-info .copyright-html-field p {
        font-size: 16px; }
        #footer .container.container-bottom .footer-bottom .copyright-info .copyright-html-field p:last-child {
          margin-bottom: 0; }
        #footer .container.container-bottom .footer-bottom .copyright-info .copyright-html-field p a {
          color: var(--opap-clean-white);
          font-size: 16px; }
    #footer .container.container-bottom .footer-bottom.row {
      justify-content: space-between; }
  #footer .copyright-segment-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #footer .copyright-segment-wrapper .footer-separator {
      width: 100%; }
    #footer .copyright-segment-wrapper .copyright-segment {
      max-width: 1280px;
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 12px;
      padding: 17px 24px 15px 24px; }
      #footer .copyright-segment-wrapper .copyright-segment img {
        max-height: 50px;
        width: fit-content; }
      #footer .copyright-segment-wrapper .copyright-segment p {
        font-size: 12px;
        color: var(--opap-white); }
  #footer .regulation-info {
    background: #1A3362; }
    #footer .regulation-info .container {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 111px;
      gap: 60px;
      padding-right: 24px;
      padding-left: 24px; }
      #footer .regulation-info .container .regulation-image {
        min-width: 168.84px;
        height: 80px;
        justify-content: flex-start;
        display: flex;
        align-items: center; }
        #footer .regulation-info .container .regulation-image img {
          height: 100%;
          max-height: 80px;
          max-width: 169px; }
      #footer .regulation-info .container .regulation-text {
        font-family: 'Verdana';
        font-style: normal;
        font-weight: 400;
        text-align: center;
        letter-spacing: 0.05em;
        color: var(--opap-clean-white);
        min-width: 909px;
        height: 81px;
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        #footer .regulation-info .container .regulation-text a {
          color: var(--opap-clean-white); }
          #footer .regulation-info .container .regulation-text a:hover {
            color: var(--opap-clean-white); }
          #footer .regulation-info .container .regulation-text a:visited {
            color: var(--opap-clean-white); }
        #footer .regulation-info .container .regulation-text p {
          font-size: 19px;
          line-height: 28px;
          font-family: 'Verdana';
          margin-bottom: 0; }
  #footer .hellenic-info {
    background: var(--opap-clean-white); }
    #footer .hellenic-info .container {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 111px;
      gap: 60px; }
      #footer .hellenic-info .container .hellenic-image {
        min-width: 166px;
        height: 34px;
        justify-content: flex-start;
        display: flex;
        align-items: center; }
        #footer .hellenic-info .container .hellenic-image img {
          height: 100%;
          max-height: 34px;
          max-width: 166px; }
      #footer .hellenic-info .container .hellenic-text {
        font-family: 'Verdana';
        font-style: normal;
        font-weight: 400;
        text-align: center;
        letter-spacing: 0.05em;
        color: #023F80;
        min-width: 909px;
        height: 81px;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        #footer .hellenic-info .container .hellenic-text a {
          color: #023F80; }
          #footer .hellenic-info .container .hellenic-text a:hover {
            color: #023F80; }
          #footer .hellenic-info .container .hellenic-text a:visited {
            color: #023F80; }
        #footer .hellenic-info .container .hellenic-text p {
          font-size: 19px;
          line-height: 28px;
          font-family: 'Verdana';
          margin-bottom: 0; }

@media (max-width: 1279.98px) {
  #footer .container.container-navigation .footer-navigation .col-lg-3:first-child, #footer .container.container-navigation .footer-navigation .col-lg-3:nth-child(2), #footer .container.container-navigation .footer-navigation .col-lg-3:nth-child(3), #footer .container.container-navigation .footer-navigation .col-lg-3:last-child {
    flex: 0 0 25%;
    max-width: 25%; }
  #footer .container.container-navigation .footer-navigation .footer-nav-list ul, #footer .container.container-navigation .footer-navigation .footer-nav-list:last-child ul {
    padding-left: 30px; }
  #footer .container.container-navigation .footer-navigation .footer-nav-list:first-child ul {
    padding-left: 0; }
  #footer .container.container-bottom .footer-bottom .left-links a {
    margin-right: 38px; }
  #footer .container.container-bottom .footer-bottom .right-images {
    margin-top: 16px; }
  #footer .regulation-info .container {
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    height: revert; }
    #footer .regulation-info .container .regulation-text {
      height: revert;
      min-width: revert; }
  #footer .hellenic-info .container {
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    height: revert; }
    #footer .hellenic-info .container .hellenic-text {
      height: revert;
      min-width: revert; } }

@media (max-width: 991.98px) {
  #footer .container.container-social {
    padding-bottom: 45px;
    padding-top: 45px; }
  #footer .container.container-breadcramb {
    padding-top: 37px;
    padding-bottom: 30px; }
  #footer .container.container-navigation {
    padding-bottom: 45px;
    padding-top: 45px; }
    #footer .container.container-navigation .footer-navigation .col-lg-3:first-child, #footer .container.container-navigation .footer-navigation .col-lg-3:nth-child(2), #footer .container.container-navigation .footer-navigation .col-lg-3:nth-child(3), #footer .container.container-navigation .footer-navigation .col-lg-3:last-child {
      flex: 0 0 50%;
      max-width: 50%; }
    #footer .container.container-navigation .footer-navigation .footer-nav-list:first-child ul .column-title {
      margin-top: 0; }
    #footer .container.container-navigation .footer-navigation .footer-nav-list:nth-child(2) ul,
    #footer .container.container-navigation .footer-navigation .footer-nav-list:last-child ul {
      padding-left: 30px; }
    #footer .container.container-navigation .footer-navigation .footer-nav-list:nth-child(3) ul {
      padding-left: 0; }
      #footer .container.container-navigation .footer-navigation .footer-nav-list:nth-child(3) ul .column-title {
        margin-top: 20px; }
    #footer .container.container-navigation .footer-navigation .footer-nav-list:nth-child(4) ul .column-title {
      margin-top: 20px; }
  #footer .container.container-bottom {
    padding-top: 33px;
    padding-bottom: 30px; }
    #footer .container.container-bottom .footer-bottom .left-links {
      margin-bottom: 27px; }
      #footer .container.container-bottom .footer-bottom .left-links a {
        margin-right: 28px; }
    #footer .container.container-bottom .footer-bottom .right-images {
      text-align: left;
      margin-top: 0; }
      #footer .container.container-bottom .footer-bottom .right-images .icons-row a {
        margin-left: 30px; }
  #footer .copyright-segment-wrapper .copyright-segment {
    max-width: 960px; }
  #footer .regulation-info .container {
    height: revert;
    padding-top: 15px;
    padding-bottom: 15px; }
  #footer .hellenic-info .container {
    height: revert;
    padding-top: 15px;
    padding-bottom: 15px; } }

@media (max-width: 767.98px) {
  #footer .container.container-social .social-icons ul li {
    padding: 0 15px; }
    #footer .container.container-social .social-icons ul li a img {
      max-width: 25px; }
  #footer .container.container-navigation .footer-navigation .col-lg-3:first-child, #footer .container.container-navigation .footer-navigation .col-lg-3:nth-child(2), #footer .container.container-navigation .footer-navigation .col-lg-3:nth-child(3), #footer .container.container-navigation .footer-navigation .col-lg-3:last-child {
    flex: 0 0 100%;
    max-width: 100%; }
  #footer .container.container-navigation .footer-navigation .footer-nav-list ul {
    padding-left: 0;
    margin-bottom: 0; }
    #footer .container.container-navigation .footer-navigation .footer-nav-list ul .column-title {
      margin-top: 35px; }
  #footer .container.container-navigation .footer-navigation .footer-nav-list:first-child ul,
  #footer .container.container-navigation .footer-navigation .footer-nav-list:nth-child(2) ul,
  #footer .container.container-navigation .footer-navigation .footer-nav-list:nth-child(3) ul,
  #footer .container.container-navigation .footer-navigation .footer-nav-list:last-child ul {
    padding-left: 0; }
  #footer .container.container-navigation .footer-navigation .footer-nav-list:nth-child(4) ul .column-title.no-title,
  #footer .container.container-navigation .footer-navigation .footer-nav-list:nth-child(2) ul .column-title.no-title {
    display: none; }
  #footer .container.container-navigation .footer-navigation .footer-nav-list:nth-child(4) ul .column-title,
  #footer .container.container-navigation .footer-navigation .footer-nav-list:nth-child(3) ul .column-title {
    margin-top: 35px; }
  #footer .container.container-bottom .footer-bottom {
    padding-left: 0; }
    #footer .container.container-bottom .footer-bottom .right-images {
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      column-gap: 5px; }
      #footer .container.container-bottom .footer-bottom .right-images .icons-row {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 3em; }
        #footer .container.container-bottom .footer-bottom .right-images .icons-row a {
          margin-left: 0;
          margin-right: 0;
          margin-bottom: 25px; }
          #footer .container.container-bottom .footer-bottom .right-images .icons-row a:first-child {
            margin-right: 0; }
          #footer .container.container-bottom .footer-bottom .right-images .icons-row a:last-child {
            margin-right: 0; }
    #footer .container.container-bottom .footer-bottom .copyright-info {
      margin-top: 25px; }
  #footer .copyright-segment-wrapper .copyright-segment {
    max-width: 720px; }
  #footer .regulation-info .container {
    justify-content: start;
    gap: 30px;
    height: revert;
    padding-top: 15px;
    padding-bottom: 15px;
    align-items: revert; }
    #footer .regulation-info .container .regulation-text {
      min-width: revert;
      width: 100%;
      justify-content: start; }
      #footer .regulation-info .container .regulation-text p {
        font-family: 'Verdana';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.05em; }
    #footer .regulation-info .container .regulation-image {
      max-height: 50px;
      min-width: revert; }
      #footer .regulation-info .container .regulation-image img {
        max-height: 50px; }
  #footer .hellenic-info .container {
    justify-content: start;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column; }
    #footer .hellenic-info .container .hellenic-text {
      min-width: revert;
      width: 100%;
      justify-content: start;
      text-align: center; }
      #footer .hellenic-info .container .hellenic-text p {
        font-family: 'Verdana';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 14.95px;
        text-align: center;
        letter-spacing: 0.05em; }
    #footer .hellenic-info .container .hellenic-image {
      max-height: 34px;
      min-width: revert; }
      #footer .hellenic-info .container .hellenic-image img {
        max-height: 34px; } }

@media (max-width: 575.98px) {
  #footer .copyright-segment-wrapper .copyright-segment {
    max-width: 540px; } }

body #wrapper #footer .container .portlet-breadcrumb .portlet-content {
  padding: 0; }
  body #wrapper #footer .container .portlet-breadcrumb .portlet-content .portlet-title-text {
    display: none; }
  body #wrapper #footer .container .portlet-breadcrumb .portlet-content nav .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    font-size: 16px; }
    body #wrapper #footer .container .portlet-breadcrumb .portlet-content nav .breadcrumb .breadcrumb-item {
      padding-left: 16px;
      color: var(--opap-clean-white);
      font-size: 16px; }
      body #wrapper #footer .container .portlet-breadcrumb .portlet-content nav .breadcrumb .breadcrumb-item:first-child {
        padding-left: 0; }
      body #wrapper #footer .container .portlet-breadcrumb .portlet-content nav .breadcrumb .breadcrumb-item::before {
        background-image: none; }
      body #wrapper #footer .container .portlet-breadcrumb .portlet-content nav .breadcrumb .breadcrumb-item a.breadcrumb-link {
        color: var(--opap-clean-white);
        font-size: 16px; }
        body #wrapper #footer .container .portlet-breadcrumb .portlet-content nav .breadcrumb .breadcrumb-item a.breadcrumb-link::after {
          content: "\f105";
          font-family: fontawesome-alloy;
          position: absolute;
          font-size: 15px;
          color: var(--opap-white);
          margin-left: 6px;
          right: -15px;
          top: 4px; }

body #wrapper .opap-banner-module-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 8px;
  background-color: var(--opap-white);
  box-shadow: 0 12px 12px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16); }
  body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-wrapper {
    max-width: 60%;
    padding: 32px; }
  body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-title {
    row-gap: 22px;
    display: flex;
    flex-direction: column;
    overflow-wrap: break-word;
    overflow: visible; }
    body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-title .title {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700; }
    body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-title p:first-of-type {
      font-weight: 600; }
    body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-title p:last-child {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
  body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-buttons {
    display: flex;
    flex-direction: row;
    column-gap: 28px;
    margin-top: 10px; }
    body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-buttons .opap-btn-link {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 20px;
      color: var(--opap-neutral-90);
      position: relative;
      margin: 30px 26px 0 0; }
      body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-buttons .opap-btn-link::after {
        content: "\f105";
        font-family: fontawesome-alloy;
        font-weight: bold;
        position: absolute;
        color: var(--opap-neutral-90);
        margin-left: 6px;
        right: -18px;
        top: 3px; }
    body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-buttons .opap-btn {
      min-width: fit-content;
      padding: 12px 32px 16px;
      font-size: 16px;
      height: 52px; }
      body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-buttons .opap-btn.opap-btn-primary {
        background: var(--opap-glow-sky-blue); }
  body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-image {
    width: auto; }
    body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-image img {
      height: 100%;
      object-fit: cover;
      border-radius: 0 8px 8px 0; }
  body #wrapper .opap-banner-module-horizontal p {
    font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    width: auto;
    color: var(--opap-pure-dark);
    overflow-wrap: break-word; }

@media (max-width: 991.98px) {
  body #wrapper .opap-banner-module-horizontal {
    flex-direction: column-reverse; }
    body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-image {
      width: 100%; }
      body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-image img {
        max-height: 262px;
        width: 100%;
        object-fit: cover;
        border-radius: 8px 8px 0 0; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-banner-module-horizontal {
    border-radius: 8px;
    background-color: var(--opap-white);
    box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16); }
    body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-wrapper {
      max-width: 100%;
      padding: 4%;
      margin: auto; }
    body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-buttons {
      display: flex;
      flex-direction: column;
      row-gap: 10px; }
      body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-buttons .opap-btn-link {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 16px;
        color: var(--opap-neutral-90);
        position: relative;
        margin: 10px 26px 0 0; }
        body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-buttons .opap-btn-link::after {
          position: initial;
          right: 0px; }
      body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-buttons .opap-btn {
        min-width: fit-content;
        padding: 12px 32px 16px 32px;
        font-size: 16px;
        min-height: 52px;
        height: auto;
        white-space: normal; }
        body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-buttons .opap-btn.opap-btn-primary {
          background: var(--opap-glow-sky-blue); }
    body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-title {
      row-gap: 10px;
      overflow-wrap: break-word;
      overflow: visible;
      justify-content: flex-end; }
    body #wrapper .opap-banner-module-horizontal .opap-banner-module-horizontal-image img {
      max-height: 162px; } }

body #wrapper .opap-grid-banner-module .row.gb-first-part {
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 60px; }
  body #wrapper .opap-grid-banner-module .row.gb-first-part .title-headline {
    margin-bottom: 25px;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700; }
  body #wrapper .opap-grid-banner-module .row.gb-first-part .paragraph-text {
    margin-bottom: 33px; }
  body #wrapper .opap-grid-banner-module .row.gb-first-part button {
    box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08); }

body #wrapper .opap-grid-banner-module .gb-carusel-part .gb-tree-col .row .col-md-4 .gb-col {
  box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  border-radius: 8px;
  overflow: hidden; }
  body #wrapper .opap-grid-banner-module .gb-carusel-part .gb-tree-col .row .col-md-4 .gb-col .gb-img {
    overflow: hidden;
    position: relative; }
    body #wrapper .opap-grid-banner-module .gb-carusel-part .gb-tree-col .row .col-md-4 .gb-col .gb-img img {
      width: 100%;
      height: 100%; }
  body #wrapper .opap-grid-banner-module .gb-carusel-part .gb-tree-col .row .col-md-4 .gb-col .img-subtitle {
    padding: 23px 25px 30px 25px;
    height: 253px; }
    body #wrapper .opap-grid-banner-module .gb-carusel-part .gb-tree-col .row .col-md-4 .gb-col .img-subtitle .subtitle-headline {
      color: var(--opap-clean-white);
      line-height: 140%;
      margin: unset;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical; }

@media (max-width: 991.98px) {
  body #wrapper .opap-grid-banner-module {
    padding-bottom: 60px; }
    body #wrapper .opap-grid-banner-module .row.gb-first-part {
      margin-bottom: 30px; }
      body #wrapper .opap-grid-banner-module .row.gb-first-part .title-headline {
        margin-bottom: 20px; }
      body #wrapper .opap-grid-banner-module .row.gb-first-part .paragraph-text {
        margin-bottom: 23px; }
      body #wrapper .opap-grid-banner-module .row.gb-first-part button {
        font-size: 16px; }
    body #wrapper .opap-grid-banner-module .gb-carusel-part .carousel {
      max-width: 411px;
      margin: 0 auto; }
      body #wrapper .opap-grid-banner-module .gb-carusel-part .carousel .carousel-inner {
        box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        border-radius: 8px; }
        body #wrapper .opap-grid-banner-module .gb-carusel-part .carousel .carousel-inner .carousel-item {
          height: 100%; }
          body #wrapper .opap-grid-banner-module .gb-carusel-part .carousel .carousel-inner .carousel-item .gb-col {
            height: 100%; }
            body #wrapper .opap-grid-banner-module .gb-carusel-part .carousel .carousel-inner .carousel-item .gb-col .subtitle-headline {
              color: var(--opap-clean-white);
              margin-bottom: 0; }
            body #wrapper .opap-grid-banner-module .gb-carusel-part .carousel .carousel-inner .carousel-item .gb-col .subtitle-headline-mobile {
              padding: 23px 25px 30px 25px;
              height: 253px; }
              body #wrapper .opap-grid-banner-module .gb-carusel-part .carousel .carousel-inner .carousel-item .gb-col .subtitle-headline-mobile .subtitle-headline {
                line-height: 140%;
                margin: unset;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical; }
      body #wrapper .opap-grid-banner-module .gb-carusel-part .carousel .carousel-indicators {
        bottom: -60px; }
        body #wrapper .opap-grid-banner-module .gb-carusel-part .carousel .carousel-indicators li {
          border-radius: 50%;
          width: 16px;
          height: 16px;
          background-color: var(--opap-neutral-50);
          margin: 0 10px;
          border: none; }
          body #wrapper .opap-grid-banner-module .gb-carusel-part .carousel .carousel-indicators li.active {
            background: var(--opap-glow-sky-blue);
            box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
            -moz-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
            -webkit-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
            -o-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue); } }

body #wrapper .opap-fb-module .opap-fb-module-content {
  min-height: 202px;
  padding: 16px 24px;
  border-radius: 8px; }
  body #wrapper .opap-fb-module .opap-fb-module-content h1, body #wrapper .opap-fb-module .opap-fb-module-content h2, body #wrapper .opap-fb-module .opap-fb-module-content h3, body #wrapper .opap-fb-module .opap-fb-module-content h4, body #wrapper .opap-fb-module .opap-fb-module-content h5, body #wrapper .opap-fb-module .opap-fb-module-content h6, body #wrapper .opap-fb-module .opap-fb-module-content p {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 16px;
    line-height: 35px; }
  body #wrapper .opap-fb-module .opap-fb-module-content p.paragraf-text {
    font-size: 16px;
    margin-bottom: 0;
    line-height: inherit; }
  body #wrapper .opap-fb-module .opap-fb-module-content .opap-btn-link {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    max-width: 100%; }
    body #wrapper .opap-fb-module .opap-fb-module-content .opap-btn-link button {
      display: flex;
      height: auto;
      padding: 8px 12px;
      min-height: 52px;
      white-space: normal;
      align-items: center;
      text-align: left;
      font-size: 16px; }
      body #wrapper .opap-fb-module .opap-fb-module-content .opap-btn-link button i {
        margin-left: 8px; }
    body #wrapper .opap-fb-module .opap-fb-module-content .opap-btn-link .icon-right::after {
      content: "\f105";
      font-family: fontawesome-alloy;
      margin-left: 6px; }
  body #wrapper .opap-fb-module .opap-fb-module-content.opap-corporate-neutral-background {
    background-color: var(--opap-neutral-10);
    border-radius: 0; }
    body #wrapper .opap-fb-module .opap-fb-module-content.opap-corporate-neutral-background a {
      font-size: 20px;
      color: var(--opap-neutral-90); }

body #wrapper .opap-fb-module.horizontal .opap-fb-module-content {
  display: flex;
  min-height: 100px;
  gap: 10px;
  align-items: center;
  justify-content: center; }
  body #wrapper .opap-fb-module.horizontal .opap-fb-module-content h1, body #wrapper .opap-fb-module.horizontal .opap-fb-module-content h2, body #wrapper .opap-fb-module.horizontal .opap-fb-module-content h3, body #wrapper .opap-fb-module.horizontal .opap-fb-module-content h4, body #wrapper .opap-fb-module.horizontal .opap-fb-module-content h5, body #wrapper .opap-fb-module.horizontal .opap-fb-module-content h6, body #wrapper .opap-fb-module.horizontal .opap-fb-module-content p {
    margin: 0;
    text-align: center; }
  body #wrapper .opap-fb-module.horizontal .opap-fb-module-content button {
    margin-left: 14px; }

@media (max-width: 767.98px) {
  body #wrapper .opap-fb-module.horizontal .opap-fb-module-content h1, body #wrapper .opap-fb-module.horizontal .opap-fb-module-content h2, body #wrapper .opap-fb-module.horizontal .opap-fb-module-content h3, body #wrapper .opap-fb-module.horizontal .opap-fb-module-content h4, body #wrapper .opap-fb-module.horizontal .opap-fb-module-content h5, body #wrapper .opap-fb-module.horizontal .opap-fb-module-content h6, body #wrapper .opap-fb-module.horizontal .opap-fb-module-content p {
    padding: 0 18px;
    text-align: center; }
  body #wrapper .opap-fb-module.horizontal .opap-fb-module-content button {
    margin: 0; }
  body #wrapper .opap-fb-module .opap-fb-module-content {
    padding: 16px;
    flex-wrap: wrap; }
    body #wrapper .opap-fb-module .opap-fb-module-content button {
      margin: 0; }
    body #wrapper .opap-fb-module .opap-fb-module-content.opap-corporate-neutral-background {
      justify-content: flex-start; }
      body #wrapper .opap-fb-module .opap-fb-module-content.opap-corporate-neutral-background h1, body #wrapper .opap-fb-module .opap-fb-module-content.opap-corporate-neutral-background h2, body #wrapper .opap-fb-module .opap-fb-module-content.opap-corporate-neutral-background h3, body #wrapper .opap-fb-module .opap-fb-module-content.opap-corporate-neutral-background h4, body #wrapper .opap-fb-module .opap-fb-module-content.opap-corporate-neutral-background h5, body #wrapper .opap-fb-module .opap-fb-module-content.opap-corporate-neutral-background h6, body #wrapper .opap-fb-module .opap-fb-module-content.opap-corporate-neutral-background p {
        padding: 0;
        text-align: left; } }

body #wrapper .opap-promo-module {
  border-radius: 8px;
  overflow: hidden;
  min-height: 328px; }
  body #wrapper .opap-promo-module .opap-promo-body {
    padding: 5% 5% 5% 8%; }
  body #wrapper .opap-promo-module .opap-title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 20px; }
  body #wrapper .opap-promo-module .opap-subtitle {
    margin-bottom: 20px; }
  body #wrapper .opap-promo-module .opap-promo-logos {
    margin-bottom: 20px; }
  body #wrapper .opap-promo-module .opap-promo-bg {
    background: var(--opap-glow-proto-big-blue);
    clip-path: circle(90% at 75% 50%);
    text-align: right; }
    body #wrapper .opap-promo-module .opap-promo-bg img {
      object-fit: contain;
      object-position: right center; }
  body #wrapper .opap-promo-module.has-logo .opap-promo-bg {
    clip-path: ellipse(74% 141% at 76% 97%); }
    body #wrapper .opap-promo-module.has-logo .opap-promo-bg img {
      max-height: 350px;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  body #wrapper .opap-promo-module:not(.has-logo) .opap-promo-bg img {
    height: 100%; }
  body #wrapper .opap-promo-module .first-logo, body #wrapper .opap-promo-module .second-logo {
    height: 60px;
    max-width: 49%; }
  body #wrapper .opap-promo-module .first-logo {
    padding-right: 2%; }
  body #wrapper .opap-promo-module .opap-btn-link {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: inherit;
    font-size: 20px; }
    body #wrapper .opap-promo-module .opap-btn-link i {
      font-size: small; }

@media (max-width: 991.98px) {
  body #wrapper .opap-promo-module:not(.has-logo) .opap-promo-bg {
    clip-path: ellipse(93% 144% at 50% 144%);
    text-align: center; }
    body #wrapper .opap-promo-module:not(.has-logo) .opap-promo-bg img {
      object-position: center bottom;
      padding: 40px 10px 10px 10px;
      /* curve paddings*/
      max-width: 300px;
      max-height: 300px; }
  body #wrapper .opap-promo-module.has-logo {
    border-radius: 8px; }
    body #wrapper .opap-promo-module.has-logo .opap-promo-bg {
      clip-path: none; } }

body #wrapper .opap-request-banner-module {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  height: 412px;
  width: 628px;
  background-color: var(--opap-white);
  margin: 0 auto; }
  body #wrapper .opap-request-banner-module .main-container {
    display: flex;
    flex-direction: column;
    float: left;
    row-gap: 5px;
    padding: 30px 0 30px 25px;
    width: 50%;
    height: 100%; }
  body #wrapper .opap-request-banner-module .header {
    font-size: 31px;
    width: 245px; }
    body #wrapper .opap-request-banner-module .header * {
      font-size: inherit; }
  body #wrapper .opap-request-banner-module .content {
    font-size: 16px;
    width: 285px; }
    body #wrapper .opap-request-banner-module .content * {
      font-size: inherit; }
  body #wrapper .opap-request-banner-module .side-container {
    float: right;
    clip-path: circle(100% at 117% 24%);
    width: 50%;
    height: 100%; }
    body #wrapper .opap-request-banner-module .side-container img {
      object-fit: cover;
      object-position: right center;
      width: 100%;
      height: 100%; }
  body #wrapper .opap-request-banner-module a {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    min-width: 310px; }
    body #wrapper .opap-request-banner-module a i {
      font-size: small; }

@media screen and (max-width: 768px), screen and (min-width: 992px) and (max-width: 1281px) {
  body #wrapper .opap-request-banner-module {
    width: 312px;
    margin: 5px auto;
    /* START - Liferay does not support XL media-queries, so we need to force smaller display configs for LG elements. */
    /* END */ }
    body #wrapper .opap-request-banner-module .d-none.d-md-block {
      display: none !important; }
    body #wrapper .opap-request-banner-module .d-block.d-md-none {
      display: block !important; }
    body #wrapper .opap-request-banner-module .main-container {
      float: right;
      width: 100%;
      row-gap: 0;
      padding: 0;
      height: 240px; }
      body #wrapper .opap-request-banner-module .main-container .header {
        width: 100%;
        text-align: center;
        padding: 5px 20px 0 20px; }
      body #wrapper .opap-request-banner-module .main-container .content {
        padding: 0 15px;
        width: 100%; }
    body #wrapper .opap-request-banner-module .side-container {
      float: left;
      width: 100%;
      height: auto;
      clip-path: circle(175% at 50% -157%); }
      body #wrapper .opap-request-banner-module .side-container img {
        height: 172px;
        object-position: center top; }
    body #wrapper .opap-request-banner-module a {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      font-size: 15px !important;
      width: 100%;
      min-width: 100%;
      max-width: 100%; } }

body #wrapper .vertical-banner-module {
  border-radius: 8px;
  box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08); }
  body #wrapper .vertical-banner-module.opap-corporate-main-cta-background .vb-content .headline-title, body #wrapper .vertical-banner-module.opap-corporate-main-cta-background .vb-content .paragraph-text, body #wrapper .vertical-banner-module.opap-corporate-main-cta-background .vb-content a.opap-link, body #wrapper .vertical-banner-module.opap-corporate-main-cta-background .vb-content a.opap-link::after, body #wrapper .vertical-banner-module.opap-corporate-main-cta-background-default .vb-content .headline-title, body #wrapper .vertical-banner-module.opap-corporate-main-cta-background-default .vb-content .paragraph-text, body #wrapper .vertical-banner-module.opap-corporate-main-cta-background-default .vb-content a.opap-link, body #wrapper .vertical-banner-module.opap-corporate-main-cta-background-default .vb-content a.opap-link::after {
    color: var(--opap-clean-white); }
  body #wrapper .vertical-banner-module.vb-slim .vb-img {
    max-height: 300px; }
  body #wrapper .vertical-banner-module.vb-slim .vb-content {
    padding: 40px 25px 30px 25px; }
    body #wrapper .vertical-banner-module.vb-slim .vb-content .headline-title {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      margin-bottom: 27px; }
    body #wrapper .vertical-banner-module.vb-slim .vb-content p {
      margin-bottom: 60px; }
  body #wrapper .vertical-banner-module .vb-img {
    overflow: hidden;
    position: relative;
    max-height: 170px; }
    body #wrapper .vertical-banner-module .vb-img img {
      border-radius: 8px 8px 0 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  body #wrapper .vertical-banner-module .vb-content {
    padding: 17px 25px 25px 25px; }
    body #wrapper .vertical-banner-module .vb-content .headline-title {
      margin-bottom: 38px; }
    body #wrapper .vertical-banner-module .vb-content .paragraph-text {
      min-height: 48px;
      margin-bottom: 30px;
      font-size: 16px; }
    body #wrapper .vertical-banner-module .vb-content a.opap-link {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      position: relative;
      padding-top: 14px;
      display: inline-block; }
      body #wrapper .vertical-banner-module .vb-content a.opap-link::after {
        content: "\f105";
        font-family: fontawesome-alloy;
        position: absolute;
        font-size: 15px;
        color: var(--opap-pure-dark);
        margin-left: 6px;
        right: -15px;
        top: 19px; }
      body #wrapper .vertical-banner-module .vb-content a.opap-link:hover {
        text-decoration: underline; }

@media (max-width: 1279.98px) {
  body #wrapper .vertical-banner-module.vb-slim .vb-content a button.opap-corporate-main-cta, body #wrapper .vertical-banner-module.vb-slim .vb-content a button.opap-corporate-main-cta-default {
    min-width: 100%;
    white-space: normal;
    padding: 0 5px; } }

@media (max-width: 991.98px) {
  body #wrapper .vertical-banner-module .vb-img, body #wrapper .vertical-banner-module.vb-slim .vbImg {
    max-height: 100%; }
  body #wrapper .vertical-banner-module.vb-slim .vb-content a button.opap-corporate-main-cta, body #wrapper .vertical-banner-module.vb-slim .vb-content a button.opap-corporate-main-cta-default {
    min-width: 220px;
    white-space: nowrap;
    padding: 0; } }

body #wrapper .opap-carousel {
  overflow: hidden;
  position: relative;
  max-width: 100vw; }
  body #wrapper .opap-carousel .opap-carousel-viewport {
    overflow: hidden;
    margin: 0 auto; }
    body #wrapper .opap-carousel .opap-carousel-viewport.no-controls .opap-carousel-control {
      display: none; }
  body #wrapper .opap-carousel .opap-carousel-items {
    display: flex; }
    body #wrapper .opap-carousel .opap-carousel-items .item {
      display: flex;
      position: relative;
      flex: 0 0 100%;
      justify-content: center; }
  body #wrapper .opap-carousel .opap-carousel-dots {
    margin-top: 20px;
    display: none;
    justify-content: center; }
    body #wrapper .opap-carousel .opap-carousel-dots .dot {
      background-color: var(--opap-neutral-40);
      width: 16px;
      height: 16px;
      border-radius: 100%;
      margin: 0 10px; }
      body #wrapper .opap-carousel .opap-carousel-dots .dot.is-selected {
        background-color: var(--opap-hl-yellow); }
  body #wrapper .opap-carousel .opap-carousel-control {
    position: absolute;
    top: 40%;
    border-radius: 100%;
    background: var(--opap-neutral-10);
    color: var(--opap-neutral-90);
    width: 100px;
    height: 100px;
    line-height: 99px;
    box-shadow: rgba(60, 64, 67, 0.3) 0 1px 2px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px; }
    body #wrapper .opap-carousel .opap-carousel-control.previous {
      left: -55px; }
      body #wrapper .opap-carousel .opap-carousel-control.previous i {
        margin-left: 70px; }
    body #wrapper .opap-carousel .opap-carousel-control.next {
      right: -55px; }
      body #wrapper .opap-carousel .opap-carousel-control.next i {
        margin-left: 20px; }

@media (max-width: 991.98px) {
  body #wrapper .opap-carousel {
    padding: 0; }
    body #wrapper .opap-carousel .opap-carousel-control {
      display: none; }
    body #wrapper .opap-carousel .opap-carousel-dots {
      display: flex; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-carousel {
    padding: 0; } }

/* Carousel size helpers */
body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-25 {
  flex: 0 0 25%; }

body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-33 {
  flex: 0 0 33%; }

body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-50 {
  flex: 0 0 50%; }

body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-100 {
  flex: 0 0 100%; }

@media (min-width: 576px) {
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-sm-25 {
    flex: 0 0 25%; }
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-sm-33 {
    flex: 0 0 33%; }
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-sm-50 {
    flex: 0 0 50%; }
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-sm-100 {
    flex: 0 0 100%; } }

@media (min-width: 768px) {
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-md-25 {
    flex: 0 0 25%; }
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-md-33 {
    flex: 0 0 33%; }
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-md-50 {
    flex: 0 0 50%; }
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-md-100 {
    flex: 0 0 100%; } }

@media (min-width: 992px) {
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-lg-25 {
    flex: 0 0 25%; }
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-lg-33 {
    flex: 0 0 33%; }
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-lg-50 {
    flex: 0 0 50%; }
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-lg-100 {
    flex: 0 0 100%; } }

@media (min-width: 1280px) {
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-xl-25 {
    flex: 0 0 25%; }
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-xl-33 {
    flex: 0 0 33%; }
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-xl-50 {
    flex: 0 0 50%; }
  body #wrapper .opap-carousel .opap-carousel-viewport .opap-carousel-items .item.flex-xl-100 {
    flex: 0 0 100%; } }

body #wrapper span.opap-gnd-draw-break {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: large;
  width: 100%;
  max-width: 300px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  justify-self: center;
  align-self: center;
  margin: 0 auto;
  flex-grow: 1; }

body #wrapper .opap-carousel.opap-game-card-carousel .opap-carousel-viewport {
  overflow: hidden;
  max-width: 1300px;
  margin: 0 auto; }

body #wrapper .opap-carousel.opap-game-card-carousel .opap-carousel-items .item {
  flex: 0 0 50%; }
  body #wrapper .opap-carousel.opap-game-card-carousel .opap-carousel-items .item .journal-content-article {
    display: flex;
    justify-content: center; }

body #wrapper .opap-gcd-module {
  min-height: 412px;
  max-height: 412px;
  min-width: 625px;
  max-width: 625px;
  margin: 0 5px; }
  body #wrapper .opap-gcd-module .opap-corporate-main-cta {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px; }
  body #wrapper .opap-gcd-module > .row:first-of-type {
    position: relative;
    overflow-x: hidden;
    min-height: 287px;
    max-height: 287px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  body #wrapper .opap-gcd-module > .row:last-of-type {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    min-height: 125px;
    max-height: 125px; }
  body #wrapper .opap-gcd-module .card-image {
    object-fit: cover;
    overflow: hidden;
    width: 50%;
    height: 100%; }
  body #wrapper .opap-gcd-module .game-logo {
    height: 70px;
    object-fit: scale-down;
    max-width: 180px;
    margin-top: 45px;
    margin-bottom: 30px; }
  body #wrapper .opap-gcd-module.opap-curve-left .card-image {
    clip-path: circle(100% at -1% 95%);
    float: left; }
  body #wrapper .opap-gcd-module.opap-curve-left .card-text {
    padding: 25px 25px 0 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical; }
  body #wrapper .opap-gcd-module.opap-curve-right .card-image {
    clip-path: circle(83% at 80% 45%);
    float: right; }
  body #wrapper .opap-gcd-module.opap-curve-right .game-logo {
    margin-left: 25px; }
  body #wrapper .opap-gcd-module.opap-curve-right .card-text {
    padding: 0 25px; }
  body #wrapper .opap-gcd-module p {
    margin-bottom: 0; }
  body #wrapper .opap-gcd-module .opap-countdown {
    margin: 0 2px;
    display: inline-block; }
    body #wrapper .opap-gcd-module .opap-countdown .opap-unit {
      margin-top: 0; }
  body #wrapper .opap-gcd-module .opap-next-draw {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: small;
    margin-bottom: 5px; }
  body #wrapper .opap-gcd-module .opap-jackpot {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin-top: -0.4em;
    font-size: small; }
    body #wrapper .opap-gcd-module .opap-jackpot .opap-jackpot-amount {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: xx-large;
      vertical-align: -0.15em; }
  body #wrapper .opap-gcd-module .opap-lotto-label {
    font-size: 17px;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    line-height: 23.8px;
    display: block;
    max-width: 200px; }
  body #wrapper .opap-gcd-module.opap-tzoker .opap-corporate-background {
    background: var(--opap-glow-royal-blue);
    color: var(--light); }
  body #wrapper .opap-gcd-module.opap-tzoker .opap-corporate-highlight {
    background: var(--opap-hl-sky-blue);
    color: var(--light); }
  body #wrapper .opap-gcd-module.opap-tzoker .opap-corporate-main-cta {
    background: var(--opap-glow-tangerine);
    color: var(--dark); }
  body #wrapper .opap-gcd-module.opap-kino .opap-corporate-background {
    background: var(--opap-glow-tangerine);
    color: var(--dark); }
  body #wrapper .opap-gcd-module.opap-kino .opap-corporate-highlight {
    background: var(--opap-hl-yellow);
    color: var(--dark); }
  body #wrapper .opap-gcd-module.opap-kino .opap-corporate-main-cta {
    background: var(--opap-glow-pink);
    color: var(--light); }
  body #wrapper .opap-gcd-module.opap-proto .opap-corporate-background {
    background: var(--opap-glow-sky-blue);
    color: var(--light); }
  body #wrapper .opap-gcd-module.opap-proto .opap-corporate-highlight {
    background: var(--opap-hl-sky-blue);
    color: var(--dark); }
  body #wrapper .opap-gcd-module.opap-proto .opap-corporate-main-cta {
    background: var(--opap-glow-navy-blue);
    color: var(--light); }
  body #wrapper .opap-gcd-module.opap-lotto .opap-corporate-background {
    background: var(--opap-lotto-primary);
    color: #04326C; }
  body #wrapper .opap-gcd-module.opap-lotto .opap-corporate-highlight {
    background: var(--opap-lotto-background);
    color: var(--opap-lotto-main-cta-text); }
  body #wrapper .opap-gcd-module.opap-lotto .opap-corporate-main-cta {
    background: var(--opap-lotto-main-cta);
    color: #04326C; }
  body #wrapper .opap-gcd-module.opap-extra5 .opap-corporate-background {
    background: var(--opap-glow-aqua-blue);
    color: var(--dark); }
  body #wrapper .opap-gcd-module.opap-extra5 .opap-corporate-highlight {
    background: var(--opap-hl-aqua-blue);
    color: var(--dark); }
  body #wrapper .opap-gcd-module.opap-extra5 .opap-corporate-main-cta {
    background: var(--opap-glow-navy-blue);
    color: var(--light); }
  body #wrapper .opap-gcd-module.opap-super3 .opap-corporate-background {
    background: var(--opap-glow-pink);
    color: var(--dark); }
  body #wrapper .opap-gcd-module.opap-super3 .opap-corporate-highlight {
    background: var(--opap-hl-navy-blue);
    color: var(--light); }
  body #wrapper .opap-gcd-module.opap-super3 .opap-corporate-main-cta {
    background: var(--opap-glow-sky-blue);
    color: var(--light); }
  body #wrapper .opap-gcd-module.opap-powerspin .opap-corporate-background {
    background: var(--opap-glow-purple);
    color: var(--light); }
  body #wrapper .opap-gcd-module.opap-powerspin .opap-corporate-highlight {
    background: var(--opap-secondary-plum);
    color: var(--light); }
  body #wrapper .opap-gcd-module.opap-powerspin .opap-corporate-main-cta {
    background: var(--opap-glow-aqua-blue);
    color: var(--dark); }

@media (max-width: 1279.98px) {
  body #wrapper .opap-carousel.opap-game-card-carousel .opap-carousel-items .item {
    flex: 0 0 100%; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-gcd-module {
    padding: 0; }
    body #wrapper .opap-gcd-module.opap-curve-right .card-image {
      clip-path: circle(97% at 100% 45%); }
    body #wrapper .opap-gcd-module .opap-jackpot {
      margin-top: 0; }
      body #wrapper .opap-gcd-module .opap-jackpot .opap-jackpot-amount {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: x-large;
        vertical-align: 0; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-gcd-module {
    min-width: 550px;
    max-height: none; }
    body #wrapper .opap-gcd-module .opap-lotto-label {
      text-align: center; } }

@media (max-width: 575.98px) {
  body #wrapper .opap-gcd-module {
    max-width: 420px;
    min-width: 270px; }
    body #wrapper .opap-gcd-module > .row:first-of-type {
      height: 250px;
      max-height: 250px; }
      body #wrapper .opap-gcd-module > .row:first-of-type p {
        width: 50%; }
    body #wrapper .opap-gcd-module > .row:last-of-type {
      height: 250px;
      min-height: 250px;
      max-height: 250px; }
      body #wrapper .opap-gcd-module > .row:last-of-type > [class*="col-"] > .row {
        display: flex !important;
        flex-flow: column wrap;
        align-items: center;
        justify-items: center;
        gap: 5px; }
    body #wrapper .opap-gcd-module.opap-curve-left .card-image, body #wrapper .opap-gcd-module.opap-curve-right .card-image {
      float: right;
      width: 50%;
      height: 100%;
      clip-path: circle(64% at 80% 45%);
      shape-outside: circle(18% at 52% 35%); }
    body #wrapper .opap-gcd-module.opap-curve-left .game-logo, body #wrapper .opap-gcd-module.opap-curve-right .game-logo {
      margin: 25px 15px;
      max-width: 120px;
      max-height: 100px; }
    body #wrapper .opap-gcd-module.opap-curve-left .card-text, body #wrapper .opap-gcd-module.opap-curve-right .card-text {
      padding: 15px 0 0 15px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 7;
      -webkit-box-orient: vertical; }
    body #wrapper .opap-gcd-module .opap-jackpot {
      text-align: center; }
    body #wrapper .opap-gcd-module a {
      max-height: 47px;
      font-size: 15px;
      min-width: 180px; } }

body #wrapper .opap-glr-module h2, body #wrapper .opap-glr-module h4 {
  font-size: large; }

body #wrapper .opap-glr-module h3 {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: xxx-large; }

body #wrapper .opap-glr-module p {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: larger;
  margin-bottom: 0; }

body #wrapper .opap-glr-module .opap-draw-data {
  min-height: 210px;
  height: 210px;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center; }
  body #wrapper .opap-glr-module .opap-draw-data.opap-game-powerspin_on_fire .game-logo {
    margin-bottom: 20px; }
    body #wrapper .opap-glr-module .opap-draw-data.opap-game-powerspin_on_fire .game-logo .opap-glr-logo {
      max-height: 140px; }
  body #wrapper .opap-glr-module .opap-draw-data.opap-game-powerspin {
    min-height: 290px; }
    body #wrapper .opap-glr-module .opap-draw-data.opap-game-powerspin .game-logo {
      margin-bottom: 20px; }
    body #wrapper .opap-glr-module .opap-draw-data.opap-game-powerspin .row .justify-content-between .glr-component-wrapper {
      margin-bottom: 20px; }
  body #wrapper .opap-glr-module .opap-draw-data .opap-draw-id {
    white-space: nowrap; }
  body #wrapper .opap-glr-module .opap-draw-data .game-logo {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 160px;
    min-width: 160px;
    align-items: center;
    justify-content: center; }
    body #wrapper .opap-glr-module .opap-draw-data .game-logo .opap-glr-logo {
      max-height: 70px;
      max-width: 140px;
      padding-bottom: 10px; }
  body #wrapper .opap-glr-module .opap-draw-data .draw-numbers, body #wrapper .opap-glr-module .opap-draw-data .draw-winner {
    width: auto;
    display: inline-flex; }
    body #wrapper .opap-glr-module .opap-draw-data .draw-numbers .result-title, body #wrapper .opap-glr-module .opap-draw-data .draw-winner .result-title {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      margin-right: 40px; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-numbers .result-title p, body #wrapper .opap-glr-module .opap-draw-data .draw-numbers .result-title h4, body #wrapper .opap-glr-module .opap-draw-data .draw-winner .result-title p, body #wrapper .opap-glr-module .opap-draw-data .draw-winner .result-title h4 {
        text-transform: uppercase; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-numbers .result-title span, body #wrapper .opap-glr-module .opap-draw-data .draw-numbers .result-title svg, body #wrapper .opap-glr-module .opap-draw-data .draw-winner .result-title span, body #wrapper .opap-glr-module .opap-draw-data .draw-winner .result-title svg {
        margin: 4px;
        height: 48px;
        width: 49px; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-numbers .result-title span, body #wrapper .opap-glr-module .opap-draw-data .draw-winner .result-title span {
        display: flex;
        align-items: center;
        justify-content: center; }
  body #wrapper .opap-glr-module .opap-draw-data .draw-right {
    display: flex;
    align-items: end;
    column-gap: 0.75rem;
    position: absolute;
    top: -28px;
    left: 200px; }
    body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 0.75rem; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper img {
        max-width: 35px; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper .label-text {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 12px;
        color: var(--opap-neutral-90); }
      body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper .rounded-text {
        min-width: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--opap-brand-navy-blue);
        border-radius: 2.25rem;
        overflow: hidden; }
        body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper .rounded-text span {
          font-size: 22px;
          font-weight: 700;
          color: var(--opap-white);
          border-radius: 50%;
          line-height: 44px;
          height: 48px;
          text-align: center;
          display: inline-block; }
        body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper .rounded-text.red {
          background-color: #E1251B; }
        body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper .rounded-text.yellow {
          background-color: #FCAF17; }
        body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper .rounded-text.green {
          background-color: #00A551; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper:first-of-type .rounded-text {
        width: 8rem; }
    body #wrapper .opap-glr-module .opap-draw-data .draw-right .divider {
      display: flex; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-right .divider .column-wrapper {
        max-width: 8rem;
        text-align: center; }
        body #wrapper .opap-glr-module .opap-draw-data .draw-right .divider .column-wrapper:first-of-type .rounded-text {
          width: 8rem; }
        body #wrapper .opap-glr-module .opap-draw-data .draw-right .divider .column-wrapper:last-of-type {
          width: 8.5rem;
          max-width: 8.5rem; }
          body #wrapper .opap-glr-module .opap-draw-data .draw-right .divider .column-wrapper:last-of-type .rounded-text {
            padding: 0;
            background-color: #005BC9;
            border-radius: 50%; }
  body #wrapper .opap-glr-module .opap-draw-data .kino.draw-result > div:last-of-type {
    display: flex; }
    body #wrapper .opap-glr-module .opap-draw-data .kino.draw-result > div:last-of-type .draw-numbers {
      width: 560px;
      display: block; }
    body #wrapper .opap-glr-module .opap-draw-data .kino.draw-result > div:last-of-type .draw-special.kino-column-parity {
      display: flex;
      flex-flow: column;
      justify-content: center; }
  body #wrapper .opap-glr-module .opap-draw-data .powerspin.draw-result > div:last-of-type {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between; }
    body #wrapper .opap-glr-module .opap-draw-data .powerspin.draw-result > div:last-of-type > div, body #wrapper .opap-glr-module .opap-draw-data .powerspin.draw-result > div:last-of-type.symbol {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 5px; }
      body #wrapper .opap-glr-module .opap-draw-data .powerspin.draw-result > div:last-of-type > div span, body #wrapper .opap-glr-module .opap-draw-data .powerspin.draw-result > div:last-of-type.symbol span {
        margin: 0 auto; }
    body #wrapper .opap-glr-module .opap-draw-data .powerspin.draw-result > div:last-of-type .symbol-wrapper {
      width: 71%;
      display: flex;
      justify-content: center; }
    body #wrapper .opap-glr-module .opap-draw-data .powerspin.draw-result > div:last-of-type .powerspin-zone > span {
      width: 154px;
      height: 48px;
      padding: 0;
      text-align: center;
      line-height: 44px; }
  body #wrapper .opap-glr-module .opap-draw-data .actions {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    gap: 95px;
    min-width: 195px; }
  body #wrapper .opap-glr-module .opap-draw-data .row {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between; }
  body #wrapper .opap-glr-module .opap-draw-data .control {
    background: none;
    border: none; }
    body #wrapper .opap-glr-module .opap-draw-data .control.disabled {
      cursor: not-allowed;
      color: var(--opap-neutral-50); }
  body #wrapper .opap-glr-module .opap-draw-data .draw-result > div:first-of-type {
    width: 170px;
    min-width: 170px; }

body #wrapper .opap-glr-module.with-header-cta > .row:first-of-type {
  min-height: auto;
  padding: 20px 0; }
  body #wrapper .opap-glr-module.with-header-cta > .row:first-of-type h2 {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: xx-large; }
  body #wrapper .opap-glr-module.with-header-cta > .row:first-of-type a {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

body #wrapper .opap-glr-module a {
  box-shadow: none; }
  body #wrapper .opap-glr-module a.opap-glr-link-top-right {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-align: right;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
  body #wrapper .opap-glr-module a.opap-glr-link-bottom-left {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    white-space: nowrap;
    position: absolute;
    left: 0;
    bottom: 0; }
  body #wrapper .opap-glr-module a.opap-glr-cta-bottom-right {
    white-space: nowrap;
    font-size: 14px;
    max-height: 47px;
    min-width: 180px;
    margin-top: auto; }
  body #wrapper .opap-glr-module a i {
    font-size: x-small; }

body #wrapper .opap-glr-module .button-cluster {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1em; }
  body #wrapper .opap-glr-module .button-cluster a {
    max-height: 47px;
    min-width: 210px;
    position: relative; }
    body #wrapper .opap-glr-module .button-cluster a img {
      position: absolute; }
    body #wrapper .opap-glr-module .button-cluster a p {
      font-size: 14px;
      margin-bottom: 0; }
    body #wrapper .opap-glr-module .button-cluster a.opap-store-main-cta img, body #wrapper .opap-glr-module .button-cluster a.opap-store-main-cta-secondary img {
      left: 10px; }
    body #wrapper .opap-glr-module .button-cluster a.opap-online-main-cta img {
      left: 9px; }

body #wrapper .opap-glr-module .opap-draw-time, body #wrapper .opap-glr-module .opap-draw-date {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: small; }

body #wrapper .opap-glr-module .opap-draw-date::after {
  content: '\A';
  white-space: pre; }

body #wrapper .opap-glr-module .opap-jackpot {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: x-large; }

body #wrapper .opap-glr-module .opap-draw-ordinal {
  font-size: medium; }

body #wrapper .opap-glr-module .opap-jackpot-winners {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: medium; }

body #wrapper .opap-glr-module .opap-draw-circle {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 4px 4px 4px 4px;
  font-size: 22px; }
  body #wrapper .opap-glr-module .opap-draw-circle.opap-draw-powerspin-symbol {
    background-image: url(../images/opap/games/powerspin/symbol.png);
    background-repeat: no-repeat;
    background-position: center; }
  body #wrapper .opap-glr-module .opap-draw-circle.opap-draw-powerspin_on_fire {
    background-color: #C30350;
    color: var(--opap-white); }

body #wrapper .opap-glr-module .opap-draw-rect {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding: 0 48px;
  font-size: x-large;
  line-height: 48px;
  margin: 4px 0;
  display: inline-block; }

body #wrapper .opap-glr-module #OPAPGLRShowAllResultsButton a {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: large; }
  body #wrapper .opap-glr-module #OPAPGLRShowAllResultsButton a i {
    margin-left: 5px; }

body #wrapper .opap-glr-module .opap-draw-powerspin-blue {
  background-color: #01509f;
  color: white; }

body #wrapper .opap-glr-module .opap-draw-powerspin-green {
  background-color: #019642;
  color: white; }

body #wrapper .opap-glr-module .opap-draw-powerspin-red {
  background-color: #e2091c;
  color: white; }

body #wrapper .opap-glr-module .opap-draw-powerspin-over {
  background-color: #333e45;
  color: #FAAD29; }

body #wrapper .opap-glr-module .opap-draw-powerspin-under {
  background-color: #333e45;
  color: white; }

body #wrapper .opap-glr-module .opap-draw-tzoker {
  background-color: #008FE9;
  color: white; }

body #wrapper .opap-glr-module .opap-draw-tzoker-bonus {
  background-color: #FFA800; }

body #wrapper .opap-glr-module .opap-draw-super3 {
  background-color: #ea3128;
  color: white; }

body #wrapper .opap-glr-module .opap-draw-kino {
  background-color: #FFA800; }

body #wrapper .opap-glr-module .opap-draw-kino-bonus {
  background-color: #d92231;
  color: white; }

body #wrapper .opap-glr-module .opap-draw-kino-odd {
  background-color: #a1dded; }

body #wrapper .opap-glr-module .opap-draw-kino-even {
  background-color: #ff9001; }

body #wrapper .opap-glr-module .opap-draw-kino-draw {
  background-color: #ebebec; }

body #wrapper .opap-glr-module .opap-draw-kino-column {
  background-color: #ffda1c; }

body #wrapper .opap-glr-module .opap-draw-extra5 {
  background-color: #a8226f;
  color: white; }

body #wrapper .opap-glr-module .opap-draw-lotto {
  background-color: #fedc00; }

body #wrapper .opap-glr-module .opap-draw-lotto-bonus {
  background-color: var(--opap-brand-navy-blue);
  color: white; }

body #wrapper .opap-glr-module .opap-draw-proto {
  background-color: #1d427c;
  color: white; }

body #wrapper .opap-glr-module .opap-draw-eurojackpot {
  background-color: #ECC463;
  color: var(--opap-neutral-90); }

body #wrapper .opap-glr-module .opap-draw-eurojackpot-bonus {
  background-color: var(--opap-neutral-90);
  color: var(--opap-white); }

body #wrapper .opap-glr-module #top-left-link {
  position: absolute;
  left: -1em;
  top: -1.5em;
  background: #DDDEE3;
  border-radius: 8px 0;
  width: 209px;
  height: 46px;
  gap: 0.5em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-glr-module .opap-draw-data {
    height: auto;
    flex-flow: column;
    gap: 20px; }
    body #wrapper .opap-glr-module .opap-draw-data .game-logo {
      justify-content: space-between;
      max-width: none; }
    body #wrapper .opap-glr-module .opap-draw-data .draw-right {
      top: -18px; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper {
        row-gap: 0.25rem; }
        body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper img {
          max-width: 30px;
          max-height: 30px; }
    body #wrapper .opap-glr-module .opap-draw-data .actions {
      gap: 0;
      flex-flow: row;
      justify-content: center; }
    body #wrapper .opap-glr-module .opap-draw-data .draw-result {
      justify-content: center; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-result > div {
        flex: 0 1 auto; }
    body #wrapper .opap-glr-module .opap-draw-data .powerspin_on_fire.draw-result .draw-numbers {
      display: inline-flex;
      margin-top: unset; }
    body #wrapper .opap-glr-module .opap-draw-data .powerspin.draw-result > div:last-of-type {
      gap: 20px;
      row-gap: 0; }
      body #wrapper .opap-glr-module .opap-draw-data .powerspin.draw-result > div:last-of-type.symbol {
        align-items: center;
        gap: 5px; }
  body #wrapper .opap-glr-module h3 {
    font-size: 42px; }
  body #wrapper .opap-glr-module .opap-draw-date::after {
    content: ' ';
    white-space: normal; }
  body #wrapper .opap-glr-module a.opap-glr-link-bottom-left {
    position: static; }
  body #wrapper .opap-glr-module .button-cluster {
    flex-direction: row; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-glr-module .glr-component-wrapper .draw-result .draw-numbers .result-title {
    margin-right: 20px;
    font-size: 12px; }
    body #wrapper .opap-glr-module .glr-component-wrapper .draw-result .draw-numbers .result-title span, body #wrapper .opap-glr-module .glr-component-wrapper .draw-result .draw-numbers .result-title svg {
      margin: 4px;
      height: 32px;
      width: 33px;
      line-height: unset; }
  body #wrapper .opap-glr-module .opap-draw-circle {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    width: 32px;
    height: 32px;
    font-size: 16px; }
  body #wrapper .opap-glr-module .opap-draw-rect {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: x-large;
    padding: 3px 30px 6px 30px;
    line-height: 32px;
    margin: 0;
    display: inline-block; }
  body #wrapper .opap-glr-module .opap-draw-ordinal {
    font-size: small; }
  body #wrapper .opap-glr-module .opap-draw-data .kino.draw-result > div:last-of-type .draw-numbers {
    width: 200px;
    display: block; }
  body #wrapper .opap-glr-module .opap-draw-data .kino.draw-result > div:last-of-type .draw-special.kino-column-parity {
    flex-flow: row; }
  body #wrapper .opap-glr-module .opap-draw-data div[class*="col-12"], body #wrapper .opap-glr-module .opap-draw-data .draw-result {
    display: flex !important;
    flex-flow: column wrap !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    gap: 10px; }
  body #wrapper .opap-glr-module .opap-draw-data .powerspin div[class*="col-12"], body #wrapper .opap-glr-module .opap-draw-data .powerspin .draw-result {
    flex-flow: row wrap !important; }
  body #wrapper .opap-glr-module .opap-draw-data .powerspin .wheel-logo-wrapper {
    width: 100%; }
    body #wrapper .opap-glr-module .opap-draw-data .powerspin .wheel-logo-wrapper .wheel-logo {
      margin: 15px auto 0 auto; }
  body #wrapper .opap-glr-module .opap-draw-data .powerspin .powerspin-zone {
    height: 40px; }
  body #wrapper .opap-glr-module .opap-draw-data .draw-right {
    position: revert;
    flex-direction: column;
    align-items: center;
    row-gap: 0.75rem; }
    body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper {
      justify-content: space-between; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper .label-text {
        font-size: 10px; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper .rounded-text {
        min-width: 2rem;
        height: 2rem;
        border-radius: 2rem; }
        body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper .rounded-text span {
          font-size: 16px; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-right .column-wrapper:first-of-type .rounded-text {
        width: 6rem; }
    body #wrapper .opap-glr-module .opap-draw-data .draw-right .divider {
      justify-content: space-between;
      width: 10rem; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-right .divider .column-wrapper:first-of-type .rounded-text {
        width: 4rem; }
      body #wrapper .opap-glr-module .opap-draw-data .draw-right .divider .column-wrapper:last-of-type {
        padding-left: 0;
        min-width: 5rem;
        width: 5rem; }
  body #wrapper .opap-glr-module a.opap-glr-link-top-right {
    white-space: nowrap; }
  body #wrapper .opap-glr-module a.opap-glr-cta-bottom-right {
    font-size: 13px;
    line-height: 15px;
    min-width: 165px;
    min-height: 47px; }
  body #wrapper .opap-glr-module .button-cluster a {
    max-height: 47px;
    min-width: 195px; }
    body #wrapper .opap-glr-module .button-cluster a p {
      font-size: 13px; }
  body #wrapper .opap-glr-module #top-left-link {
    min-height: 43px;
    font-size: 14px;
    line-height: 21px;
    position: relative;
    justify-content: center;
    min-width: 209px;
    max-height: 30px;
    border-radius: 0 0 8px 8px;
    top: -1.2em;
    left: 0; } }

@media (max-width: 767.98px) {
  html body #wrapper .opap-glr-module.expandable.expanded > div.opap-draw-data:nth-of-type(3), html body #wrapper .opap-glr-module.expandable.expanded > div.opap-draw-data:nth-of-type(4), html body #wrapper .opap-glr-module.expandable.expanded > div.opap-draw-data:nth-of-type(5), html body #wrapper .opap-glr-module.expandable.expanded > div.opap-draw-data:nth-of-type(6), html body #wrapper .opap-glr-module.expandable.expanded > div.opap-draw-data:nth-of-type(7) {
    display: flex !important; }
  html body #wrapper .opap-glr-module.expandable:not(.expanded) > div.opap-draw-data:nth-of-type(3), html body #wrapper .opap-glr-module.expandable:not(.expanded) > div.opap-draw-data:nth-of-type(4), html body #wrapper .opap-glr-module.expandable:not(.expanded) > div.opap-draw-data:nth-of-type(5), html body #wrapper .opap-glr-module.expandable:not(.expanded) > div.opap-draw-data:nth-of-type(6), html body #wrapper .opap-glr-module.expandable:not(.expanded) > div.opap-draw-data:nth-of-type(7) {
    display: none !important; }
  html body #wrapper .latest-results-title {
    margin: 0 auto;
    text-align: center; }
  html body #wrapper .opap-glr-module .button-cluster a.opap-store-main-cta img, html body #wrapper .opap-glr-module .button-cluster a.opap-store-main-cta-secondary img {
    max-width: 18px;
    max-height: 13px; }
  html body #wrapper .opap-glr-module .button-cluster a.opap-online-main-cta img {
    max-width: 25px; }
  html body #wrapper .opap-glr-module .glr-component-wrapper {
    width: 100%; }
    html body #wrapper .opap-glr-module .glr-component-wrapper .glr-controls .icon-chevron-left, html body #wrapper .opap-glr-module .glr-component-wrapper .glr-controls .icon-chevron-right {
      font-size: 25px; } }

@media (max-width: 575.98px) {
  body #wrapper .opap-glr-module .opap-draw-data .draw-numbers, body #wrapper .opap-glr-module .opap-draw-data .draw-winner {
    display: inline-block; }
  body #wrapper .opap-glr-module .opap-draw-data .kino.draw-result > div:last-of-type .draw-numbers {
    width: auto; }
  body #wrapper .opap-glr-module .opap-draw-data div[class*="col-12"], body #wrapper .opap-glr-module .opap-draw-data .draw-result {
    padding: 0; }
  body #wrapper .opap-glr-module a.opap-glr-cta-bottom-right {
    font-size: 10px;
    min-width: 145px; }
  body #wrapper .opap-glr-module .button-cluster a {
    min-width: 150px; }
    body #wrapper .opap-glr-module .button-cluster a p {
      font-size: 10px; } }

@media screen and (max-width: 450px) {
  body #wrapper .opap-glr-module .opap-draw-data .powerspin.draw-result > div:last-of-type {
    gap: 10px; }
    body #wrapper .opap-glr-module .opap-draw-data .powerspin.draw-result > div:last-of-type .powerspin-zone span {
      max-width: 77px;
      font-size: small !important; } }

@media screen and (max-width: 360px) {
  body #wrapper .opap-glr-module .button-cluster {
    flex-direction: column; } }

body #wrapper .opap-grv-module .opap-glr-module > .row {
  min-height: auto; }
  body #wrapper .opap-grv-module .opap-glr-module > .row:last-of-type::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    border-top: 1px solid var(--opap-neutral-20); }
  body #wrapper .opap-grv-module .opap-glr-module > .row > [class*="col-"] {
    min-width: 100%; }
    body #wrapper .opap-grv-module .opap-glr-module > .row > [class*="col-"]:first-of-type {
      display: flex; }
      body #wrapper .opap-grv-module .opap-glr-module > .row > [class*="col-"]:first-of-type > .row {
        max-width: 50%;
        padding-right: 20px; }
  body #wrapper .opap-grv-module .opap-glr-module > .row .pl-lg-3.col-12.col-md-9.col-lg-10.pb-3.pb-lg-0 {
    padding-left: 0 !important; }

body #wrapper .opap-grv-module .opap-glr-module .opap-draw-date {
  color: var(--opap-neutral-90) !important;
  border-radius: 20px;
  background: var(--opap-neutral-30);
  padding: 0 10px 2px 10px; }

body #wrapper .opap-grv-module .opap-glr-module .opap-draw-id {
  color: var(--opap-neutral-60) !important;
  margin-bottom: 0;
  margin-right: 10px; }

body #wrapper .opap-grv-module .opap-glr-module .draw-result:last-of-type {
  margin-top: 30px; }

body #wrapper .opap-grv-module .opap-glr-module p {
  margin-bottom: 10px;
  word-wrap: normal; }

body #wrapper .opap-grv-module .opap-glr-module .opap-draw-date {
  vertical-align: top; }

body #wrapper .opap-grv-module .opap-glr-module .opap-draw-time {
  display: none; }

body #wrapper .opap-grv-module a.btn-link {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: large; }
  body #wrapper .opap-grv-module a.btn-link i {
    font-size: x-small; }

body #wrapper .opap-grv-module h3 {
  font-family: "RobotoFlexregular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: large; }

body #wrapper .opap-grv-module h2 {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: xx-large; }

body #wrapper .opap-grv-module .opap-grv-content {
  background-color: white;
  border-radius: 8px;
  padding: 20px 8px; }
  body #wrapper .opap-grv-module .opap-grv-content iframe {
    border-radius: 8px; }

@media (max-width: 991.98px) {
  body #wrapper .opap-grv-module .opap-glr-module > .row {
    padding-top: 20px; }
    body #wrapper .opap-grv-module .opap-glr-module > .row:last-of-type {
      display: none !important; }
    body #wrapper .opap-grv-module .opap-glr-module > .row .row.no-gutters.pb-5.pb-lg-0 {
      padding-bottom: 0 !important; } }

body #wrapper .opap-ghr-module {
  border-radius: 8px;
  min-height: 80px; }
  body #wrapper .opap-ghr-module p {
    margin-bottom: 0; }
  body #wrapper .opap-ghr-module .opap-ghr-draw-break {
    font-size: 24px;
    margin-top: -0.25rem;
    text-align: center;
    display: block; }
  body #wrapper .opap-ghr-module .opap-countdown {
    margin: 0 2px; }
    body #wrapper .opap-ghr-module .opap-countdown.opap-show-time {
      width: 120px;
      height: 65px;
      margin-left: 15px;
      position: relative; }
      body #wrapper .opap-ghr-module .opap-countdown.opap-show-time::before {
        content: ' ';
        display: block;
        height: 98%;
        position: absolute;
        top: 1%;
        left: -9px;
        border-left: 1px solid var(--opap-brand-navy-blue-light); }
  body #wrapper .opap-ghr-module .opap-ticket-submission-end {
    font-size: 18px; }
    body #wrapper .opap-ghr-module .opap-ticket-submission-end.opap-ticket-submission-until {
      display: block; }
  body #wrapper .opap-ghr-module .opap-jackpot, body #wrapper .opap-ghr-module .opap-ticket-submission-end, body #wrapper .opap-ghr-module .opap-ghr-draw-break {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-align: center; }
  body #wrapper .opap-ghr-module .opap-ticket-submission-end,
  body #wrapper .opap-ghr-module .opap-daily-winners,
  body #wrapper .opap-ghr-module .opap-winners,
  body #wrapper .opap-ghr-module .opap-ticket-submission {
    text-align: right; }
  body #wrapper .opap-ghr-module .opap-jackpot {
    margin-top: -0.4em; }
    body #wrapper .opap-ghr-module .opap-jackpot .opap-jackpot-amount {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: xx-large;
      vertical-align: -0.15em; }
  body #wrapper .opap-ghr-module .opap-lotto-jackpot {
    margin-top: auto;
    margin-bottom: auto; }
    body #wrapper .opap-ghr-module .opap-lotto-jackpot .opap-lotto-label {
      font-size: 25px;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      line-height: 28.75px; }
  body #wrapper .opap-ghr-module .opap-automated-banner-winners {
    font-size: 19px;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    line-height: 28.75px; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .fade-in {
      transition: opacity 1s linear; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .fade-out {
      opacity: 0;
      transition: opacity 1s linear; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-short-message {
      font-size: 20px; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-message {
      font-size: 23px; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-long-message {
      font-size: 17px; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .big {
      font-size: 23px !important; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-jackpot {
      padding-left: 20px; }
      body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-jackpot .opap-eurojackpot-label {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        line-height: 33px;
        display: flex;
        flex-direction: column; }
        body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-jackpot .opap-eurojackpot-label .opap-jackpot-amount {
          z-index: 1;
          font-size: 31px;
          line-height: 42.50px; }
        body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-jackpot .opap-eurojackpot-label .opap-jackpot-mega {
          z-index: 1;
          font-size: 20px; }
      body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-jackpot .amount-wrapper {
        background: linear-gradient(113deg, #F4E77E 35.24%, #F0E178 38.96%, #E6D168 43.41%, #D6B74E 47.87%, #D2AF47 49.35%, #CBA53E 54.55%, #C9A23C 56.04%, #C3901B 77.57%, #E5C95C 90.2%, #F8E77F 96.88%, #F4E179 99.11%, #E9D269 101.33%, #D8BA4E 105.05%, #C0972A 108.02%, #B48617 109.5%);
        position: absolute;
        height: 50px;
        width: 315px;
        top: 0;
        left: 0;
        border-radius: 8px 50px 50px 0px; }
      body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-jackpot .jackpot-wrapper {
        background: #F3CE1B;
        position: absolute;
        height: 30px;
        width: 250px;
        top: 50px;
        left: 0;
        border-radius: 0px 0px 50px 8px; }
  body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot {
    padding-left: 20px; }
    body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .opap-eurojackpot-label {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      line-height: 33px;
      display: flex;
      flex-direction: column; }
      body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .opap-eurojackpot-label .opap-jackpot-amount {
        z-index: 1;
        font-size: 31px;
        line-height: 42.50px; }
      body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .opap-eurojackpot-label .opap-jackpot-mega {
        z-index: 1;
        font-size: 20px; }
    body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .amount-wrapper {
      background: linear-gradient(113deg, #F4E77E 35.24%, #F0E178 38.96%, #E6D168 43.41%, #D6B74E 47.87%, #D2AF47 49.35%, #CBA53E 54.55%, #C9A23C 56.04%, #C3901B 77.57%, #E5C95C 90.2%, #F8E77F 96.88%, #F4E179 99.11%, #E9D269 101.33%, #D8BA4E 105.05%, #C0972A 108.02%, #B48617 109.5%);
      position: absolute;
      height: 50px;
      width: 315px;
      top: 0;
      left: 0;
      border-radius: 8px 50px 50px 0px; }
    body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .jackpot-wrapper {
      background: #F3CE1B;
      position: absolute;
      height: 30px;
      width: 250px;
      top: 50px;
      left: 0;
      border-radius: 0px 0px 50px 8px; }
  body #wrapper .opap-ghr-module .button-cluster {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 1em; }
    body #wrapper .opap-ghr-module .button-cluster a {
      min-width: 200px;
      height: 54px;
      position: relative;
      font-size: 14px; }
      body #wrapper .opap-ghr-module .button-cluster a img {
        position: absolute; }
      body #wrapper .opap-ghr-module .button-cluster a p {
        font-size: 14px; }
      body #wrapper .opap-ghr-module .button-cluster a.opap-store-main-cta img, body #wrapper .opap-ghr-module .button-cluster a.opap-store-main-cta-secondary img {
        left: 10px; }
      body #wrapper .opap-ghr-module .button-cluster a.opap-online-main-cta img {
        left: 9px; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-ghr-module [class^="col"] {
    padding-top: 8px;
    padding-bottom: 8px; }
  body #wrapper .opap-ghr-module .opap-ticket-submission-end {
    font-size: 14px; }
  body #wrapper .opap-ghr-module .opap-jackpot .opap-jackpot-amount {
    font-size: large; }
  body #wrapper .opap-ghr-module .opap-lotto-jackpot .opap-lotto-label {
    font-size: 20px; }
  body #wrapper .opap-ghr-module .game-logo {
    display: none; }
  body #wrapper .opap-ghr-module .button-cluster a {
    min-width: 175px;
    max-width: 183px;
    font-size: 13px; }
    body #wrapper .opap-ghr-module .button-cluster a p {
      font-size: 13px; }
  body #wrapper .opap-ghr-module .opap-automated-banner-winners {
    margin-right: -8px; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-short-message {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700; }
      body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-short-message .opap-jackpot {
        margin-top: 0; }
        body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-short-message .opap-jackpot .opap-jackpot-label {
          font-size: 18px;
          line-height: 39.75px; }
        body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-short-message .opap-jackpot .opap-jackpot-amount {
          font-size: 21px;
          line-height: 65.25px; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-long-message {
      display: inline-flex;
      max-width: 340px;
      font-size: 18px; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .big {
      font-size: revert !important; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-message {
      font-size: 17px; }
  body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .opap-eurojackpot-label {
    line-height: 30px;
    gap: 0.75rem; }
    body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .opap-eurojackpot-label .opap-jackpot-amount {
      line-height: 31px; }
    body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .opap-eurojackpot-label .opap-jackpot-mega {
      z-index: 1;
      font-size: 20px;
      line-height: 20px; }
  body #wrapper p {
    font-size: 14px; }
  body #wrapper .opap-countdown {
    max-width: 46px;
    max-height: 60px; }
    body #wrapper .opap-countdown .opap-counter {
      font-size: 21px; }
    body #wrapper .opap-countdown .opap-show-time {
      max-width: 90px; }
  body #wrapper .opap-show-time {
    max-width: 90px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-long-message {
    font-size: 16px; }
  body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-short-message .opap-jackpot .opap-jackpot-label {
    font-size: 16px; }
  body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-short-message .opap-jackpot .opap-jackpot-amount {
    font-size: 17px; }
  body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-message {
    font-size: 15px; }
  body #wrapper .opap-ghr-module .button-cluster a {
    line-height: 15px;
    min-width: 155px;
    max-width: 160px;
    max-height: 43px;
    font-size: 11px; }
    body #wrapper .opap-ghr-module .button-cluster a p {
      font-size: 11px; }
    body #wrapper .opap-ghr-module .button-cluster a img {
      max-width: 27px; }
    body #wrapper .opap-ghr-module .button-cluster a.opap-store-main-cta img, body #wrapper .opap-ghr-module .button-cluster a.opap-store-main-cta-secondary img {
      max-width: 18px;
      max-height: 13px; }
    body #wrapper .opap-ghr-module .button-cluster a.opap-online-main-cta img {
      max-width: 25px; }
  body #wrapper .opap-ghr-module .opap-daily-winners, body #wrapper .opap-ghr-module .opap-ticket-submission-end, body #wrapper .opap-ghr-module .opap-winners, body #wrapper .opap-ghr-module .opap-ticket-submission {
    text-align: center; }
  body #wrapper .opap-ghr-module .opap-daily-winners {
    display: none; }
  body #wrapper .opap-ghr-module [class^="col"] {
    justify-content: center !important; }
  body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .amount-wrapper {
    width: 390px; }
  body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .jackpot-wrapper {
    width: 325px; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-ghr-module .button-cluster a {
    line-height: 15px;
    min-width: 152px;
    max-height: 43px;
    font-size: 10px; }
    body #wrapper .opap-ghr-module .button-cluster a p {
      font-size: 10px; }
  body #wrapper .opap-ghr-module .opap-automated-banner-winners {
    text-align: center; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-long-message {
      display: inline-flex;
      max-width: 340px;
      font-size: 19px; }
      body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-long-message .extend {
        padding-bottom: 11px; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-short-message .opap-jackpot {
      line-height: revert;
      margin-bottom: -11px; }
      body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-short-message .opap-jackpot .opap-jackpot-amount {
        font-size: xx-large;
        line-height: revert; }
      body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-short-message .opap-jackpot .opap-jackpot-label {
        line-height: revert; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-message {
      display: flex;
      max-width: 340px; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-jackpot {
      min-height: 57.5px;
      padding-left: 0; }
      body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-jackpot .opap-eurojackpot-label {
        line-height: 39px;
        margin-bottom: -16px; }
        body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-jackpot .opap-eurojackpot-label .opap-jackpot-amount {
          line-height: 34.5px; }
      body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-jackpot .amount-wrapper {
        width: 100%;
        border-radius: 8px 8px 0px 0px; }
      body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-jackpot .jackpot-wrapper {
        width: 100%;
        border-radius: 0px 0px 0px 0px; }
  body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot {
    min-height: 57.5px;
    padding-left: 0; }
    body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .opap-eurojackpot-label {
      line-height: 39px;
      margin-bottom: -16px; }
      body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .opap-eurojackpot-label .opap-jackpot-mega {
        text-align: center; }
      body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .opap-eurojackpot-label .opap-jackpot-amount {
        line-height: 34.5px; }
    body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .amount-wrapper {
      width: 100%;
      border-radius: 8px 8px 0px 0px; }
    body #wrapper .opap-ghr-module .opap-eurojackpot-jackpot .jackpot-wrapper {
      width: 100%;
      border-radius: 0px 0px 0px 0px; }
  body #wrapper .opap-ghr-module .opap-ghr-draw-break {
    font-size: 22px; }
  body #wrapper .opap-ghr-module .opap-jackpot {
    margin-top: 0; }
    body #wrapper .opap-ghr-module .opap-jackpot .opap-jackpot-amount {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: x-large;
      vertical-align: 0; }
  body #wrapper .opap-ghr-module .opap-lotto-jackpot .opap-lotto-label {
    vertical-align: 0; }
  body #wrapper .opap-ghr-module .game-logo {
    display: block; } }

@media (max-width: 575.98px) {
  body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-long-message {
    line-height: 28.64px; }
    body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-long-message .tzoker-extend {
      font-size: 15px;
      padding-bottom: 9.25px; }
  body #wrapper .opap-ghr-module a {
    width: 100%;
    min-width: 152px;
    max-height: 43px; } }

@media screen and (max-width: 385px) {
  body #wrapper .opap-ghr-module .button-cluster {
    flex-direction: column;
    row-gap: 1em; }
  body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-eurojackpot-message {
    font-size: 15px; } }

@media screen and (min-width: 481px) and (max-width: 767px) {
  body #wrapper .opap-ghr-module .opap-automated-banner-winners .short {
    max-width: 330px;
    display: flex; } }

@media screen and (min-width: 993px) and (max-width: 1092px) {
  body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-long-message {
    font-size: 17px;
    line-height: 28.75px; } }

@media screen and (min-width: 1093px) and (max-width: 1110px) {
  body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-long-message {
    font-size: 16px; } }

@media screen and (min-width: 1111px) and (max-width: 1163px) {
  body #wrapper .opap-ghr-module .opap-automated-banner-winners .opap-long-message {
    font-size: 16px; } }

body #wrapper span.opap-ntf-draw-break {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: large;
  width: 100%;
  max-width: 300px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  justify-self: center;
  align-self: center;
  margin: 0 auto;
  flex-grow: 1;
  color: var(--white); }

body #wrapper a.opap-dismiss {
  position: absolute;
  right: 7px;
  top: 0;
  z-index: 2;
  color: var(--opap-corporate-main-cta-text); }

body #wrapper .opap-nav-wrapper > .portlet-asset-publisher {
  width: 100%; }

body #wrapper .opap-ntf-module {
  padding: 0 50px;
  min-height: 90px;
  height: 90px; }
  body #wrapper .opap-ntf-module > .row > [class^="col"] {
    padding-top: 8px;
    padding-bottom: 8px; }
    body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      column-gap: 1em; }
      body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster a {
        min-width: 223px;
        height: 54px;
        position: relative; }
        body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster a img {
          position: absolute; }
        body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster a p {
          font-size: 16px;
          margin-bottom: 0; }
        body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster a.opap-store-main-cta img, body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster a.opap-store-main-cta-secondary img {
          left: 10px; }
        body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster a.opap-online-main-cta img {
          left: 9px; }
  body #wrapper .opap-ntf-module .row:first-child {
    display: flex; }

body #wrapper .opap-ntf-news .opap-ntf-module, body #wrapper .opap-ntf-news.carousel {
  border-radius: 8px; }

body #wrapper .opap-ntf-news, body #wrapper .opap-ntf-announcement {
  overflow: hidden; }
  body #wrapper .opap-ntf-news a.opap-carousel-control-next, body #wrapper .opap-ntf-news a.opap-carousel-control-prev, body #wrapper .opap-ntf-announcement a.opap-carousel-control-next, body #wrapper .opap-ntf-announcement a.opap-carousel-control-prev {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 2;
    width: 60px;
    height: 50px; }
    body #wrapper .opap-ntf-news a.opap-carousel-control-next i, body #wrapper .opap-ntf-news a.opap-carousel-control-prev i, body #wrapper .opap-ntf-announcement a.opap-carousel-control-next i, body #wrapper .opap-ntf-announcement a.opap-carousel-control-prev i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  body #wrapper .opap-ntf-news a.opap-carousel-control-prev, body #wrapper .opap-ntf-announcement a.opap-carousel-control-prev {
    left: -30px; }
    body #wrapper .opap-ntf-news a.opap-carousel-control-prev i, body #wrapper .opap-ntf-announcement a.opap-carousel-control-prev i {
      margin-left: 12px; }
  body #wrapper .opap-ntf-news a.opap-carousel-control-next, body #wrapper .opap-ntf-announcement a.opap-carousel-control-next {
    right: -30px;
    z-index: 450; }
    body #wrapper .opap-ntf-news a.opap-carousel-control-next i, body #wrapper .opap-ntf-announcement a.opap-carousel-control-next i {
      margin-left: -10px; }

body #wrapper .opap-ntf-module {
  font-size: 20px; }
  body #wrapper .opap-ntf-module > .row {
    min-height: 66px; }
  body #wrapper .opap-ntf-module.opap-eurojackpot-primary > .row {
    gap: 1em; }
  body #wrapper .opap-ntf-module img, body #wrapper .opap-ntf-module button, body #wrapper .opap-ntf-module a, body #wrapper .opap-ntf-module .opap-countdown {
    max-height: 53px;
    position: relative;
    z-index: 1;
    max-width: none; }
  body #wrapper .opap-ntf-module p {
    margin-bottom: 0;
    font-size: 18px; }
  body #wrapper .opap-ntf-module .opap-countdown .opap-counter {
    font-size: 22px; }
  body #wrapper .opap-ntf-module .opap-gnt-jackpot {
    text-align: left; }
    body #wrapper .opap-ntf-module .opap-gnt-jackpot.opap-jackpot.min-prize .opap-jackpot-next-drow {
      display: inline-block; }
    body #wrapper .opap-ntf-module .opap-gnt-jackpot .opap-jackpot-amount {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 2em !important;
      line-height: 1em; }
  body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .opap-eurojackpot-label {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    display: flex;
    flex-direction: column;
    margin-right: 14px; }
    body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .opap-eurojackpot-label .opap-jackpot-amount, body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .opap-eurojackpot-label .opap-jackpot-mega {
      z-index: 1; }
    body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .opap-eurojackpot-label .opap-jackpot-mega {
      margin-top: 15px; }
  body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .amount-wrapper {
    border-radius: 0 50px 50px 0;
    background: linear-gradient(113deg, #F4E77E 35.24%, #F0E178 38.96%, #E6D168 43.41%, #D6B74E 47.87%, #D2AF47 49.35%, #CBA53E 54.55%, #C9A23C 56.04%, #C3901B 77.57%, #E5C95C 90.2%, #F8E77F 96.88%, #F4E179 99.11%, #E9D269 101.33%, #D8BA4E 105.05%, #C0972A 108.02%, #B48617 109.5%);
    position: absolute;
    height: 62px;
    width: 100vw;
    top: 0;
    right: 0; }
  body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .jackpot-wrapper {
    border-radius: 0 0 50px 0;
    background: #F3CE1B;
    position: absolute;
    height: 29px;
    width: 100vw;
    top: 62px;
    right: 2em; }
  body #wrapper .opap-ntf-module button, body #wrapper .opap-ntf-module a {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    min-width: 132px; }
  body #wrapper .opap-ntf-module a.btn-link {
    font-size: x-large; }
    body #wrapper .opap-ntf-module a.btn-link i {
      font-size: medium; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-ntf-module {
    min-height: 210px;
    height: 210px;
    font-size: 18px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-ntf-module {
    font-size: 16px;
    padding: 0 35px; }
    body #wrapper .opap-ntf-module a {
      font-size: 13px; }
    body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster a p {
      font-size: 13px; }
    body #wrapper .opap-ntf-module img {
      max-height: 50px; }
    body #wrapper .opap-ntf-module .opap-gnt-jackpot {
      text-align: center; }
    body #wrapper .opap-ntf-module.opap-eurojackpot-primary > .row {
      gap: 0; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-ntf-module {
    min-height: 240px;
    height: 240px;
    font-size: 14px; }
    body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster a {
      line-height: 15px;
      min-width: 186px;
      max-height: 43px; }
      body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster a.opap-store-main-cta img, body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster a.opap-store-main-cta-secondary img {
        max-width: 18px;
        max-height: 13px; }
      body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster a.opap-online-main-cta img {
        max-width: 25px; }
    body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .amount-wrapper, body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .jackpot-wrapper {
      border-radius: 0;
      right: -15em;
      width: 150vw; }
  body #wrapper a.opap-dismiss {
    font-size: 25px; } }

@media (max-width: 575.98px) {
  body #wrapper .opap-ntf-module {
    min-height: 288px;
    height: 288px;
    font-size: 12px;
    padding: 0 12px; }
  body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster a {
    min-width: 152px; }
    body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster a p {
      font-size: 10px; }
  body #wrapper .opap-ntf-module a {
    font-size: 10px; }
  body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .amount-wrapper, body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .jackpot-wrapper {
    border-radius: 0;
    right: -5em; } }

@media screen and (max-width: 460px) {
  body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .opap-jackpot-amount {
    font-size: 35px !important; }
  body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .amount-wrapper {
    height: 55px; }
  body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .jackpot-wrapper {
    height: 32px;
    top: 55px; } }

@media screen and (max-width: 360px) {
  body #wrapper .opap-ntf-module > .row > [class^="col"] .button-cluster {
    flex-direction: column;
    row-gap: 1em; }
  body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .opap-jackpot-amount {
    font-size: 27px !important; }
  body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .opap-jackpot-mega {
    font-size: 16px !important; }
  body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .amount-wrapper {
    height: 46px; }
  body #wrapper .opap-ntf-module .opap-eurojackpot-jackpot .jackpot-wrapper {
    top: 46px; } }

body #wrapper .opap-carousel.opap-main-slide-carousel {
  margin-bottom: -80px;
  padding: 0;
  font-size: 20px; }
  body #wrapper .opap-carousel.opap-main-slide-carousel .journal-content-article {
    width: 100%; }
  body #wrapper .opap-carousel.opap-main-slide-carousel .opap-carousel-dots {
    position: absolute;
    left: 5%;
    margin-left: -8px;
    bottom: 15%;
    display: flex; }
    body #wrapper .opap-carousel.opap-main-slide-carousel .opap-carousel-dots .dot {
      border: 2px solid var(--opap-neutral-30);
      background-color: transparent; }

body #wrapper .opap-main-slide-module {
  position: relative;
  width: 100%;
  height: 650px;
  overflow: hidden; }
  body #wrapper .opap-main-slide-module .slide-teaser {
    width: 100%;
    height: 100%;
    position: relative; }
    body #wrapper .opap-main-slide-module .slide-teaser .video, body #wrapper .opap-main-slide-module .slide-teaser .image {
      width: 100%;
      height: 100%; }
    body #wrapper .opap-main-slide-module .slide-teaser .image {
      position: absolute;
      left: 0;
      top: 0;
      object-fit: cover; }
      body #wrapper .opap-main-slide-module .slide-teaser .image.video-trigger::after {
        content: '\f04b';
        font-family: 'fontawesome-alloy';
        background: var(--opap-glow-royal-blue);
        box-shadow: 0 0 12px 6px var(--opap-brand-sky-blue);
        width: 64px;
        height: 64px;
        border-radius: 50%;
        color: var(--opap-white);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: none;
        font-size: 24px;
        text-align: center;
        padding-top: 12px;
        padding-left: 5px; }
    body #wrapper .opap-main-slide-module .slide-teaser .video video {
      object-fit: cover; }
  body #wrapper .opap-main-slide-module.with-image.with-video .slide-teaser .image {
    position: absolute;
    top: 0; }
  body #wrapper .opap-main-slide-module.with-info .slide-teaser {
    float: right;
    width: 75%; }
  body #wrapper .opap-main-slide-module .slide-content {
    position: absolute;
    top: 0;
    left: -25%;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: column wrap;
    flex: 0 1 auto;
    align-items: start;
    padding: 4% 35% 150px 30%;
    clip-path: circle(75% at 10% 50%); }
    body #wrapper .opap-main-slide-module .slide-content .logo-img {
      height: 65px;
      margin-bottom: 30px; }
    body #wrapper .opap-main-slide-module .slide-content .api {
      display: flex;
      flex-flow: row wrap;
      flex: 0 1 auto;
      margin-bottom: auto; }
    body #wrapper .opap-main-slide-module .slide-content p.title, body #wrapper .opap-main-slide-module .slide-content p.opap-winners-amount {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 2.8em; }
    body #wrapper .opap-main-slide-module .slide-content p.opap-title {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 2.15em; }
    body #wrapper .opap-main-slide-module .slide-content p.opap-winners-amount {
      display: flex;
      flex: 0 1 auto;
      flex-flow: column wrap;
      align-items: start;
      text-transform: uppercase; }
      body #wrapper .opap-main-slide-module .slide-content p.opap-winners-amount.draw-break {
        text-transform: none; }
    body #wrapper .opap-main-slide-module .slide-content p.opap-winners-count {
      flex: 1 0 100%; }
    body #wrapper .opap-main-slide-module .slide-content p.subtitle {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 1.35em; }
    body #wrapper .opap-main-slide-module .slide-content p.opap-jackpot {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 1.35em;
      display: flex;
      flex: 0 1 auto;
      flex-flow: column-reverse wrap;
      align-items: start;
      text-transform: uppercase;
      gap: .75em;
      margin-right: 1%; }
      body #wrapper .opap-main-slide-module .slide-content p.opap-jackpot.draw-break {
        text-transform: none; }
      body #wrapper .opap-main-slide-module .slide-content p.opap-jackpot .opap-jackpot-amount {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 2.05em; }
    body #wrapper .opap-main-slide-module .slide-content p.opap-lotto-jackpot {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 2.15em;
      display: flex;
      flex: 0 1 auto;
      flex-flow: column-reverse wrap;
      align-items: start;
      gap: .75em;
      margin-right: 1%; }
      body #wrapper .opap-main-slide-module .slide-content p.opap-lotto-jackpot.draw-break {
        text-transform: none; }
    body #wrapper .opap-main-slide-module .slide-content p.text {
      font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 1.05em; }
    body #wrapper .opap-main-slide-module .slide-content > p:last-of-type {
      margin-bottom: auto; }
    body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated {
      display: flex;
      flex-direction: column; }
      body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 1.35em;
        display: flex;
        flex-direction: column;
        align-items: start;
        margin-right: 1%;
        gap: 0.25em;
        text-transform: none;
        margin-bottom: 1.25em; }
        body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot.draw-break {
          display: flex;
          flex-direction: column; }
        body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-jackpot-label {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-size: 25px;
          line-height: 25px; }
        body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-jackpot-amount {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-size: 40px;
          line-height: 55px; }
        body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-jackpot-next-draw {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-size: 25px;
          line-height: 30px; }
        body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper {
          display: flex;
          flex-direction: column; }
          body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-eurojackpot-label {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700;
            font-size: 21px;
            line-height: 28px;
            z-index: 1;
            position: absolute;
            max-width: 475px;
            height: 83px;
            display: flex;
            align-items: center;
            padding-bottom: 0.3em; }
          body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-eurojackpot-label-wrapper {
            border-radius: 0 50px 50px 0;
            background: radial-gradient(100% 100% at 0% 100%, rgba(248, 215, 121, 0.8) 0%, rgba(248, 215, 121, 0) 100%), radial-gradient(100% 100% at 100% 0%, #BA9849 0%, rgba(186, 152, 73, 0) 100%), radial-gradient(100% 100% at 0% 0%, #A38137 0%, rgba(163, 129, 55, 0) 100%), #F8D779;
            mix-blend-mode: screen;
            width: 765px;
            height: 83px;
            position: relative;
            right: 36%; }
          body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-jackpot-label, body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-jackpot-amount, body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-jackpot-next-draw {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700; }
          body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-jackpot-next-draw {
            margin-top: 18px; }
          body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-jackpot-mega {
            color: var(--opap-neutral-90); }
          body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .amount-wrapper {
            border-radius: 0 50px 50px 0;
            background: linear-gradient(113deg, #F4E77E 35.24%, #F0E178 38.96%, #E6D168 43.41%, #D6B74E 47.87%, #D2AF47 49.35%, #CBA53E 54.55%, #C9A23C 56.04%, #C3901B 77.57%, #E5C95C 90.2%, #F8E77F 96.88%, #F4E179 99.11%, #E9D269 101.33%, #D8BA4E 105.05%, #C0972A 108.02%, #B48617 109.5%);
            position: relative;
            height: 62px;
            width: 505px;
            right: 165px; }
            body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .amount-wrapper .opap-jackpot-amount {
              position: absolute;
              left: 165px; }
          body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .winners-and-mega-jackpot {
            position: relative; }
            body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .winners-and-mega-jackpot .jackpot-wrapper {
              border-radius: 0 50px 0 0; }
            body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .winners-and-mega-jackpot .opap-eurojackpot-label-wrapper {
              margin-top: 0.5em; }
            body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .winners-and-mega-jackpot .opap-eurojackpot-label {
              bottom: 0; }
          body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .jackpot-wrapper {
            border-radius: 0 0 50px 0;
            background: #F3CE1B;
            position: relative;
            height: 55px;
            width: 440px;
            right: 165px;
            display: flex;
            align-items: center; }
            body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .jackpot-wrapper .opap-jackpot-mega, body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .jackpot-wrapper .opap-jackpot-label {
              position: absolute;
              left: 165px; }
          body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-eurojackpot-amount-wrapper {
            display: flex;
            flex-direction: column;
            gap: 0.8em; }
          body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper p.opap-next-draw {
            font-size: 20px;
            margin-top: 0.6em;
            margin-bottom: 0; }
      body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-next-draw {
        font-size: 22px;
        line-height: 23px; }
    body #wrapper .opap-main-slide-module .slide-content a {
      margin-top: auto;
      height: 54px;
      font-size: 16px; }
      body #wrapper .opap-main-slide-module .slide-content a i {
        margin-left: 3px;
        padding: 7px 7px 7px 9px;
        font-size: 8px;
        background-color: rgba(253, 253, 253, 0.3);
        border-radius: 50%;
        vertical-align: middle; }
      body #wrapper .opap-main-slide-module .slide-content a i::before {
        content: "\f04b"; }
    body #wrapper .opap-main-slide-module .slide-content .button-cluster {
      display: flex;
      flex-direction: row;
      align-items: center;
      column-gap: 1em; }
      body #wrapper .opap-main-slide-module .slide-content .button-cluster a {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center; }
        body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-store-main-cta img, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-store-main-cta-secondary img {
          left: 10px; }
        body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-online-main-cta img {
          left: 9px; }
        body #wrapper .opap-main-slide-module .slide-content .button-cluster a img {
          position: absolute;
          max-width: 34px;
          max-height: 50px; }
        body #wrapper .opap-main-slide-module .slide-content .button-cluster a p {
          font-size: 16px;
          margin-bottom: 0; }
    body #wrapper .opap-main-slide-module .slide-content.opap-eurojackpot-primary {
      flex-flow: column; }
      body #wrapper .opap-main-slide-module .slide-content.opap-eurojackpot-primary .opap-tzoker-automated p.opap-jackpot {
        width: max-content; }

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
  body #wrapper .opap-main-slide-module .slide-teaser {
    z-index: 10; }
  body #wrapper .opap-main-slide-module .slide-content {
    z-index: 15; } }

@media (max-width: 1279.98px) {
  body #wrapper .opap-main-slide-module {
    font-size: 18px; }
    body #wrapper .opap-main-slide-module .slide-content a {
      min-width: 190px;
      font-size: 14px; }
    body #wrapper .opap-main-slide-module .slide-content .button-cluster a p {
      font-size: 14px; }
    body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-eurojackpot-label {
      max-width: 400px;
      font-size: 18px; }
    body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-eurojackpot-label-wrapper {
      width: 640px; }
    body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper p.opap-next-draw {
      max-width: 420px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-main-slide-module {
    font-size: 12px; }
    body #wrapper .opap-main-slide-module .slide-content a {
      min-width: 165px;
      font-size: 12px;
      height: 45px;
      max-width: 167px; }
      body #wrapper .opap-main-slide-module .slide-content a img {
        max-width: 28px; }
      body #wrapper .opap-main-slide-module .slide-content a.opap-corporate-main-cta-secondary {
        max-width: none; }
    body #wrapper .opap-main-slide-module .slide-content .button-cluster a p {
      font-size: 12px; }
    body #wrapper .opap-main-slide-module .slide-content .button-cluster a img {
      max-width: 25px; }
    body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-store-main-cta img, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-store-main-cta-secondary img {
      max-width: 18px;
      max-height: 13px; }
    body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-corporate-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-corporate-main-cta-secondary, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-tzoker-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-powerspin-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-powerspin-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-extra5-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-kino-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-lotto-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-super3-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-eurojackpot-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-skrats-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-proto-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-propogoal-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-propo-wednesday-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-propo-saturday-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-propo-sunday-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-lacheia-laiko-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-lacheia-ethniko-main-cta, body #wrapper .opap-main-slide-module .slide-content .button-cluster a.opap-lacheia-kratiko-main-cta {
      max-width: none; }
    body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-jackpot-label, body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-jackpot-next-draw {
      font-size: 16px;
      line-height: 20px; }
    body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-jackpot-amount {
      font-size: 25px;
      line-height: 40px; }
    body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .amount-wrapper {
      height: 46px;
      width: 345px;
      right: 105px; }
      body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .amount-wrapper .opap-jackpot-amount {
        left: 105px; }
    body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .jackpot-wrapper {
      height: 36px;
      width: 300px;
      right: 105px; }
      body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .jackpot-wrapper .opap-jackpot-mega {
        left: 105px; }
    body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-eurojackpot-label {
      max-width: 340px;
      font-size: 15px;
      line-height: 24px;
      height: 55px; }
    body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-eurojackpot-label-wrapper {
      width: 540px;
      height: 55px; }
    body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-jackpot-next-draw {
      margin-top: 10px; }
    body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper p.opap-next-draw {
      font-size: 14px;
      line-height: 20px; }
    body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-next-draw {
      font-size: 14px;
      line-height: 20px; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-main-slide-module {
    font-size: 14px;
    padding-left: 0;
    height: 655px; }
    body #wrapper .opap-main-slide-module.with-info .slide-teaser {
      float: none;
      width: 100%;
      height: 40%; }
    body #wrapper .opap-main-slide-module .slide-content {
      height: 100%;
      width: 100%;
      clip-path: ellipse(107% 30% at 50% 30%);
      position: absolute;
      top: 225px;
      left: 0;
      padding: 30px 10px 345px 15px; }
      body #wrapper .opap-main-slide-module .slide-content .logo-img {
        height: 45px;
        margin-bottom: 7px; }
      body #wrapper .opap-main-slide-module .slide-content a {
        height: 43px; }
        body #wrapper .opap-main-slide-module .slide-content a img {
          max-width: 25px; }
      body #wrapper .opap-main-slide-module .slide-content p.title {
        line-height: 1em; }
      body #wrapper .opap-main-slide-module .slide-content p.subtitle {
        line-height: 1.2em; }
  body #wrapper .opap-carousel.opap-main-slide-carousel .opap-carousel-dots {
    bottom: 90px;
    margin-left: 0;
    left: 15px; } }

@media (max-width: 575.98px) {
  body #wrapper .opap-main-slide-module .slide-content a {
    height: 43px;
    min-width: 150px;
    font-size: 10px; }
    body #wrapper .opap-main-slide-module .slide-content a img {
      max-width: 25px; }
  body #wrapper .opap-main-slide-module .slide-content .button-cluster a p {
    font-size: 10px; } }

@media screen and (max-width: 370px) {
  body #wrapper .opap-main-slide-module .slide-content p.opap-lotto-jackpot, body #wrapper .opap-main-slide-module .slide-content p.opap-title {
    font-size: 1.9em; }
  body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-eurojackpot-label {
    max-width: 310px;
    font-size: 14px; }
  body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-eurojackpot-label-wrapper {
    width: 500px; } }

@media screen and (max-width: 340px) {
  body #wrapper .opap-main-slide-module .slide-content a {
    min-width: 129px; }
    body #wrapper .opap-main-slide-module .slide-content a img {
      display: none; }
  body #wrapper .opap-main-slide-module .slide-content .button-cluster a p {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-eurojackpot-label {
    max-width: 260px;
    font-size: 11px; }
  body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper .opap-eurojackpot-label-wrapper {
    width: 415px; }
  body #wrapper .opap-main-slide-module .slide-content .opap-tzoker-automated p.opap-jackpot .opap-eurojackpot-wrapper p.opap-next-draw {
    font-size: 12px; } }

body #wrapper .opap-main-cards-carousel {
  padding: 1rem 0; }
  body #wrapper .opap-main-cards-carousel .opap-carousel-viewport {
    overflow: hidden;
    max-width: 1300px;
    margin: 0 auto; }
  body #wrapper .opap-main-cards-carousel ul.opap-carousel-items {
    padding-left: 0; }

body #wrapper .opap-main-card-module {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
  max-width: 302px;
  min-width: 302px;
  min-height: 408px;
  height: 408px;
  margin: 0 8px;
  text-align: center;
  position: relative;
  padding-bottom: 72px; }
  body #wrapper .opap-main-card-module picture {
    width: 100%; }
  body #wrapper .opap-main-card-module .logo-img {
    width: 246px;
    margin-top: -15%;
    position: relative; }
  body #wrapper .opap-main-card-module .text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; }
    body #wrapper .opap-main-card-module .text-wrapper p:first-of-type {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 1.6em;
      line-height: 35px;
      margin: 19px 0 4px 0; }
    body #wrapper .opap-main-card-module .text-wrapper p:last-of-type {
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 1em;
      line-height: 27px;
      padding: 0 10%;
      margin-bottom: 0;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
  body #wrapper .opap-main-card-module .opap-card-bg {
    width: 100%;
    height: 160px;
    object-fit: cover;
    clip-path: circle(134% at 50% -103%); }
  body #wrapper .opap-main-card-module .opap-btn-wrapper {
    width: 100%;
    height: 72px;
    display: flex;
    justify-content: center;
    margin-top: auto;
    background: linear-gradient(180deg, rgba(253, 253, 253, 0.16) 0%, rgba(253, 253, 253, 0) 100%);
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(24px);
    position: absolute;
    bottom: 0;
    border-radius: 0 0 8px 8px; }
    body #wrapper .opap-main-card-module .opap-btn-wrapper a.opap-btn-link {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      width: 100%;
      margin: auto 0;
      padding: 21px 0;
      font-size: 20px;
      line-height: 30px; }
      body #wrapper .opap-main-card-module .opap-btn-wrapper a.opap-btn-link i {
        margin-left: 9px;
        font-size: x-small; }

body #wrapper .opap-countdown {
  background: var(--opap-clean-white);
  border-radius: 8px;
  text-align: center;
  width: 56px;
  height: 65px;
  opacity: 0.9;
  color: var(--opap-brand-navy-blue-light);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: start; }
  body #wrapper .opap-countdown.opap-countdown-warn {
    color: var(--opap-brand-red); }
  body #wrapper .opap-countdown p {
    margin-bottom: 0; }
  body #wrapper .opap-countdown .opap-counter {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 26px;
    margin-top: 2px;
    width: 100%; }
  body #wrapper .opap-countdown .opap-unit {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: x-small;
    margin-top: -10px;
    line-height: 11px; }

body #wrapper .mobile-card-banner {
  border-radius: 8px;
  display: flex;
  align-items: flex-end;
  box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08); }
  body #wrapper .mobile-card-banner.opap-corporate-primary-default .mcb-content .headline-title, body #wrapper .mobile-card-banner.opap-corporate-primary-default .mcb-content .paragraph-text, body #wrapper .mobile-card-banner.opap-corporate-primary-default .mcb-content .opap-link a, body #wrapper .mobile-card-banner.opap-corporate-primary-default .mcb-content .opap-link .icon-right::after, body #wrapper .mobile-card-banner.opap-corporate-primary .mcb-content .headline-title, body #wrapper .mobile-card-banner.opap-corporate-primary .mcb-content .paragraph-text, body #wrapper .mobile-card-banner.opap-corporate-primary .mcb-content .opap-link a, body #wrapper .mobile-card-banner.opap-corporate-primary .mcb-content .opap-link .icon-right::after {
    color: var(--opap-clean-white); }
  body #wrapper .mobile-card-banner.bg-white {
    box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08); }
    body #wrapper .mobile-card-banner.bg-white .mcb-content.bg-white {
      border-radius: 8px; }
  body #wrapper .mobile-card-banner .mcb-content {
    padding: 44px 0 32px 45px; }
    body #wrapper .mobile-card-banner .mcb-content .headline-title {
      margin-bottom: 15px;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700; }
    body #wrapper .mobile-card-banner .mcb-content .paragraph-text {
      margin-bottom: 45px;
      max-width: 85%;
      min-height: 60px; }
    body #wrapper .mobile-card-banner .mcb-content ul.mcb-app-list {
      list-style: none;
      padding: 0;
      margin: 0; }
      body #wrapper .mobile-card-banner .mcb-content ul.mcb-app-list li.app-icon {
        display: inline-block;
        margin-right: 10px; }
        body #wrapper .mobile-card-banner .mcb-content ul.mcb-app-list li.app-icon:last-of-type {
          margin-right: 0; }
        body #wrapper .mobile-card-banner .mcb-content ul.mcb-app-list li.app-icon a {
          box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          display: inline-block;
          max-width: 159px;
          max-height: 47px; }
    body #wrapper .mobile-card-banner .mcb-content .opap-link {
      margin-top: 35px;
      padding-right: 20%; }
      body #wrapper .mobile-card-banner .mcb-content .opap-link a {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 20px;
        white-space: normal;
        display: flex;
        align-items: center;
        text-align: left;
        height: auto;
        min-height: 64px; }
        body #wrapper .mobile-card-banner .mcb-content .opap-link a:hover {
          text-decoration: underline; }
        body #wrapper .mobile-card-banner .mcb-content .opap-link a .icon-right {
          margin-left: 10px;
          margin-top: 3px;
          height: 19px;
          width: 40px;
          overflow: hidden; }
          body #wrapper .mobile-card-banner .mcb-content .opap-link a .icon-right::after {
            content: "\f105";
            font-family: fontawesome-alloy;
            font-size: 18px;
            color: var(--opap-pure-dark);
            margin-left: 6px;
            font-weight: bold; }
  body #wrapper .mobile-card-banner .mcb-img {
    padding-top: 40px;
    padding-right: 8%;
    text-align: center;
    max-height: 378px;
    overflow: hidden; }
    body #wrapper .mobile-card-banner .mcb-img img {
      max-width: 100%;
      max-height: 100%; }

@media (min-width: 992px) {
  body #wrapper .mobile-card-banner .mcb-content.opap-corporate-primary-default, body #wrapper .mobile-card-banner .mcb-content.opap-corporate-primary {
    background: none; } }

@media (max-width: 991.98px) {
  body #wrapper .mobile-card-banner {
    flex-direction: column-reverse; }
    body #wrapper .mobile-card-banner .mcb-content {
      padding: 25px 5px 30px 20px;
      border-radius: 8px; }
      body #wrapper .mobile-card-banner .mcb-content .paragraph-text {
        margin-bottom: 40px;
        min-height: auto; }
      body #wrapper .mobile-card-banner .mcb-content ul.mcb-app-list li.app-icon {
        display: block;
        margin-bottom: 15px; }
      body #wrapper .mobile-card-banner .mcb-content .opap-link {
        margin-top: 30px; }
    body #wrapper .mobile-card-banner .mcb-img {
      padding: 30px 13% 0;
      text-align: center; } }

@media (max-width: 767.98px) {
  body #wrapper .mobile-card-banner .mcb-img {
    max-height: 260px; } }

body #wrapper .large-promo-banner {
  position: relative;
  border-radius: 8px;
  box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08); }
  body #wrapper .large-promo-banner.opap-corporate-primary-default .lpb-content .title-headline, body #wrapper .large-promo-banner.opap-corporate-primary-default .lpb-content .paragraph-text, body #wrapper .large-promo-banner.opap-corporate-primary .lpb-content .title-headline, body #wrapper .large-promo-banner.opap-corporate-primary .lpb-content .paragraph-text {
    color: var(--opap-clean-white); }
  body #wrapper .large-promo-banner .lpb-content {
    position: relative;
    padding: 40px 30px 40px 80px;
    color: var(--opap-white); }
    body #wrapper .large-promo-banner .lpb-content .opap-cta-btn {
      position: absolute;
      bottom: 40px; }
      body #wrapper .large-promo-banner .lpb-content .opap-cta-btn .opap-btn {
        padding: 14px 40px 20px 40px; }
    body #wrapper .large-promo-banner .lpb-content .tag-upcoming {
      display: inline-block;
      padding-left: 15px;
      font-size: 16px;
      position: relative;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
      body #wrapper .large-promo-banner .lpb-content .tag-upcoming span {
        position: absolute;
        left: -2px;
        bottom: 4px;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        border: none; }
  body #wrapper .large-promo-banner .lpb-img {
    padding: 0;
    clip-path: ellipse(73% 95% at 27% 55%); }
    body #wrapper .large-promo-banner .lpb-img img {
      height: 100%;
      border-radius: 8px; }
  body #wrapper .large-promo-banner .lpb-tag {
    position: absolute;
    z-index: 1;
    top: -15px;
    left: -13px;
    max-width: 125px; }

@media (max-width: 1279.98px) {
  body #wrapper .large-promo-banner .lpb-content .opap-cta-btn {
    position: relative;
    bottom: 0;
    margin-top: 60px; } }

@media (max-width: 991.98px) {
  body #wrapper .large-promo-banner .lpb-content {
    text-align: center;
    padding: 50px 50px 40px 50px; }
    body #wrapper .large-promo-banner .lpb-content .opap-cta-btn .opap-btn {
      padding: 14px 10px 20px 10px; }
    body #wrapper .large-promo-banner .lpb-content .title-headline {
      margin-bottom: 25px; }
  body #wrapper .large-promo-banner .lpb-img {
    clip-path: ellipse(70% 61% at 46% 38%); }
    body #wrapper .large-promo-banner .lpb-img img {
      width: 100%; }
  body #wrapper .large-promo-banner .lpb-tag {
    left: -7px;
    max-width: 76px; } }

@media (max-width: 475px) {
  body #wrapper .large-promo-banner .lpb-content .opap-cta-btn .opap-btn {
    min-width: 100%; } }

body #wrapper .small-promo-banner {
  position: relative;
  border-radius: 8px;
  box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  max-height: 200px; }
  body #wrapper .small-promo-banner.opap-corporate-primary-default .lpb-content .title-headline, body #wrapper .small-promo-banner.opap-corporate-primary-default .lpb-content .paragraph-text, body #wrapper .small-promo-banner.opap-corporate-primary .lpb-content .title-headline, body #wrapper .small-promo-banner.opap-corporate-primary .lpb-content .paragraph-text {
    color: var(--opap-clean-white);
    font-size: 17px; }
  body #wrapper .small-promo-banner .lpb-content {
    position: relative;
    padding: 15px 35px 15px 80px;
    color: var(--opap-white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.5em; }
    body #wrapper .small-promo-banner .lpb-content .title-subtitle-wrapper p {
      font-size: 18px; }
    body #wrapper .small-promo-banner .lpb-content .title-subtitle-wrapper p, body #wrapper .small-promo-banner .lpb-content .title-subtitle-wrapper h1, body #wrapper .small-promo-banner .lpb-content .title-subtitle-wrapper h2, body #wrapper .small-promo-banner .lpb-content .title-subtitle-wrapper h3, body #wrapper .small-promo-banner .lpb-content .title-subtitle-wrapper h4, body #wrapper .small-promo-banner .lpb-content .title-subtitle-wrapper h5, body #wrapper .small-promo-banner .lpb-content .title-subtitle-wrapper h6 {
      margin-bottom: 0.5rem; }
    body #wrapper .small-promo-banner .lpb-content .opap-cta-btn {
      position: relative;
      bottom: 5px; }
      body #wrapper .small-promo-banner .lpb-content .opap-cta-btn .opap-btn {
        padding: 15px 40px 15px 40px;
        font-size: 17px;
        max-height: 54px; }
    body #wrapper .small-promo-banner .lpb-content .tag-upcoming {
      display: inline-block;
      padding-left: 15px;
      font-size: 16px;
      position: relative;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
      body #wrapper .small-promo-banner .lpb-content .tag-upcoming span {
        position: absolute;
        left: -2px;
        bottom: 4px;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        border: none; }
  body #wrapper .small-promo-banner .lpb-img {
    padding: 0;
    clip-path: ellipse(73% 95% at 27% 55%);
    max-height: 200px;
    max-width: 400px; }
    body #wrapper .small-promo-banner .lpb-img img {
      height: 100%;
      width: 100%;
      border-radius: 8px; }
  body #wrapper .small-promo-banner .lpb-tag {
    position: absolute;
    z-index: 1;
    top: -15px;
    left: -13px;
    max-width: 125px; }

@media (max-width: 1279.98px) {
  body #wrapper .small-promo-banner .lpb-content {
    padding: 10px 35px 10px 70px;
    gap: 0;
    max-width: 560px; }
    body #wrapper .small-promo-banner .lpb-content .opap-cta-btn {
      position: relative;
      bottom: 0; }
      body #wrapper .small-promo-banner .lpb-content .opap-cta-btn .opap-btn {
        max-height: 50px; } }

@media (max-width: 991.98px) {
  body #wrapper .small-promo-banner {
    max-height: none; }
    body #wrapper .small-promo-banner .lpb-content {
      text-align: center;
      padding: 30px;
      max-width: 100%; }
      body #wrapper .small-promo-banner .lpb-content .opap-cta-btn {
        margin-top: 30px; }
        body #wrapper .small-promo-banner .lpb-content .opap-cta-btn .opap-btn {
          padding: 14px 10px 20px 10px; }
      body #wrapper .small-promo-banner .lpb-content .title-headline {
        margin-bottom: 25px; }
    body #wrapper .small-promo-banner .lpb-img {
      clip-path: ellipse(70% 61% at 46% 38%);
      max-height: 310px;
      max-width: 100%; }
      body #wrapper .small-promo-banner .lpb-img img {
        width: 100%; }
    body #wrapper .small-promo-banner .lpb-tag {
      left: -7px;
      max-width: 76px; } }

@media (max-width: 768px) {
  body #wrapper .small-promo-banner .lpb-img {
    max-height: 270px; } }

@media (max-width: 475px) {
  body #wrapper .small-promo-banner .lpb-content .opap-cta-btn .opap-btn {
    min-width: 100%;
    font-size: 15px;
    padding: 14px 10px 14px 10px; } }

body #wrapper .opap-tile {
  min-height: 202px;
  border-radius: 8px;
  padding-bottom: 10px;
  box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16); }
  body #wrapper .opap-tile a {
    text-align: center; }
    body #wrapper .opap-tile a .tile-image {
      padding: 28px 0 12px 0; }
    body #wrapper .opap-tile a .tile-title {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700; }

body #wrapper .opap-toc-module ol {
  padding-inline-start: 0; }
  body #wrapper .opap-toc-module ol ol li {
    padding-left: 25px; }
  body #wrapper .opap-toc-module ol ol ol li {
    padding-left: 35px; }
  body #wrapper .opap-toc-module ol ol ol ol li {
    padding-left: 45px; }
  body #wrapper .opap-toc-module ol ol ol ol ol li {
    padding-left: 55px; }
  body #wrapper .opap-toc-module ol ol ol ol ol ol li {
    padding-left: 65px; }
  body #wrapper .opap-toc-module ol li {
    position: relative;
    list-style: none;
    padding: 15px 0 15px 15px; }
    body #wrapper .opap-toc-module ol li:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 98%;
      border-bottom: 1px solid var(--opap-neutral-30);
      margin-left: 1%; }
    body #wrapper .opap-toc-module ol li.selected {
      background-color: var(--opap-neutral-30);
      border-radius: 8px;
      box-shadow: 2px -4px 10px 1px rgba(0, 0, 0, 0.1);
      margin-top: -2px; }
      body #wrapper .opap-toc-module ol li.selected a {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    body #wrapper .opap-toc-module ol li a {
      display: block;
      padding: 0; }

body #wrapper .opap-toc-module button.opap-toc-back-to-top {
  position: fixed;
  bottom: 75px;
  right: 18px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
  text-align: center;
  box-shadow: 0 0 17px 0 var(--opap-neutral-60);
  z-index: 10; }
  body #wrapper .opap-toc-module button.opap-toc-back-to-top i {
    background: none;
    font-size: 40px;
    padding: 0;
    margin: -4px 0 0 0; }

body #wrapper .opap-legal-framework .title {
  background: var(--opap-glow-navy-blue);
  line-height: 150%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

body #wrapper .opap-legal-framework p {
  margin-bottom: 36px;
  max-width: 785px;
  font-size: 16px; }

body #wrapper .opap-legal-framework .download-tiles {
  list-style: none;
  margin: 0;
  padding: 0; }
  body #wrapper .opap-legal-framework .download-tiles .tile {
    display: inline-block;
    font-size: initial;
    width: 100%;
    max-width: 266px;
    height: 285px;
    margin-bottom: 24px; }
    body #wrapper .opap-legal-framework .download-tiles .tile .tile-inner {
      overflow: hidden;
      width: 100%;
      height: 100%;
      padding: 26px 21px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background: radial-gradient(60.94% 106.34% at 25.86% 118.1%, rgba(179, 102, 255, 0.014) 0%, rgba(201, 148, 255, 0) 100%), radial-gradient(62.91% 167.02% at 98.73% 97.03%, rgba(201, 242, 254, 0.051) 0%, rgba(202, 243, 254, 0) 100%), radial-gradient(86.89% 115.15% at 6.6% 13.11%, rgba(229, 173, 255, 0.1) 0%, rgba(132, 140, 251, 0) 100%), linear-gradient(180deg, #FFFFFF -7.5%, rgba(255, 255, 255, 0.9) 100%);
      border: 0.5px solid #ECEDF0;
      box-sizing: border-box;
      border-radius: 8px;
      box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16); }
      body #wrapper .opap-legal-framework .download-tiles .tile .tile-inner .tile-inner-title {
        color: var(--opap-pure-dark);
        margin: 0;
        padding: 0;
        font-weight: 800;
        font-size: 25px;
        line-height: 140%; }
      body #wrapper .opap-legal-framework .download-tiles .tile .tile-inner span {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        align-self: start;
        display: flex; }

body #wrapper .opap-legal-framework h2, body #wrapper .opap-legal-framework h3, body #wrapper .opap-legal-framework h4, body #wrapper .opap-legal-framework h5 {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700; }

@media (max-width: 991.98px) {
  body #wrapper .opap-legal-framework .download-tiles .tile {
    max-width: 100%;
    margin-right: 0; } }

body #wrapper .opap-info-page-title {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
  color: var(--opap-white); }

body #wrapper .opap-info-page-nav-tabs {
  background-color: var(--opap-clean-white);
  padding: 50px 15px 25px 25px;
  overflow: hidden;
  border-radius: 8px; }
  body #wrapper .opap-info-page-nav-tabs .info-page-tab-links {
    padding-left: 0; }
  body #wrapper .opap-info-page-nav-tabs .info-page-tab-link {
    padding: 0;
    width: 100%;
    border-bottom: 1px solid var(--opap-neutral-30);
    line-height: 150%;
    color: var(--opap-neutral-90);
    text-decoration: none;
    text-align: left;
    margin-bottom: 2px;
    position: relative; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-link span {
      font-size: 20px;
      padding: 1.5rem 1.5rem;
      display: inline-block;
      width: 100%; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-link i {
      font-weight: normal;
      position: absolute;
      top: 37%;
      right: 10px; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-link.active {
      border: none;
      border-radius: 8px;
      box-shadow: 0 2.8px 2.2px rgba(31, 31, 31, 0.08); }
      body #wrapper .opap-info-page-nav-tabs .info-page-tab-link.active span {
        color: #F8F8F8; }
      body #wrapper .opap-info-page-nav-tabs .info-page-tab-link.active > .icon-right::after {
        display: none; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-link.active-previous {
      border-bottom: medium none; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-link > span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      padding-right: 20px; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-link > .icon-right::after {
      float: right; }
  body #wrapper .opap-info-page-nav-tabs .nav-toggler {
    height: 72px;
    width: 100%;
    color: var(--opap-white);
    background-color: var(--opap-brand-navy-blue);
    border-radius: 8px 8px 0 0;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    body #wrapper .opap-info-page-nav-tabs .nav-toggler .icon-down {
      display: block; }
    body #wrapper .opap-info-page-nav-tabs .nav-toggler .icon-up {
      display: none; }
    body #wrapper .opap-info-page-nav-tabs .nav-toggler.collapsed .icon-down {
      display: none; }
    body #wrapper .opap-info-page-nav-tabs .nav-toggler.collapsed .icon-up {
      display: block; }
    body #wrapper .opap-info-page-nav-tabs .nav-toggler > .circle {
      height: 48px;
      width: 48px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.3);
      position: relative; }
      body #wrapper .opap-info-page-nav-tabs .nav-toggler > .circle > .icon-up::after,
      body #wrapper .opap-info-page-nav-tabs .nav-toggler > .circle > .icon-down::after {
        font-size: 24px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  body #wrapper .opap-info-page-nav-tabs .info-page-tab-contents {
    position: relative; }
  body #wrapper .opap-info-page-nav-tabs .info-page-tab-content {
    position: absolute;
    top: 0;
    height: 0;
    width: 0;
    visibility: hidden; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-content > * {
      display: none; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-content.opap-window-target {
      position: relative;
      height: auto;
      width: 100%;
      visibility: visible; }
      body #wrapper .opap-info-page-nav-tabs .info-page-tab-content.opap-window-target > * {
        display: block; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-content .accordion-content .card .card-body {
      padding-right: 0; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-content .table-content-module {
      padding: 0;
      background-color: transparent; }
      body #wrapper .opap-info-page-nav-tabs .info-page-tab-content .table-content-module .opap-tables-filed.opap-table-striped {
        background-color: transparent; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-content .accordion-content h2, body #wrapper .opap-info-page-nav-tabs .info-page-tab-content .table-content-module .title-headline {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      background: none;
      color: var(--opap-brand-navy-blue);
      -webkit-text-fill-color: initial;
      font-size: 25px; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-content .game-calculator .title, body #wrapper .opap-info-page-nav-tabs .info-page-tab-content .opap-legal-framework h2 {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      color: var(--opap-brand-navy-blue);
      font-size: 25px !important; }
  body #wrapper .opap-info-page-nav-tabs > .row > div:nth-child(2) {
    padding-left: 24px; }

body.has-control-menu #wrapper .opap-info-page-nav-tabs .info-page-tab-content {
  top: -92px; }
  body.has-control-menu #wrapper .opap-info-page-nav-tabs .info-page-tab-content.opap-window-target, body.has-control-menu #wrapper .opap-info-page-nav-tabs .info-page-tab-content.active {
    top: 0; }

@media (max-width: 991.98px) {
  body #wrapper .opap-info-page-nav-tabs {
    border-radius: 8px;
    padding: 0; }
    body #wrapper .opap-info-page-nav-tabs .nav-toggler span {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      max-width: calc(100% - 53px);
      font-size: 1em; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-link.active {
      border-radius: 0; }
    body #wrapper .opap-info-page-nav-tabs .info-page-tab-contents {
      padding-left: 16px;
      padding-right: 16px;
      margin: 20px 0; }
      body #wrapper .opap-info-page-nav-tabs .info-page-tab-contents .info-page-tab-content .hide-info-module-md {
        display: none; }
      body #wrapper .opap-info-page-nav-tabs .info-page-tab-contents .info-page-tab-content.opap-window-target::before {
        height: 10px;
        margin-top: -10px; }
    body #wrapper .opap-info-page-nav-tabs .row > div:nth-child(2) {
      padding-left: 12px; } }

body #wrapper .accordion-content h2 {
  background: var(--opap-glow-navy-blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 30px;
  padding-bottom: 5px; }

body #wrapper .accordion-content .opap-window-target::before {
  display: none; }

body #wrapper .accordion-content .card {
  border: 0;
  box-shadow: none;
  margin-bottom: 15px; }
  body #wrapper .accordion-content .card .card-header {
    padding: 0;
    background: transparent; }
    body #wrapper .accordion-content .card .card-header h3 {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      margin-bottom: 0;
      color: var(--opap-neutral-60);
      cursor: pointer;
      padding: 10px 0;
      padding-left: 22px;
      position: relative; }
      body #wrapper .accordion-content .card .card-header h3.btn-link:hover {
        text-decoration: none; }
      body #wrapper .accordion-content .card .card-header h3 i {
        color: var(--opap-brand-sky-blue);
        font-weight: bold;
        font-size: 18px;
        position: absolute;
        left: 2px;
        top: 15px; }
    body #wrapper .accordion-content .card .card-header [aria-expanded="true"] .icon-angle-up:before {
      content: "\f107"; }
  body #wrapper .accordion-content .card .card-body {
    padding: 0 16px 10px 23px; }

@media (max-width: 991.98px) {
  body #wrapper .accordion-content h2 {
    margin-bottom: 10px;
    padding-bottom: 5px; }
  body #wrapper .accordion-content .card {
    margin-bottom: 5px; } }

body #wrapper .opap-main .background-image {
  width: 100%;
  overflow: hidden;
  max-height: 428px;
  position: relative;
  display: inline-block;
  border-radius: 8px;
  margin: 0 auto; }
  body #wrapper .opap-main .background-image img {
    object-fit: cover;
    width: 100%;
    height: 428px; }
  body #wrapper .opap-main .background-image iframe {
    object-fit: fill;
    width: 100%;
    height: 428px; }
  body #wrapper .opap-main .background-image .background-video {
    object-fit: fill;
    width: 100%;
    max-height: 428px;
    height: 428px; }
  body #wrapper .opap-main .background-image .video-poster {
    background: var(--opap-glow-royal-blue);
    display: flex;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    color: var(--opap-white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0;
    font-size: 24px;
    justify-content: center;
    align-items: center;
    padding-left: 12px; }

body #wrapper .opap-main .title {
  position: absolute;
  left: 25px;
  bottom: 39px; }
  body #wrapper .opap-main .title h2, body #wrapper .opap-main .title h3, body #wrapper .opap-main .title h4 {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700; }
  body #wrapper .opap-main .title .opap-subtext {
    margin-top: revert; }
  body #wrapper .opap-main .title.hide-title {
    display: none; }

body #wrapper .opap-main .title-desktop {
  display: block; }

body #wrapper .opap-main .title-non-desktop {
  display: none; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-main .background-image img {
    height: 319px; }
  body #wrapper .opap-main .background-image iframe {
    height: 319px; }
  body #wrapper .opap-main .background-image .background-video {
    height: 319px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-main .title-desktop {
    display: none; }
  body #wrapper .opap-main .title-non-desktop {
    display: block; }
  body #wrapper .opap-main .background-image {
    min-height: 202px; }
    body #wrapper .opap-main .background-image img {
      min-height: 202px;
      height: 474px; }
    body #wrapper .opap-main .background-image iframe {
      min-height: 202px;
      height: 474px; }
    body #wrapper .opap-main .background-image .background-video {
      min-height: 202px;
      height: 474px; }
    @supports (-webkit-touch-callout: none) {
      body #wrapper .opap-main .background-image {
        /* CSS specific to iOS devices */ }
        body #wrapper .opap-main .background-image .video-poster {
          padding-left: 30px; } }
  body #wrapper .opap-main .title {
    position: revert;
    margin-top: 14px; }
    body #wrapper .opap-main .title h2, body #wrapper .opap-main .title h3, body #wrapper .opap-main .title h4 {
      color: var(--opap-neutral-90); }
    body #wrapper .opap-main .title .opap-subtext {
      display: none; }
    body #wrapper .opap-main .title.hide-title {
      display: block; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-main .background-image img {
    height: 352px; }
  body #wrapper .opap-main .background-image iframe {
    height: 352px; }
  body #wrapper .opap-main .background-image .background-video {
    height: 352px; } }

/* OPAP Step Carousel Content Module */
body #wrapper .opap-step-carousel .title-headline {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--opap-brand-navy-blue); }

body #wrapper .opap-step-carousel p {
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 26px; }

body #wrapper .opap-step-carousel .carousel .carousel-inner {
  height: 950px; }
  body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item {
    flex-basis: 100%;
    max-width: 885px;
    position: relative;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(180deg, #103976 0%, #C4C4C4 100%); }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item:first-child.active .opap-step-wrapper .carousel-control-prev:hover,
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item:last-child.active .opap-step-wrapper .carousel-control-next:hover {
      opacity: 0.5;
      cursor: default; }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item:first-child.active .opap-step-wrapper .carousel-control-prev span,
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item:last-child.active .opap-step-wrapper .carousel-control-next span {
      box-shadow: none; }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item video,
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item img {
      width: 100%;
      height: 100%;
      border-radius: 8px 8px 0 0;
      pointer-events: none;
      max-height: 357px; }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item video {
      object-fit: scale-down; }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item img {
      object-fit: cover; }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .title-headline {
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      margin: 0;
      color: var(--opap-clean-white); }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item > .title-headline {
      position: absolute;
      top: 24px;
      left: 24px; }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .paragraph-text {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      position: absolute;
      top: 48px;
      left: 24px;
      margin: 0;
      color: var(--opap-clean-white); }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-content {
      position: absolute;
      left: 0;
      right: 0;
      margin-top: -4px; }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper {
      margin-bottom: 18px;
      padding: 24px 90px 24px 100px;
      background: rgba(255, 255, 255, 0.7);
      border-radius: 0 0 8px 8px; }
      body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .title-headline {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        margin-bottom: 10px;
        color: var(--opap-neutral-90); }
      body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper p {
        margin: 0; }
      body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-next,
      body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-prev {
        align-items: flex-start;
        top: 30px;
        height: 100px; }
        body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-next span,
        body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-prev span {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-color: var(--opap-white);
          box-shadow: 0 16px 16px rgba(0, 0, 0, 0.2), 0 32px 64px rgba(3, 15, 55, 0.5);
          font-weight: 900;
          font-size: 18px; }
      body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-next {
        justify-content: flex-end;
        right: 24px; }
        body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-next span {
          padding-left: 3px; }
      body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-prev {
        justify-content: flex-start;
        left: 24px; }
        body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-prev span {
          padding-right: 3px; }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-note {
      padding: 16px 24px 26px 24px;
      border-radius: 8px;
      background-color: var(--opap-neutral-80);
      color: var(--opap-white); }
      body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-note h3 {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        margin-bottom: 8px; }
      body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-note a {
        color: var(--opap-white);
        text-decoration: underline; }

@media (max-width: 767.98px) {
  body #wrapper .opap-step-carousel .carousel .carousel-inner {
    height: 1070px; }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item:first-child.active .opap-step-wrapper .carousel-control-prev,
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item:last-child.active .opap-step-wrapper .carousel-control-next {
      opacity: 0.5; }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item.carousel-image-hide video,
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item.carousel-image-hide img {
      display: none; }
    body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper {
      bottom: 36px;
      padding: 30px 40px; }
      body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-prev,
      body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-next {
        top: 25px;
        width: 37px;
        opacity: 1; }
        body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-prev span,
        body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-next span {
          height: 63px; }
      body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-prev {
        left: -8px; }
        body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-prev span {
          border-radius: 0 150px 150px 0; }
      body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-next {
        right: -8px; }
        body #wrapper .opap-step-carousel .carousel .carousel-inner .carousel-item .opap-step-wrapper .carousel-control-next span {
          border-radius: 150px 0 0 150px; } }

/* OPAP Kino Statistics */
body #wrapper #kino-statistics {
  margin-bottom: 25px;
  padding: 40px 44px 30px;
  border-radius: 8px;
  filter: drop-shadow(0px 16px 16px rgba(30, 31, 36, 0.08)) drop-shadow(0px 32px 64px rgba(3, 15, 55, 0.16)); }
  body #wrapper #kino-statistics h1 {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 15px; }
  body #wrapper #kino-statistics .screen-settings {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 15px; }
    body #wrapper #kino-statistics .screen-settings h3 {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      margin-bottom: 16px; }
    body #wrapper #kino-statistics .screen-settings .controls {
      text-align: right;
      margin-left: 10px; }
      body #wrapper #kino-statistics .screen-settings .controls a.full-screen {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 16px;
        white-space: nowrap; }
  body #wrapper #kino-statistics .view h1 {
    margin-bottom: 30px; }
  body #wrapper #kino-statistics .view .radio-group-container {
    margin-bottom: 20px; }
    body #wrapper #kino-statistics .view .radio-group-container label {
      height: 28px; }
  body #wrapper #kino-statistics .view .view-flex {
    display: none; }
    body #wrapper #kino-statistics .view .view-flex.active {
      display: flex;
      margin-bottom: 30px; }
    body #wrapper #kino-statistics .view .view-flex h4 {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      margin-bottom: 12px; }
    body #wrapper #kino-statistics .view .view-flex .select-group-container {
      margin-left: 57px; }
  body #wrapper #kino-statistics .opap-half-size {
    display: flex;
    justify-content: space-between; }
    body #wrapper #kino-statistics .opap-half-size .statistics,
    body #wrapper #kino-statistics .opap-half-size .past-draws {
      display: none; }
      body #wrapper #kino-statistics .opap-half-size .statistics.active,
      body #wrapper #kino-statistics .opap-half-size .past-draws.active {
        display: block;
        flex-basis: 48%;
        padding-top: 5px;
        border-top: 1px solid var(--opap-neutral-60); }
      body #wrapper #kino-statistics .opap-half-size .statistics .opap-past-drows-content,
      body #wrapper #kino-statistics .opap-half-size .past-draws .opap-past-drows-content {
        display: flex;
        gap: 43px; }
        body #wrapper #kino-statistics .opap-half-size .statistics .opap-past-drows-content .number-draws,
        body #wrapper #kino-statistics .opap-half-size .past-draws .opap-past-drows-content .number-draws {
          font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-size: 16px; }
      body #wrapper #kino-statistics .opap-half-size .statistics .select-group-container label,
      body #wrapper #kino-statistics .opap-half-size .statistics .draws-group-container label,
      body #wrapper #kino-statistics .opap-half-size .past-draws .select-group-container label,
      body #wrapper #kino-statistics .opap-half-size .past-draws .draws-group-container label {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        display: block;
        margin-bottom: 12px;
        font-size: 16px;
        cursor: default; }
  body #wrapper #kino-statistics .controls.opap-btn-controls {
    display: flex;
    justify-content: flex-end;
    margin-top: 23px; }
    body #wrapper #kino-statistics .controls.opap-btn-controls button {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      min-width: 136px;
      height: 52px;
      padding-bottom: 5px;
      font-size: 16px; }
  body #wrapper #kino-statistics .statistics .kino-bonus,
  body #wrapper #kino-statistics .statistics .radio-group,
  body #wrapper #kino-statistics .view .radio-group-container .radio-group {
    display: inline-block; }

@media (max-width: 767.98px) {
  body #wrapper #kino-statistics {
    padding: 30px; }
    body #wrapper #kino-statistics .opap-half-size {
      flex-wrap: wrap;
      gap: 30px; }
      body #wrapper #kino-statistics .opap-half-size .statistics.active,
      body #wrapper #kino-statistics .opap-half-size .past-draws.active {
        flex-basis: 100%; }
        body #wrapper #kino-statistics .opap-half-size .statistics.active .opap-past-drows-content,
        body #wrapper #kino-statistics .opap-half-size .past-draws.active .opap-past-drows-content {
          flex-wrap: wrap; }
          body #wrapper #kino-statistics .opap-half-size .statistics.active .opap-past-drows-content .draws-group-container,
          body #wrapper #kino-statistics .opap-half-size .past-draws.active .opap-past-drows-content .draws-group-container {
            flex-basis: 100%; }
    body #wrapper #kino-statistics .view .view-flex.active {
      flex-wrap: wrap; }
      body #wrapper #kino-statistics .view .view-flex.active .select-group-container {
        flex-basis: 100%;
        margin-left: 0; } }

@media (max-width: 575.98px) {
  body #wrapper #kino-statistics .screen-settings .controls {
    order: -1;
    width: 100%; } }

body #wrapper .super3 .opap-super3-main-cta {
  background: var(--opap-super3-draw-background); }

body #wrapper .super3-header-data-wrapper {
  background: var(--opap-super3-draw-background); }
  body #wrapper .super3-header-data-wrapper .super3-header-data {
    background-color: transparent;
    display: flex;
    justify-content: space-between; }
  body #wrapper .super3-header-data-wrapper .statistics-content {
    height: auto;
    overflow-y: unset !important;
    padding-right: 0; }
    body #wrapper .super3-header-data-wrapper .statistics-content .super3-table tr td {
      border: 3px solid var(--opap-neutral-10); }
    body #wrapper .super3-header-data-wrapper .statistics-content .super3-table tr:nth-of-type(even) td {
      background-color: var(--opap-white); }
    body #wrapper .super3-header-data-wrapper .statistics-content .super3-table tr:last-child td:first-child {
      border-bottom-left-radius: 0; }
    body #wrapper .super3-header-data-wrapper .statistics-content .super3-table tr:last-child td:last-child {
      border-bottom-right-radius: 0; }
    body #wrapper .super3-header-data-wrapper .statistics-content .super3-footnote {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 14px;
      padding: 10px 12px 5px;
      line-height: revert; }

body #wrapper .super3 .search-bar .input-group input {
  padding-left: 8px; }

body #wrapper .super3 .search-bar .input-group .input-group-addon {
  padding-left: 8px; }

@media (max-width: 1279.98px) {
  body #wrapper .super3 .search-bar .input-group input {
    padding-right: 0; }
  body #wrapper .super3 .search-bar .select-group select {
    max-width: 100px;
    padding-left: 8px;
    padding-right: 23px;
    background-position: right 0.5em center; }
  body #wrapper .super3 .search-bar .year-select .search-archive-normal {
    min-width: 130px; }
  body #wrapper .super3 .search-bar .month-select {
    padding-left: 8px; }
  body #wrapper .super3-header-data-wrapper .statistics-content .super3-footnote {
    font-size: 12px; }
  body #wrapper .super3-header-data-wrapper .super3-header-data {
    padding-left: 8px;
    padding-right: 8px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-game-draw-results-web #draw-container .draw-results:first-child {
    padding-left: 15px;
    padding-right: 15px; }
  body #wrapper .super3 .draw-details .results-container .super3-results .circles li {
    height: 42px;
    width: 42px;
    line-height: 37px;
    font-size: 22px; }
  body #wrapper .super3 .draw-details .statistics-expander {
    position: absolute;
    right: 0;
    bottom: 15px; } }

@media (max-width: 767.98px) {
  body #wrapper .super3-header-data-wrapper .statistics-content .super3-footnote {
    font-size: 10px; }
  body #wrapper .super3-header-data-wrapper .super3-header-data {
    gap: 10px; }
  body #wrapper .super3 .draw-details .results-container .super3-results .circles li {
    height: 32px;
    width: 32px;
    line-height: 30px;
    font-size: 18px; } }

@media (max-width: 575.98px) {
  body #wrapper .super3 .draw-details .results-container .super3-results .circles li {
    height: 30px;
    width: 30px;
    font-size: 16px; }
  body #wrapper .super3 .draw-details .statistics-expander {
    position: revert;
    right: revert;
    bottom: revert; } }

body #wrapper .table-content-module {
  padding: 50px 40px;
  background-color: var(--opap-neutral-5);
  border-radius: 8px; }
  body #wrapper .table-content-module .title-headline {
    background: var(--opap-glow-navy-blue);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  body #wrapper .table-content-module p {
    font-size: 16px;
    margin-bottom: 14px; }

body #wrapper .opap-tables-filed.opap-table-striped {
  border-radius: 8px;
  background-color: var(--opap-neutral-5);
  padding-top: 20px; }
  body #wrapper .opap-tables-filed.opap-table-striped table {
    text-align: center;
    border: none; }
    body #wrapper .opap-tables-filed.opap-table-striped table thead tr th {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background-color: var(--opap-brand-navy-blue);
      text-align: center;
      padding: 18px 10px;
      color: var(--opap-clean-white);
      font-size: 16px;
      border: none; }
      body #wrapper .opap-tables-filed.opap-table-striped table thead tr th:first-child {
        border-top-left-radius: 8px; }
      body #wrapper .opap-tables-filed.opap-table-striped table thead tr th:last-child {
        border-top-right-radius: 8px; }
    body #wrapper .opap-tables-filed.opap-table-striped table tbody tr:nth-of-type(even) td {
      background-color: var(--opap-neutral-10); }
    body #wrapper .opap-tables-filed.opap-table-striped table tbody tr td {
      padding: 18px 10px;
      color: var(--opap-neutral-90);
      font-size: 16px;
      border: none; }
    body #wrapper .opap-tables-filed.opap-table-striped table tbody tr:last-child td:first-child, body #wrapper .opap-tables-filed.opap-table-striped table tbody tr:last-child th:first-child {
      border-bottom-left-radius: 8px; }
    body #wrapper .opap-tables-filed.opap-table-striped table tbody tr:last-child td:last-child {
      border-bottom-right-radius: 8px; }
    body #wrapper .opap-tables-filed.opap-table-striped table tbody tr th {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background-color: var(--opap-brand-navy-blue);
      text-align: center;
      padding: 18px 10px;
      color: var(--opap-clean-white);
      font-size: 16px;
      border: none; }
    body #wrapper .opap-tables-filed.opap-table-striped table tbody:first-child tr:first-child th {
      border-top-left-radius: 8px; }
  body #wrapper .opap-tables-filed.opap-table-striped.aqua-blue thead tr th, body #wrapper .opap-tables-filed.opap-table-striped.aqua-blue tbody tr th {
    background-color: var(--opap-brand-aqua-blue); }
  body #wrapper .opap-tables-filed.opap-table-striped.sky-blue thead tr th, body #wrapper .opap-tables-filed.opap-table-striped.sky-blue tbody tr th {
    background-color: var(--opap-brand-sky-blue); }
  body #wrapper .opap-tables-filed.opap-table-striped.royal-blue thead tr th, body #wrapper .opap-tables-filed.opap-table-striped.royal-blue tbody tr th {
    background-color: var(--opap-brand-royal-blue); }
  body #wrapper .opap-tables-filed.opap-table-striped.forest-green thead tr th, body #wrapper .opap-tables-filed.opap-table-striped.forest-green tbody tr th {
    background-color: var(--opap-brand-forest-green); }
  body #wrapper .opap-tables-filed.opap-table-striped.navy-blue thead tr th, body #wrapper .opap-tables-filed.opap-table-striped.navy-blue tbody tr th {
    background-color: var(--opap-brand-navy-blue); }
  body #wrapper .opap-tables-filed.opap-table-striped.apple thead tr th, body #wrapper .opap-tables-filed.opap-table-striped.apple tbody tr th {
    background-color: var(--opap-brand-apple); }
  body #wrapper .opap-tables-filed.opap-table-striped.lime-green thead tr th, body #wrapper .opap-tables-filed.opap-table-striped.lime-green tbody tr th {
    background-color: var(--opap-brand-lime-green); }
  body #wrapper .opap-tables-filed.opap-table-striped.yellow thead tr th, body #wrapper .opap-tables-filed.opap-table-striped.yellow tbody tr th {
    background-color: var(--opap-brand-yellow); }
  body #wrapper .opap-tables-filed.opap-table-striped.orange thead tr th, body #wrapper .opap-tables-filed.opap-table-striped.orange tbody tr th {
    background-color: var(--opap-brand-orange); }
  body #wrapper .opap-tables-filed.opap-table-striped.red thead tr th, body #wrapper .opap-tables-filed.opap-table-striped.red tbody tr th {
    background-color: var(--opap-brand-red); }

body #wrapper .main-title-subtitle {
  align-items: center; }
  body #wrapper .main-title-subtitle .main-title-subtitle-logo {
    margin-top: -50px;
    text-align: center; }
    body #wrapper .main-title-subtitle .main-title-subtitle-logo picture img {
      background-color: var(--opap-brand-navy-blue);
      border-radius: 360px;
      padding: 10px 38px; }
    body #wrapper .main-title-subtitle .main-title-subtitle-logo.no-bcg-color picture img {
      background-color: transparent; }
  body #wrapper .main-title-subtitle .main-title-subtitle-content {
    width: 100%;
    text-align: center; }
    body #wrapper .main-title-subtitle .main-title-subtitle-content a {
      white-space: normal; }
    body #wrapper .main-title-subtitle .main-title-subtitle-content .title-headline-style {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      padding: 58px 0 25px 0; }
      body #wrapper .main-title-subtitle .main-title-subtitle-content .title-headline-style.half-width {
        width: 50%;
        margin: 0 auto; }
    body #wrapper .main-title-subtitle .main-title-subtitle-content p.title-headline-style {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    body #wrapper .main-title-subtitle .main-title-subtitle-content h3.paragraph-text, body #wrapper .main-title-subtitle .main-title-subtitle-content h4.paragraph-text, body #wrapper .main-title-subtitle .main-title-subtitle-content h5.paragraph-text {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700; }
  body #wrapper .main-title-subtitle a .opap-btn {
    margin-top: 50px;
    padding: 14px 40px 20px 40px; }

@media (max-width: 991.98px) {
  body #wrapper .main-title-subtitle .main-title-subtitle-logo {
    padding: 10px 20px; }
  body #wrapper .main-title-subtitle .main-title-subtitle-content .title-headline-style.half-width {
    width: 100%; } }

@media (max-width: 767.98px) {
  body #wrapper .main-title-subtitle .main-title-subtitle-logo {
    padding: 5px 15px; } }

body #wrapper .opap-tzoker-winners-map-main .mobile-warning {
  display: none; }

body #wrapper .opap-tzoker-winners-map-main .opap-tzoker-winners-map-title {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  display: flex;
  justify-content: center;
  padding-bottom: 10px; }

body #wrapper .opap-tzoker-winners-map-main .opap-tzoker-winners-map {
  border-radius: 8px;
  background-color: var(--opap-neutral-5);
  padding: 30px; }
  body #wrapper .opap-tzoker-winners-map-main .opap-tzoker-winners-map .opap-tzoker-winners-map-content {
    color: var(--opap-white);
    background: var(--opap-glow-royal-blue);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    padding: 30px 30px 0 30px; }
    body #wrapper .opap-tzoker-winners-map-main .opap-tzoker-winners-map .opap-tzoker-winners-map-content .subtext {
      margin: 0 0 30px;
      font-size: 20px;
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    body #wrapper .opap-tzoker-winners-map-main .opap-tzoker-winners-map .opap-tzoker-winners-map-content .map-banner {
      background: radial-gradient(100% 100% at 0% 100%, rgba(10, 199, 254, 0.8) 0%, rgba(10, 199, 254, 0) 100%), radial-gradient(100% 100% at 100% 0%, #00E5FF 0%, rgba(0, 229, 255, 0) 100%), radial-gradient(100% 100% at 0% 0%, #180255 0%, rgba(14, 2, 85, 0) 100%), #0B56C3;
      border-radius: 8px;
      display: flex;
      padding: 20px 40px;
      margin-bottom: 20px; }
      body #wrapper .opap-tzoker-winners-map-main .opap-tzoker-winners-map .opap-tzoker-winners-map-content .map-banner .map-banner-title {
        flex: 1 1 33%; }
      body #wrapper .opap-tzoker-winners-map-main .opap-tzoker-winners-map .opap-tzoker-winners-map-content .map-banner .map-banner-winnings {
        flex: 1 1 33%; }
      body #wrapper .opap-tzoker-winners-map-main .opap-tzoker-winners-map .opap-tzoker-winners-map-content .map-banner .map-banner-winners {
        flex: 1 1 33%; }

body #wrapper .opap-tzoker-winners-map-main .year-slider {
  position: relative;
  width: 110px;
  background: linear-gradient(to bottom, #003366, #1e3d73);
  color: white;
  font-family: Arial, sans-serif;
  font-size: 18px;
  padding: 10px;
  border-radius: 5px;
  user-select: none;
  cursor: pointer; }

body #wrapper .opap-tzoker-winners-map-main .year-item {
  padding: 8px 0;
  text-align: left; }

body #wrapper .opap-tzoker-winners-map-main .year-item.active {
  color: gold;
  font-weight: bold; }

body #wrapper .opap-tzoker-winners-map-main .slider-indicator {
  position: absolute;
  width: 10px;
  height: 20px;
  background: gold;
  border-radius: 50%;
  left: 100px;
  transform: translateX(-50%);
  transition: top 0.1s linear;
  cursor: grab; }

body #wrapper .opap-tzoker-winners-map-main .slider-indicator:active {
  cursor: grabbing; }

body #wrapper .opap-tzoker-winners-map-main .map-content {
  display: flex;
  width: 100%; }
  body #wrapper .opap-tzoker-winners-map-main .map-content .map-container {
    flex: 1; }
    body #wrapper .opap-tzoker-winners-map-main .map-content .map-container svg {
      border-radius: 0.5rem; }
      body #wrapper .opap-tzoker-winners-map-main .map-content .map-container svg path {
        fill: #F4F1EA;
        cursor: pointer;
        position: relative; }
        body #wrapper .opap-tzoker-winners-map-main .map-content .map-container svg path.has-data {
          fill: #ffa500;
          cursor: pointer; }
        body #wrapper .opap-tzoker-winners-map-main .map-content .map-container svg path.active, body #wrapper .opap-tzoker-winners-map-main .map-content .map-container svg path:hover {
          fill: #25C1FC;
          opacity: 0.4; }
    body #wrapper .opap-tzoker-winners-map-main .map-content .map-container .info-box {
      opacity: 1;
      position: absolute;
      border-radius: 0.5rem;
      z-index: 5;
      pointer-events: none;
      min-height: 36px;
      background: blue;
      color: white;
      padding: 0.625rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-width: 190px; }
      body #wrapper .opap-tzoker-winners-map-main .map-content .map-container .info-box p {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 1rem;
        margin-bottom: 0; }
      body #wrapper .opap-tzoker-winners-map-main .map-content .map-container .info-box h2 {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 1.75rem;
        margin-bottom: 0; }

body #wrapper .opap-tzoker-winners-map-main .mobile-warning {
  padding: 50px 20px 20px 20px;
  color: var(--opap-white);
  background: radial-gradient(50% 50% at 50% 50%, #072133 0%, #04121C 100%);
  display: none; }
  body #wrapper .opap-tzoker-winners-map-main .mobile-warning img {
    display: block;
    margin: 0 auto; }
  body #wrapper .opap-tzoker-winners-map-main .mobile-warning p:first-of-type {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 20px; }
  body #wrapper .opap-tzoker-winners-map-main .mobile-warning p:last-of-type {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 25px; }

@media (max-width: 480px) {
  body #wrapper .opap-tzoker-winners-map-main .opap-tzoker-winners-map {
    display: none; }
  body #wrapper .opap-tzoker-winners-map-main .mobile-warning {
    display: block; } }

@media (max-width: 1279px) {
  body #wrapper .opap-tzoker-winners-map-main .opap-tzoker-winners-map {
    padding: 0; } }

@media (max-width: 480px) {
  body #wrapper .opap-tzoker-winners-map-main .mobile-warning {
    display: block; }
  body #wrapper .opap-tzoker-winners-map-main .opap-tzoker-winners-map {
    display: none; } }

body #wrapper .free-content-module .title-headline {
  background: var(--opap-glow-navy-blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 5px;
  margin-bottom: 20px; }

body #wrapper .free-content-module p {
  font-size: 16px; }

body #wrapper .free-content-module a {
  text-decoration: underline; }

body #wrapper .free-content-module ul {
  list-style: initial; }

body #wrapper .free-content-module ul, body #wrapper .free-content-module ol {
  padding-left: 20px; }

body #wrapper .opap-stores-sections-module {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--opap-white);
  box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08); }
  body #wrapper .opap-stores-sections-module .opap-stores-sections-module-image {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-height: 204px; }
    body #wrapper .opap-stores-sections-module .opap-stores-sections-module-image .image-desktop {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    body #wrapper .opap-stores-sections-module .opap-stores-sections-module-image .image-mobile {
      display: none;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  body #wrapper .opap-stores-sections-module .opap-stores-sections-module-content {
    padding: 20px 50px 10px 40px;
    margin-bottom: auto; }
    body #wrapper .opap-stores-sections-module .opap-stores-sections-module-content h2, body #wrapper .opap-stores-sections-module .opap-stores-sections-module-content h3, body #wrapper .opap-stores-sections-module .opap-stores-sections-module-content h4 {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700; }
    body #wrapper .opap-stores-sections-module .opap-stores-sections-module-content p {
      font-size: 1em;
      margin-top: 20px; }
  body #wrapper .opap-stores-sections-module a {
    width: 85%;
    min-height: 64px;
    margin: 0 auto 20px auto;
    box-shadow: none; }
    body #wrapper .opap-stores-sections-module a button {
      width: 100%; }

@media (max-width: 991.98px) {
  body #wrapper .opap-stores-sections-module .opap-stores-sections-module-image {
    max-height: 290px; }
    body #wrapper .opap-stores-sections-module .opap-stores-sections-module-image .image-desktop {
      display: none; }
    body #wrapper .opap-stores-sections-module .opap-stores-sections-module-image .image-mobile {
      display: block; }
  body #wrapper .opap-stores-sections-module .opap-stores-sections-module-content {
    padding: 40px 20px 30px 25px; }
  body #wrapper .opap-stores-sections-module a {
    width: 80%; } }

body #wrapper .opap-kino-live-draw-main {
  background-color: var(--opap-brand-navy-blue);
  margin: 0px -12px; }
  body #wrapper .opap-kino-live-draw-main .title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    color: var(--opap-white);
    text-align: center;
    margin: 30px; }
  body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-select {
    display: flex;
    justify-content: center;
    position: relative; }
    body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-select .select-item {
      display: flex;
      min-width: 210px;
      min-height: 80px; }
      body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-select .select-item .select-item-active {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: fit-content;
        border-bottom: 6px solid transparent; }
        body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-select .select-item .select-item-active .img-active {
          display: block; }
          body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-select .select-item .select-item-active .img-active:hover {
            cursor: pointer;
            pointer-events: initial; }
        body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-select .select-item .select-item-active .img-not-active {
          display: none; }
      body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-select .select-item .select-item-active-selected {
        position: relative; }
        body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-select .select-item .select-item-active-selected::after {
          content: "";
          display: block;
          background: var(--opap-tzoker-main-cta);
          border-radius: 5px 5px 0 0;
          height: 6px;
          width: 100%;
          position: absolute;
          bottom: -6px; }
  body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-content iframe {
    border: 0;
    margin: 0 auto;
    overflow: hidden; }
  body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-content .mobile-warning {
    display: none; }
  body #wrapper .opap-kino-live-draw-main .toggle-fullscreen a {
    color: inherit; }

@media (max-width: 480px) {
  body #wrapper .opap-kino-live-draw-main .toggle-fullscreen {
    display: none; }
  body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-select .select-item {
    min-width: auto;
    min-height: auto; }
  body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-content .embed-responsive {
    display: none !important; }
  body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-content .mobile-warning {
    padding: 50px 20px 20px 20px;
    color: var(--opap-white);
    background: radial-gradient(50% 50% at 50% 50%, #072133 0%, #04121C 100%);
    display: block; }
    body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-content .mobile-warning img {
      display: block;
      margin: 0 auto; }
    body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-content .mobile-warning p:first-of-type {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 20px; }
    body #wrapper .opap-kino-live-draw-main .opap-kino-live-draw-content .mobile-warning p:last-of-type {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 25px; } }

body #wrapper .opap-live-draw-main {
  background: transparent;
  margin: 0px -12px; }
  body #wrapper .opap-live-draw-main .title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--opap-white);
    text-align: center;
    margin: 30px; }
  body #wrapper .opap-live-draw-main .opap-live-draw-select {
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    column-gap: 5rem; }
    body #wrapper .opap-live-draw-main .opap-live-draw-select .select-item {
      display: flex;
      min-width: 210px;
      min-height: 80px;
      padding-bottom: 47px; }
      body #wrapper .opap-live-draw-main .opap-live-draw-select .select-item .select-item-active {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: fit-content;
        border-bottom: 6px solid transparent;
        font-size: 31px;
        font-family: "RobotoFlex", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
        body #wrapper .opap-live-draw-main .opap-live-draw-select .select-item .select-item-active .img-active {
          display: block; }
          body #wrapper .opap-live-draw-main .opap-live-draw-select .select-item .select-item-active .img-active:hover {
            cursor: pointer;
            pointer-events: initial; }
        body #wrapper .opap-live-draw-main .opap-live-draw-select .select-item .select-item-active .img-not-active {
          display: none; }
      body #wrapper .opap-live-draw-main .opap-live-draw-select .select-item .select-item-active-selected {
        position: relative;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
        body #wrapper .opap-live-draw-main .opap-live-draw-select .select-item .select-item-active-selected::after {
          content: "";
          display: block;
          background: var(--active-game-primary);
          border-radius: 5px 5px 0 0;
          height: 6px;
          width: 100%;
          position: absolute;
          bottom: -52px; }
  body #wrapper .opap-live-draw-main .opap-live-draw-content iframe {
    border: 0;
    margin: 0 auto;
    overflow: hidden; }
  body #wrapper .opap-live-draw-main .opap-live-draw-content .mobile-warning {
    display: none; }
  body #wrapper .opap-live-draw-main .toggle-fullscreen {
    position: absolute;
    right: 0;
    bottom: 5px; }
    body #wrapper .opap-live-draw-main .toggle-fullscreen a {
      color: inherit; }

@media (max-width: 992px) {
  body #wrapper .opap-live-draw-main .opap-live-draw-select {
    text-align: center;
    column-gap: 2rem; }
    body #wrapper .opap-live-draw-main .opap-live-draw-select .select-item .select-item-active {
      font-size: 20px; } }

@media (max-width: 480px) {
  body #wrapper .opap-live-draw-main .toggle-fullscreen {
    display: none; }
  body #wrapper .opap-live-draw-main .opap-live-draw-select .select-item {
    min-width: auto;
    min-height: auto; }
    body #wrapper .opap-live-draw-main .opap-live-draw-select .select-item .select-item-active {
      display: none; }
  body #wrapper .opap-live-draw-main .opap-live-draw-content .embed-responsive {
    display: none !important; }
  body #wrapper .opap-live-draw-main .opap-live-draw-content .mobile-warning {
    padding: 50px 20px 20px 20px;
    color: var(--opap-white);
    background: radial-gradient(50% 50% at 50% 50%, #072133 0%, #04121C 100%);
    display: block; }
    body #wrapper .opap-live-draw-main .opap-live-draw-content .mobile-warning img {
      display: block;
      margin: 0 auto; }
    body #wrapper .opap-live-draw-main .opap-live-draw-content .mobile-warning p:first-of-type {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 20px; }
    body #wrapper .opap-live-draw-main .opap-live-draw-content .mobile-warning p:last-of-type {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 25px; } }

#wrapper .game-statistics {
  /*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
  /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
  /*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, webfonts: SIL OFL 1.1, Code: MIT License)
 */
  /*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, webfonts: SIL OFL 1.1, Code: MIT License)
 */
  /*!
 * Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2022 Fonticons, Inc.
 */ }
  #wrapper .game-statistics .stats-tab .nav {
    display: block; }
    #wrapper .game-statistics .stats-tab .nav li {
      display: inline-block;
      margin-right: 15px;
      margin-bottom: 10px; }
  #wrapper .game-statistics .stats-tab .fas {
    margin-left: 15px; }
  #wrapper .game-statistics #kino-pairs-triplets thead th,
  #wrapper .game-statistics #kino-pairs-triplets tbody td {
    text-align: center;
    vertical-align: middle;
    font-weight: bold; }
  #wrapper .game-statistics #kino-pairs-triplets tbody tr:nth-child(n+11) {
    display: none; }
  #wrapper .game-statistics .table > tbody > tr > td,
  #wrapper .game-statistics .table > tbody > tr > th,
  #wrapper .game-statistics .table > tfoot > tr > td,
  #wrapper .game-statistics .table > tfoot > tr > th,
  #wrapper .game-statistics .table > thead > tr > td,
  #wrapper .game-statistics .table > thead > tr > th {
    border: unset; }
  #wrapper .game-statistics #kino-pairs-triplets .round-orange {
    background-color: #ffae40;
    border: 1px solid #ffae40;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    font-weight: bold; }
  #wrapper .game-statistics #kino-pairs-triplets .round-green {
    background-color: #01db9a;
    border: 1px solid #01db9a;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    font-weight: bold; }
  #wrapper .game-statistics #kino-pairs-triplets .round-blue {
    background-color: #00b2ff;
    border: 1px solid #00b2ff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    font-weight: bold; }
  #wrapper .game-statistics #kino-pairs-triplets .round-yellow {
    background-color: #fdd32d;
    border: 1px solid #fdd32d;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    font-weight: bold; }
  #wrapper .game-statistics g {
    visibility: unset;
    opacity: unset; }
  #wrapper .game-statistics #odd-even .highcharts-point.highcharts-color-0:nth-child(1) {
    fill: #a2dded; }
  #wrapper .game-statistics #odd-even .highcharts-point.highcharts-color-0:nth-child(2) {
    fill: #ff9002; }
  #wrapper .game-statistics #odd-even .highcharts-point.highcharts-color-0:nth-child(3) {
    fill: #ebebed; }
  #wrapper .game-statistics #columns .highcharts-point.highcharts-color-0 {
    fill: #42c7f4; }
  #wrapper .game-statistics #columns {
    margin-top: 80px; }
  #wrapper .game-statistics .title {
    font-size: 32px;
    background: var(--opap-glow-navy-blue);
    line-height: 150%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  #wrapper .game-statistics p {
    margin-bottom: 36px;
    font-size: 16px;
    color: var(--opap-neutral-90); }
  #wrapper .game-statistics .diagram-tabs {
    border-bottom: 1px solid rgba(58, 60, 66, 0.4);
    width: 100%;
    margin-bottom: 32px; }
    #wrapper .game-statistics .diagram-tabs:empty {
      display: none; }
    #wrapper .game-statistics .diagram-tabs > .nav-item {
      margin-right: 40px; }
      #wrapper .game-statistics .diagram-tabs > .nav-item > .nav-link {
        font-weight: bold;
        color: var(--opap-neutral-50);
        padding-bottom: 10px; }
        #wrapper .game-statistics .diagram-tabs > .nav-item > .nav-link.active {
          color: var(--opap-neutral-90);
          box-shadow: none; }
          #wrapper .game-statistics .diagram-tabs > .nav-item > .nav-link.active::after {
            content: "";
            background: var(--opap-default-main-cta);
            border-radius: 4px;
            height: 3px;
            display: block;
            position: absolute;
            bottom: -1px;
            width: 100%; }
  #wrapper .game-statistics .tab-content > .stats-tab > h4 {
    margin-bottom: 20px; }
  #wrapper .game-statistics .tab-content > .stats-tab.tab-pane {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0; }
    #wrapper .game-statistics .tab-content > .stats-tab.tab-pane .opap-btn-link {
      font-size: 16px;
      line-height: 32px;
      color: var(--opap-neutral-50);
      border: 1px solid var(--opap-neutral-40);
      border-radius: 16px;
      background-color: var(--opap-neutral-20);
      padding-left: 14px;
      padding-right: 14px;
      padding-bottom: 3px; }
      #wrapper .game-statistics .tab-content > .stats-tab.tab-pane .opap-btn-link .fas {
        font-family: fontawesome-alloy; }
      #wrapper .game-statistics .tab-content > .stats-tab.tab-pane .opap-btn-link.active {
        color: white;
        background: var(--opap-glow-sky-blue);
        border: none;
        box-shadow: none; }
  #wrapper .game-statistics .tab-content > .stats-tab > .tab-content > .tab-pane {
    padding-left: 0;
    padding-right: 0; }
  @media (max-width: 767.98px) {
    #wrapper .game-statistics .title {
      font-size: 20px;
      margin-top: 30px;
      margin-bottom: 15px; } }
  #wrapper .game-statistics .fa,
  #wrapper .game-statistics .fas,
  #wrapper .game-statistics .far,
  #wrapper .game-statistics .fal,
  #wrapper .game-statistics .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1; }
  #wrapper .game-statistics .fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em; }
  #wrapper .game-statistics .fa-xs {
    font-size: .75em; }
  #wrapper .game-statistics .fa-sm {
    font-size: .875em; }
  #wrapper .game-statistics .fa-1x {
    font-size: 1em; }
  #wrapper .game-statistics .fa-2x {
    font-size: 2em; }
  #wrapper .game-statistics .fa-3x {
    font-size: 3em; }
  #wrapper .game-statistics .fa-4x {
    font-size: 4em; }
  #wrapper .game-statistics .fa-5x {
    font-size: 5em; }
  #wrapper .game-statistics .fa-6x {
    font-size: 6em; }
  #wrapper .game-statistics .fa-7x {
    font-size: 7em; }
  #wrapper .game-statistics .fa-8x {
    font-size: 8em; }
  #wrapper .game-statistics .fa-9x {
    font-size: 9em; }
  #wrapper .game-statistics .fa-10x {
    font-size: 10em; }
  #wrapper .game-statistics .fa-fw {
    text-align: center;
    width: 1.25em; }
  #wrapper .game-statistics .fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0; }
  #wrapper .game-statistics .fa-ul > li {
    position: relative; }
  #wrapper .game-statistics .fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit; }
  #wrapper .game-statistics .fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em; }
  #wrapper .game-statistics .fa-pull-left {
    float: left; }
  #wrapper .game-statistics .fa-pull-right {
    float: right; }
  #wrapper .game-statistics .fa.fa-pull-left,
  #wrapper .game-statistics .fas.fa-pull-left,
  #wrapper .game-statistics .far.fa-pull-left,
  #wrapper .game-statistics .fal.fa-pull-left,
  #wrapper .game-statistics .fab.fa-pull-left {
    margin-right: .3em; }
  #wrapper .game-statistics .fa.fa-pull-right,
  #wrapper .game-statistics .fas.fa-pull-right,
  #wrapper .game-statistics .far.fa-pull-right,
  #wrapper .game-statistics .fal.fa-pull-right,
  #wrapper .game-statistics .fab.fa-pull-right {
    margin-left: .3em; }
  #wrapper .game-statistics .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear; }
  #wrapper .game-statistics .fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
  #wrapper .game-statistics .fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  #wrapper .game-statistics .fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  #wrapper .game-statistics .fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  #wrapper .game-statistics .fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  #wrapper .game-statistics .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1); }
  #wrapper .game-statistics .fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1); }
  #wrapper .game-statistics :root .fa-rotate-90,
  #wrapper .game-statistics :root .fa-rotate-180,
  #wrapper .game-statistics :root .fa-rotate-270,
  #wrapper .game-statistics :root .fa-flip-horizontal,
  #wrapper .game-statistics :root .fa-flip-vertical {
    -webkit-filter: none;
    filter: none; }
  #wrapper .game-statistics .fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2em; }
  #wrapper .game-statistics .fa-stack-1x,
  #wrapper .game-statistics .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%; }
  #wrapper .game-statistics .fa-stack-1x {
    line-height: inherit; }
  #wrapper .game-statistics .fa-stack-2x {
    font-size: 2em; }
  #wrapper .game-statistics .fa-inverse {
    color: #fff; }
  #wrapper .game-statistics .fa-500px:before {
    content: "\f26e"; }
  #wrapper .game-statistics .fa-accessible-icon:before {
    content: "\f368"; }
  #wrapper .game-statistics .fa-accusoft:before {
    content: "\f369"; }
  #wrapper .game-statistics .fa-address-book:before {
    content: "\f2b9"; }
  #wrapper .game-statistics .fa-address-card:before {
    content: "\f2bb"; }
  #wrapper .game-statistics .fa-adjust:before {
    content: "\f042"; }
  #wrapper .game-statistics .fa-adn:before {
    content: "\f170"; }
  #wrapper .game-statistics .fa-adversal:before {
    content: "\f36a"; }
  #wrapper .game-statistics .fa-affiliatetheme:before {
    content: "\f36b"; }
  #wrapper .game-statistics .fa-algolia:before {
    content: "\f36c"; }
  #wrapper .game-statistics .fa-align-center:before {
    content: "\f037"; }
  #wrapper .game-statistics .fa-align-justify:before {
    content: "\f039"; }
  #wrapper .game-statistics .fa-align-left:before {
    content: "\f036"; }
  #wrapper .game-statistics .fa-align-right:before {
    content: "\f038"; }
  #wrapper .game-statistics .fa-amazon:before {
    content: "\f270"; }
  #wrapper .game-statistics .fa-amazon-pay:before {
    content: "\f42c"; }
  #wrapper .game-statistics .fa-ambulance:before {
    content: "\f0f9"; }
  #wrapper .game-statistics .fa-american-sign-language-interpreting:before {
    content: "\f2a3"; }
  #wrapper .game-statistics .fa-amilia:before {
    content: "\f36d"; }
  #wrapper .game-statistics .fa-anchor:before {
    content: "\f13d"; }
  #wrapper .game-statistics .fa-android:before {
    content: "\f17b"; }
  #wrapper .game-statistics .fa-angellist:before {
    content: "\f209"; }
  #wrapper .game-statistics .fa-angle-double-down:before {
    content: "\f103"; }
  #wrapper .game-statistics .fa-angle-double-left:before {
    content: "\f100"; }
  #wrapper .game-statistics .fa-angle-double-right:before {
    content: "\f101"; }
  #wrapper .game-statistics .fa-angle-double-up:before {
    content: "\f102"; }
  #wrapper .game-statistics .fa-angle-down:before {
    content: "\f107"; }
  #wrapper .game-statistics .fa-angle-left:before {
    content: "\f104"; }
  #wrapper .game-statistics .fa-angle-right:before {
    content: "\f105"; }
  #wrapper .game-statistics .fa-angle-up:before {
    content: "\f106"; }
  #wrapper .game-statistics .fa-angrycreative:before {
    content: "\f36e"; }
  #wrapper .game-statistics .fa-angular:before {
    content: "\f420"; }
  #wrapper .game-statistics .fa-app-store:before {
    content: "\f36f"; }
  #wrapper .game-statistics .fa-app-store-ios:before {
    content: "\f370"; }
  #wrapper .game-statistics .fa-apper:before {
    content: "\f371"; }
  #wrapper .game-statistics .fa-apple:before {
    content: "\f179"; }
  #wrapper .game-statistics .fa-apple-pay:before {
    content: "\f415"; }
  #wrapper .game-statistics .fa-archive:before {
    content: "\f187"; }
  #wrapper .game-statistics .fa-arrow-alt-circle-down:before {
    content: "\f358"; }
  #wrapper .game-statistics .fa-arrow-alt-circle-left:before {
    content: "\f359"; }
  #wrapper .game-statistics .fa-arrow-alt-circle-right:before {
    content: "\f35a"; }
  #wrapper .game-statistics .fa-arrow-alt-circle-up:before {
    content: "\f35b"; }
  #wrapper .game-statistics .fa-arrow-circle-down:before {
    content: "\f0ab"; }
  #wrapper .game-statistics .fa-arrow-circle-left:before {
    content: "\f0a8"; }
  #wrapper .game-statistics .fa-arrow-circle-right:before {
    content: "\f0a9"; }
  #wrapper .game-statistics .fa-arrow-circle-up:before {
    content: "\f0aa"; }
  #wrapper .game-statistics .fa-arrow-down:before {
    content: "\f063"; }
  #wrapper .game-statistics .fa-arrow-left:before {
    content: "\f060"; }
  #wrapper .game-statistics .fa-arrow-right:before {
    content: "\f061"; }
  #wrapper .game-statistics .fa-arrow-up:before {
    content: "\f062"; }
  #wrapper .game-statistics .fa-arrows-alt:before {
    content: "\f0b2"; }
  #wrapper .game-statistics .fa-arrows-alt-h:before {
    content: "\f337"; }
  #wrapper .game-statistics .fa-arrows-alt-v:before {
    content: "\f338"; }
  #wrapper .game-statistics .fa-assistive-listening-systems:before {
    content: "\f2a2"; }
  #wrapper .game-statistics .fa-asterisk:before {
    content: "\f069"; }
  #wrapper .game-statistics .fa-asymmetrik:before {
    content: "\f372"; }
  #wrapper .game-statistics .fa-at:before {
    content: "\f1fa"; }
  #wrapper .game-statistics .fa-audible:before {
    content: "\f373"; }
  #wrapper .game-statistics .fa-audio-description:before {
    content: "\f29e"; }
  #wrapper .game-statistics .fa-autoprefixer:before {
    content: "\f41c"; }
  #wrapper .game-statistics .fa-avianex:before {
    content: "\f374"; }
  #wrapper .game-statistics .fa-aviato:before {
    content: "\f421"; }
  #wrapper .game-statistics .fa-aws:before {
    content: "\f375"; }
  #wrapper .game-statistics .fa-backward:before {
    content: "\f04a"; }
  #wrapper .game-statistics .fa-balance-scale:before {
    content: "\f24e"; }
  #wrapper .game-statistics .fa-ban:before {
    content: "\f05e"; }
  #wrapper .game-statistics .fa-band-aid:before {
    content: "\f462"; }
  #wrapper .game-statistics .fa-bandcamp:before {
    content: "\f2d5"; }
  #wrapper .game-statistics .fa-barcode:before {
    content: "\f02a"; }
  #wrapper .game-statistics .fa-bars:before {
    content: "\f0c9"; }
  #wrapper .game-statistics .fa-baseball-ball:before {
    content: "\f433"; }
  #wrapper .game-statistics .fa-basketball-ball:before {
    content: "\f434"; }
  #wrapper .game-statistics .fa-bath:before {
    content: "\f2cd"; }
  #wrapper .game-statistics .fa-battery-empty:before {
    content: "\f244"; }
  #wrapper .game-statistics .fa-battery-full:before {
    content: "\f240"; }
  #wrapper .game-statistics .fa-battery-half:before {
    content: "\f242"; }
  #wrapper .game-statistics .fa-battery-quarter:before {
    content: "\f243"; }
  #wrapper .game-statistics .fa-battery-three-quarters:before {
    content: "\f241"; }
  #wrapper .game-statistics .fa-bed:before {
    content: "\f236"; }
  #wrapper .game-statistics .fa-beer:before {
    content: "\f0fc"; }
  #wrapper .game-statistics .fa-behance:before {
    content: "\f1b4"; }
  #wrapper .game-statistics .fa-behance-square:before {
    content: "\f1b5"; }
  #wrapper .game-statistics .fa-bell:before {
    content: "\f0f3"; }
  #wrapper .game-statistics .fa-bell-slash:before {
    content: "\f1f6"; }
  #wrapper .game-statistics .fa-bicycle:before {
    content: "\f206"; }
  #wrapper .game-statistics .fa-bimobject:before {
    content: "\f378"; }
  #wrapper .game-statistics .fa-binoculars:before {
    content: "\f1e5"; }
  #wrapper .game-statistics .fa-birthday-cake:before {
    content: "\f1fd"; }
  #wrapper .game-statistics .fa-bitbucket:before {
    content: "\f171"; }
  #wrapper .game-statistics .fa-bitcoin:before {
    content: "\f379"; }
  #wrapper .game-statistics .fa-bity:before {
    content: "\f37a"; }
  #wrapper .game-statistics .fa-black-tie:before {
    content: "\f27e"; }
  #wrapper .game-statistics .fa-blackberry:before {
    content: "\f37b"; }
  #wrapper .game-statistics .fa-blind:before {
    content: "\f29d"; }
  #wrapper .game-statistics .fa-blogger:before {
    content: "\f37c"; }
  #wrapper .game-statistics .fa-blogger-b:before {
    content: "\f37d"; }
  #wrapper .game-statistics .fa-bluetooth:before {
    content: "\f293"; }
  #wrapper .game-statistics .fa-bluetooth-b:before {
    content: "\f294"; }
  #wrapper .game-statistics .fa-bold:before {
    content: "\f032"; }
  #wrapper .game-statistics .fa-bolt:before {
    content: "\f0e7"; }
  #wrapper .game-statistics .fa-bomb:before {
    content: "\f1e2"; }
  #wrapper .game-statistics .fa-book:before {
    content: "\f02d"; }
  #wrapper .game-statistics .fa-bookmark:before {
    content: "\f02e"; }
  #wrapper .game-statistics .fa-bowling-ball:before {
    content: "\f436"; }
  #wrapper .game-statistics .fa-box:before {
    content: "\f466"; }
  #wrapper .game-statistics .fa-boxes:before {
    content: "\f468"; }
  #wrapper .game-statistics .fa-braille:before {
    content: "\f2a1"; }
  #wrapper .game-statistics .fa-briefcase:before {
    content: "\f0b1"; }
  #wrapper .game-statistics .fa-btc:before {
    content: "\f15a"; }
  #wrapper .game-statistics .fa-bug:before {
    content: "\f188"; }
  #wrapper .game-statistics .fa-building:before {
    content: "\f1ad"; }
  #wrapper .game-statistics .fa-bullhorn:before {
    content: "\f0a1"; }
  #wrapper .game-statistics .fa-bullseye:before {
    content: "\f140"; }
  #wrapper .game-statistics .fa-buromobelexperte:before {
    content: "\f37f"; }
  #wrapper .game-statistics .fa-bus:before {
    content: "\f207"; }
  #wrapper .game-statistics .fa-buysellads:before {
    content: "\f20d"; }
  #wrapper .game-statistics .fa-calculator:before {
    content: "\f1ec"; }
  #wrapper .game-statistics .fa-calendar:before {
    content: "\f133"; }
  #wrapper .game-statistics .fa-calendar-alt:before {
    content: "\f073"; }
  #wrapper .game-statistics .fa-calendar-check:before {
    content: "\f274"; }
  #wrapper .game-statistics .fa-calendar-minus:before {
    content: "\f272"; }
  #wrapper .game-statistics .fa-calendar-plus:before {
    content: "\f271"; }
  #wrapper .game-statistics .fa-calendar-times:before {
    content: "\f273"; }
  #wrapper .game-statistics .fa-camera:before {
    content: "\f030"; }
  #wrapper .game-statistics .fa-camera-retro:before {
    content: "\f083"; }
  #wrapper .game-statistics .fa-car:before {
    content: "\f1b9"; }
  #wrapper .game-statistics .fa-caret-down:before {
    content: "\f0d7"; }
  #wrapper .game-statistics .fa-caret-left:before {
    content: "\f0d9"; }
  #wrapper .game-statistics .fa-caret-right:before {
    content: "\f0da"; }
  #wrapper .game-statistics .fa-caret-square-down:before {
    content: "\f150"; }
  #wrapper .game-statistics .fa-caret-square-left:before {
    content: "\f191"; }
  #wrapper .game-statistics .fa-caret-square-right:before {
    content: "\f152"; }
  #wrapper .game-statistics .fa-caret-square-up:before {
    content: "\f151"; }
  #wrapper .game-statistics .fa-caret-up:before {
    content: "\f0d8"; }
  #wrapper .game-statistics .fa-cart-arrow-down:before {
    content: "\f218"; }
  #wrapper .game-statistics .fa-cart-plus:before {
    content: "\f217"; }
  #wrapper .game-statistics .fa-cc-amazon-pay:before {
    content: "\f42d"; }
  #wrapper .game-statistics .fa-cc-amex:before {
    content: "\f1f3"; }
  #wrapper .game-statistics .fa-cc-apple-pay:before {
    content: "\f416"; }
  #wrapper .game-statistics .fa-cc-diners-club:before {
    content: "\f24c"; }
  #wrapper .game-statistics .fa-cc-discover:before {
    content: "\f1f2"; }
  #wrapper .game-statistics .fa-cc-jcb:before {
    content: "\f24b"; }
  #wrapper .game-statistics .fa-cc-mastercard:before {
    content: "\f1f1"; }
  #wrapper .game-statistics .fa-cc-paypal:before {
    content: "\f1f4"; }
  #wrapper .game-statistics .fa-cc-stripe:before {
    content: "\f1f5"; }
  #wrapper .game-statistics .fa-cc-visa:before {
    content: "\f1f0"; }
  #wrapper .game-statistics .fa-centercode:before {
    content: "\f380"; }
  #wrapper .game-statistics .fa-certificate:before {
    content: "\f0a3"; }
  #wrapper .game-statistics .fa-chart-area:before {
    content: "\f1fe"; }
  #wrapper .game-statistics .fa-chart-bar:before {
    content: "\f080"; }
  #wrapper .game-statistics .fa-chart-line:before {
    content: "\f201"; }
  #wrapper .game-statistics .fa-chart-pie:before {
    content: "\f200"; }
  #wrapper .game-statistics .fa-check:before {
    content: "\f00c"; }
  #wrapper .game-statistics .fa-check-circle:before {
    content: "\f058"; }
  #wrapper .game-statistics .fa-check-square:before {
    content: "\f14a"; }
  #wrapper .game-statistics .fa-chess:before {
    content: "\f439"; }
  #wrapper .game-statistics .fa-chess-bishop:before {
    content: "\f43a"; }
  #wrapper .game-statistics .fa-chess-board:before {
    content: "\f43c"; }
  #wrapper .game-statistics .fa-chess-king:before {
    content: "\f43f"; }
  #wrapper .game-statistics .fa-chess-knight:before {
    content: "\f441"; }
  #wrapper .game-statistics .fa-chess-pawn:before {
    content: "\f443"; }
  #wrapper .game-statistics .fa-chess-queen:before {
    content: "\f445"; }
  #wrapper .game-statistics .fa-chess-rook:before {
    content: "\f447"; }
  #wrapper .game-statistics .fa-chevron-circle-down:before {
    content: "\f13a"; }
  #wrapper .game-statistics .fa-chevron-circle-left:before {
    content: "\f137"; }
  #wrapper .game-statistics .fa-chevron-circle-right:before {
    content: "\f138"; }
  #wrapper .game-statistics .fa-chevron-circle-up:before {
    content: "\f139"; }
  #wrapper .game-statistics .fa-chevron-down:before {
    content: "\f078"; }
  #wrapper .game-statistics .fa-chevron-left:before {
    content: "\f053"; }
  #wrapper .game-statistics .fa-chevron-right:before {
    content: "\f054"; }
  #wrapper .game-statistics .fa-chevron-up:before {
    content: "\f077"; }
  #wrapper .game-statistics .fa-child:before {
    content: "\f1ae"; }
  #wrapper .game-statistics .fa-chrome:before {
    content: "\f268"; }
  #wrapper .game-statistics .fa-circle:before {
    content: "\f111"; }
  #wrapper .game-statistics .fa-circle-notch:before {
    content: "\f1ce"; }
  #wrapper .game-statistics .fa-clipboard:before {
    content: "\f328"; }
  #wrapper .game-statistics .fa-clipboard-check:before {
    content: "\f46c"; }
  #wrapper .game-statistics .fa-clipboard-list:before {
    content: "\f46d"; }
  #wrapper .game-statistics .fa-clock:before {
    content: "\f017"; }
  #wrapper .game-statistics .fa-clone:before {
    content: "\f24d"; }
  #wrapper .game-statistics .fa-closed-captioning:before {
    content: "\f20a"; }
  #wrapper .game-statistics .fa-cloud:before {
    content: "\f0c2"; }
  #wrapper .game-statistics .fa-cloud-download-alt:before {
    content: "\f381"; }
  #wrapper .game-statistics .fa-cloud-upload-alt:before {
    content: "\f382"; }
  #wrapper .game-statistics .fa-cloudscale:before {
    content: "\f383"; }
  #wrapper .game-statistics .fa-cloudsmith:before {
    content: "\f384"; }
  #wrapper .game-statistics .fa-cloudversify:before {
    content: "\f385"; }
  #wrapper .game-statistics .fa-code:before {
    content: "\f121"; }
  #wrapper .game-statistics .fa-code-branch:before {
    content: "\f126"; }
  #wrapper .game-statistics .fa-codepen:before {
    content: "\f1cb"; }
  #wrapper .game-statistics .fa-codiepie:before {
    content: "\f284"; }
  #wrapper .game-statistics .fa-coffee:before {
    content: "\f0f4"; }
  #wrapper .game-statistics .fa-cog:before {
    content: "\f013"; }
  #wrapper .game-statistics .fa-cogs:before {
    content: "\f085"; }
  #wrapper .game-statistics .fa-columns:before {
    content: "\f0db"; }
  #wrapper .game-statistics .fa-comment:before {
    content: "\f075"; }
  #wrapper .game-statistics .fa-comment-alt:before {
    content: "\f27a"; }
  #wrapper .game-statistics .fa-comments:before {
    content: "\f086"; }
  #wrapper .game-statistics .fa-compass:before {
    content: "\f14e"; }
  #wrapper .game-statistics .fa-compress:before {
    content: "\f066"; }
  #wrapper .game-statistics .fa-connectdevelop:before {
    content: "\f20e"; }
  #wrapper .game-statistics .fa-contao:before {
    content: "\f26d"; }
  #wrapper .game-statistics .fa-copy:before {
    content: "\f0c5"; }
  #wrapper .game-statistics .fa-copyright:before {
    content: "\f1f9"; }
  #wrapper .game-statistics .fa-cpanel:before {
    content: "\f388"; }
  #wrapper .game-statistics .fa-creative-commons:before {
    content: "\f25e"; }
  #wrapper .game-statistics .fa-credit-card:before {
    content: "\f09d"; }
  #wrapper .game-statistics .fa-crop:before {
    content: "\f125"; }
  #wrapper .game-statistics .fa-crosshairs:before {
    content: "\f05b"; }
  #wrapper .game-statistics .fa-css3:before {
    content: "\f13c"; }
  #wrapper .game-statistics .fa-css3-alt:before {
    content: "\f38b"; }
  #wrapper .game-statistics .fa-cube:before {
    content: "\f1b2"; }
  #wrapper .game-statistics .fa-cubes:before {
    content: "\f1b3"; }
  #wrapper .game-statistics .fa-cut:before {
    content: "\f0c4"; }
  #wrapper .game-statistics .fa-cuttlefish:before {
    content: "\f38c"; }
  #wrapper .game-statistics .fa-d-and-d:before {
    content: "\f38d"; }
  #wrapper .game-statistics .fa-dashcube:before {
    content: "\f210"; }
  #wrapper .game-statistics .fa-database:before {
    content: "\f1c0"; }
  #wrapper .game-statistics .fa-deaf:before {
    content: "\f2a4"; }
  #wrapper .game-statistics .fa-delicious:before {
    content: "\f1a5"; }
  #wrapper .game-statistics .fa-deploydog:before {
    content: "\f38e"; }
  #wrapper .game-statistics .fa-deskpro:before {
    content: "\f38f"; }
  #wrapper .game-statistics .fa-desktop:before {
    content: "\f108"; }
  #wrapper .game-statistics .fa-deviantart:before {
    content: "\f1bd"; }
  #wrapper .game-statistics .fa-digg:before {
    content: "\f1a6"; }
  #wrapper .game-statistics .fa-digital-ocean:before {
    content: "\f391"; }
  #wrapper .game-statistics .fa-discord:before {
    content: "\f392"; }
  #wrapper .game-statistics .fa-discourse:before {
    content: "\f393"; }
  #wrapper .game-statistics .fa-dna:before {
    content: "\f471"; }
  #wrapper .game-statistics .fa-dochub:before {
    content: "\f394"; }
  #wrapper .game-statistics .fa-docker:before {
    content: "\f395"; }
  #wrapper .game-statistics .fa-dollar-sign:before {
    content: "\f155"; }
  #wrapper .game-statistics .fa-dolly:before {
    content: "\f472"; }
  #wrapper .game-statistics .fa-dolly-flatbed:before {
    content: "\f474"; }
  #wrapper .game-statistics .fa-dot-circle:before {
    content: "\f192"; }
  #wrapper .game-statistics .fa-download:before {
    content: "\f019"; }
  #wrapper .game-statistics .fa-draft2digital:before {
    content: "\f396"; }
  #wrapper .game-statistics .fa-dribbble:before {
    content: "\f17d"; }
  #wrapper .game-statistics .fa-dribbble-square:before {
    content: "\f397"; }
  #wrapper .game-statistics .fa-dropbox:before {
    content: "\f16b"; }
  #wrapper .game-statistics .fa-drupal:before {
    content: "\f1a9"; }
  #wrapper .game-statistics .fa-dyalog:before {
    content: "\f399"; }
  #wrapper .game-statistics .fa-earlybirds:before {
    content: "\f39a"; }
  #wrapper .game-statistics .fa-edge:before {
    content: "\f282"; }
  #wrapper .game-statistics .fa-edit:before {
    content: "\f044"; }
  #wrapper .game-statistics .fa-eject:before {
    content: "\f052"; }
  #wrapper .game-statistics .fa-elementor:before {
    content: "\f430"; }
  #wrapper .game-statistics .fa-ellipsis-h:before {
    content: "\f141"; }
  #wrapper .game-statistics .fa-ellipsis-v:before {
    content: "\f142"; }
  #wrapper .game-statistics .fa-ember:before {
    content: "\f423"; }
  #wrapper .game-statistics .fa-empire:before {
    content: "\f1d1"; }
  #wrapper .game-statistics .fa-envelope:before {
    content: "\f0e0"; }
  #wrapper .game-statistics .fa-envelope-open:before {
    content: "\f2b6"; }
  #wrapper .game-statistics .fa-envelope-square:before {
    content: "\f199"; }
  #wrapper .game-statistics .fa-envira:before {
    content: "\f299"; }
  #wrapper .game-statistics .fa-eraser:before {
    content: "\f12d"; }
  #wrapper .game-statistics .fa-erlang:before {
    content: "\f39d"; }
  #wrapper .game-statistics .fa-ethereum:before {
    content: "\f42e"; }
  #wrapper .game-statistics .fa-etsy:before {
    content: "\f2d7"; }
  #wrapper .game-statistics .fa-euro-sign:before {
    content: "\f153"; }
  #wrapper .game-statistics .fa-exchange-alt:before {
    content: "\f362"; }
  #wrapper .game-statistics .fa-exclamation:before {
    content: "\f12a"; }
  #wrapper .game-statistics .fa-exclamation-circle:before {
    content: "\f06a"; }
  #wrapper .game-statistics .fa-exclamation-triangle:before {
    content: "\f071"; }
  #wrapper .game-statistics .fa-expand:before {
    content: "\f065"; }
  #wrapper .game-statistics .fa-expand-arrows-alt:before {
    content: "\f31e"; }
  #wrapper .game-statistics .fa-expeditedssl:before {
    content: "\f23e"; }
  #wrapper .game-statistics .fa-external-link-alt:before {
    content: "\f35d"; }
  #wrapper .game-statistics .fa-external-link-square-alt:before {
    content: "\f360"; }
  #wrapper .game-statistics .fa-eye:before {
    content: "\f06e"; }
  #wrapper .game-statistics .fa-eye-dropper:before {
    content: "\f1fb"; }
  #wrapper .game-statistics .fa-eye-slash:before {
    content: "\f070"; }
  #wrapper .game-statistics .fa-facebook:before {
    content: "\f09a"; }
  #wrapper .game-statistics .fa-facebook-f:before {
    content: "\f39e"; }
  #wrapper .game-statistics .fa-facebook-messenger:before {
    content: "\f39f"; }
  #wrapper .game-statistics .fa-facebook-square:before {
    content: "\f082"; }
  #wrapper .game-statistics .fa-fast-backward:before {
    content: "\f049"; }
  #wrapper .game-statistics .fa-fast-forward:before {
    content: "\f050"; }
  #wrapper .game-statistics .fa-fax:before {
    content: "\f1ac"; }
  #wrapper .game-statistics .fa-female:before {
    content: "\f182"; }
  #wrapper .game-statistics .fa-fighter-jet:before {
    content: "\f0fb"; }
  #wrapper .game-statistics .fa-file:before {
    content: "\f15b"; }
  #wrapper .game-statistics .fa-file-alt:before {
    content: "\f15c"; }
  #wrapper .game-statistics .fa-file-archive:before {
    content: "\f1c6"; }
  #wrapper .game-statistics .fa-file-audio:before {
    content: "\f1c7"; }
  #wrapper .game-statistics .fa-file-code:before {
    content: "\f1c9"; }
  #wrapper .game-statistics .fa-file-excel:before {
    content: "\f1c3"; }
  #wrapper .game-statistics .fa-file-image:before {
    content: "\f1c5"; }
  #wrapper .game-statistics .fa-file-pdf:before {
    content: "\f1c1"; }
  #wrapper .game-statistics .fa-file-powerpoint:before {
    content: "\f1c4"; }
  #wrapper .game-statistics .fa-file-video:before {
    content: "\f1c8"; }
  #wrapper .game-statistics .fa-file-word:before {
    content: "\f1c2"; }
  #wrapper .game-statistics .fa-film:before {
    content: "\f008"; }
  #wrapper .game-statistics .fa-filter:before {
    content: "\f0b0"; }
  #wrapper .game-statistics .fa-fire:before {
    content: "\f06d"; }
  #wrapper .game-statistics .fa-fire-extinguisher:before {
    content: "\f134"; }
  #wrapper .game-statistics .fa-firefox:before {
    content: "\f269"; }
  #wrapper .game-statistics .fa-first-aid:before {
    content: "\f479"; }
  #wrapper .game-statistics .fa-first-order:before {
    content: "\f2b0"; }
  #wrapper .game-statistics .fa-firstdraft:before {
    content: "\f3a1"; }
  #wrapper .game-statistics .fa-flag:before {
    content: "\f024"; }
  #wrapper .game-statistics .fa-flag-checkered:before {
    content: "\f11e"; }
  #wrapper .game-statistics .fa-flask:before {
    content: "\f0c3"; }
  #wrapper .game-statistics .fa-flickr:before {
    content: "\f16e"; }
  #wrapper .game-statistics .fa-flipboard:before {
    content: "\f44d"; }
  #wrapper .game-statistics .fa-fly:before {
    content: "\f417"; }
  #wrapper .game-statistics .fa-folder:before {
    content: "\f07b"; }
  #wrapper .game-statistics .fa-folder-open:before {
    content: "\f07c"; }
  #wrapper .game-statistics .fa-font:before {
    content: "\f031"; }
  #wrapper .game-statistics .fa-font-awesome:before {
    content: "\f2b4"; }
  #wrapper .game-statistics .fa-font-awesome-alt:before {
    content: "\f35c"; }
  #wrapper .game-statistics .fa-font-awesome-flag:before {
    content: "\f425"; }
  #wrapper .game-statistics .fa-fonticons:before {
    content: "\f280"; }
  #wrapper .game-statistics .fa-fonticons-fi:before {
    content: "\f3a2"; }
  #wrapper .game-statistics .fa-football-ball:before {
    content: "\f44e"; }
  #wrapper .game-statistics .fa-fort-awesome:before {
    content: "\f286"; }
  #wrapper .game-statistics .fa-fort-awesome-alt:before {
    content: "\f3a3"; }
  #wrapper .game-statistics .fa-forumbee:before {
    content: "\f211"; }
  #wrapper .game-statistics .fa-forward:before {
    content: "\f04e"; }
  #wrapper .game-statistics .fa-foursquare:before {
    content: "\f180"; }
  #wrapper .game-statistics .fa-free-code-camp:before {
    content: "\f2c5"; }
  #wrapper .game-statistics .fa-freebsd:before {
    content: "\f3a4"; }
  #wrapper .game-statistics .fa-frown:before {
    content: "\f119"; }
  #wrapper .game-statistics .fa-futbol:before {
    content: "\f1e3"; }
  #wrapper .game-statistics .fa-gamepad:before {
    content: "\f11b"; }
  #wrapper .game-statistics .fa-gavel:before {
    content: "\f0e3"; }
  #wrapper .game-statistics .fa-gem:before {
    content: "\f3a5"; }
  #wrapper .game-statistics .fa-genderless:before {
    content: "\f22d"; }
  #wrapper .game-statistics .fa-get-pocket:before {
    content: "\f265"; }
  #wrapper .game-statistics .fa-gg:before {
    content: "\f260"; }
  #wrapper .game-statistics .fa-gg-circle:before {
    content: "\f261"; }
  #wrapper .game-statistics .fa-gift:before {
    content: "\f06b"; }
  #wrapper .game-statistics .fa-git:before {
    content: "\f1d3"; }
  #wrapper .game-statistics .fa-git-square:before {
    content: "\f1d2"; }
  #wrapper .game-statistics .fa-github:before {
    content: "\f09b"; }
  #wrapper .game-statistics .fa-github-alt:before {
    content: "\f113"; }
  #wrapper .game-statistics .fa-github-square:before {
    content: "\f092"; }
  #wrapper .game-statistics .fa-gitkraken:before {
    content: "\f3a6"; }
  #wrapper .game-statistics .fa-gitlab:before {
    content: "\f296"; }
  #wrapper .game-statistics .fa-gitter:before {
    content: "\f426"; }
  #wrapper .game-statistics .fa-glass-martini:before {
    content: "\f000"; }
  #wrapper .game-statistics .fa-glide:before {
    content: "\f2a5"; }
  #wrapper .game-statistics .fa-glide-g:before {
    content: "\f2a6"; }
  #wrapper .game-statistics .fa-globe:before {
    content: "\f0ac"; }
  #wrapper .game-statistics .fa-gofore:before {
    content: "\f3a7"; }
  #wrapper .game-statistics .fa-golf-ball:before {
    content: "\f450"; }
  #wrapper .game-statistics .fa-goodreads:before {
    content: "\f3a8"; }
  #wrapper .game-statistics .fa-goodreads-g:before {
    content: "\f3a9"; }
  #wrapper .game-statistics .fa-google:before {
    content: "\f1a0"; }
  #wrapper .game-statistics .fa-google-drive:before {
    content: "\f3aa"; }
  #wrapper .game-statistics .fa-google-play:before {
    content: "\f3ab"; }
  #wrapper .game-statistics .fa-google-plus:before {
    content: "\f2b3"; }
  #wrapper .game-statistics .fa-google-plus-g:before {
    content: "\f0d5"; }
  #wrapper .game-statistics .fa-google-plus-square:before {
    content: "\f0d4"; }
  #wrapper .game-statistics .fa-google-wallet:before {
    content: "\f1ee"; }
  #wrapper .game-statistics .fa-graduation-cap:before {
    content: "\f19d"; }
  #wrapper .game-statistics .fa-gratipay:before {
    content: "\f184"; }
  #wrapper .game-statistics .fa-grav:before {
    content: "\f2d6"; }
  #wrapper .game-statistics .fa-gripfire:before {
    content: "\f3ac"; }
  #wrapper .game-statistics .fa-grunt:before {
    content: "\f3ad"; }
  #wrapper .game-statistics .fa-gulp:before {
    content: "\f3ae"; }
  #wrapper .game-statistics .fa-h-square:before {
    content: "\f0fd"; }
  #wrapper .game-statistics .fa-hacker-news:before {
    content: "\f1d4"; }
  #wrapper .game-statistics .fa-hacker-news-square:before {
    content: "\f3af"; }
  #wrapper .game-statistics .fa-hand-lizard:before {
    content: "\f258"; }
  #wrapper .game-statistics .fa-hand-paper:before {
    content: "\f256"; }
  #wrapper .game-statistics .fa-hand-peace:before {
    content: "\f25b"; }
  #wrapper .game-statistics .fa-hand-point-down:before {
    content: "\f0a7"; }
  #wrapper .game-statistics .fa-hand-point-left:before {
    content: "\f0a5"; }
  #wrapper .game-statistics .fa-hand-point-right:before {
    content: "\f0a4"; }
  #wrapper .game-statistics .fa-hand-point-up:before {
    content: "\f0a6"; }
  #wrapper .game-statistics .fa-hand-pointer:before {
    content: "\f25a"; }
  #wrapper .game-statistics .fa-hand-rock:before {
    content: "\f255"; }
  #wrapper .game-statistics .fa-hand-scissors:before {
    content: "\f257"; }
  #wrapper .game-statistics .fa-hand-spock:before {
    content: "\f259"; }
  #wrapper .game-statistics .fa-handshake:before {
    content: "\f2b5"; }
  #wrapper .game-statistics .fa-hashtag:before {
    content: "\f292"; }
  #wrapper .game-statistics .fa-hdd:before {
    content: "\f0a0"; }
  #wrapper .game-statistics .fa-heading:before {
    content: "\f1dc"; }
  #wrapper .game-statistics .fa-headphones:before {
    content: "\f025"; }
  #wrapper .game-statistics .fa-heart:before {
    content: "\f004"; }
  #wrapper .game-statistics .fa-heartbeat:before {
    content: "\f21e"; }
  #wrapper .game-statistics .fa-hips:before {
    content: "\f452"; }
  #wrapper .game-statistics .fa-hire-a-helper:before {
    content: "\f3b0"; }
  #wrapper .game-statistics .fa-history:before {
    content: "\f1da"; }
  #wrapper .game-statistics .fa-hockey-puck:before {
    content: "\f453"; }
  #wrapper .game-statistics .fa-home:before {
    content: "\f015"; }
  #wrapper .game-statistics .fa-hooli:before {
    content: "\f427"; }
  #wrapper .game-statistics .fa-hospital:before {
    content: "\f0f8"; }
  #wrapper .game-statistics .fa-hospital-symbol:before {
    content: "\f47e"; }
  #wrapper .game-statistics .fa-hotjar:before {
    content: "\f3b1"; }
  #wrapper .game-statistics .fa-hourglass:before {
    content: "\f254"; }
  #wrapper .game-statistics .fa-hourglass-end:before {
    content: "\f253"; }
  #wrapper .game-statistics .fa-hourglass-half:before {
    content: "\f252"; }
  #wrapper .game-statistics .fa-hourglass-start:before {
    content: "\f251"; }
  #wrapper .game-statistics .fa-houzz:before {
    content: "\f27c"; }
  #wrapper .game-statistics .fa-html5:before {
    content: "\f13b"; }
  #wrapper .game-statistics .fa-hubspot:before {
    content: "\f3b2"; }
  #wrapper .game-statistics .fa-i-cursor:before {
    content: "\f246"; }
  #wrapper .game-statistics .fa-id-badge:before {
    content: "\f2c1"; }
  #wrapper .game-statistics .fa-id-card:before {
    content: "\f2c2"; }
  #wrapper .game-statistics .fa-image:before {
    content: "\f03e"; }
  #wrapper .game-statistics .fa-images:before {
    content: "\f302"; }
  #wrapper .game-statistics .fa-imdb:before {
    content: "\f2d8"; }
  #wrapper .game-statistics .fa-inbox:before {
    content: "\f01c"; }
  #wrapper .game-statistics .fa-indent:before {
    content: "\f03c"; }
  #wrapper .game-statistics .fa-industry:before {
    content: "\f275"; }
  #wrapper .game-statistics .fa-info:before {
    content: "\f129"; }
  #wrapper .game-statistics .fa-info-circle:before {
    content: "\f05a"; }
  #wrapper .game-statistics .fa-instagram:before {
    content: "\f16d"; }
  #wrapper .game-statistics .fa-internet-explorer:before {
    content: "\f26b"; }
  #wrapper .game-statistics .fa-ioxhost:before {
    content: "\f208"; }
  #wrapper .game-statistics .fa-italic:before {
    content: "\f033"; }
  #wrapper .game-statistics .fa-itunes:before {
    content: "\f3b4"; }
  #wrapper .game-statistics .fa-itunes-note:before {
    content: "\f3b5"; }
  #wrapper .game-statistics .fa-jenkins:before {
    content: "\f3b6"; }
  #wrapper .game-statistics .fa-joget:before {
    content: "\f3b7"; }
  #wrapper .game-statistics .fa-joomla:before {
    content: "\f1aa"; }
  #wrapper .game-statistics .fa-js:before {
    content: "\f3b8"; }
  #wrapper .game-statistics .fa-js-square:before {
    content: "\f3b9"; }
  #wrapper .game-statistics .fa-jsfiddle:before {
    content: "\f1cc"; }
  #wrapper .game-statistics .fa-key:before {
    content: "\f084"; }
  #wrapper .game-statistics .fa-keyboard:before {
    content: "\f11c"; }
  #wrapper .game-statistics .fa-keycdn:before {
    content: "\f3ba"; }
  #wrapper .game-statistics .fa-kickstarter:before {
    content: "\f3bb"; }
  #wrapper .game-statistics .fa-kickstarter-k:before {
    content: "\f3bc"; }
  #wrapper .game-statistics .fa-korvue:before {
    content: "\f42f"; }
  #wrapper .game-statistics .fa-language:before {
    content: "\f1ab"; }
  #wrapper .game-statistics .fa-laptop:before {
    content: "\f109"; }
  #wrapper .game-statistics .fa-laravel:before {
    content: "\f3bd"; }
  #wrapper .game-statistics .fa-lastfm:before {
    content: "\f202"; }
  #wrapper .game-statistics .fa-lastfm-square:before {
    content: "\f203"; }
  #wrapper .game-statistics .fa-leaf:before {
    content: "\f06c"; }
  #wrapper .game-statistics .fa-leanpub:before {
    content: "\f212"; }
  #wrapper .game-statistics .fa-lemon:before {
    content: "\f094"; }
  #wrapper .game-statistics .fa-less:before {
    content: "\f41d"; }
  #wrapper .game-statistics .fa-level-down-alt:before {
    content: "\f3be"; }
  #wrapper .game-statistics .fa-level-up-alt:before {
    content: "\f3bf"; }
  #wrapper .game-statistics .fa-life-ring:before {
    content: "\f1cd"; }
  #wrapper .game-statistics .fa-lightbulb:before {
    content: "\f0eb"; }
  #wrapper .game-statistics .fa-line:before {
    content: "\f3c0"; }
  #wrapper .game-statistics .fa-link:before {
    content: "\f0c1"; }
  #wrapper .game-statistics .fa-linkedin:before {
    content: "\f08c"; }
  #wrapper .game-statistics .fa-linkedin-in:before {
    content: "\f0e1"; }
  #wrapper .game-statistics .fa-linode:before {
    content: "\f2b8"; }
  #wrapper .game-statistics .fa-linux:before {
    content: "\f17c"; }
  #wrapper .game-statistics .fa-lira-sign:before {
    content: "\f195"; }
  #wrapper .game-statistics .fa-list:before {
    content: "\f03a"; }
  #wrapper .game-statistics .fa-list-alt:before {
    content: "\f022"; }
  #wrapper .game-statistics .fa-list-ol:before {
    content: "\f0cb"; }
  #wrapper .game-statistics .fa-list-ul:before {
    content: "\f0ca"; }
  #wrapper .game-statistics .fa-location-arrow:before {
    content: "\f124"; }
  #wrapper .game-statistics .fa-lock:before {
    content: "\f023"; }
  #wrapper .game-statistics .fa-lock-open:before {
    content: "\f3c1"; }
  #wrapper .game-statistics .fa-long-arrow-alt-down:before {
    content: "\f309"; }
  #wrapper .game-statistics .fa-long-arrow-alt-left:before {
    content: "\f30a"; }
  #wrapper .game-statistics .fa-long-arrow-alt-right:before {
    content: "\f30b"; }
  #wrapper .game-statistics .fa-long-arrow-alt-up:before {
    content: "\f30c"; }
  #wrapper .game-statistics .fa-low-vision:before {
    content: "\f2a8"; }
  #wrapper .game-statistics .fa-lyft:before {
    content: "\f3c3"; }
  #wrapper .game-statistics .fa-magento:before {
    content: "\f3c4"; }
  #wrapper .game-statistics .fa-magic:before {
    content: "\f0d0"; }
  #wrapper .game-statistics .fa-magnet:before {
    content: "\f076"; }
  #wrapper .game-statistics .fa-male:before {
    content: "\f183"; }
  #wrapper .game-statistics .fa-map:before {
    content: "\f279"; }
  #wrapper .game-statistics .fa-map-marker:before {
    content: "\f041"; }
  #wrapper .game-statistics .fa-map-marker-alt:before {
    content: "\f3c5"; }
  #wrapper .game-statistics .fa-map-pin:before {
    content: "\f276"; }
  #wrapper .game-statistics .fa-map-signs:before {
    content: "\f277"; }
  #wrapper .game-statistics .fa-mars:before {
    content: "\f222"; }
  #wrapper .game-statistics .fa-mars-double:before {
    content: "\f227"; }
  #wrapper .game-statistics .fa-mars-stroke:before {
    content: "\f229"; }
  #wrapper .game-statistics .fa-mars-stroke-h:before {
    content: "\f22b"; }
  #wrapper .game-statistics .fa-mars-stroke-v:before {
    content: "\f22a"; }
  #wrapper .game-statistics .fa-maxcdn:before {
    content: "\f136"; }
  #wrapper .game-statistics .fa-medapps:before {
    content: "\f3c6"; }
  #wrapper .game-statistics .fa-medium:before {
    content: "\f23a"; }
  #wrapper .game-statistics .fa-medium-m:before {
    content: "\f3c7"; }
  #wrapper .game-statistics .fa-medkit:before {
    content: "\f0fa"; }
  #wrapper .game-statistics .fa-medrt:before {
    content: "\f3c8"; }
  #wrapper .game-statistics .fa-meetup:before {
    content: "\f2e0"; }
  #wrapper .game-statistics .fa-meh:before {
    content: "\f11a"; }
  #wrapper .game-statistics .fa-mercury:before {
    content: "\f223"; }
  #wrapper .game-statistics .fa-microchip:before {
    content: "\f2db"; }
  #wrapper .game-statistics .fa-microphone:before {
    content: "\f130"; }
  #wrapper .game-statistics .fa-microphone-slash:before {
    content: "\f131"; }
  #wrapper .game-statistics .fa-microsoft:before {
    content: "\f3ca"; }
  #wrapper .game-statistics .fa-minus:before {
    content: "\f068"; }
  #wrapper .game-statistics .fa-minus-circle:before {
    content: "\f056"; }
  #wrapper .game-statistics .fa-minus-square:before {
    content: "\f146"; }
  #wrapper .game-statistics .fa-mix:before {
    content: "\f3cb"; }
  #wrapper .game-statistics .fa-mixcloud:before {
    content: "\f289"; }
  #wrapper .game-statistics .fa-mizuni:before {
    content: "\f3cc"; }
  #wrapper .game-statistics .fa-mobile:before {
    content: "\f10b"; }
  #wrapper .game-statistics .fa-mobile-alt:before {
    content: "\f3cd"; }
  #wrapper .game-statistics .fa-modx:before {
    content: "\f285"; }
  #wrapper .game-statistics .fa-monero:before {
    content: "\f3d0"; }
  #wrapper .game-statistics .fa-money-bill-alt:before {
    content: "\f3d1"; }
  #wrapper .game-statistics .fa-moon:before {
    content: "\f186"; }
  #wrapper .game-statistics .fa-motorcycle:before {
    content: "\f21c"; }
  #wrapper .game-statistics .fa-mouse-pointer:before {
    content: "\f245"; }
  #wrapper .game-statistics .fa-music:before {
    content: "\f001"; }
  #wrapper .game-statistics .fa-napster:before {
    content: "\f3d2"; }
  #wrapper .game-statistics .fa-neuter:before {
    content: "\f22c"; }
  #wrapper .game-statistics .fa-newspaper:before {
    content: "\f1ea"; }
  #wrapper .game-statistics .fa-nintendo-switch:before {
    content: "\f418"; }
  #wrapper .game-statistics .fa-node:before {
    content: "\f419"; }
  #wrapper .game-statistics .fa-node-js:before {
    content: "\f3d3"; }
  #wrapper .game-statistics .fa-npm:before {
    content: "\f3d4"; }
  #wrapper .game-statistics .fa-ns8:before {
    content: "\f3d5"; }
  #wrapper .game-statistics .fa-nutritionix:before {
    content: "\f3d6"; }
  #wrapper .game-statistics .fa-object-group:before {
    content: "\f247"; }
  #wrapper .game-statistics .fa-object-ungroup:before {
    content: "\f248"; }
  #wrapper .game-statistics .fa-odnoklassniki:before {
    content: "\f263"; }
  #wrapper .game-statistics .fa-odnoklassniki-square:before {
    content: "\f264"; }
  #wrapper .game-statistics .fa-opencart:before {
    content: "\f23d"; }
  #wrapper .game-statistics .fa-openid:before {
    content: "\f19b"; }
  #wrapper .game-statistics .fa-opera:before {
    content: "\f26a"; }
  #wrapper .game-statistics .fa-optin-monster:before {
    content: "\f23c"; }
  #wrapper .game-statistics .fa-osi:before {
    content: "\f41a"; }
  #wrapper .game-statistics .fa-outdent:before {
    content: "\f03b"; }
  #wrapper .game-statistics .fa-page4:before {
    content: "\f3d7"; }
  #wrapper .game-statistics .fa-pagelines:before {
    content: "\f18c"; }
  #wrapper .game-statistics .fa-paint-brush:before {
    content: "\f1fc"; }
  #wrapper .game-statistics .fa-palfed:before {
    content: "\f3d8"; }
  #wrapper .game-statistics .fa-pallet:before {
    content: "\f482"; }
  #wrapper .game-statistics .fa-paper-plane:before {
    content: "\f1d8"; }
  #wrapper .game-statistics .fa-paperclip:before {
    content: "\f0c6"; }
  #wrapper .game-statistics .fa-paragraph:before {
    content: "\f1dd"; }
  #wrapper .game-statistics .fa-paste:before {
    content: "\f0ea"; }
  #wrapper .game-statistics .fa-patreon:before {
    content: "\f3d9"; }
  #wrapper .game-statistics .fa-pause:before {
    content: "\f04c"; }
  #wrapper .game-statistics .fa-pause-circle:before {
    content: "\f28b"; }
  #wrapper .game-statistics .fa-paw:before {
    content: "\f1b0"; }
  #wrapper .game-statistics .fa-paypal:before {
    content: "\f1ed"; }
  #wrapper .game-statistics .fa-pen-square:before {
    content: "\f14b"; }
  #wrapper .game-statistics .fa-pencil-alt:before {
    content: "\f303"; }
  #wrapper .game-statistics .fa-percent:before {
    content: "\f295"; }
  #wrapper .game-statistics .fa-periscope:before {
    content: "\f3da"; }
  #wrapper .game-statistics .fa-phabricator:before {
    content: "\f3db"; }
  #wrapper .game-statistics .fa-phoenix-framework:before {
    content: "\f3dc"; }
  #wrapper .game-statistics .fa-phone:before {
    content: "\f095"; }
  #wrapper .game-statistics .fa-phone-square:before {
    content: "\f098"; }
  #wrapper .game-statistics .fa-phone-volume:before {
    content: "\f2a0"; }
  #wrapper .game-statistics .fa-php:before {
    content: "\f457"; }
  #wrapper .game-statistics .fa-pied-piper:before {
    content: "\f2ae"; }
  #wrapper .game-statistics .fa-pied-piper-alt:before {
    content: "\f1a8"; }
  #wrapper .game-statistics .fa-pied-piper-pp:before {
    content: "\f1a7"; }
  #wrapper .game-statistics .fa-pills:before {
    content: "\f484"; }
  #wrapper .game-statistics .fa-pinterest:before {
    content: "\f0d2"; }
  #wrapper .game-statistics .fa-pinterest-p:before {
    content: "\f231"; }
  #wrapper .game-statistics .fa-pinterest-square:before {
    content: "\f0d3"; }
  #wrapper .game-statistics .fa-plane:before {
    content: "\f072"; }
  #wrapper .game-statistics .fa-play:before {
    content: "\f04b"; }
  #wrapper .game-statistics .fa-play-circle:before {
    content: "\f144"; }
  #wrapper .game-statistics .fa-playstation:before {
    content: "\f3df"; }
  #wrapper .game-statistics .fa-plug:before {
    content: "\f1e6"; }
  #wrapper .game-statistics .fa-plus:before {
    content: "\f067"; }
  #wrapper .game-statistics .fa-plus-circle:before {
    content: "\f055"; }
  #wrapper .game-statistics .fa-plus-square:before {
    content: "\f0fe"; }
  #wrapper .game-statistics .fa-podcast:before {
    content: "\f2ce"; }
  #wrapper .game-statistics .fa-pound-sign:before {
    content: "\f154"; }
  #wrapper .game-statistics .fa-power-off:before {
    content: "\f011"; }
  #wrapper .game-statistics .fa-print:before {
    content: "\f02f"; }
  #wrapper .game-statistics .fa-product-hunt:before {
    content: "\f288"; }
  #wrapper .game-statistics .fa-pushed:before {
    content: "\f3e1"; }
  #wrapper .game-statistics .fa-puzzle-piece:before {
    content: "\f12e"; }
  #wrapper .game-statistics .fa-python:before {
    content: "\f3e2"; }
  #wrapper .game-statistics .fa-qq:before {
    content: "\f1d6"; }
  #wrapper .game-statistics .fa-qrcode:before {
    content: "\f029"; }
  #wrapper .game-statistics .fa-question:before {
    content: "\f128"; }
  #wrapper .game-statistics .fa-question-circle:before {
    content: "\f059"; }
  #wrapper .game-statistics .fa-quidditch:before {
    content: "\f458"; }
  #wrapper .game-statistics .fa-quinscape:before {
    content: "\f459"; }
  #wrapper .game-statistics .fa-quora:before {
    content: "\f2c4"; }
  #wrapper .game-statistics .fa-quote-left:before {
    content: "\f10d"; }
  #wrapper .game-statistics .fa-quote-right:before {
    content: "\f10e"; }
  #wrapper .game-statistics .fa-random:before {
    content: "\f074"; }
  #wrapper .game-statistics .fa-ravelry:before {
    content: "\f2d9"; }
  #wrapper .game-statistics .fa-react:before {
    content: "\f41b"; }
  #wrapper .game-statistics .fa-rebel:before {
    content: "\f1d0"; }
  #wrapper .game-statistics .fa-recycle:before {
    content: "\f1b8"; }
  #wrapper .game-statistics .fa-red-river:before {
    content: "\f3e3"; }
  #wrapper .game-statistics .fa-reddit:before {
    content: "\f1a1"; }
  #wrapper .game-statistics .fa-reddit-alien:before {
    content: "\f281"; }
  #wrapper .game-statistics .fa-reddit-square:before {
    content: "\f1a2"; }
  #wrapper .game-statistics .fa-redo:before {
    content: "\f01e"; }
  #wrapper .game-statistics .fa-redo-alt:before {
    content: "\f2f9"; }
  #wrapper .game-statistics .fa-registered:before {
    content: "\f25d"; }
  #wrapper .game-statistics .fa-rendact:before {
    content: "\f3e4"; }
  #wrapper .game-statistics .fa-renren:before {
    content: "\f18b"; }
  #wrapper .game-statistics .fa-reply:before {
    content: "\f3e5"; }
  #wrapper .game-statistics .fa-reply-all:before {
    content: "\f122"; }
  #wrapper .game-statistics .fa-replyd:before {
    content: "\f3e6"; }
  #wrapper .game-statistics .fa-resolving:before {
    content: "\f3e7"; }
  #wrapper .game-statistics .fa-retweet:before {
    content: "\f079"; }
  #wrapper .game-statistics .fa-road:before {
    content: "\f018"; }
  #wrapper .game-statistics .fa-rocket:before {
    content: "\f135"; }
  #wrapper .game-statistics .fa-rocketchat:before {
    content: "\f3e8"; }
  #wrapper .game-statistics .fa-rockrms:before {
    content: "\f3e9"; }
  #wrapper .game-statistics .fa-rss:before {
    content: "\f09e"; }
  #wrapper .game-statistics .fa-rss-square:before {
    content: "\f143"; }
  #wrapper .game-statistics .fa-ruble-sign:before {
    content: "\f158"; }
  #wrapper .game-statistics .fa-rupee-sign:before {
    content: "\f156"; }
  #wrapper .game-statistics .fa-safari:before {
    content: "\f267"; }
  #wrapper .game-statistics .fa-sass:before {
    content: "\f41e"; }
  #wrapper .game-statistics .fa-save:before {
    content: "\f0c7"; }
  #wrapper .game-statistics .fa-schlix:before {
    content: "\f3ea"; }
  #wrapper .game-statistics .fa-scribd:before {
    content: "\f28a"; }
  #wrapper .game-statistics .fa-search:before {
    content: "\f002"; }
  #wrapper .game-statistics .fa-search-minus:before {
    content: "\f010"; }
  #wrapper .game-statistics .fa-search-plus:before {
    content: "\f00e"; }
  #wrapper .game-statistics .fa-searchengin:before {
    content: "\f3eb"; }
  #wrapper .game-statistics .fa-sellcast:before {
    content: "\f2da"; }
  #wrapper .game-statistics .fa-sellsy:before {
    content: "\f213"; }
  #wrapper .game-statistics .fa-server:before {
    content: "\f233"; }
  #wrapper .game-statistics .fa-servicestack:before {
    content: "\f3ec"; }
  #wrapper .game-statistics .fa-share:before {
    content: "\f064"; }
  #wrapper .game-statistics .fa-share-alt:before {
    content: "\f1e0"; }
  #wrapper .game-statistics .fa-share-alt-square:before {
    content: "\f1e1"; }
  #wrapper .game-statistics .fa-share-square:before {
    content: "\f14d"; }
  #wrapper .game-statistics .fa-shekel-sign:before {
    content: "\f20b"; }
  #wrapper .game-statistics .fa-shield-alt:before {
    content: "\f3ed"; }
  #wrapper .game-statistics .fa-ship:before {
    content: "\f21a"; }
  #wrapper .game-statistics .fa-shipping-fast:before {
    content: "\f48b"; }
  #wrapper .game-statistics .fa-shirtsinbulk:before {
    content: "\f214"; }
  #wrapper .game-statistics .fa-shopping-bag:before {
    content: "\f290"; }
  #wrapper .game-statistics .fa-shopping-basket:before {
    content: "\f291"; }
  #wrapper .game-statistics .fa-shopping-cart:before {
    content: "\f07a"; }
  #wrapper .game-statistics .fa-shower:before {
    content: "\f2cc"; }
  #wrapper .game-statistics .fa-sign-in-alt:before {
    content: "\f2f6"; }
  #wrapper .game-statistics .fa-sign-language:before {
    content: "\f2a7"; }
  #wrapper .game-statistics .fa-sign-out-alt:before {
    content: "\f2f5"; }
  #wrapper .game-statistics .fa-signal:before {
    content: "\f012"; }
  #wrapper .game-statistics .fa-simplybuilt:before {
    content: "\f215"; }
  #wrapper .game-statistics .fa-sistrix:before {
    content: "\f3ee"; }
  #wrapper .game-statistics .fa-sitemap:before {
    content: "\f0e8"; }
  #wrapper .game-statistics .fa-skyatlas:before {
    content: "\f216"; }
  #wrapper .game-statistics .fa-skype:before {
    content: "\f17e"; }
  #wrapper .game-statistics .fa-slack:before {
    content: "\f198"; }
  #wrapper .game-statistics .fa-slack-hash:before {
    content: "\f3ef"; }
  #wrapper .game-statistics .fa-sliders-h:before {
    content: "\f1de"; }
  #wrapper .game-statistics .fa-slideshare:before {
    content: "\f1e7"; }
  #wrapper .game-statistics .fa-smile:before {
    content: "\f118"; }
  #wrapper .game-statistics .fa-snapchat:before {
    content: "\f2ab"; }
  #wrapper .game-statistics .fa-snapchat-ghost:before {
    content: "\f2ac"; }
  #wrapper .game-statistics .fa-snapchat-square:before {
    content: "\f2ad"; }
  #wrapper .game-statistics .fa-snowflake:before {
    content: "\f2dc"; }
  #wrapper .game-statistics .fa-sort:before {
    content: "\f0dc"; }
  #wrapper .game-statistics .fa-sort-alpha-down:before {
    content: "\f15d"; }
  #wrapper .game-statistics .fa-sort-alpha-up:before {
    content: "\f15e"; }
  #wrapper .game-statistics .fa-sort-amount-down:before {
    content: "\f160"; }
  #wrapper .game-statistics .fa-sort-amount-up:before {
    content: "\f161"; }
  #wrapper .game-statistics .fa-sort-down:before {
    content: "\f0dd"; }
  #wrapper .game-statistics .fa-sort-numeric-down:before {
    content: "\f162"; }
  #wrapper .game-statistics .fa-sort-numeric-up:before {
    content: "\f163"; }
  #wrapper .game-statistics .fa-sort-up:before {
    content: "\f0de"; }
  #wrapper .game-statistics .fa-soundcloud:before {
    content: "\f1be"; }
  #wrapper .game-statistics .fa-space-shuttle:before {
    content: "\f197"; }
  #wrapper .game-statistics .fa-speakap:before {
    content: "\f3f3"; }
  #wrapper .game-statistics .fa-spinner:before {
    content: "\f110"; }
  #wrapper .game-statistics .fa-spotify:before {
    content: "\f1bc"; }
  #wrapper .game-statistics .fa-square:before {
    content: "\f0c8"; }
  #wrapper .game-statistics .fa-square-full:before {
    content: "\f45c"; }
  #wrapper .game-statistics .fa-stack-exchange:before {
    content: "\f18d"; }
  #wrapper .game-statistics .fa-stack-overflow:before {
    content: "\f16c"; }
  #wrapper .game-statistics .fa-star:before {
    content: "\f005"; }
  #wrapper .game-statistics .fa-star-half:before {
    content: "\f089"; }
  #wrapper .game-statistics .fa-staylinked:before {
    content: "\f3f5"; }
  #wrapper .game-statistics .fa-steam:before {
    content: "\f1b6"; }
  #wrapper .game-statistics .fa-steam-square:before {
    content: "\f1b7"; }
  #wrapper .game-statistics .fa-steam-symbol:before {
    content: "\f3f6"; }
  #wrapper .game-statistics .fa-step-backward:before {
    content: "\f048"; }
  #wrapper .game-statistics .fa-step-forward:before {
    content: "\f051"; }
  #wrapper .game-statistics .fa-stethoscope:before {
    content: "\f0f1"; }
  #wrapper .game-statistics .fa-sticker-mule:before {
    content: "\f3f7"; }
  #wrapper .game-statistics .fa-sticky-note:before {
    content: "\f249"; }
  #wrapper .game-statistics .fa-stop:before {
    content: "\f04d"; }
  #wrapper .game-statistics .fa-stop-circle:before {
    content: "\f28d"; }
  #wrapper .game-statistics .fa-stopwatch:before {
    content: "\f2f2"; }
  #wrapper .game-statistics .fa-strava:before {
    content: "\f428"; }
  #wrapper .game-statistics .fa-street-view:before {
    content: "\f21d"; }
  #wrapper .game-statistics .fa-strikethrough:before {
    content: "\f0cc"; }
  #wrapper .game-statistics .fa-stripe:before {
    content: "\f429"; }
  #wrapper .game-statistics .fa-stripe-s:before {
    content: "\f42a"; }
  #wrapper .game-statistics .fa-studiovinari:before {
    content: "\f3f8"; }
  #wrapper .game-statistics .fa-stumbleupon:before {
    content: "\f1a4"; }
  #wrapper .game-statistics .fa-stumbleupon-circle:before {
    content: "\f1a3"; }
  #wrapper .game-statistics .fa-subscript:before {
    content: "\f12c"; }
  #wrapper .game-statistics .fa-subway:before {
    content: "\f239"; }
  #wrapper .game-statistics .fa-suitcase:before {
    content: "\f0f2"; }
  #wrapper .game-statistics .fa-sun:before {
    content: "\f185"; }
  #wrapper .game-statistics .fa-superpowers:before {
    content: "\f2dd"; }
  #wrapper .game-statistics .fa-superscript:before {
    content: "\f12b"; }
  #wrapper .game-statistics .fa-supple:before {
    content: "\f3f9"; }
  #wrapper .game-statistics .fa-sync:before {
    content: "\f021"; }
  #wrapper .game-statistics .fa-sync-alt:before {
    content: "\f2f1"; }
  #wrapper .game-statistics .fa-syringe:before {
    content: "\f48e"; }
  #wrapper .game-statistics .fa-table:before {
    content: "\f0ce"; }
  #wrapper .game-statistics .fa-table-tennis:before {
    content: "\f45d"; }
  #wrapper .game-statistics .fa-tablet:before {
    content: "\f10a"; }
  #wrapper .game-statistics .fa-tablet-alt:before {
    content: "\f3fa"; }
  #wrapper .game-statistics .fa-tachometer-alt:before {
    content: "\f3fd"; }
  #wrapper .game-statistics .fa-tag:before {
    content: "\f02b"; }
  #wrapper .game-statistics .fa-tags:before {
    content: "\f02c"; }
  #wrapper .game-statistics .fa-tasks:before {
    content: "\f0ae"; }
  #wrapper .game-statistics .fa-taxi:before {
    content: "\f1ba"; }
  #wrapper .game-statistics .fa-telegram:before {
    content: "\f2c6"; }
  #wrapper .game-statistics .fa-telegram-plane:before {
    content: "\f3fe"; }
  #wrapper .game-statistics .fa-tencent-weibo:before {
    content: "\f1d5"; }
  #wrapper .game-statistics .fa-terminal:before {
    content: "\f120"; }
  #wrapper .game-statistics .fa-text-height:before {
    content: "\f034"; }
  #wrapper .game-statistics .fa-text-width:before {
    content: "\f035"; }
  #wrapper .game-statistics .fa-th:before {
    content: "\f00a"; }
  #wrapper .game-statistics .fa-th-large:before {
    content: "\f009"; }
  #wrapper .game-statistics .fa-th-list:before {
    content: "\f00b"; }
  #wrapper .game-statistics .fa-themeisle:before {
    content: "\f2b2"; }
  #wrapper .game-statistics .fa-thermometer:before {
    content: "\f491"; }
  #wrapper .game-statistics .fa-thermometer-empty:before {
    content: "\f2cb"; }
  #wrapper .game-statistics .fa-thermometer-full:before {
    content: "\f2c7"; }
  #wrapper .game-statistics .fa-thermometer-half:before {
    content: "\f2c9"; }
  #wrapper .game-statistics .fa-thermometer-quarter:before {
    content: "\f2ca"; }
  #wrapper .game-statistics .fa-thermometer-three-quarters:before {
    content: "\f2c8"; }
  #wrapper .game-statistics .fa-thumbs-down:before {
    content: "\f165"; }
  #wrapper .game-statistics .fa-thumbs-up:before {
    content: "\f164"; }
  #wrapper .game-statistics .fa-thumbtack:before {
    content: "\f08d"; }
  #wrapper .game-statistics .fa-ticket-alt:before {
    content: "\f3ff"; }
  #wrapper .game-statistics .fa-times:before {
    content: "\f00d"; }
  #wrapper .game-statistics .fa-times-circle:before {
    content: "\f057"; }
  #wrapper .game-statistics .fa-tint:before {
    content: "\f043"; }
  #wrapper .game-statistics .fa-toggle-off:before {
    content: "\f204"; }
  #wrapper .game-statistics .fa-toggle-on:before {
    content: "\f205"; }
  #wrapper .game-statistics .fa-trademark:before {
    content: "\f25c"; }
  #wrapper .game-statistics .fa-train:before {
    content: "\f238"; }
  #wrapper .game-statistics .fa-transgender:before {
    content: "\f224"; }
  #wrapper .game-statistics .fa-transgender-alt:before {
    content: "\f225"; }
  #wrapper .game-statistics .fa-trash:before {
    content: "\f1f8"; }
  #wrapper .game-statistics .fa-trash-alt:before {
    content: "\f2ed"; }
  #wrapper .game-statistics .fa-tree:before {
    content: "\f1bb"; }
  #wrapper .game-statistics .fa-trello:before {
    content: "\f181"; }
  #wrapper .game-statistics .fa-tripadvisor:before {
    content: "\f262"; }
  #wrapper .game-statistics .fa-trophy:before {
    content: "\f091"; }
  #wrapper .game-statistics .fa-truck:before {
    content: "\f0d1"; }
  #wrapper .game-statistics .fa-tty:before {
    content: "\f1e4"; }
  #wrapper .game-statistics .fa-tumblr:before {
    content: "\f173"; }
  #wrapper .game-statistics .fa-tumblr-square:before {
    content: "\f174"; }
  #wrapper .game-statistics .fa-tv:before {
    content: "\f26c"; }
  #wrapper .game-statistics .fa-twitch:before {
    content: "\f1e8"; }
  #wrapper .game-statistics .fa-twitter:before {
    content: "\f099"; }
  #wrapper .game-statistics .fa-twitter-square:before {
    content: "\f081"; }
  #wrapper .game-statistics .fa-typo3:before {
    content: "\f42b"; }
  #wrapper .game-statistics .fa-uber:before {
    content: "\f402"; }
  #wrapper .game-statistics .fa-uikit:before {
    content: "\f403"; }
  #wrapper .game-statistics .fa-umbrella:before {
    content: "\f0e9"; }
  #wrapper .game-statistics .fa-underline:before {
    content: "\f0cd"; }
  #wrapper .game-statistics .fa-undo:before {
    content: "\f0e2"; }
  #wrapper .game-statistics .fa-undo-alt:before {
    content: "\f2ea"; }
  #wrapper .game-statistics .fa-uniregistry:before {
    content: "\f404"; }
  #wrapper .game-statistics .fa-universal-access:before {
    content: "\f29a"; }
  #wrapper .game-statistics .fa-university:before {
    content: "\f19c"; }
  #wrapper .game-statistics .fa-unlink:before {
    content: "\f127"; }
  #wrapper .game-statistics .fa-unlock:before {
    content: "\f09c"; }
  #wrapper .game-statistics .fa-unlock-alt:before {
    content: "\f13e"; }
  #wrapper .game-statistics .fa-untappd:before {
    content: "\f405"; }
  #wrapper .game-statistics .fa-upload:before {
    content: "\f093"; }
  #wrapper .game-statistics .fa-usb:before {
    content: "\f287"; }
  #wrapper .game-statistics .fa-user:before {
    content: "\f007"; }
  #wrapper .game-statistics .fa-user-circle:before {
    content: "\f2bd"; }
  #wrapper .game-statistics .fa-user-md:before {
    content: "\f0f0"; }
  #wrapper .game-statistics .fa-user-plus:before {
    content: "\f234"; }
  #wrapper .game-statistics .fa-user-secret:before {
    content: "\f21b"; }
  #wrapper .game-statistics .fa-user-times:before {
    content: "\f235"; }
  #wrapper .game-statistics .fa-users:before {
    content: "\f0c0"; }
  #wrapper .game-statistics .fa-ussunnah:before {
    content: "\f407"; }
  #wrapper .game-statistics .fa-utensil-spoon:before {
    content: "\f2e5"; }
  #wrapper .game-statistics .fa-utensils:before {
    content: "\f2e7"; }
  #wrapper .game-statistics .fa-vaadin:before {
    content: "\f408"; }
  #wrapper .game-statistics .fa-venus:before {
    content: "\f221"; }
  #wrapper .game-statistics .fa-venus-double:before {
    content: "\f226"; }
  #wrapper .game-statistics .fa-venus-mars:before {
    content: "\f228"; }
  #wrapper .game-statistics .fa-viacoin:before {
    content: "\f237"; }
  #wrapper .game-statistics .fa-viadeo:before {
    content: "\f2a9"; }
  #wrapper .game-statistics .fa-viadeo-square:before {
    content: "\f2aa"; }
  #wrapper .game-statistics .fa-viber:before {
    content: "\f409"; }
  #wrapper .game-statistics .fa-video:before {
    content: "\f03d"; }
  #wrapper .game-statistics .fa-vimeo:before {
    content: "\f40a"; }
  #wrapper .game-statistics .fa-vimeo-square:before {
    content: "\f194"; }
  #wrapper .game-statistics .fa-vimeo-v:before {
    content: "\f27d"; }
  #wrapper .game-statistics .fa-vine:before {
    content: "\f1ca"; }
  #wrapper .game-statistics .fa-vk:before {
    content: "\f189"; }
  #wrapper .game-statistics .fa-vnv:before {
    content: "\f40b"; }
  #wrapper .game-statistics .fa-volleyball-ball:before {
    content: "\f45f"; }
  #wrapper .game-statistics .fa-volume-down:before {
    content: "\f027"; }
  #wrapper .game-statistics .fa-volume-off:before {
    content: "\f026"; }
  #wrapper .game-statistics .fa-volume-up:before {
    content: "\f028"; }
  #wrapper .game-statistics .fa-vuejs:before {
    content: "\f41f"; }
  #wrapper .game-statistics .fa-warehouse:before {
    content: "\f494"; }
  #wrapper .game-statistics .fa-weibo:before {
    content: "\f18a"; }
  #wrapper .game-statistics .fa-weight:before {
    content: "\f496"; }
  #wrapper .game-statistics .fa-weixin:before {
    content: "\f1d7"; }
  #wrapper .game-statistics .fa-whatsapp:before {
    content: "\f232"; }
  #wrapper .game-statistics .fa-whatsapp-square:before {
    content: "\f40c"; }
  #wrapper .game-statistics .fa-wheelchair:before {
    content: "\f193"; }
  #wrapper .game-statistics .fa-whmcs:before {
    content: "\f40d"; }
  #wrapper .game-statistics .fa-wifi:before {
    content: "\f1eb"; }
  #wrapper .game-statistics .fa-wikipedia-w:before {
    content: "\f266"; }
  #wrapper .game-statistics .fa-window-close:before {
    content: "\f410"; }
  #wrapper .game-statistics .fa-window-maximize:before {
    content: "\f2d0"; }
  #wrapper .game-statistics .fa-window-minimize:before {
    content: "\f2d1"; }
  #wrapper .game-statistics .fa-window-restore:before {
    content: "\f2d2"; }
  #wrapper .game-statistics .fa-windows:before {
    content: "\f17a"; }
  #wrapper .game-statistics .fa-won-sign:before {
    content: "\f159"; }
  #wrapper .game-statistics .fa-wordpress:before {
    content: "\f19a"; }
  #wrapper .game-statistics .fa-wordpress-simple:before {
    content: "\f411"; }
  #wrapper .game-statistics .fa-wpbeginner:before {
    content: "\f297"; }
  #wrapper .game-statistics .fa-wpexplorer:before {
    content: "\f2de"; }
  #wrapper .game-statistics .fa-wpforms:before {
    content: "\f298"; }
  #wrapper .game-statistics .fa-wrench:before {
    content: "\f0ad"; }
  #wrapper .game-statistics .fa-xbox:before {
    content: "\f412"; }
  #wrapper .game-statistics .fa-xing:before {
    content: "\f168"; }
  #wrapper .game-statistics .fa-xing-square:before {
    content: "\f169"; }
  #wrapper .game-statistics .fa-y-combinator:before {
    content: "\f23b"; }
  #wrapper .game-statistics .fa-yahoo:before {
    content: "\f19e"; }
  #wrapper .game-statistics .fa-yandex:before {
    content: "\f413"; }
  #wrapper .game-statistics .fa-yandex-international:before {
    content: "\f414"; }
  #wrapper .game-statistics .fa-yelp:before {
    content: "\f1e9"; }
  #wrapper .game-statistics .fa-yen-sign:before {
    content: "\f157"; }
  #wrapper .game-statistics .fa-yoast:before {
    content: "\f2b1"; }
  #wrapper .game-statistics .fa-youtube:before {
    content: "\f167"; }
  #wrapper .game-statistics .fa-youtube-square:before {
    content: "\f431"; }
  #wrapper .game-statistics .fa-face-grin-stars:before {
    content: "\f587"; }
  #wrapper .game-statistics .fa-face-grin-beam:before {
    content: "\f582"; }
  #wrapper .game-statistics .fa-face-grin-beam-sweat:before {
    content: "\f583"; }
  #wrapper .game-statistics .fa-face-rolling-eyes:before {
    content: "\f5a5"; }
  #wrapper .game-statistics .fa-face-dizzy:before {
    content: "\f567"; }
  #wrapper .game-statistics .sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  #wrapper .game-statistics .sr-only-focusable:active, #wrapper .game-statistics .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

#wrapper .game-statistics {
  @font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url("../webfonts/fa-solid-900.eot");
    src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); } }
  #wrapper .game-statistics .fa,
  #wrapper .game-statistics .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }

#wrapper .game-statistics {
  @font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url("../webfonts/fa-regular-400.eot");
    src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); } }
  #wrapper .game-statistics .fa,
  #wrapper .game-statistics .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; }
  #wrapper .game-statistics :root, #wrapper .game-statistics :host {
    --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro"; }

#wrapper .game-statistics {
  @font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("../../../webfonts/fa-light-300.woff2") format("woff2"), url("../../../webfonts/fa-light-300.ttf") format("truetype"); } }
  #wrapper .game-statistics .fal,
  #wrapper .game-statistics .fa-light {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300; }

body #wrapper .history-module .title-headline {
  text-align: center;
  margin-bottom: 45px;
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700; }

body #wrapper .history-module .history-content {
  display: flex;
  flex-wrap: wrap; }
  body #wrapper .history-module .history-content .history-year {
    width: 11%;
    margin-right: 80px;
    border-right: 1px solid;
    position: relative; }
    body #wrapper .history-module .history-content .history-year::after {
      content: '';
      position: absolute;
      top: 1px;
      right: -8px;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background-color: var(--opap-white); }
  body #wrapper .history-module .history-content .history-box {
    box-shadow: 0 16px 16px rgba(30, 31, 36, 0.38), 0 32px 64px rgba(3, 15, 55, 0.38);
    width: 73%;
    border-radius: 8px;
    margin-bottom: 20px;
    position: relative; }
    body #wrapper .history-module .history-content .history-box .content {
      padding: 30px 60px 54px; }
      body #wrapper .history-module .history-content .history-box .content .title {
        margin-bottom: 23px; }
      body #wrapper .history-module .history-content .history-box .content .free-content-module {
        margin-bottom: 16px;
        font-size: 16px; }
      body #wrapper .history-module .history-content .history-box .content a {
        margin-bottom: 16px;
        margin-top: 15px; }
        body #wrapper .history-module .history-content .history-box .content a.opap-btn-link {
          position: relative;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700; }
          body #wrapper .history-module .history-content .history-box .content a.opap-btn-link:after {
            content: "\f105";
            font-family: fontawesome-alloy;
            position: absolute;
            font-size: 15px;
            margin-left: 6px;
            right: -15px;
            top: 5px;
            font-weight: bold; }
    body #wrapper .history-module .history-content .history-box.has-image .content {
      padding: 30px 5px 54px 60px;
      display: inline-block;
      width: 58%; }
    body #wrapper .history-module .history-content .history-box.has-image .cont-image {
      display: inline-block;
      clip-path: ellipse(74% 116% at 75% 97%);
      width: 42%;
      height: 100%;
      background-size: cover;
      position: absolute; }
  body #wrapper .history-module .history-content.dark-text .history-year, body #wrapper .history-module .history-content.dark-text .line-mob {
    color: var(--opap-neutral-90); }
  body #wrapper .history-module .history-content.dark-text .history-year {
    border-right: 1px solid var(--opap-neutral-90); }
    body #wrapper .history-module .history-content.dark-text .history-year::after {
      background-color: var(--opap-neutral-90); }
  body #wrapper .history-module .history-content:first-of-type .history-year {
    margin-top: 30px; }
  body #wrapper .history-module .history-content .line-mob {
    display: none; }

@media (max-width: 991.98px) {
  body #wrapper .history-module .history-content {
    display: block; }
    body #wrapper .history-module .history-content .history-year {
      margin-top: 0;
      width: 90px;
      height: 40px; }
      body #wrapper .history-module .history-content .history-year:after {
        top: 11px; }
      body #wrapper .history-module .history-content .history-year h2 {
        margin-bottom: 0px;
        padding-bottom: 10px; }
    body #wrapper .history-module .history-content .history-box {
      width: 100%;
      margin-bottom: 0; }
      body #wrapper .history-module .history-content .history-box .content {
        padding-left: 25px; }
      body #wrapper .history-module .history-content .history-box.has-image .content {
        width: 100%;
        padding-bottom: 0;
        padding-left: 25px; }
      body #wrapper .history-module .history-content .history-box.has-image .cont-image {
        display: block;
        clip-path: ellipse(63% 104% at 94% 110%);
        width: 100%;
        padding-top: 319px;
        right: 0;
        position: relative;
        background-position: center; }
    body #wrapper .history-module .history-content .line-mob {
      display: block;
      width: 90px;
      height: 30px;
      border-right: 1px solid;
      margin-bottom: 15px; } }

/* OPAP Home Page - PS Online Module */
body #wrapper .opap-ps-online-module .opap-carousel-viewport {
  overflow: hidden;
  max-width: 1300px;
  margin: 0 auto; }

body #wrapper .opap-ps-online-module .opap-carousel .opap-carousel-dots .dot.is-selected {
  background: var(--opap-glow-red); }

body #wrapper .opap-ps-online-module .opap-card {
  max-width: 411px;
  min-width: 411px;
  height: 415px;
  margin: 0 10px; }
  body #wrapper .opap-ps-online-module .opap-card .opap-card-bg {
    float: right;
    width: 185px;
    height: 343px;
    object-fit: cover;
    z-index: 9; }
  body #wrapper .opap-ps-online-module .opap-card .opap-card-content {
    background: var(--opap-glow-red);
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    width: 100%;
    height: 343px;
    color: var(--opap-white); }
    body #wrapper .opap-ps-online-module .opap-card .opap-card-content .logo-img {
      max-width: 116px; }
    body #wrapper .opap-ps-online-module .opap-card .opap-card-content h3 {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 1.25em;
      margin: 0 0 20px 18px; }
    body #wrapper .opap-ps-online-module .opap-card .opap-card-content p {
      font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 1.25em;
      line-height: 33px;
      padding: 0 10px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
  body #wrapper .opap-ps-online-module .opap-card.opap-image-right .logo-img {
    margin-top: 20px; }
  body #wrapper .opap-ps-online-module .opap-card.opap-image-right p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical; }
  body #wrapper .opap-ps-online-module .opap-card.opap-image-right .opap-card-bg {
    float: right;
    clip-path: circle(138% at 210% 50%);
    shape-outside: circle(138% at 210% 50%); }
  body #wrapper .opap-ps-online-module .opap-card.opap-image-right .opap-card-content {
    padding-left: 20px; }
  body #wrapper .opap-ps-online-module .opap-card.opap-image-left .logo-img {
    margin-top: 20px; }
  body #wrapper .opap-ps-online-module .opap-card.opap-image-left p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical; }
  body #wrapper .opap-ps-online-module .opap-card.opap-image-left .opap-card-bg {
    float: left;
    clip-path: circle(138% at -110% 50%);
    shape-outside: circle(138% at -110% 50%);
    shape-margin: 20px; }
  body #wrapper .opap-ps-online-module .opap-card.opap-image-left .opap-card-content {
    padding-right: 20px; }
  body #wrapper .opap-ps-online-module .opap-card.opap-image-top .logo-img {
    margin-top: -20px;
    position: relative; }
  body #wrapper .opap-ps-online-module .opap-card.opap-image-top .opap-card-bg {
    width: 100%;
    height: 182px;
    clip-path: circle(138% at 50% -145%); }
  body #wrapper .opap-ps-online-module .opap-card.opap-image-top .opap-card-content {
    text-align: center; }
    body #wrapper .opap-ps-online-module .opap-card.opap-image-top .opap-card-content h3 {
      margin-left: 0; }
  body #wrapper .opap-ps-online-module .opap-card .carousel-btn-wrapper {
    background: var(--opap-neutral-90);
    width: 100%;
    height: 72px;
    border-radius: 0 0 8px 8px; }
    body #wrapper .opap-ps-online-module .opap-card .carousel-btn-wrapper a.opap-btn-link {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      display: inline-block;
      width: 100%;
      padding: 21px 0;
      font-size: 20px;
      text-align: center;
      line-height: 30px;
      color: var(--opap-white); }
      body #wrapper .opap-ps-online-module .opap-card .carousel-btn-wrapper a.opap-btn-link i {
        margin-left: 16px; }

@media screen and (max-width: 430px) {
  body #wrapper .opap-ps-online-module .opap-card {
    max-width: 340px;
    min-width: 340px; }
    body #wrapper .opap-ps-online-module .opap-card .opap-card-bg {
      width: 145px; }
    body #wrapper .opap-ps-online-module .opap-card.opap-image-right .opap-card-bg {
      clip-path: circle(115% at 210% 50%);
      shape-outside: circle(115% at 210% 50%); }
    body #wrapper .opap-ps-online-module .opap-card.opap-image-left .opap-card-bg {
      clip-path: circle(115% at -110% 50%);
      shape-outside: circle(115% at -110% 50%); }
    body #wrapper .opap-ps-online-module .opap-card.opap-image-top .opap-card-bg {
      clip-path: circle(138% at 50% -110%); } }

@media screen and (max-width: 360px) {
  body #wrapper .opap-ps-online-module .opap-card {
    margin: 0; } }

body #wrapper .opap-main-teaser-module .header {
  padding-bottom: 400px;
  margin-bottom: -16.5em;
  text-align: center;
  position: relative; }
  body #wrapper .opap-main-teaser-module .header .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%; }
  body #wrapper .opap-main-teaser-module .header.curved {
    clip-path: ellipse(120% 170% at 50% -70%); }
  body #wrapper .opap-main-teaser-module .header .logo-img {
    width: 277px;
    transform: translateY(-50%); }
  body #wrapper .opap-main-teaser-module .header h3 {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    width: 11em;
    margin: 0 auto;
    text-shadow: 0 16px 16px rgba(0, 0, 0, 0.2), 0 32px 64px rgba(3, 15, 55, 0.5);
    font-size: 49px;
    line-height: 1.25em;
    position: relative; }
    body #wrapper .opap-main-teaser-module .header h3:only-child {
      padding-top: 5%; }
  body #wrapper .opap-main-teaser-module .header a {
    margin-top: 40px;
    position: relative; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-main-teaser-module .header h3 {
    width: 40%; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-main-teaser-module .header h3 {
    width: 70%; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-main-teaser-module .header.curved {
    clip-path: ellipse(150% 160% at 50% -70%); }
  body #wrapper .opap-main-teaser-module .header h3 {
    width: 90%; } }

@media screen and (max-width: 500px) {
  body #wrapper .opap-main-teaser-module .header.curved h3 {
    font-size: 2.5rem !important; } }

.opap-draw-search {
  /* SEARCH-BAR */
  /* RESULTS TABLE */
  /* SELECT2 OVERRIDE */
  /* SEARCH BUTTON */
  /* DRAW NAVIGATION BAR */
  /*ARCHIVE BORDER*/
  /* CUSTOM DRAW BAR */
  /*ARCHIVE BORDER*/
  /* STATISTICS MODAL */
  /*ARCHIVE BORDER*/
  /*ARCHIVE BORDER*/
  /*ARCHIVE BORDER*/ }
  .opap-draw-search body {
    overflow-x: hidden;
    font-family: 'PFFuturaNeu', Arial, sans-serif; }
  .opap-draw-search .flex-draw-navigation {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
  .opap-draw-search .flex-draw-navigation a {
    text-decoration: none; }
  .opap-draw-search .flex-start {
    display: flex;
    align-items: flex-start; }
  .opap-draw-search .separator {
    border-bottom: 1px solid #C5C8D0;
    border-top: none;
    width: 30%; }
  .opap-draw-search .separator--left {
    margin-left: 10px;
    margin-right: 15px; }
  .opap-draw-search .separator--right {
    margin-left: 15px;
    margin-right: 10px; }
  .opap-draw-search .flex-center {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 40%; }
  .opap-draw-search .flex-end {
    display: flex;
    align-items: flex-end; }
  .opap-draw-search .row.d-sm-none.search-xs {
    position: relative;
    top: -10px; }
  .opap-draw-search .row.d-sm-none.tabs > div:nth-child(1) {
    padding-left: 0;
    padding-right: 1px;
    margin-bottom: 0; }
  .opap-draw-search .search-bar.search-bar--xs.text-right {
    height: 200px;
    overflow: scroll;
    line-height: 33px;
    border-right: 1px solid #a9a9a9; }
  .opap-draw-search .search-bar.search-bar--xs.text-right a {
    padding-right: 15px !important;
    width: 100%; }
  .opap-draw-search .search-bar.search-bar--xs.text-right a {
    color: #fff;
    font-weight: 400; }
  .opap-draw-search .search-bar.search-bar--xs.text-right a:hover {
    cursor: pointer; }
  .opap-draw-search .half {
    width: 50%; }
  .opap-draw-search .draw-results .table thead th {
    font-size: 16px;
    font-weight: 400;
    background: transparent;
    color: inherit; }
  .opap-draw-search .draw-results .search-bar.search-bar--xs {
    padding: inherit;
    padding-bottom: 20px;
    border-right: 1px solid #fff;
    display: inline-block;
    width: 100%; }
  .opap-draw-search .draw-results .panel-group.d-sm-none .panel-heading {
    background-color: #fff;
    text-align: center;
    border: 1px solid;
    padding-top: 16px;
    padding-bottom: 16px; }
  .opap-draw-search .draw-results .hidden-xs .search-bar--xs .pull-right {
    color: #fff;
    font-size: 12px; }
  .opap-draw-search .draw-results .search-bar--xs .pull-right .glyphicon {
    padding-left: 20px;
    font-size: 20px; }
  .opap-draw-search .draw-results .results-archive-xs span:first-child {
    padding: 16px 0;
    line-height: 16px; }
  .opap-draw-search .draw-results .glyphicon.glyphicon-menu-down {
    cursor: pointer; }
  .opap-draw-search .draw-results h2 {
    margin-bottom: 22px;
    font-size: 27px;
    font-weight: 700; }
  .opap-draw-search .draw-results ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 14px; }
  .opap-draw-search .draw-results .circle,
  .opap-draw-search .draw-results ul.circles li {
    background-color: #FFA800;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    margin: 4px 6px 4px 0;
    display: inline-block;
    font-size: 22px; }
  .opap-draw-search .draw-results .draw-details--joker-link {
    padding: 26px 0 0 0;
    display: inline-block;
    font-size: 16px;
    color: #104c8c; }
  .opap-draw-search .draw-results .circle.highlighted,
  .opap-draw-search .draw-results ul.circles li.highlighted {
    border: 1px solid #a9a9a9; }
  .opap-draw-search .draw-results .search-date .select2-selection__placeholder {
    color: #fff; }
  .opap-draw-search .draw-results .search-bar {
    line-height: 50px; }
  .opap-draw-search .menu-left,
  .opap-draw-search .menu-right {
    font-size: 15pt;
    color: #C5C8D0;
    padding-top: 2px; }
  .opap-draw-search .draw-results .date,
  .opap-draw-search .time {
    border-top: 1px solid #C5C8D0;
    color: #808285; }
  .opap-draw-search .date,
  .opap-draw-search .time {
    margin-top: 17px;
    padding-left: 0;
    padding-right: 0; }
  .opap-draw-search .date p,
  .opap-draw-search .time p {
    margin-top: 7px;
    margin-bottom: 0; }
  .opap-draw-search .draw-results .panel .btn-default {
    color: inherit;
    background-color: inherit; }
  .opap-draw-search .draw-results .panel .btn {
    display: inline-block;
    padding: 6px 4px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px; }
  .opap-draw-search .draw-results .borderless th,
  .opap-draw-search .draw-results .borderless td {
    border: none; }
  .opap-draw-search .draw-results .table td {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
  .opap-draw-search .draw-results .table td,
  .opap-draw-search .draw-results .table th {
    text-align: center; }
  .opap-draw-search .draw-results .table tr {
    min-height: 50px;
    height: 50px; }
  .opap-draw-search .draw-results .table thead {
    font-size: 12px;
    background: #F6F6F6;
    color: #808285; }
  .opap-draw-search .draw-results .search-date .select2-container--default .select2-selection--single {
    background-color: inherit;
    border: none;
    border-radius: 0;
    border-bottom: 2.7px solid white; }
  .opap-draw-search .draw-results .search-date .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white;
    line-height: 28px;
    font-weight: 400;
    font-size: 16px; }
  .opap-draw-search .draw-results .select2-selection {
    color: white; }
  .opap-draw-search .draw-results .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -10px; }
  .opap-draw-search .draw-results .search-archive .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -8px;
    right: 3px;
    color: #a9a9a9; }
  .opap-draw-search .draw-results .search-archive .select2-container--default .select2-selection--single {
    background-color: inherit;
    border-radius: 0;
    border: 2px solid #a9a9a9;
    padding: 2.4px 0; }
  .opap-draw-search .draw-results .search-archive .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #a9a9a9;
    font-size: 16px; }
  .opap-draw-search .draw-results .search-bar .btn {
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 0; }
  .opap-draw-search .rotate90 {
    transform: rotate(90deg); }
  @media (min-width: 992px) {
    .opap-draw-search .row-date {
      left: 66px; } }
  @media (max-width: 767px) {
    .opap-draw-search .draw-id {
      padding: 0 0; }
    .opap-draw-search .rotate90 {
      margin-right: 10px;
      margin-left: -10px; }
    .opap-draw-search .draw-results .search-archive .select2-container {
      max-width: none; }
    .opap-draw-search .search-archive.d-sm-none {
      padding: 20px; }
    .opap-draw-search .search-archive.d-sm-none .select2-selection__rendered {
      text-align: center;
      padding-top: 10px;
      padding-bottom: 10px; }
    .opap-draw-search .search-archive.d-sm-none .select2-container .select2-selection--single {
      height: auto; }
    .opap-draw-search .draw-results .search-archive.d-sm-none .select2-container--default .select2-selection--single .select2-selection__arrow {
      top: 30%;
      color: #a9a9a9; }
    .opap-draw-search .draw-results h2 {
      text-align: center; } }
  @media (min-width: 768px) {
    .opap-draw-search .right-column {
      width: 67.4455555%; }
    .opap-draw-search .container.draw-results .left {
      width: 61.6666666%; }
    .opap-draw-search .container.draw-results .right {
      width: 38.3333333%; } }
  .opap-draw-search .container:not(.propo) {
    padding: 0; }
  .opap-draw-search .page div {
    padding: 0; }
  .opap-draw-search .left-column {
    width: 32.5555555%;
    background-color: grey;
    height: 500px;
    visibility: hidden; }
  .opap-draw-search .select2-container .select2-selection--single {
    height: auto; }
  .opap-draw-search .search-archive .select2-container {
    width: 100%;
    max-width: 205px;
    text-align: left; }
  .opap-draw-search .draw-results .succ.hidden {
    display: none !important; }
  .opap-draw-search .draw-results .table-striped > tbody > tr:nth-of-type(odd),
  .opap-draw-search .draw-results .table-striped > tbody > tr.odd {
    background-color: #e6e7e8; }
  .opap-draw-search .draw-results .table-striped > tbody > tr:nth-of-type(even),
  .opap-draw-search .draw-results .table-striped > tbody > tr.even {
    background-color: #d5d6d7; }
  .opap-draw-search .draw-results .panel-group.d-sm-none .panel-heading.on {
    color: #fff;
    background-color: #a9a9a9;
    border: none;
    border-bottom: 1px solid gray; }
  .opap-draw-search .draw-results .panel-group.d-sm-none #xs-heading-search.panel-heading.on {
    color: #fff;
    background-color: #a9a9a9;
    border-bottom: none; }
  .opap-draw-search .draw-results .draw-navigation {
    height: 60px;
    position: relative; }
  .opap-draw-search .draw-results .draw-navigation a {
    position: absolute;
    top: 22px; }
  .opap-draw-search .draw-results .draw-navigation a:nth-child(1) {
    left: 12px; }
  .opap-draw-search .draw-results .draw-navigation a:nth-child(2) {
    right: 12px; }
  .opap-draw-search .draw-results .draw-navigation a:nth-child(1):after {
    content: "";
    position: absolute;
    border-top: 1px solid #C5C8D0;
    top: 29px;
    width: 30%;
    margin-left: -350px; }
  .opap-draw-search .draw-info .draw-info-results {
    font-size: 11px;
    padding-top: 6px; }
  @media (max-width: 520px) {
    .opap-draw-search .draw-results h4 {
      font-size: 15px; } }
  @media (max-width: 425px) {
    .opap-draw-search .separator {
      width: 16%; }
    .opap-draw-search .flex-center {
      width: 90%; }
    .opap-draw-search .draw-info .draw-info-id {
      font-size: 12px; } }
  @media (max-width: 426px) {
    .opap-draw-search .draw-results h4 {
      font-size: 14px; }
    .opap-draw-search .draw-results .panel-group.d-sm-none .panel-heading {
      padding-left: 8px;
      padding-right: 8px; } }
  @media (max-width: 375px) {
    .opap-draw-search .draw-results h4 {
      font-size: 12px; }
    .opap-draw-search .draw-results .circle,
    .opap-draw-search .draw-results ul.circles li {
      width: 30px;
      height: 30px;
      line-height: 30px; } }
  @media (max-width: 350px) {
    .opap-draw-search .draw-results h4 {
      font-size: 11px; } }
  @media (max-width: 320px) {
    .opap-draw-search .draw-results h4 {
      font-size: 9px; } }
  .opap-draw-search .aligner {
    display: flex;
    align-items: center;
    justify-content: center; }
  .opap-draw-search .test-line {
    border-bottom: 1px solid black; }
  .opap-draw-search .draw-results.joker .panel-group.d-sm-none .panel-heading {
    color: #104c8c; }
  .opap-draw-search .draw-results.joker .search-bar,
  .opap-draw-search .draw-results.joker .search-bar button,
  .opap-draw-search .draw-results.joker .search-bar input {
    background-color: #104C8C; }
  .opap-draw-search .draw-results.joker .panel-group.d-sm-none .panel-heading.on {
    color: #fff;
    background-color: #104C8C;
    border: none;
    border-bottom: 1px solid gray; }
  .opap-draw-search .draw-results.joker p {
    color: #58595B; }
  .opap-draw-search .draw-results.joker .navbar {
    background-color: #104C8C; }
  .opap-draw-search .draw-results .circle.highlighted,
  .opap-draw-search .draw-results ul.circles li.highlighted {
    border: none; }
  .opap-draw-search .draw-results.joker .search-archive .select2-container--default .select2-selection--single {
    border: 1px solid #104C8C; }
  .opap-draw-search .draw-results.joker .search-archive .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #104C8C; }
  .opap-draw-search .draw-results.joker .search-archive .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #104C8C; }
  .opap-draw-search .draw-results.joker .circle,
  .opap-draw-search .draw-results.joker ul.circles li {
    background: #104c8c;
    color: #fff; }
  .opap-draw-search .draw-results.joker ul.circles li.highlighted {
    background-color: #FFC314;
    color: #104C8C; }
  .opap-draw-search .draw-results.joker tbody .circle {
    background-color: #104C8C;
    color: white; }
  .opap-draw-search .draw-results.joker tbody {
    color: #104c8c; }
  .opap-draw-search .draw-results.extra5 .search-archive .select2-container--default .select2-selection--single {
    border: 1px solid #A8226F; }
  .opap-draw-search .draw-results.extra5 .search-archive .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #A8226F; }
  .opap-draw-search .draw-results.extra5 .search-archive .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #A8226F; }
  .opap-draw-search .draw-results.extra5 .circle,
  .opap-draw-search .draw-results.extra5 ul.circles li {
    color: #fff; }
  .opap-draw-search .draw-results.extra5 .circle,
  .opap-draw-search .draw-results.extra5 ul.circles li:nth-child(1) {
    background-color: #A8226F; }
  .opap-draw-search .draw-results.extra5 .circle,
  .opap-draw-search .draw-results.extra5 ul.circles li:nth-child(2) {
    background-color: #A8226F; }
  .opap-draw-search .draw-results.extra5 .circle,
  .opap-draw-search .draw-results.extra5 ul.circles li:nth-child(3) {
    background-color: #A8226F; }
  .opap-draw-search .draw-results.extra5 .circle,
  .opap-draw-search .draw-results.extra5 ul.circles li:nth-child(4) {
    background-color: #A8226F; }
  .opap-draw-search .draw-results.extra5 .circle,
  .opap-draw-search .draw-results.extra5 ul.circles li:nth-child(5) {
    background-color: #A8226F; }
  .opap-draw-search .draw-results.extra5 tbody .circle {
    background: #A8226F;
    color: #fff; }
  .opap-draw-search .draw-results.extra5 .extra5-table > tbody > tr:nth-child(4n-1),
  .opap-draw-search .draw-results.extra5 .extra5-table > tbody > tr:nth-child(4n) {
    background-color: #cfd0d1; }
  .opap-draw-search .draw-results.extra5 tbody .circle {
    margin-right: 20px; }
  .opap-draw-search .draw-results.extra5 .extra5-table > tbody > tr .super3-winnings {
    color: #808285;
    font-weight: 400; }
  .opap-draw-search .draw-results.extra5 ul.circles li.highlighted {
    background-color: #104C8C;
    color: white; }
  .opap-draw-search .draw-results.extra5 tbody {
    color: #000;
    background-color: #E6E7E8; }
  .opap-draw-search .draw-results.extra5 .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #E6E7E8; }
  @media (max-width: 767px) {
    .opap-draw-search .draw-results.extra5 tbody .circle {
      margin-right: 10px; }
    .opap-draw-search .draw-results.extra5 tbody {
      font-size: 11px; } }
  .opap-draw-search .draw-results.kino .draw-id {
    padding: 0; }
  .opap-draw-search .draw-results.kino {
    overflow: visible; }
  .opap-draw-search .draw-results.kino .panel-group.d-sm-none .panel-heading {
    color: #12455B; }
  .opap-draw-search .draw-results.kino ::placeholder {
    color: #fff !important;
    opacity: 1; }
  .opap-draw-search .draw-results.kino .nav.nav-tabs {
    font-weight: bold;
    border: none;
    display: inline-block;
    text-decoration: none; }
  .opap-draw-search .draw-results.kino .nav.nav-tabs.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6; }
  .opap-draw-search .draw-results.kino .kino-bonus-logo {
    background-image: url(../images/opap/game-draw-results/kino-bonus.png);
    background-repeat: no-repeat;
    background-position: 50px 7px; }
  .opap-draw-search .draw-results.kino .bonus-header {
    background-image: url(../images/opap/game-draw-results/kino-target.png);
    background-repeat: no-repeat;
    background-position: 0 -16px;
    padding-left: 35px;
    background-size: 31%; }
  .opap-draw-search .draw-results.kino .d-sm-none .bonus-header {
    background-position: 115% 60%;
    background-size: 40%; }
  .opap-draw-search .draw-results.kino.footer {
    padding-top: 30px; }
  .opap-draw-search .draw-results.kino.footer .search-bar.hidden-xs {
    height: 55px; }
  .opap-draw-search .draw-results.kino.footer .circle,
  .opap-draw-search .draw-results.kino.footer ul.circles li {
    width: 30px;
    height: 30px;
    padding: 0;
    font-weight: 400;
    margin: 0 5px 0 0; }
  .opap-draw-search .draw-results.kino .is-invalid {
    border: 2px #D92231 solid !important;
    border-radius: 2px; }
  .opap-draw-search .draw-results.kino .hidden-xs .year-select .select2-container--default .select2-selection--single {
    background-color: inherit;
    color: #12455B;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #12455B; }
  .opap-draw-search .draw-results.kino .right .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #12455B; }
  .opap-draw-search .draw-results.kino .search-bar .right .btn {
    border: 1px solid #12455B; }
  .opap-draw-search .draw-results.kino .d-sm-none .search-bar {
    background-color: #12455B; }
  .opap-draw-search .draw-results.kino .panel-group.d-sm-none .panel-heading.on {
    color: #fff;
    background-color: #12455B;
    border: none;
    border-bottom: 1px solid gray; }
  .opap-draw-search .draw-results.kino .search-bar .right .btn-default {
    color: #12455B;
    background-color: #EFB31E; }
  .opap-draw-search .draw-results.kino .date-pick {
    background: inherit; }
  .opap-draw-search .draw-results.kino .draw-button {
    display: inline-block;
    float: right;
    width: 13%; }
  .opap-draw-search .detail-small {
    color: #808285; }
  .opap-draw-search .draw-results.kino .d-sm-none.statistics-expander {
    display: block;
    float: initial;
    width: 100%;
    padding-top: 0;
    text-align: center;
    background-color: #d1d3d4; }
  .opap-draw-search .draw-results.kino .d-sm-none .btn-statistics {
    border-radius: 0;
    background: inherit;
    color: #12455B;
    list-style-type: none;
    vertical-align: middle;
    height: 20px; }
  .opap-draw-search .draw-results.kino .kino-results {
    margin: auto;
    display: inline-block; }
  .opap-draw-search .draw-results.kino .kino-results .circles {
    width: 600px; }
  .opap-draw-search .draw-results.kino .search-bar .btn.search-archive-resp {
    display: block !important;
    padding: 0 !important; }
  .opap-draw-search .draw-results.kino .search-archive-normal {
    padding-left: 3px;
    padding-right: 3px; }
  .opap-draw-search .draw-results.kino p {
    color: #58595B; }
  .opap-draw-search .draw-results.kino .navbar {
    background-color: #12455B; }
  .opap-draw-search .draw-results.kino .hidden-xs .search-archive {
    background: #EFB31E; }
  .opap-draw-search .draw-results.kino .kino-pager {
    display: inline-block;
    font-weight: bold;
    text-decoration: none; }
  .opap-draw-search .draw-results.kino .kino-pager.selected {
    color: #fff; }
  .opap-draw-search .draw-results.kino .statisticts .line-separator-bottom {
    border-bottom: 1px solid #fff; }
  .opap-draw-search .draw-results.kino .statisticts .col-separator {
    border-right: 1px solid #12455B; }
  .opap-draw-search .draw-results.kino .statisticts-select .select2-selection.select2-selection--single {
    text-align: left; }
  .opap-draw-search .draw-results.kino .statisticts-select .select2-container--default .select2-selection--single {
    background-color: inherit;
    color: #12455B;
    border-radius: 0;
    border: 1px solid #12455B; }
  .opap-draw-search .draw-results.kino .statisticts table {
    display: table;
    width: 100%;
    /* FIXME - quick-and-dirty fix, remove when possible */ }
    .opap-draw-search .draw-results.kino .statisticts table[style*="display: none"] {
      display: none !important; }
  .opap-draw-search .draw-results.kino .statistics-content {
    max-height: 350px;
    overflow-y: auto;
    display: inline-block;
    margin-bottom: -5px;
    background-color: var(--opap-glow-purple); }
  .opap-draw-search .draw-results.kino .search-archive .select2-container--default .select2-selection--single {
    border: 1px solid #12455B; }
  .opap-draw-search .draw-results.kino .search-archive .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #12455B; }
  .opap-draw-search .draw-results.kino .search-archive .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #12455B; }
  .opap-draw-search .draw-results.kino ul.circles li.highlighted {
    background-color: #d92231;
    color: white; }
  .opap-draw-search .draw-results.kino .sidebets {
    width: 56px;
    float: right;
    height: 85px; }
  .opap-draw-search .draw-results.kino .sidebets .odd {
    background-color: #a1dded; }
  .opap-draw-search .draw-results.kino .sidebets .even {
    background-color: #ff9001; }
  .opap-draw-search .draw-results.kino .sidebets .draw {
    background-color: white; }
  .opap-draw-search .draw-results.kino .sidebets .sidebet-column {
    background-color: #ffda1c; }
  .opap-draw-search .draw-results.kino .results-container {
    display: inline-block; }
  .opap-draw-search .draw-results.kino ul.sidebets li {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #a1dded;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: inline-block;
    margin: 4px 0;
    cursor: pointer;
    font-size: 22px; }
  .opap-draw-search .draw-results.kino ul.sidebets li .sidebet-img {
    display: none;
    background-size: 100%;
    position: relative;
    background-repeat: no-repeat; }
  .opap-draw-search .draw-results.kino ul.sidebets li.sidebet-parity .sidebet-img {
    display: none;
    background-image: url(../images/opap/game-draw-results/kino-sidebets-odd-even.png);
    width: 104px;
    height: 56px;
    bottom: 110px;
    left: 0; }
  .opap-draw-search .draw-results.kino ul.sidebets li.sidebet-column .sidebet-img {
    display: none;
    background-image: url(../images/opap/game-draw-results/kino-sidebets-columns.png);
    width: 127px;
    height: 56px;
    bottom: -10px;
    z-index: 1;
    left: -45px; }
  .opap-draw-search .draw-results.kino ul.sidebets li:hover .sidebet-img {
    display: block !important; }
  .opap-draw-search .sidebets-hidden {
    display: none !important; }
  .opap-draw-search .draw-results.kino .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #EFB31E; }
  .opap-draw-search .draw-results.kino .hidden-xs .panel-default > .panel-heading {
    background-color: #F6F6F6; }
  .opap-draw-search .draw-results.kino .search-bar--xs .row {
    padding: 0 15px; }
  .opap-draw-search .draw-results.kino .search-bar--xs .row .d-sm-none,
  .opap-draw-search .draw-results.kino .search-bar--xs .row .col-sm-4 {
    padding: 0 !important; }
  .opap-draw-search .draw-results.kino .search-bar--xs .row .col-date-to {
    padding-left: 10px !important; }
  .opap-draw-search .draw-results.kino .draw-input {
    width: 25%; }
  .opap-draw-search .draw-results.kino .date-input {
    width: 40%;
    max-width: 40%; }
  .opap-draw-search .statisticts .close {
    display: none; }
  .opap-draw-search .draw-results.kino .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f1e6c9; }
  .opap-draw-search .draw-results.kino .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fcf2d7; }
  .opap-draw-search .draw-results.kino .table-striped.sidebets-statistics.d-sm-none > tbody > tr:nth-child(3n+3) {
    border-bottom: 2px solid #efb31e !important; }
  .opap-draw-search .draw-results.kino .table > thead > tr > th,
  .opap-draw-search .draw-results.kino .table > tbody > tr > td {
    border-top: 0; }
  .opap-draw-search .statisticts {
    padding-right: 0;
    border: 8px solid #EFB31E;
    background-color: #EFB31E; }
  .opap-draw-search .statisticts .table {
    margin-bottom: 0; }
  .opap-draw-search .marg-r-28 {
    margin-right: 28px; }
  .opap-draw-search .marg-t-10 {
    margin-top: 10px; }
  .opap-draw-search .statisticts .results-container p {
    color: #1D427C;
    font-weight: bold; }
  .opap-draw-search .statisticts .modal-header h4 {
    color: #1D427C;
    font-weight: bold;
    padding-top: 20px; }
  .opap-draw-search .statisticts .panel.panel-default {
    color: #1D427C; }
  .opap-draw-search .statisticts .modal-header {
    border-bottom: none; }
  .opap-draw-search .statisticts .statistics-category .select2-container--default .select2-selection--single {
    border-radius: 0;
    text-align: center;
    border-color: #12455B; }
  .opap-draw-search .statisticts .statistics-category .select2-container--default .select2-selection--single {
    border-radius: 0; }
  .opap-draw-search .statisticts .select2-selection.select2-selection--single {
    background-color: inherit; }
  .opap-draw-search .draw-results .statisticts .table thead {
    background: var(--opap-neutral-80);
    color: var(--opap-white); }
  .opap-draw-search .draw-results .statisticts .table thead th {
    background-color: inherit;
    color: inherit; }
  .opap-draw-search .draw-results .statisticts td,
  .opap-draw-search .draw-results .statisticts th {
    padding: 0; }
  .opap-draw-search .draw-results .statisticts .empty div {
    background-image: linear-gradient(-45deg, #EFB31E 25%, transparent 25%, transparent 50%, #EFB31E 50%, #EFB31E 75%, transparent 75%, transparent);
    background-size: 8px 8px;
    min-height: 42px; }
  .opap-draw-search .draw-results .statisticts .empty {
    padding: 0 18px; }
  .opap-draw-search .draw-results.kino .statisticts .table.d-sm-none tr td:first-child {
    background-color: #12455B;
    color: #fff;
    font-size: 12px;
    text-align: left;
    padding: 0 5px; }
  .opap-draw-search .draw-results.kino .bonus {
    background-color: #d82231 !important; }
  .opap-draw-search .draw-results.kino .search-btn-container {
    margin: -3px; }
  .opap-draw-search .draw-results.kino .sidebets-statistics thead,
  .opap-draw-search .draw-results.kino .sidebets-statistics.table.d-sm-none tr td:first-child {
    background-color: #313131; }
  @media (min-width: 992px) {
    .opap-draw-search .statisticts .modal-dialog {
      width: 968px; }
    .opap-draw-search .statisticts .select-category {
      text-align: right; } }
  @media (max-width: 992px) {
    .opap-draw-search .statisticts .modal-dialog {
      width: auto; } }
  @media (max-width: 768px) {
    .opap-draw-search .statisticts .panel.panel-default {
      text-align: center; }
    .opap-draw-search .test-date {
      margin-left: 10px;
      width: 33%; }
    .opap-draw-search .draw-results.kino .statistics-expander {
      display: block;
      float: initial;
      width: 100%;
      padding-top: 0; }
    .opap-draw-search .draw-results.kino .search-bar .search-btn {
      padding: 20px 0;
      margin-bottom: 0;
      margin-top: 20px; } }
  @media (min-width: 768px) and (max-width: 810px) {
    .opap-draw-search .draw-results.kino .search-bar,
    .opap-draw-search .draw-results.kino .search-bar button,
    .opap-draw-search .draw-results.kino .search-bar input {
      font-size: 11px; } }
  @media (max-width: 991px) {
    .opap-draw-search .draw-results.kino .circle,
    .opap-draw-search .draw-results.kino ul.circles li,
    .opap-draw-search .draw-results.kino ul.sidebets li {
      width: 24px;
      height: 24px;
      line-height: 24px;
      font-size: 10px !important; }
    .opap-draw-search .pagination-footer .text-left,
    .opap-draw-search .pagination-footer .text-right {
      text-align: center !important; }
    .opap-draw-search .draw-results.kino .sidebets {
      width: 36px;
      height: 65px; }
    .opap-draw-search .draw-results.kino ul.sidebets li {
      font-size: 12px; }
    .opap-draw-search .draw-results.kino ul.sidebets li.sidebet-parity .sidebet-img {
      bottom: 57px;
      left: -144px; }
    .opap-draw-search .draw-results.kino ul.sidebets li.sidebet-column .sidebet-img {
      width: 85px;
      height: 30px;
      bottom: -5px;
      left: -55px; }
    .opap-draw-search .draw-results.kino .kino-results .circles {
      width: 290px; }
    .opap-draw-search .draw-results.kino .statisticts .search-bar {
      font-size: 11px; } }
  @media (max-width: 380px) {
    .opap-draw-search .draw-results.kino .circle,
    .opap-draw-search .draw-results.kino ul.circles li,
    .opap-draw-search .draw-results.kino ul.sidebets li {
      width: 23px;
      height: 23px;
      line-height: 23px; }
    .opap-draw-search .draw-results.kino .sidebets {
      width: 23px;
      height: 59px; }
    .opap-draw-search .draw-results.kino ul.sidebets li {
      font-size: 11px; }
    .opap-draw-search .draw-results.kino ul.sidebets li.sidebet-parity .sidebet-img {
      bottom: 50px; }
    .opap-draw-search .draw-results.kino .kino-results .circles {
      width: 275px; }
    .opap-draw-search .draw-results.kino .statisticts .search-bar {
      font-size: 9px; }
    .opap-draw-search .draw-results.kino .statisticts .table.d-sm-none tr td:first-child {
      font-size: 11px; } }
  @media (max-width: 350px) {
    .opap-draw-search .draw-results.kino .circle,
    .opap-draw-search .draw-results.kino ul.circles li,
    .opap-draw-search .draw-results.kino ul.sidebets li {
      width: 21px;
      height: 21px;
      line-height: 21px;
      font-size: 13px; }
    .opap-draw-search .draw-results.kino .sidebets {
      width: 21px;
      height: 55px; }
    .opap-draw-search .draw-results.kino .kino-results .circles {
      width: 250px; }
    .opap-draw-search .draw-results.kino ul.sidebets li {
      margin: 4px 0 4px 0;
      font-size: 10px; }
    .opap-draw-search .draw-results.kino ul.sidebets li.sidebet-parity .sidebet-img {
      width: 220px;
      height: 25px;
      bottom: 45px;
      right: 220px; }
    .opap-draw-search .draw-results.kino ul.sidebets li.sidebet-column .sidebet-img {
      bottom: 60px; }
    .opap-draw-search .draw-results.kino .statisticts .search-bar {
      font-size: 9px; }
    .opap-draw-search .draw-results.kino .statisticts .table.d-sm-none tr td:first-child {
      font-size: 11px; } }
  .opap-draw-search .draw-results.powerspin {
    overflow: visible; }
  .opap-draw-search .draw-results.powerspin .search-bar input::placeholder {
    color: #fff; }
  .opap-draw-search .draw-results.powerspin .left {
    width: 50%; }
  .opap-draw-search .draw-results.powerspin .draw-input {
    width: 25%; }
  .opap-draw-search .draw-results.powerspin input {
    border-radius: 0; }
  .opap-draw-search .draw-results.powerspin .search-btn-container {
    margin: -3px; }
  .opap-draw-search .draw-results.powerspin .hidden-xs .year-select .select2-container--default .select2-selection--single {
    background-color: inherit;
    color: #fff;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #fff; }
  .opap-draw-search .draw-results.powerspin .right .select2-container--default .select2-selection--single .select2-selection__placeholder,
  .opap-draw-search .draw-results.powerspin .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff; }
  .opap-draw-search .draw-results.powerspin .search-bar .right .btn-default {
    color: #fff;
    background-color: #c8057f; }
  .opap-draw-search .draw-results.powerspin .search-bar .right .btn {
    border: 1px solid #fff; }
  .opap-draw-search .draw-results.powerspin .search-bar .btn.search-archive-resp {
    display: block !important;
    padding: 0 !important; }
  .opap-draw-search .draw-results.powerspin .powerspin-results {
    margin: auto;
    display: inline-block; }
  .opap-draw-search .draw-results.powerspin .results-container {
    display: inline-block; }
  .opap-draw-search .draw-results.powerspin .results-container .powerspin-results {
    margin-top: 10px; }
  .opap-draw-search .draw-results.powerspin .powerspin-results .circles {
    width: 100%;
    font-size: 0;
    display: flex;
    justify-content: space-around;
    column-gap: 10px;
    flex-wrap: wrap; }
  .opap-draw-search .draw-results.powerspin ul.circles li {
    width: unset;
    height: unset;
    line-height: unset;
    background: unset;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    padding: 0;
    font-weight: 700; }
  .opap-draw-search .draw-results.powerspin .draw-result-overunder {
    margin-left: 100px; }
  .opap-draw-search .draw-results.powerspin .draw-result-number .draw-label,
  .opap-draw-search .draw-results.powerspin .draw-result-color .draw-label,
  .opap-draw-search .draw-results.powerspin .draw-result-symbol .draw-label,
  .opap-draw-search .draw-results.powerspin .draw-result-overunder .draw-label {
    display: block;
    font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px; }
  .opap-draw-search .draw-results.powerspin .draw-result-number .draw-label,
  .opap-draw-search .draw-results.powerspin .draw-result-overunder .draw-label {
    margin-bottom: 17px; }
  .opap-draw-search .draw-results.powerspin .draw-result-color .draw-label {
    margin-bottom: 17px; }
  .opap-draw-search .draw-results.powerspin .draw-result-symbol .draw-label {
    margin-bottom: 10px; }
  .opap-draw-search .draw-results.powerspin .draw-result-symbol img {
    margin-bottom: 10px; }
  .opap-draw-search .draw-results.powerspin .draw-result-number .draw-number {
    background: #01509f;
    color: #fff;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    line-height: 61px;
    text-align: center;
    display: inline-block;
    font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 28px;
    margin-bottom: 10px; }
  .opap-draw-search .draw-results.powerspin .draw-result-color .draw-color {
    background: #01509f;
    color: #fff;
    width: 180px;
    height: 65px;
    line-height: 60px;
    display: inline-block;
    font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 28px;
    margin-bottom: 10px; }
  .opap-draw-search .draw-results.powerspin .draw-result-overunder .draw-overunder {
    background: #333e45;
    color: #fff;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    line-height: 62px;
    text-align: center;
    display: inline-block;
    font-size: 25px;
    margin-bottom: 10px; }
  .opap-draw-search .draw-results.powerspin .draw-result-overunder.over .draw-overunder {
    color: #fff; }
  .opap-draw-search .draw-results.powerspin .draw-result-overunder.under .draw-overunder {
    color: #fcae00; }
  .opap-draw-search .draw-results.powerspin .hidden-xs.statistics-expander {
    width: 13%;
    position: absolute;
    bottom: 5px;
    right: 1%; }
  .opap-draw-search .draw-results.powerspin .hidden-xs .btn-statistics {
    border-radius: 0;
    width: 91%;
    background: inherit;
    color: #12455B;
    margin-right: 20px;
    margin-top: 12px;
    list-style-type: none; }
  .opap-draw-search .draw-results.powerspin .d-sm-none.statistics-expander {
    display: block;
    float: initial;
    width: 100%;
    padding-top: 0;
    text-align: center;
    background-color: #d1d3d4; }
  .opap-draw-search .draw-results.powerspin .d-sm-none .btn-statistics {
    border-radius: 0;
    background: inherit;
    color: #12455B;
    list-style-type: none;
    vertical-align: middle;
    height: 20px; }
  .opap-draw-search .draw-results.powerspin .statisticts .line-separator {
    border-top: 1px solid #fff; }
  .opap-draw-search .draw-results.powerspin .statisticts-select .select2-container--default .select2-selection--single {
    background-color: inherit;
    color: #fff;
    border-radius: 0;
    border: 1px solid #fff; }
  .opap-draw-search .draw-results.powerspin .statisticts-select .select2-selection.select2-selection--single {
    text-align: left; }
  .opap-draw-search .draw-results.powerspin .statisticts .draw-label-table {
    color: #fff; }
  .opap-draw-search .draw-results.powerspin .table > thead > tr > th,
  .opap-draw-search .draw-results.powerspin .table > tbody > tr > td {
    padding: 14px 8px;
    display: table-cell; }
  .opap-draw-search .draw-results.powerspin.footer {
    padding-top: 5px; }
  .opap-draw-search .draw-results.powerspin.footer .search-bar.hidden-xs {
    height: 55px; }
  .opap-draw-search .draw-results.powerspin.footer .search-bar {
    background-color: #c8057f; }
  .opap-draw-search .draw-results.powerspin .kino-pager {
    color: #13216c; }
  .opap-draw-search .draw-results.powerspin .kino-pager.selected {
    color: #fff; }
  .opap-draw-search .draw-results.powerspin .kino-pager {
    display: inline-block;
    font-weight: bold;
    text-decoration: none; }
  .opap-draw-search .draw-results.powerspin .nav.nav-tabs {
    font-weight: bold;
    border: none;
    display: inline-block;
    text-decoration: none;
    color: #13216c; }
  .opap-draw-search .draw-results.powerspin .nav.nav-tabs.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
    cursor: default; }
  @media (max-width: 767px) {
    .opap-draw-search .draw-results.powerspin .d-sm-none.draw-date {
      margin-left: 4%;
      width: 20%;
      display: inline-block !important; }
    .opap-draw-search .draw-results.powerspin .d-sm-none.draw-time {
      width: 20%;
      display: inline-block !important; }
    .opap-draw-search .draw-results.powerspin .row.d-sm-none .draw-date {
      width: 70%;
      border: 0;
      padding: 0;
      margin: 0 0 0 4%; }
    .opap-draw-search .draw-results.powerspin .row.d-sm-none .draw-time {
      width: 22%;
      border: 0;
      padding: 0;
      margin: 0; } }
  .opap-draw-search .draw-results.lotto .panel-group.d-sm-none .panel-heading {
    color: #104c8c; }
  .opap-draw-search .draw-results.lotto .search-bar,
  .opap-draw-search .draw-results.lotto .search-bar button,
  .opap-draw-search .draw-results.lotto .search-bar input {
    background-color: var(--opap-brand-navy-blue);
    color: white;
    color: var(--opap-white); }
  .opap-draw-search .draw-results.lotto .panel-group.d-sm-none .panel-heading.on {
    color: #fff;
    background-color: #1D427C;
    border: none;
    border-bottom: 1px solid gray; }
  .opap-draw-search .draw-results.lotto p {
    color: #58595B; }
  .opap-draw-search .draw-results.lotto .navbar {
    background-color: #1D427C; }
  .opap-draw-search .draw-results.lotto .search-archive .select2-container--default .select2-selection--single {
    border: 1px solid #1D427C; }
  .opap-draw-search .draw-results.lotto .search-archive .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #1D427C; }
  .opap-draw-search .draw-results.lotto .search-archive .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #1D427C; }
  .opap-draw-search .draw-results.lotto .circle,
  .opap-draw-search .draw-results.lotto ul.circles li {
    background-color: #fedc00;
    color: var(--body-color); }
  .opap-draw-search .draw-results.lotto ul.circles li.highlighted {
    background-color: var(--opap-brand-navy-blue);
    color: white;
    color: var(--opap-white); }
  .opap-draw-search .draw-results.lotto tbody .circle {
    background-color: #1D427C;
    color: white; }
  .opap-draw-search .draw-results.lotto tbody {
    color: #58595B;
    background-color: #cfd0d1; }
  .opap-draw-search .draw-results.lotto .table-striped > tbody > tr.odd {
    background-color: #e6e7e8; }
  .opap-draw-search .draw-results.propo .nav.nav-tabs {
    font-weight: bold;
    margin-bottom: 30px;
    border: none; }
  .opap-draw-search .draw-results.propo .nav.nav-tabs li:not(:last-child) a {
    width: 122px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 0;
    margin-right: 4px; }
  .opap-draw-search .draw-results.propo .nav.nav-tabs .glyphicon {
    top: 2px;
    margin-left: 10px;
    font-size: 10pt;
    color: #58595b; }
  @media (max-width: 574px) {
    .opap-draw-search .draw-results.propo .nav.nav-tabs li:not(:last-child) a {
      width: 90px;
      text-align: center;
      font-weight: 500;
      border-radius: 0;
      margin-right: 4px;
      padding-left: 4px;
      padding-right: 4px;
      font-size: 12px; }
    .opap-draw-search .draw-results.propo .nav.nav-tabs .glyphicon {
      top: 2px;
      margin-left: 6px;
      font-size: 10pt;
      color: #58595b; } }
  @media (min-width: 768px) {
    .opap-draw-search tr.succ {
      display: none !important; } }
  .opap-draw-search td.succ span {
    display: block; }
  .opap-draw-search .draw-results.propo .search-date {
    padding: 0 7px; }
  .opap-draw-search .draw-results.propo .row.statistics {
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding-top: 13px;
    font-size: 15px;
    color: #104C8C; }
  .opap-draw-search .draw-results.propo .panel-group.d-sm-none .panel-heading.on {
    color: #fff;
    background-color: #B6322C;
    border: none;
    border-bottom: 1px solid gray; }
  .opap-draw-search .draw-results.proto .draw-label,
  .opap-draw-search .draw-results.proto .numbers--title {
    color: #104c8c; }
  .opap-draw-search .draw-results.proto .panel-group.d-sm-none .panel-heading {
    color: #104c8c; }
  .opap-draw-search .draw-results.proto .panel-group.d-sm-none .panel-heading.on {
    color: #fff;
    background-color: #E41E26;
    border: none;
    border-bottom: 1px solid gray; }
  .opap-draw-search .draw-results.proto p {
    color: #58595B; }
  .opap-draw-search .draw-results.proto .navbar {
    background-color: #104C8C; }
  .opap-draw-search .draw-results.proto .search-archive .select2-container--default .select2-selection--single {
    border: 1px solid #FFF; }
  .opap-draw-search .draw-results.proto .search-archive .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #FFF; }
  .opap-draw-search .draw-results.proto .search-archive .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #FFF; }
  .opap-draw-search .draw-results.proto .circle,
  .opap-draw-search .draw-results.proto ul.circles li {
    background: #1D427C;
    color: #FFF; }
  .opap-draw-search .draw-results.proto tbody .circle {
    background-color: #104C8C;
    color: #FFF; }
  .opap-draw-search .proto-x {
    color: #939598; }
  .opap-draw-search .draw-results.proto .table tr {
    height: 10px; }
  .opap-draw-search .draw-results.proto .table .cell-right {
    text-align: right; }
  @media (min-width: 768px) {
    .opap-draw-search .draw-results.proto .table .cell-right {
      text-align: center; } }
  .opap-draw-search .draw-results.super3 .search-archive .select2-container--default .select2-selection--single {
    border: 1px solid #FFF; }
  .opap-draw-search .draw-results.super3 .search-archive .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #FFF; }
  .opap-draw-search .draw-results.super3 .search-archive .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #FFF; }
  .opap-draw-search .draw-results.super3 .circle,
  .opap-draw-search .draw-results.super3 ul.circles li {
    background: #EA3128;
    color: #fff; }
  .opap-draw-search .draw-results.super3 tbody .circle {
    background: #034f9d; }
  .opap-draw-search .draw-results.super3 tbody .circle {
    margin-right: 20px; }
  .opap-draw-search .draw-results.super3 ul.circles li.highlighted {
    background-color: #104C8C;
    color: white; }
  .opap-draw-search .draw-results.super3 tbody {
    color: #000;
    background-color: #E6E7E8; }
  .opap-draw-search .draw-results.super3 .super3-table > tbody > tr:nth-child(4n-1),
  .opap-draw-search .draw-results.super3 .super3-table > tbody > tr:nth-child(4n) {
    background-color: #cfd0d1; }
  @media (max-width: 767px) {
    .opap-draw-search .draw-results.super3 tbody .circle {
      margin-right: 10px; }
    .opap-draw-search .draw-results.super3 tbody {
      font-size: 10px; } }
  .opap-draw-search .draw-results.super3 .super3-table > tbody > tr .super3-winnings {
    color: #808285;
    font-weight: 400; }
  .opap-draw-search .draw-results.super3 .table tr {
    height: 10px; }
  .opap-draw-search .draw-results.super3 .d-sm-none .column-grey {
    text-align: right !important; }
  .opap-draw-search .draw-results.super3 .align-left {
    text-align: left !important;
    padding: 0; }
  .opap-draw-search .draw-results.propogoal .search-bar,
  .opap-draw-search .draw-results.propogoal .search-bar button,
  .opap-draw-search .draw-results.propogoal .search-bar input {
    background-color: #90b23d; }
  .opap-draw-search .draw-results.propogoal .nav.nav-tabs {
    font-weight: bold;
    margin-bottom: 16px;
    border: none; }
  .opap-draw-search .draw-results.propogoal table {
    margin-bottom: 0; }
  .opap-draw-search .draw-results.propogoal .nav.nav-tabs li a {
    color: #6D6E71; }
  .opap-draw-search .draw-results.propogoal .results-container ul {
    margin-top: 16px; }
  .opap-draw-search .draw-results.propogoal .nav-tabs > li.active > a,
  .opap-draw-search .draw-results.propogoal .nav-tabs > li.active > a:focus,
  .opap-draw-search .draw-results.propogoal .nav-tabs > li.active > a:hover {
    border: none;
    border-bottom: 4px solid #b6322c;
    padding-bottom: 6px;
    color: #000; }
  .opap-draw-search .draw-results.propogoal .nav-tabs > li > a {
    border: none; }
  .opap-draw-search .draw-results.propogoal .nav > li > a:focus,
  .opap-draw-search .nav > li > a:hover {
    background: none; }
  .opap-draw-search .draw-results.propogoal .nav.nav-tabs .button.pull-right {
    border: 1px solid #58595B; }
  .opap-draw-search .draw-results.propogoal .nav.nav-tabs .button.pull-right a {
    padding-left: 20px; }
  .opap-draw-search .draw-results.propogoal .nav.nav-tabs .glyphicon {
    top: 4px;
    margin-left: 10px;
    font-size: 14pt; }
  .opap-draw-search .draw-results.propogoal .search-bar {
    background-color: #90B23D; }
  .opap-draw-search .draw-results.propogoal p {
    color: #58595B; }
  .opap-draw-search .draw-results.propogoal .navbar {
    background-color: #104C8C; }
  .opap-draw-search .draw-results.propogoal .search-archive {
    background: #48642E; }
  .opap-draw-search .draw-results.propogoal .search-archive .select2-container--default .select2-selection--single {
    border: 1px solid #fff; }
  .opap-draw-search .draw-results.propogoal .search-archive .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff; }
  .opap-draw-search .draw-results.propogoal .search-archive .select2-container--default .select2-selection--single .select2-selection__arrow {
    color: #fff; }
  .opap-draw-search .draw-results.propogoal .circle,
  .opap-draw-search .draw-results.propogoal ul.circles li {
    background-color: #95C11F;
    color: white; }
  .opap-draw-search .draw-results.propogoal ul.circles li.highlighted {
    background-color: #104C8C;
    color: white; }
  .opap-draw-search .draw-results.propogoal tbody .circle {
    background-color: #48642E;
    color: white; }
  .opap-draw-search .draw-results.propogoal tbody .teamHome,
  .opap-draw-search .draw-results.propogoal tbody .teamAway,
  .opap-draw-search .draw-results.propogoal tbody .score {
    font-size: 10px; }
  .opap-draw-search .draw-results.propogoal tbody {
    color: var(--opap-neutral-90);
    background-color: #abc227;
    font-weight: initial; }
  .opap-draw-search .draw-results.propogoal .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #e6e7e8; }
  .opap-draw-search .draw-results.propogoal .table thead {
    color: #58595B;
    background: #f4f5f5; }
  .opap-draw-search .draw-results.propogoal .table.propogoal-results tbody {
    background-color: #f4f5f5; }
  .opap-draw-search .draw-results.propogoal .table-striped.propogoal-results > tbody > tr:nth-of-type(odd) {
    background-color: #e5e5e6; }
  .opap-draw-search .draw-results.propogoal .table.propogoal-results tbody .circle {
    background-color: #48642E;
    color: #fff; }
  .opap-draw-search .draw-results.propogoal .table.propogoal-results tfoot {
    background-color: #ECEEF5; }
  .opap-draw-search .draw-results.propogoal .table.propogoal-results tfoot tr td {
    vertical-align: middle; }
  .opap-draw-search .draw-results.propogoal .table.propogoal-results tfoot tr td {
    color: #58595B; }
  .opap-draw-search .draw-results.propogoal .table.propogoal-results tfoot tr td:nth-child(even) {
    font-weight: bold; }
  .opap-draw-search .draw-results.propogoal .propogoal-table {
    margin-bottom: 22px; }
  .opap-draw-search .draw-results.propogoal .panel-group.d-sm-none .panel-heading.on {
    color: #fff;
    background-color: #90B23D;
    border: none;
    border-bottom: 1px solid gray; }
  .opap-draw-search .draw-results.propogoal .row.statistics {
    color: #104C8C;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px; }
  .opap-draw-search .draw-results.propogoal .winning-col span {
    color: #104C8C;
    font-weight: bold; }
  @media (max-width: 767px) {
    .opap-draw-search .draw-results.propogoal .results-cell {
      padding: 0; }
    .opap-draw-search .draw-results.propogoal .results-cell .d-sm-none {
      padding: 0;
      width: 100%;
      padding-top: 0.8em; } }
  .opap-draw-search .draw-results.propogoal .table tfoot tr.d-sm-none {
    line-height: unset;
    min-height: unset;
    height: unset; }
  .opap-draw-search #xs-tabs .pull-right {
    padding: 0 2px; }
  .opap-draw-search #xs-tabs a {
    display: inline;
    padding: 0;
    position: initial; }
  .opap-draw-search .draw-results .successes {
    color: #808285;
    font-weight: 400; }
  .opap-draw-search .select2-container {
    z-index: 987; }
  @media (max-width: 768px) {
    .opap-draw-search .draw-results .successes {
      color: #000;
      font-weight: bold; } }
  .opap-draw-search .draw-results-section {
    display: none; }
  .opap-draw-search .draw-results-kino-error {
    font-size: 10px;
    max-width: 40%;
    background-color: pink; }
  .opap-draw-search .draw-results-section .container:not(.propo) .row {
    display: block; }
  .opap-draw-search .draw-results-section .row.collapse:not(.show) {
    display: none; }
  .opap-draw-search .draw-results-section .container:before,
  .opap-draw-search .draw-results-section .container:after {
    display: block;
    clear: both;
    content: ""; }
  .opap-draw-search .draw-results-section .row:before,
  .opap-draw-search .draw-results-section .row:after {
    display: block;
    clear: both;
    content: ""; }
  .opap-draw-search .draw-results-section .container:not(.propo):not(.powerspin.footer) [class*="col-"]:not(.col-separator):not(.legend) {
    display: block;
    float: left;
    flex: none; }
  @media (max-width: 576px) {
    .opap-draw-search .draw-results-section {
      padding-left: 10px;
      padding-right: 10px; }
      .opap-draw-search .draw-results-section .table thead tr th, .opap-draw-search .draw-results-section .table tbody tr td, .opap-draw-search .draw-results-section .table tfoot tr td {
        font-size: 12px !important;
        padding: 0.35rem; } }
  @media (max-width: 425px) {
    .opap-draw-search .draw-results-section .table thead tr th, .opap-draw-search .draw-results-section .table tbody tr td, .opap-draw-search .draw-results-section .table tfoot tr td {
      font-size: 11px !important;
      padding: 2px; } }
  @media (max-width: 355px) {
    .opap-draw-search .draw-results-section .table thead tr th, .opap-draw-search .draw-results-section .table tbody tr td, .opap-draw-search .draw-results-section .table tfoot tr td {
      font-size: 10px !important;
      padding: 2px; } }
  .opap-draw-search .opap-game-draw-results-web .draw-results-section > .container.bg.kino.footer > div .legend {
    display: flex; }
  @media screen and (max-width: 768px) {
    .opap-draw-search .opap-game-draw-results-web .draw-results-section > .container.bg.kino.footer > div .legend {
      flex-flow: column; } }
  .opap-draw-search .container {
    max-width: 1280px; }

@media (max-width: 1320px) {
  body #wrapper .opap-draw-search .container {
    padding-left: 15px;
    padding-right: 15px; }
    body #wrapper .opap-draw-search .container.pl-0, body #wrapper .opap-draw-search .container.pr-0 {
      padding-left: 15px !important;
      padding-right: 15px !important; } }

.opap-game-draw-search-web .container.bg,
.opap-game-draw-results-web .container.bg {
  width: 100%; }

.opap-game-draw-search-web .draw-results tbody .score,
.opap-game-draw-results-web .draw-results tbody .score {
  font-variant-numeric: tabular-nums;
  white-space: nowrap; }

.opap-game-draw-search-web .draw-number-parent span:last-of-type,
.opap-game-draw-results-web .draw-number-parent span:last-of-type {
  margin-left: -5px; }

.opap-game-draw-search-web .portlet,
.opap-game-draw-results-web .portlet {
  margin-bottom: 0; }

.opap-game-draw-search-web.opap-draw-search .portlet-content,
.opap-game-draw-results-web.opap-draw-search .portlet-content {
  padding: 0; }

.opap-game-draw-search-web .draw-results.propo .table.propo-results thead th,
.opap-game-draw-results-web .draw-results.propo .table.propo-results thead th {
  height: auto; }

.opap-game-draw-search-web .draw-results.propo .table.propo-results tfoot,
.opap-game-draw-results-web .draw-results.propo .table.propo-results tfoot {
  background-color: #ECEEF5; }
  .opap-game-draw-search-web .draw-results.propo .table.propo-results tfoot tr,
  .opap-game-draw-results-web .draw-results.propo .table.propo-results tfoot tr {
    width: 100%; }
    .opap-game-draw-search-web .draw-results.propo .table.propo-results tfoot tr td,
    .opap-game-draw-results-web .draw-results.propo .table.propo-results tfoot tr td {
      background: none;
      color: var(--opap-neutral-90); }

/*
 * This is the new version of the _search-bar.scss.
 * DO NOT ADD game specific rules e.g. ".powerspin" etc..., create new files for that purpose.
 *
 * TODO: Remove the @import "search-bar", "body #wrapper" and ".propo" when all games finally have the same html structure.
 */
/*
 * TODO: Delete this file when all search bars have the same html structure
 * TODO: and are ready to use _draw-search-bar.scss
 */
.opap-game-draw-search-web {
  margin-top: 100px; }
  .opap-game-draw-search-web .title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 25px; }
  .opap-game-draw-search-web .container.draw-results .right {
    float: right; }
  .opap-game-draw-search-web .container.draw-results .left {
    width: 50%; }
  .opap-game-draw-search-web .container.bg > div {
    height: 210px;
    padding-left: 0;
    padding-right: 0; }
    .opap-game-draw-search-web .container.bg > div > div {
      margin-left: 0;
      margin-right: 0; }
    .opap-game-draw-search-web .container.bg > div > .search-bar {
      height: 100%;
      background-color: var(--opap-brand-navy-blue);
      color: white;
      color: var(--opap-white);
      padding-top: 24px;
      padding-left: 40px;
      padding-right: 40px;
      margin-left: 0;
      border-top-right-radius: 8px;
      border-top-left-radius: 8px; }
      .opap-game-draw-search-web .container.bg > div > .search-bar label {
        font-size: 16px;
        line-height: 26px;
        width: 100%;
        color: var(--opap-white);
        height: 52px; }
      .opap-game-draw-search-web .container.bg > div > .search-bar input {
        border-radius: 8px;
        border: 1px solid var(--opap-neutral-30);
        font-size: 16px;
        font-weight: bold;
        color: var(--opap-neutral-90);
        background-color: var(--opap-white);
        box-shadow: none;
        padding-right: 16px; }
      .opap-game-draw-search-web .container.bg > div > .search-bar .date-input > .input-group input {
        border: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
        .opap-game-draw-search-web .container.bg > div > .search-bar .date-input > .input-group input.is-invalid {
          border-top-right-radius: 8px;
          border-bottom-right-radius: 8px; }
      .opap-game-draw-search-web .container.bg > div > .search-bar .date-input > .input-group .input-group-addon {
        background-color: var(--opap-white);
        border: none;
        border-radius: 0 8px 8px 0;
        font-size: 24px;
        color: var(--opap-neutral-90);
        cursor: pointer;
        align-items: center;
        display: flex;
        min-width: 2.5rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem; }
      .opap-game-draw-search-web .container.bg > div > .search-bar .date-input > .input-group .btn {
        margin-left: 15px;
        font-size: 24px;
        padding-top: 0;
        padding-bottom: 0;
        color: var(--opap-neutral-90); }
        .opap-game-draw-search-web .container.bg > div > .search-bar .date-input > .input-group .btn:focus {
          box-shadow: none; }
      .opap-game-draw-search-web .container.bg > div > .search-bar .draw-input {
        padding-right: 24px; }
      .opap-game-draw-search-web .container.bg > div > .search-bar .year-select .year:not(.select2),
      .opap-game-draw-search-web .container.bg > div > .search-bar .year-select .month:not(.select2) {
        width: 108px; }
      .opap-game-draw-search-web .container.bg > div > .search-bar .year-select .search-archive-normal {
        height: 48px;
        min-width: 150px; }
  .opap-game-draw-search-web .date-input .validation-error-msg {
    display: none;
    line-height: 1.4;
    font-size: 16px;
    font-weight: bold;
    color: #D92231; }
  .opap-game-draw-search-web .date-input.invalid-date .validation-error-msg {
    display: inline-block; }
  .opap-game-draw-search-web .form-control,
  .opap-game-draw-search-web .date-input .input-group-addon {
    height: 48px; }
  .opap-game-draw-search-web .container.bg.kino > div > .search-bar {
    background-color: var(--opap-hl-yellow);
    color: var(--opap-brand-navy-blue); }
    .opap-game-draw-search-web .container.bg.kino > div > .search-bar label {
      color: var(--opap-brand-navy-blue); }
    .opap-game-draw-search-web .container.bg.kino > div > .search-bar .left {
      width: 61.6666666%; }
    .opap-game-draw-search-web .container.bg.kino > div > .search-bar .right {
      width: 38.3333333%; }
  .opap-game-draw-search-web .container.bg.super3 > div > .search-bar {
    background-color: var(--opap-brand-navy-blue);
    color: var(--opap-white); }
    .opap-game-draw-search-web .container.bg.super3 > div > .search-bar label {
      color: var(--opap-white); }
    .opap-game-draw-search-web .container.bg.super3 > div > .search-bar .left {
      width: 61.6666666%; }
    .opap-game-draw-search-web .container.bg.super3 > div > .search-bar .right {
      width: 38.3333333%; }
    .opap-game-draw-search-web .container.bg.super3 > div > .search-bar .date-input > .input-group .btn {
      color: var(--opap-white); }
  .opap-game-draw-search-web .container.bg.powerspin > div > .search-bar .left {
    width: 61.6666666%; }
  .opap-game-draw-search-web .container.bg.powerspin > div > .search-bar .right {
    width: 38.3333333%; }
  .opap-game-draw-search-web .container.bg.powerspin > div > .search-bar .date-input > .input-group .btn {
    color: var(--opap-white); }
  .opap-game-draw-search-web .container.bg .search-bar .match-day .form-control {
    width: 100%;
    max-width: 286px; }
  .opap-game-draw-search-web .container.bg .search-bar .select-group > .form-control {
    width: 100%;
    max-width: 170px; }
  .opap-game-draw-search-web .container.bg .search-bar .search-button {
    height: 48px;
    vertical-align: top;
    font-size: 24px;
    background-color: var(--opap-brand-navy-blue);
    color: white;
    color: var(--opap-white); }
    .opap-game-draw-search-web .container.bg .search-bar .search-button:focus {
      box-shadow: none; }

#wrapper .opap-game-draw-search-web .search-bar .year-select select.form-control {
  width: auto; }

#wrapper .opap-game-draw-search-web .search-bar .year-select .month {
  min-width: 120px; }

#wrapper .opap-game-draw-search-web .search-bar .year-select .search-archive-normal {
  height: 48px;
  min-width: 150px; }

@media (max-width: 991.98px) {
  .opap-game-draw-search-web .draw-results-section [class*="col-"]:not(.col-separator) {
    float: none; }
    .opap-game-draw-search-web .draw-results-section [class*="col-"]:not(.col-separator) .searchbox,
    .opap-game-draw-search-web .draw-results-section [class*="col-"]:not(.col-separator) .search-date {
      display: inline-block; }
  .opap-game-draw-search-web .container.bg > div {
    height: auto; }
    .opap-game-draw-search-web .container.bg > div > .search-bar {
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 16px; }
      .opap-game-draw-search-web .container.bg > div > .search-bar .draw-input {
        padding-right: 0; }
      .opap-game-draw-search-web .container.bg > div > .search-bar .download-results {
        margin-top: 20px; }
        .opap-game-draw-search-web .container.bg > div > .search-bar .download-results .download-results-btn {
          margin-top: 20px;
          width: 100%; }
        .opap-game-draw-search-web .container.bg > div > .search-bar .download-results .card-body {
          background-color: var(--opap-hl-yellow);
          box-shadow: none; }
        .opap-game-draw-search-web .container.bg > div > .search-bar .download-results > a.opap-btn-link {
          display: inline-block;
          width: 100%;
          text-align: right; }
        .opap-game-draw-search-web .container.bg > div > .search-bar .download-results #collapseDownload .select-group select {
          width: 100%;
          max-width: 100%; }
        .opap-game-draw-search-web .container.bg > div > .search-bar .download-results > .collapse.show {
          min-height: 300px; }
      .opap-game-draw-search-web .container.bg > div > .search-bar .right {
        width: 100%;
        margin-top: 60px; }
      .opap-game-draw-search-web .container.bg > div > .search-bar .left {
        width: 100%; }
      .opap-game-draw-search-web .container.bg > div > .search-bar label {
        height: auto; }
  .opap-game-draw-search-web .container.bg.super3 > div {
    height: auto; }
    .opap-game-draw-search-web .container.bg.super3 > div > .search-bar {
      padding-left: 15px;
      padding-right: 15px;
      padding-bottom: 16px; }
      .opap-game-draw-search-web .container.bg.super3 > div > .search-bar .draw-input {
        padding-right: 0; }
      .opap-game-draw-search-web .container.bg.super3 > div > .search-bar .download-results {
        margin-top: 20px; }
        .opap-game-draw-search-web .container.bg.super3 > div > .search-bar .download-results .download-results-btn {
          margin-top: 20px;
          width: 100%; }
        .opap-game-draw-search-web .container.bg.super3 > div > .search-bar .download-results .card-body {
          background-color: var(--opap-brand-navy-blue);
          box-shadow: none; }
        .opap-game-draw-search-web .container.bg.super3 > div > .search-bar .download-results > a {
          display: inline-block;
          width: 100%;
          text-align: right; }
        .opap-game-draw-search-web .container.bg.super3 > div > .search-bar .download-results .opap-btn-link {
          color: var(--opap-white) !important; }
        .opap-game-draw-search-web .container.bg.super3 > div > .search-bar .download-results #collapseDownload .select-group select {
          width: 100%;
          max-width: 100%; }
        .opap-game-draw-search-web .container.bg.super3 > div > .search-bar .download-results > .collapse.show {
          min-height: 300px; }
      .opap-game-draw-search-web .container.bg.super3 > div > .search-bar .right {
        width: 100%;
        margin-top: 60px; }
      .opap-game-draw-search-web .container.bg.super3 > div > .search-bar .left {
        width: 100%; }
      .opap-game-draw-search-web .container.bg.super3 > div > .search-bar label {
        height: auto; }
  #wrapper .opap-game-draw-search-web .container.bg .search-bar .select-group > .form-control {
    max-width: none;
    width: 100%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .opap-game-draw-search-web .container.bg > div > .search-bar input {
    padding-left: 8px;
    padding-right: 8px; }
  .opap-game-draw-search-web .input-group-addon {
    padding-left: 8px;
    padding-right: 8px; }
  #wrapper .opap-game-draw-search-web .search-bar .year-select select.form-control:not(.select2) {
    padding-left: 8px;
    padding-right: 23px; }
  #wrapper .opap-game-draw-search-web .search-bar .year-select .search-archive-normal {
    min-width: 125px; }
  #wrapper .opap-game-draw-search-web .select-group select {
    background-position: calc(100% - 12px) 21px; }
  #wrapper .opap-game-draw-search-web .search-bar select {
    min-width: 75px; }
  #wrapper .opap-game-draw-search-web .search-bar .match-day .form-control {
    width: 100%;
    max-width: 286px; } }

@media (min-width: 1200px) {
  .opap-game-draw-search-web .container.draw-results .right {
    width: 25%; }
  #wrapper .opap-game-draw-search-web .search-bar select.draw {
    width: 130px; }
  #wrapper .opap-game-draw-search-web .search-bar .match-day .form-control {
    width: 100%;
    max-width: 286px; } }

@media (max-width: 575.98px) {
  #wrapper .opap-game-draw-search-web .container.draw-results {
    padding-left: 10px;
    padding-right: 10px; } }

body #wrapper .opap-game-draw-search-web .propo.search-bar, .search-bar {
  color: var(--opap-white);
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  padding: 10px 30px 30px; }
  body #wrapper .opap-game-draw-search-web .propo.search-bar button:focus, .search-bar button:focus {
    box-shadow: none; }
  body #wrapper .opap-game-draw-search-web .propo.search-bar .btn:focus, .search-bar .btn:focus {
    box-shadow: none; }
  body #wrapper .opap-game-draw-search-web .propo.search-bar .btn.focus, .search-bar .btn.focus {
    box-shadow: none; }
  body #wrapper .opap-game-draw-search-web .propo.search-bar .form-control, .search-bar .form-control {
    max-width: 100%; }
  body #wrapper .opap-game-draw-search-web .propo.search-bar .section-title, .search-bar .section-title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin-top: 12px; }
  body #wrapper .opap-game-draw-search-web .propo.search-bar label, .search-bar label {
    font-size: 16px;
    color: var(--opap-white);
    height: 52px;
    line-height: 52px; }
  body #wrapper .opap-game-draw-search-web .propo.search-bar .search-field-container label, .search-bar .search-field-container label {
    display: block; }
  body #wrapper .opap-game-draw-search-web .propo.search-bar .btn-group-toggle, .search-bar .btn-group-toggle {
    display: flex;
    column-gap: 8px;
    overflow-y: hidden;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    body #wrapper .opap-game-draw-search-web .propo.search-bar .btn-group-toggle::-webkit-scrollbar, .search-bar .btn-group-toggle::-webkit-scrollbar {
      display: none;
      /* Chrome, Safari and Opera */ }
    body #wrapper .opap-game-draw-search-web .propo.search-bar .btn-group-toggle > label, .search-bar .btn-group-toggle > label {
      flex: 1 0 100%; }
    body #wrapper .opap-game-draw-search-web .propo.search-bar .btn-group-toggle .btn, .search-bar .btn-group-toggle .btn {
      padding-left: 0;
      padding-right: 0; }
      body #wrapper .opap-game-draw-search-web .propo.search-bar .btn-group-toggle .btn label, .search-bar .btn-group-toggle .btn label {
        display: inline-block;
        height: 32px;
        margin: 0;
        padding: 0 8px;
        border: 1px solid var(--opap-white);
        border-radius: 16px;
        white-space: nowrap;
        text-align: center;
        line-height: 28px;
        font-size: 12px;
        cursor: pointer; }
      body #wrapper .opap-game-draw-search-web .propo.search-bar .btn-group-toggle .btn input:checked ~ label, .search-bar .btn-group-toggle .btn input:checked ~ label {
        background: var(--opap-glow-sky-blue);
        border: none;
        transition: all .3s ease-in-out; }
        body #wrapper .opap-game-draw-search-web .propo.search-bar .btn-group-toggle .btn input:checked ~ label::before, .search-bar .btn-group-toggle .btn input:checked ~ label::before {
          content: "\f00c";
          font-family: fontawesome-alloy;
          margin-right: 6px;
          font-size: 14px;
          font-weight: 100;
          transition: all .3s ease-in-out; }
  body #wrapper .opap-game-draw-search-web .propo.search-bar .match-day, .search-bar .match-day {
    min-width: 286px;
    width: 100%; }
  body #wrapper .opap-game-draw-search-web .propo.search-bar .search-button, .search-bar .search-button {
    background-color: inherit;
    color: inherit;
    height: 48px;
    vertical-align: top;
    font-size: 24px; }
  body #wrapper .opap-game-draw-search-web .propo.search-bar .opap-switch, .search-bar .opap-switch {
    position: relative;
    visibility: hidden;
    margin-left: 5px;
    width: 40px;
    -moz-appearance: initial; }
    body #wrapper .opap-game-draw-search-web .propo.search-bar .opap-switch::before, .search-bar .opap-switch::before {
      content: '';
      visibility: visible;
      position: absolute;
      top: 4px;
      left: 8px;
      width: 24px;
      height: 8px;
      border-radius: 4px;
      background: var(--opap-neutral-60);
      transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
      cursor: pointer; }
    body #wrapper .opap-game-draw-search-web .propo.search-bar .opap-switch::after, .search-bar .opap-switch::after {
      content: '';
      visibility: visible;
      position: absolute;
      left: 0;
      width: 16px;
      height: 16px;
      background: var(--opap-white);
      border-radius: 50%;
      transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
    body #wrapper .opap-game-draw-search-web .propo.search-bar .opap-switch:disabled::after, .search-bar .opap-switch:disabled::after {
      background: var(--opap-neutral-30); }
    body #wrapper .opap-game-draw-search-web .propo.search-bar .opap-switch:checked::before, .search-bar .opap-switch:checked::before {
      background: var(--opap-white); }
    body #wrapper .opap-game-draw-search-web .propo.search-bar .opap-switch:checked::after, .search-bar .opap-switch:checked::after {
      background: var(--opap-glow-apple);
      left: 24px; }

@media (max-width: 991.98px) {
  body #wrapper .opap-game-draw-search-web .propo.search-bar {
    padding: 10px 12px 20px; } }

.opap-game-draw-results-web .draw-results-section .draw-results {
  padding-top: 40px; }
  .opap-game-draw-results-web .draw-results-section .draw-results.kino > div {
    background-color: #ECEEF5;
    border-radius: 8px; }
  .opap-game-draw-results-web .draw-results-section .draw-results.kino ul.circles li.highlighted::after {
    display: none;
    background-image: url(../images/opap/game-draw-results/kino-bonus.png);
    background-size: contain;
    content: "";
    width: 100px;
    height: 56px;
    position: absolute; }
  .opap-game-draw-results-web .draw-results-section .draw-results.kino ul.circles li.highlighted:hover::after {
    display: block; }
  .opap-game-draw-results-web .draw-results-section .draw-results.powerspin > div {
    background-color: #ECEEF5;
    border-radius: 8px; }
  .opap-game-draw-results-web .draw-results-section .draw-results.lotto ul.circles li, .opap-game-draw-results-web .draw-results-section .draw-results.proto ul.circles li, .opap-game-draw-results-web .draw-results-section .draw-results.joker ul.circles li, .opap-game-draw-results-web .draw-results-section .draw-results.extra5 ul.circles li, .opap-game-draw-results-web .draw-results-section .draw-results.super3 ul.circles li {
    height: 65px;
    width: 65px;
    line-height: 65px;
    font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 30px; }
  .opap-game-draw-results-web .draw-results-section .draw-results.lotto ul.circles .plus_symbol, .opap-game-draw-results-web .draw-results-section .draw-results.proto ul.circles .plus_symbol, .opap-game-draw-results-web .draw-results-section .draw-results.joker ul.circles .plus_symbol, .opap-game-draw-results-web .draw-results-section .draw-results.extra5 ul.circles .plus_symbol, .opap-game-draw-results-web .draw-results-section .draw-results.super3 ul.circles .plus_symbol {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin-left: 13px;
    margin-right: 13px; }
  .opap-game-draw-results-web .draw-results-section .draw-results.lotto .draw-details, .opap-game-draw-results-web .draw-results-section .draw-results.proto .draw-details, .opap-game-draw-results-web .draw-results-section .draw-results.joker .draw-details, .opap-game-draw-results-web .draw-results-section .draw-results.extra5 .draw-details, .opap-game-draw-results-web .draw-results-section .draw-results.super3 .draw-details {
    padding: 0; }
  .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results {
    background-color: #ECEEF5;
    color: var(--opap-neutral-90);
    border-radius: 8px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 70px; }
    .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .draw-number-parent {
      line-height: 33px;
      margin-bottom: 15px; }
      .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .draw-number-parent span {
        font-size: 31px; }
    .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .draw-date {
      font-weight: bold;
      font-size: 20px; }
      .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .draw-date .row-date,
      .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .draw-date .draw-total-numbers {
        font-weight: normal; }
    .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results hr {
      width: 90%;
      margin-top: 20px;
      margin-bottom: 27px; }
    .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .numbers--title {
      font-size: 24px;
      font-weight: bold;
      display: inline-block;
      margin-bottom: 23px; }
    .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .draw-info-results-parent .flex-draw-navigation {
      padding-left: 50px;
      padding-right: 50px; }
      .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .draw-info-results-parent .flex-draw-navigation .flex-start,
      .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .draw-info-results-parent .flex-draw-navigation .flex-end {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background-color: var(--opap-white);
        box-shadow: 0 16px 16px rgba(0, 0, 0, 0.2), 0 32px 64px rgba(3, 15, 55, 0.5);
        font-weight: 900;
        font-size: 18px;
        padding: 0; }
  .opap-game-draw-results-web .draw-results-section .draw-results table.table {
    width: 100%; }

.opap-game-draw-results-web .draw-results-section .download-results {
  margin-top: 30px;
  text-align: right;
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  background-color: var(--opap-neutral-5); }
  .opap-game-draw-results-web .draw-results-section .download-results .select-group,
  .opap-game-draw-results-web .draw-results-section .download-results .download-results-btn {
    margin-top: 10px; }
  .opap-game-draw-results-web .draw-results-section .download-results .card-body {
    background-color: var(--opap-neutral-5);
    border: none;
    box-shadow: none;
    padding-right: 0; }

.opap-game-draw-results-web .draw-results-section > .container.bg.footer > div {
  min-height: 150px;
  background-color: var(--opap-hl-yellow);
  border-radius: 8px;
  padding-top: 10px; }
  .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .text-left {
    padding-left: 50px; }
  .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .text-right {
    padding-right: 40px; }
    .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .text-right #prev-draw-button {
      margin-right: 10px; }
  .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .text-center {
    font-size: 16px; }
  .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend {
    font-size: 16px; }
    .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend > span {
      margin-right: 30px; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend > span:first-child {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        margin-right: 10px;
        vertical-align: middle; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend > span > span {
        vertical-align: middle; }
    .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend .circle {
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 16px;
      width: 32px;
      height: 32px;
      line-height: 32px; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend .circle.odd {
        background-color: #a1dded; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend .circle.even {
        background-color: #ff9001; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend .circle.draww {
        background-color: white; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend .circle.winning-column {
        background-color: #ffda1c; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend .circle.kino-bonus {
        background-color: #d92231;
        color: white; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend .circle.legend-draw-number {
        background-color: #01509f;
        color: white; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend .circle.legend-draw-over {
        background-color: #333e45;
        color: #FAAD29;
        color: #FAAD29; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend .circle.legend-draw-under {
        background-color: #333e45;
        color: #FAAD29;
        color: var(--opap-white); }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend .circle.legend-zone-red {
        background-color: #e2091c;
        color: white;
        font-size: 18px;
        width: 107px;
        height: 30px;
        line-height: 30px;
        border-radius: 0; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend .circle.legend-zone-blue {
        background-color: #01509f;
        color: white;
        font-size: 18px;
        width: 107px;
        height: 30px;
        line-height: 30px;
        border-radius: 0; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend .circle.legend-zone-green {
        background-color: #019642;
        color: white;
        font-size: 18px;
        width: 107px;
        height: 30px;
        line-height: 30px;
        border-radius: 0; }

.opap-game-draw-results-web .draw-results-section > .container.bg.footer.super3 > div {
  background: var(--opap-super3-draw-background); }

.opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div {
  background-color: var(--opap-brand-navy-blue);
  color: white;
  color: var(--opap-white); }

.opap-game-draw-results-web #draw-container .draw-results {
  margin-bottom: 20px; }
  .opap-game-draw-results-web #draw-container .draw-results:first-child {
    padding-top: 40px; }
  .opap-game-draw-results-web #draw-container .draw-results:last-child {
    padding-bottom: 40px; }

.opap-game-draw-results-web .draw-details {
  padding: 40px; }

.opap-game-draw-results-web .draw-time {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 25px; }

.opap-game-draw-results-web .draw-date {
  display: inline-block;
  font-size: 16px; }

.opap-game-draw-results-web .draw-label {
  font-size: 16px; }
  .opap-game-draw-results-web .draw-label.draw-number-label.draw-label-table {
    font-size: 1em; }

.opap-game-draw-results-web .statistics-expander {
  padding-left: 0;
  padding-right: 0;
  min-height: 112px; }
  .opap-game-draw-results-web .statistics-expander > .btn-statistics {
    position: absolute;
    bottom: 5px;
    right: 12px;
    min-width: 90px; }

.opap-game-draw-results-web .para-1-img-desktop {
  max-width: 68px;
  height: 30px;
  position: absolute;
  right: calc(50% - 5.5rem);
  top: 10px; }

.opap-game-draw-results-web .statisticts.row {
  padding: 20px;
  background: var(--opap-glow-tangerine);
  border: none; }
  .opap-game-draw-results-web .statisticts.row > .header-bar:first-child {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 20px; }
  .opap-game-draw-results-web .statisticts.row > .header-bar:nth-child(2) {
    text-align: right;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 10px; }
    .opap-game-draw-results-web .statisticts.row > .header-bar:nth-child(2) span {
      margin-right: 12px; }
    .opap-game-draw-results-web .statisticts.row > .header-bar:nth-child(2) select.statistics {
      width: 100px; }
  .opap-game-draw-results-web .statisticts.row > .statistics-content .table thead {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 20px; }

#wrapper .opap-game-draw-results-web .draw-results-section .draw-results .table-title {
  font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  line-height: 25px;
  font-weight: bold;
  padding-bottom: 25px; }

#wrapper .opap-game-draw-results-web .draw-results-section .draw-results .table-content-module {
  background: none;
  padding: 0;
  margin-bottom: 50px; }

#wrapper .opap-game-draw-results-web .draw-results-section .draw-results .opap-tables-filed.opap-table-striped {
  box-shadow: 0px 8px 8px 0px #0000001A;
  padding-top: 0; }
  #wrapper .opap-game-draw-results-web .draw-results-section .draw-results .opap-tables-filed.opap-table-striped table tbody tr td {
    font-size: 20px;
    text-align: center; }

#wrapper .opap-game-draw-results-web .draw-results-section .draw-results .table > thead th,
#wrapper .opap-game-draw-results-web .draw-results-section .draw-results .table > tbody td {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  vertical-align: middle; }

#wrapper .opap-game-draw-results-web .draw-results-section.results {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--opap-neutral-5);
  margin-bottom: 30px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
  #wrapper .opap-game-draw-results-web .draw-results-section.results > .kino,
  #wrapper .opap-game-draw-results-web .draw-results-section.results > .super3,
  #wrapper .opap-game-draw-results-web .draw-results-section.results > .powerspin {
    padding-bottom: 50px; }

#wrapper .opap-game-draw-results-web .draw-results-section .container.bg {
  max-width: 1200px; }

#wrapper .opap-game-draw-results-web .draw-results-section > .footer .kino-pager {
  padding-left: 10px; }
  #wrapper .opap-game-draw-results-web .draw-results-section > .footer .kino-pager.selected {
    pointer-events: none;
    cursor: default;
    opacity: 0.6; }

#wrapper .opap-game-draw-results-web .draw-results-section > .footer .super3-pager {
  padding-left: 10px;
  font-weight: bold; }
  #wrapper .opap-game-draw-results-web .draw-results-section > .footer .super3-pager.selected {
    pointer-events: none;
    cursor: default;
    opacity: 0.6; }

#wrapper .opap-game-draw-results-web .draw-results-section > .footer.powerspin a {
  color: var(--opap-white); }

#wrapper .opap-game-draw-results-web .statistics-expander > .btn-statistics {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px; }

@media (max-width: 991.98px) {
  .opap-game-draw-results-web .draw-results > div:first-child {
    padding-left: 0;
    padding-right: 0; }
  .opap-game-draw-results-web .draw-results .draw-details {
    padding-top: 7px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px; }
    .opap-game-draw-results-web .draw-results .draw-details .results-container {
      margin-top: 10px; }
  .opap-game-draw-results-web .draw-results ul.circles li {
    margin-right: 0px; }
  .opap-game-draw-results-web .draw-results .statistics-expander {
    min-height: 50px; }
  .opap-game-draw-results-web #draw-container .draw-results {
    padding-left: 7px;
    padding-right: 7px; }
    .opap-game-draw-results-web #draw-container .draw-results:first-child {
      padding-top: 20px;
      padding-left: 7px;
      padding-right: 7px; }
    .opap-game-draw-results-web #draw-container .draw-results .btn-statistics {
      padding-right: 20px; }
  .opap-game-draw-results-web .para-1-img-mobile {
    max-width: 40px;
    height: 20px;
    position: absolute;
    right: calc(50% - 3.75rem);
    top: 15px; }
  .opap-game-draw-results-web .statisticts.row {
    padding: 10px; }
    .opap-game-draw-results-web .statisticts.row > .header-bar {
      line-height: 25px;
      padding-left: 0;
      padding-right: 0; }
      .opap-game-draw-results-web .statisticts.row > .header-bar:first-child {
        font-size: 14px; }
      .opap-game-draw-results-web .statisticts.row > .header-bar:nth-child(2) {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 14px;
        margin-top: 20px; }
  .opap-game-draw-results-web .draw-results-section .container.bg.footer #next-draw-button-resp {
    float: right;
    margin-right: 5px; }
  .opap-game-draw-results-web .draw-results-section .container.bg.footer > div .legend {
    margin-top: 20px;
    font-size: 14px;
    line-height: 30px; }
    .opap-game-draw-results-web .draw-results-section .container.bg.footer > div .legend > span:first-child {
      margin-left: 0;
      font-size: 16px;
      line-height: 16px; }
    .opap-game-draw-results-web .draw-results-section .container.bg.footer > div .legend > span {
      margin-left: 70px;
      margin-right: 0px;
      display: block; }
  .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results {
    margin-bottom: 24px; }
    .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .draw-number-parent {
      margin-bottom: 0; }
      .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .draw-number-parent span {
        font-size: 20px; }
    .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results > .draw-date {
      font-size: 16px; }
      .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results > .draw-date .draw-info-results {
        display: inline-block; }
    .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .numbers--title {
      font-size: 20px; }
    .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .draw-info-results-parent .flex-draw-navigation {
      padding-left: 5px;
      padding-right: 5px; }
      .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .draw-info-results-parent .flex-draw-navigation .flex-start,
      .opap-game-draw-results-web .draw-results-section .draw-results .draw-info-and-results .draw-info-results-parent .flex-draw-navigation .flex-end {
        min-width: 24px;
        width: 24px;
        min-height: 24px;
        height: 24px; }
  .opap-game-draw-results-web .draw-results-section .draw-results.lotto ul.circles,
  .opap-game-draw-results-web .draw-results-section .draw-results.proto ul.circles,
  .opap-game-draw-results-web .draw-results-section .draw-results.extra5 ul.circles,
  .opap-game-draw-results-web .draw-results-section .draw-results.super3 ul.circles {
    line-height: 24px; }
    .opap-game-draw-results-web .draw-results-section .draw-results.lotto ul.circles li,
    .opap-game-draw-results-web .draw-results-section .draw-results.proto ul.circles li,
    .opap-game-draw-results-web .draw-results-section .draw-results.extra5 ul.circles li,
    .opap-game-draw-results-web .draw-results-section .draw-results.super3 ul.circles li {
      height: 30px;
      width: 30px;
      line-height: 30px;
      font-size: 16px; }
    .opap-game-draw-results-web .draw-results-section .draw-results.lotto ul.circles .plus_symbol,
    .opap-game-draw-results-web .draw-results-section .draw-results.proto ul.circles .plus_symbol,
    .opap-game-draw-results-web .draw-results-section .draw-results.extra5 ul.circles .plus_symbol,
    .opap-game-draw-results-web .draw-results-section .draw-results.super3 ul.circles .plus_symbol {
      margin-left: 5px;
      margin-right: 5px;
      font-size: 16px; }
  .opap-game-draw-results-web .draw-results-section .draw-results.lotto .table-title,
  .opap-game-draw-results-web .draw-results-section .draw-results.proto .table-title,
  .opap-game-draw-results-web .draw-results-section .draw-results.extra5 .table-title,
  .opap-game-draw-results-web .draw-results-section .draw-results.super3 .table-title {
    text-align: center; }
  #wrapper .opap-game-draw-results-web .draw-results-section .draw-results .table > thead th {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 13px; }
  #wrapper .opap-game-draw-results-web .draw-results-section .draw-results .table > tbody td {
    font-size: 14px; }
  #wrapper .opap-game-draw-results-web .draw-results-section .draw-results .opap-tables-filed.opap-table-striped table tbody tr td {
    font-size: 13px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .opap-game-draw-results-web .draw-results ul.circles li {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px; } }

@media (max-width: 1320px) {
  .opap-game-draw-results-web .portlet-body {
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 575.98px) {
  .opap-game-draw-results-web .portlet-body {
    padding-left: 10px;
    padding-right: 10px; }
  .opap-game-draw-results-web .para-1-img-mobile {
    right: calc(50% - 3.25rem); } }

@media (max-width: 410px) {
  .opap-game-draw-results-web .draw-results-section .draw-results.kino .draw-results.super3 .draw-details .results-container {
    display: flex;
    flex-flow: column wrap;
    text-align: center;
    gap: 10px; }
    .opap-game-draw-results-web .draw-results-section .draw-results.kino .draw-results.super3 .draw-details .results-container .kino-results {
      width: 280px; }
      .opap-game-draw-results-web .draw-results-section .draw-results.kino .draw-results.super3 .draw-details .results-container .kino-results .circles {
        width: 280px; }
    .opap-game-draw-results-web .draw-results-section .draw-results.kino .draw-results.super3 .draw-details .results-container .sidebets {
      width: auto; }
  .opap-game-draw-results-web .para-1-img-mobile {
    position: relative;
    top: auto;
    right: auto; } }

@media (max-width: 350px) {
  .opap-game-draw-results-web .draw-results-section .draw-results.kino .draw-results.super3 .draw-details .results-container .kino-results {
    width: 145px; }
    .opap-game-draw-results-web .draw-results-section .draw-results.kino .draw-results.super3 .draw-details .results-container .kino-results ul.circles {
      width: 145px; }
      .opap-game-draw-results-web .draw-results-section .draw-results.kino .draw-results.super3 .draw-details .results-container .kino-results ul.circles li {
        width: 23px;
        height: 23px;
        line-height: 23px; } }

.opap-game-draw-results-web .draw-results.kino .sidebets {
  text-align: center; }

@media (max-width: 991.98px) {
  .opap-game-draw-search-web .draw-results.kino .draw-input,
  .opap-game-draw-search-web .draw-results.kino .date-input {
    width: 100%;
    max-width: none; }
  .opap-game-draw-search-web .draw-results.kino.bg > div > .search-bar .right {
    width: 100%; }
  .opap-game-draw-search-web .draw-results.kino.bg > div > .search-bar .left {
    width: 100%; }
  .opap-game-draw-results-web .draw-results-section > .container.bg.footer.kino > div .legend .circle {
    width: 20px;
    height: 20px;
    line-height: 20px; }
  .opap-game-draw-results-web .draw-results.kino .statisticts table.d-block {
    display: table !important; }
  #wrapper .opap-game-draw-results-web .draw-results-section > .footer.kino .kino-pager {
    padding-left: 9px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .opap-game-draw-results-web .draw-results.kino .kino-results .circles {
    width: 420px;
    font-weight: 400; }
  .opap-game-draw-results-web .draw-results.kino ul.circles li,
  .opap-game-draw-results-web .draw-results.kino ul.sidebets li {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px !important; }
  .opap-game-draw-results-web .draw-results.kino .statistics-expander {
    min-height: 88px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .opap-game-draw-results-web .draw-results.kino .kino-results .circles {
    width: 470px; }
  .opap-game-draw-results-web .draw-results.kino .sidebets {
    width: 36px; }
    .opap-game-draw-results-web .draw-results.kino .sidebets li {
      width: 36px;
      height: 36px;
      line-height: 36px;
      font-size: 16px; }
  .opap-game-draw-results-web .draw-results.kino ul.sidebets li {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 16px; }
  .opap-game-draw-results-web .draw-results.kino .statistics-expander {
    min-height: 88px; } }

@media (min-width: 992px) {
  .opap-game-draw-results-web .draw-results.kino .statisticts table.d-lg-block {
    display: table !important; } }

body #wrapper .opap-draw-search .draw-results.powerspin .powerspin-results {
  padding: 0;
  margin: 0;
  width: 100%; }
  body #wrapper .opap-draw-search .draw-results.powerspin .powerspin-results ul li {
    margin: 0;
    padding: 0; }
    body #wrapper .opap-draw-search .draw-results.powerspin .powerspin-results ul li.draw-result-symbol img {
      padding-top: 10px; }
  body #wrapper .opap-draw-search .draw-results.powerspin .powerspin-results ul {
    margin-bottom: 25px; }
    body #wrapper .opap-draw-search .draw-results.powerspin .powerspin-results ul:last-child {
      margin-bottom: 0; }

.opap-game-draw-search-web .draw-results.powerspin.bg > div > .search-bar .download-results .card-body {
  background-color: var(--opap-brand-navy-blue);
  color: white;
  color: var(--opap-white); }

.opap-game-draw-search-web .draw-results.powerspin .date-input {
  max-width: 40%; }

.opap-game-draw-search-web .draw-results.powerspin .search-bar .right .year-select:nth-of-type(2) {
  padding-left: 5px; }

#wrapper .opap-game-draw-search-web .draw-results.powerspin .opap-btn-link {
  color: var(--opap-white); }

.opap-game-draw-results-web .draw-results.powerspin .draw-details .results-container {
  display: flex;
  justify-content: center; }

.opap-game-draw-results-web .draw-results.powerspin .statisticts.row {
  background: var(--opap-glow-purple);
  color: var(--opap-white);
  padding-left: 5px;
  padding-right: 5px; }

.opap-game-draw-results-web .draw-results.powerspin .draw-date,
.opap-game-draw-results-web .draw-results.powerspin .draw-id {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

.draw-result-powerspin-item-group {
  width: 75% !important; }

@media (max-width: 991.98px) {
  .opap-game-draw-search-web .draw-results.powerspin .draw-input,
  .opap-game-draw-search-web .draw-results.powerspin .date-input {
    width: 100%;
    max-width: none; }
  .opap-game-draw-search-web .draw-results.powerspin.bg > div > .search-bar .right {
    width: 100%; }
  .opap-game-draw-search-web .draw-results.powerspin.bg > div > .search-bar .left {
    width: 100%; }
  body #wrapper .opap-game-draw-results-web .draw-results.powerspin .draw-details > :nth-child(1) {
    order: 1; }
  body #wrapper .opap-game-draw-results-web .draw-results.powerspin .draw-details > :nth-child(2) {
    order: 2; }
  body #wrapper .opap-game-draw-results-web .draw-results.powerspin .draw-details > :nth-child(3) {
    order: 3; }
  body #wrapper .opap-game-draw-results-web .draw-results.powerspin .draw-details .draw-time {
    display: inline-block; }
  body #wrapper .opap-game-draw-results-web .draw-results.powerspin .draw-details .draw-date.row-date {
    float: right; }
  body #wrapper .opap-game-draw-results-web .draw-results.powerspin .draw-details .draw-id {
    text-align: right; }
  body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .circles {
      text-align: center;
      flex-wrap: nowrap;
      align-items: flex-end; }
      body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .circles > * {
        display: inline-block; }
      body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .circles > li {
        margin: 0;
        width: 33%;
        max-width: 33%; }
        body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .circles > li:first-child {
          float: left;
          margin-right: 0 !important;
          margin-bottom: 10px; }
        body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .circles > li:last-child {
          float: right; }
        body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .circles > li > span:first-child {
          min-height: 50px;
          overflow-wrap: break-word; }
        body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .circles > li.draw-result-symbol {
          float: none; }
    body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .wheel-hl,
    body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .wheel-0,
    body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .wheel-1,
    body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .wheel-2 {
      flex-direction: column;
      align-items: center; }
      body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .wheel-hl .draw-result-powerspin-item-group,
      body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .wheel-0 .draw-result-powerspin-item-group,
      body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .wheel-1 .draw-result-powerspin-item-group,
      body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .wheel-2 .draw-result-powerspin-item-group {
        max-width: 100%; }
        body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .wheel-hl .draw-result-powerspin-item-group .draw-result-powerspin-data,
        body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .wheel-0 .draw-result-powerspin-item-group .draw-result-powerspin-data,
        body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .wheel-1 .draw-result-powerspin-item-group .draw-result-powerspin-data,
        body #wrapper .opap-game-draw-results-web .draw-results.powerspin .powerspin-results .wheel-2 .draw-result-powerspin-item-group .draw-result-powerspin-data {
          width: 100%;
          display: flex;
          align-items: center; }
  body #wrapper .opap-game-draw-results-web .draw-results.powerspin .draw-result-color .draw-color {
    width: 90px;
    font-size: 18px; }
  body #wrapper .opap-game-draw-results-web .draw-results.powerspin .draw-result-number .draw-number {
    font-size: 26px; }
  .opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div {
    height: 380px; }
    .opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div .legend {
      font-size: 16px;
      padding-left: 5px;
      padding-right: 5px; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div .legend > span.title {
        display: block;
        margin-bottom: 23px;
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: bold; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div .legend > span {
        display: inline-block;
        margin: 0 15px 15px 15px; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div .legend .circle {
        width: 32px;
        height: 32px;
        line-height: 32px;
        margin-right: 10px; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div .legend .float-right .circle {
        background-color: transparent; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div .legend > .zone {
        margin: 10px 0 15px 0;
        text-align: center; }
        .opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div .legend > .zone > span:first-child {
          display: block;
          margin-bottom: 10px; }
        .opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div .legend > .zone .circle {
          width: 90px;
          margin-right: 0; }
  .opap-game-draw-results-web .powerspin .results-container,
  .opap-game-draw-results-web .powerspin-results {
    width: 100%; }
  #wrapper .opap-game-draw-results-web .draw-results.powerspin .btn-statistics {
    padding-right: 0; }
  #wrapper .opap-game-draw-results-web .container.bg.powerspin.footer {
    padding-left: 7px;
    padding-right: 7px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .opap-draw-search .draw-results.powerspin .draw-result-number {
    margin-right: 50px; }
  .opap-draw-search .draw-results.powerspin .draw-result-overunder {
    margin-left: 50px; }
  .opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div {
    height: 200px; }
    .opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div .legend > span {
      margin-right: 10px; }
      .opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div .legend > span:first-child {
        display: block; } }

.statistics-content {
  height: 472px;
  overflow-y: scroll !important;
  width: 100%;
  padding-right: 19px; }
  .statistics-content table {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background-color: var(--opap-neutral-80); }

.statistics-content::-webkit-scrollbar {
  width: 8px; }

.statistics-content::-webkit-scrollbar-track {
  width: 8px;
  border-radius: 8px;
  background: var(--opap-neutral-90); }

.statistics-content::-webkit-scrollbar-thumb {
  width: 8px;
  border-radius: 8px;
  background: var(--opap-glow-royal-blue); }

.wheel-hl .draw-result-powerspin-item-group .draw-result-powerspin-data,
.wheel-0 .draw-result-powerspin-item-group .draw-result-powerspin-data,
.wheel-1 .draw-result-powerspin-item-group .draw-result-powerspin-data,
.wheel-2 .draw-result-powerspin-item-group .draw-result-powerspin-data {
  display: flex;
  justify-content: space-around; }

.powerspin-on-fire .powerspin-results {
  max-width: 400px; }
  .powerspin-on-fire .powerspin-results .wheel-hl .draw-result-number-hl, .powerspin-on-fire .powerspin-results .wheel-hl .draw-result-bonus-hl {
    font-size: 16px !important; }
  .powerspin-on-fire .powerspin-results .wheel-hl .draw-result-bonus-hl {
    padding-right: 5px !important; }
  .powerspin-on-fire .powerspin-results .draw-result-powerspin-data {
    max-width: 400px;
    justify-content: space-between !important; }

.statistics-expander .btn-statistics .glyphicon {
  top: 4px; }

.powerspin-header-data-wrapper {
  padding: 44px !important;
  position: relative; }
  .powerspin-header-data-wrapper .close-powerspin-statistic {
    display: none; }
  .powerspin-header-data-wrapper .powerspin-header-data {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 18px; }
    .powerspin-header-data-wrapper .powerspin-header-data span {
      width: 100%; }
    .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options {
      display: flex;
      justify-content: space-between;
      width: 100%; }
      .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group img {
          width: 70px; }
        .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group .powerspin-radio {
          width: 42px;
          height: 42px;
          border: 2px solid var(--opap-white);
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center; }
          .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group .powerspin-radio .inner-powerspin-radio {
            width: 28px;
            height: 28px;
            border-radius: 50%;
            cursor: pointer; }
          .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group .powerspin-radio .radio-active {
            background-color: var(--opap-white); }

@media screen and (max-width: 991px) {
  .statistics-content {
    height: 400px; }
  .powerspin-header-data-wrapper .close-powerspin-statistic {
    display: block;
    position: absolute;
    top: -15px;
    right: 10px;
    font-size: 40px !important;
    color: var(--opap-white) !important; }
  .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options {
    width: 100%; } }

@media screen and (max-width: 820px) {
  .draw-result-powerspin-item-group {
    width: 100% !important; }
  .powerspin-header-data-wrapper {
    padding: 22px !important; }
    .powerspin-header-data-wrapper .powerspin-header-data {
      flex-direction: column; }
      .powerspin-header-data-wrapper .powerspin-header-data > span {
        width: 90%; }
      .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options {
        width: 100%;
        margin-top: 22px; } }

@media screen and (max-width: 640px) {
  .draw-result-powerspin-item-group {
    width: 100% !important; }
  .powerspin-header-data-wrapper {
    padding: 22px !important; }
    .powerspin-header-data-wrapper .powerspin-header-data {
      flex-direction: column;
      margin-bottom: 0; }
      .powerspin-header-data-wrapper .powerspin-header-data > span {
        width: 90%; }
      .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options {
        width: 100%;
        margin-top: 22px; }
        .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group {
          width: 33%;
          margin-bottom: 4px; }
          .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group .powerspin-radio {
            width: 28px;
            height: 28px; }
            .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group .powerspin-radio .radio-active {
              width: 20px;
              height: 20px; }
          .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group img {
            width: 60px; } }

@media screen and (max-width: 450px) {
  .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options {
    display: flex;
    flex-wrap: wrap; }
    .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group {
      min-width: 33%;
      justify-content: center; }
      .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group .powerspin-radio {
        width: 24px;
        height: 24px; }
        .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group .powerspin-radio .radio-active {
          width: 18px;
          height: 18px; }
      .powerspin-header-data-wrapper .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group img {
        width: 56px; } }

@media screen and (max-width: 370px) {
  .opap-game-draw-results-web .draw-results-section > .container.bg.footer.powerspin > div {
    height: 435px; }
  .powerspin-header-data-wrapper .close-powerspin-statistic .powerspin-header-data .powerspin-statistic-options .powerspin-radio-group img {
    width: 55px; } }

.opap-game-draw-search-web .draw-results.propogoal.bg .search-bar label {
  height: 26px; }

.opap-game-draw-search-web .draw-results.propogoal > div {
  height: 180px; }

#wrapper .opap-game-draw-results-web .draw-results.propogoal {
  padding-top: 0; }
  #wrapper .opap-game-draw-results-web .draw-results.propogoal ul.circles li {
    width: 65px;
    height: 65px;
    line-height: 61px;
    font-size: 28px; }
  #wrapper .opap-game-draw-results-web .draw-results.propogoal .propogoal-table .table-container table.table {
    overflow: hidden;
    border-radius: 8px; }
    #wrapper .opap-game-draw-results-web .draw-results.propogoal .propogoal-table .table-container table.table thead tr {
      background-color: var(--opap-brand-navy-blue); }
      #wrapper .opap-game-draw-results-web .draw-results.propogoal .propogoal-table .table-container table.table thead tr th {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: var(--opap-clean-white); }
    #wrapper .opap-game-draw-results-web .draw-results.propogoal .propogoal-table .table-container table.table tbody tr td {
      font-size: 18px;
      color: var(--opap-neutral-90); }
  #wrapper .opap-game-draw-results-web .draw-results.propogoal .propogoal-results thead tr {
    background-color: var(--opap-brand-navy-blue); }
    #wrapper .opap-game-draw-results-web .draw-results.propogoal .propogoal-results thead tr th {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: var(--opap-clean-white); }
      #wrapper .opap-game-draw-results-web .draw-results.propogoal .propogoal-results thead tr th:first-child {
        border-radius: 8px 0 0 0; }
      #wrapper .opap-game-draw-results-web .draw-results.propogoal .propogoal-results thead tr th:last-child {
        border-radius: 0 8px 0 0; }
  #wrapper .opap-game-draw-results-web .draw-results.propogoal .total-table {
    margin-top: 15px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden; }
    #wrapper .opap-game-draw-results-web .draw-results.propogoal .total-table td {
      background-color: #ECEEF5;
      border: none;
      border-color: #ECEEF5;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

@media (max-width: 991.98px) {
  .opap-game-draw-search-web .draw-results.propogoal > div {
    height: auto; }
  #wrapper .opap-game-draw-results-web .draw-results.propogoal .draw-details {
    padding-top: 40px; }
  #wrapper .opap-game-draw-results-web .draw-results.propogoal ul.circles li {
    width: 30px;
    height: 30px;
    line-height: 26px;
    font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px; }
  .total-table {
    margin-top: 25px; } }

@media (min-width: 992px) {
  .opap-game-draw-search-web .draw-results.propogoal .right {
    width: 26%; }
  #wrapper .opap-game-draw-search-web .draw-results.propogoal .search-bar .match-day select {
    max-width: 291px;
    width: 100%; } }

@media (max-width: 450px) {
  #wrapper .opap-game-draw-results-web .draw-results.propogoal .draw-details .propogoal-table table.table {
    overflow: scroll;
    display: block; }
    #wrapper .opap-game-draw-results-web .draw-results.propogoal .draw-details .propogoal-table table.table thead tr th {
      padding: 0 5px !important; } }

#wrapper .opap-game-draw-results-web .draw-results.propo .draw-info-and-results .draw-number-parent span {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

#wrapper .opap-game-draw-results-web .draw-results.propo .draw-info-and-results .draw-date > span {
  font-weight: normal; }

#wrapper .opap-game-draw-results-web .draw-results.propo .nav-tabs > li:not(:last-child) > a {
  color: var(--opap-brand-navy-blue);
  height: 48px;
  padding-top: 10px;
  padding-bottom: 10px; }
  #wrapper .opap-game-draw-results-web .draw-results.propo .nav-tabs > li:not(:last-child) > a:hover, #wrapper .opap-game-draw-results-web .draw-results.propo .nav-tabs > li:not(:last-child) > a:focus {
    background-color: var(--opap-neutral-3);
    box-shadow: none; }
  #wrapper .opap-game-draw-results-web .draw-results.propo .nav-tabs > li:not(:last-child) > a.active {
    color: var(--opap-brand-navy-blue);
    background-color: var(--opap-neutral-20);
    box-shadow: none; }
    #wrapper .opap-game-draw-results-web .draw-results.propo .nav-tabs > li:not(:last-child) > a.active::after {
      content: "";
      background: var(--opap-brand-navy-blue);
      border-radius: 4px;
      height: 3px;
      display: block;
      position: absolute;
      bottom: -1px;
      width: 100%; }

#wrapper .opap-game-draw-results-web .draw-results.propo .nav-tabs > li:last-child > a.opap-corporate-main-cta-secondary {
  height: 48px;
  font-size: 16px;
  min-width: 160px;
  font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-left: 30px; }

#wrapper .opap-game-draw-results-web .draw-results.propo .table thead {
  background: var(--opap-brand-navy-blue); }

#wrapper .opap-game-draw-results-web .draw-results.propo .table-responsive {
  margin-top: 50px; }
  #wrapper .opap-game-draw-results-web .draw-results.propo .table-responsive:nth-of-type(5n+1) {
    margin-top: 0px;
    margin-bottom: 80px; }
  #wrapper .opap-game-draw-results-web .draw-results.propo .table-responsive:nth-of-type(5n+3) .table tbody, #wrapper .opap-game-draw-results-web .draw-results.propo .table-responsive:nth-of-type(5n+5) .table tbody {
    display: table;
    width: 100%; }
    #wrapper .opap-game-draw-results-web .draw-results.propo .table-responsive:nth-of-type(5n+3) .table tbody td, #wrapper .opap-game-draw-results-web .draw-results.propo .table-responsive:nth-of-type(5n+5) .table tbody td {
      background-color: #ECEEF5; }

#wrapper .opap-game-draw-results-web .draw-results.propo .table-content-module {
  background-color: var(--opap-neutral-5);
  margin-bottom: 0; }

@media (max-width: 575.98px) {
  #wrapper .opap-game-draw-results-web .draw-results.propo .nav-tabs > li:last-child {
    width: 100%; }
    #wrapper .opap-game-draw-results-web .draw-results.propo .nav-tabs > li:last-child > a.opap-corporate-main-cta-secondary {
      width: 100%;
      margin-left: 0;
      margin-top: 30px; }
  #wrapper .opap-game-draw-results-web .draw-results.propo .opap-tables-filed.opap-table-striped table tbody tr td {
    font-size: 10px; }
  #wrapper .opap-game-draw-results-web .draw-results.propo .table-responsive {
    margin-top: 0px; }
    #wrapper .opap-game-draw-results-web .draw-results.propo .table-responsive:nth-of-type(5n+3).opap-tables-filed.opap-table-striped table tbody tr td, #wrapper .opap-game-draw-results-web .draw-results.propo .table-responsive:nth-of-type(5n+5).opap-tables-filed.opap-table-striped table tbody tr td {
      font-size: 20px;
      text-align: left; } }

@media (min-width: 768px) {
  .opap-game-draw-results-web .draw-results.propo .table .d-md-block.succ:not(.hidden) {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1076px) {
  #wrapper .opap-game-draw-results-web .draw-results.propo .opap-tables-filed.opap-table-striped table tr td, #wrapper .opap-game-draw-results-web .draw-results.propo .opap-tables-filed.opap-table-striped table tr th {
    padding-right: 5px;
    padding-left: 5px; } }

.bootstrap-datetimepicker-widget {
  border: none;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
  line-height: 21px; }
  .bootstrap-datetimepicker-widget .datepicker {
    width: 100%; }
    .bootstrap-datetimepicker-widget .datepicker .table-condensed {
      width: 100%; }
  .bootstrap-datetimepicker-widget th, .bootstrap-datetimepicker-widget td {
    text-align: center; }
  .bootstrap-datetimepicker-widget .day.active {
    background-color: var(--opap-hl-yellow); }
  .bootstrap-datetimepicker-widget .day.today {
    position: relative; }
    .bootstrap-datetimepicker-widget .day.today::before {
      content: '';
      display: inline-block;
      border: solid transparent;
      border-width: 0 0 7px 7px;
      border-bottom-color: #04326C;
      border-top-color: rgba(0, 0, 0, 0.2);
      position: absolute;
      bottom: 4px;
      right: 0; }

.opap-game-draw-results-web .draw-results-section > .container.bg.footer > div {
  min-height: 150px; }

.opap-game-draw-results-web .draw-results-section > .container.bg.footer > div .legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

@media (max-width: 991.98px) {
  body #wrapper .opap-game-draw-search-web .table-container,
  body #wrapper .opap-game-draw-results-web .table-container {
    overflow-x: auto; }
    body #wrapper .opap-game-draw-search-web .table-container table.table td, body #wrapper .opap-game-draw-search-web .table-container table.table th,
    body #wrapper .opap-game-draw-results-web .table-container table.table td,
    body #wrapper .opap-game-draw-results-web .table-container table.table th {
      font-size: 12px !important; } }

@media (max-width: 575.98px) {
  body #wrapper .opap-game-draw-search-web .table-container table.table td, body #wrapper .opap-game-draw-search-web .table-container table.table th,
  body #wrapper .opap-game-draw-results-web .table-container table.table td,
  body #wrapper .opap-game-draw-results-web .table-container table.table th {
    padding: 2px !important;
    font-size: 10px !important; } }

body #wrapper .opap-faq-module .head-subhead {
  text-align: center;
  margin-bottom: 25px; }
  body #wrapper .opap-faq-module .head-subhead .title-headline {
    margin-bottom: 25px;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700; }

body #wrapper .opap-faq-module ul.faq-tiles {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none; }
  body #wrapper .opap-faq-module ul.faq-tiles li.faq-tile {
    display: inline-block;
    font-size: initial;
    width: 33.3%;
    height: 290px;
    padding: 0 12px;
    margin-bottom: 24px; }
    body #wrapper .opap-faq-module ul.faq-tiles li.faq-tile .faq-content {
      background-color: var(--opap-white);
      box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16);
      border-radius: 8px;
      overflow: hidden;
      width: 100%;
      height: 100%;
      padding: 25px 27px;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      body #wrapper .opap-faq-module ul.faq-tiles li.faq-tile .faq-content .title-headline {
        color: var(--opap-neutral-90);
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700; }
      body #wrapper .opap-faq-module ul.faq-tiles li.faq-tile .faq-content img {
        height: 40px;
        margin-bottom: 10px; }
      body #wrapper .opap-faq-module ul.faq-tiles li.faq-tile .faq-content .opap-faq-btn {
        background: var(--opap-glow-tangerine);
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 20px;
        display: inline-block;
        padding: 20px 40px;
        border-radius: 8px;
        width: fit-content;
        box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16); }

@media (max-width: 1279.98px) {
  body #wrapper .opap-faq-module ul.faq-tiles li.faq-tile {
    height: auto;
    min-height: 290px; }
    body #wrapper .opap-faq-module ul.faq-tiles li.faq-tile .faq-content .opap-faq-btn {
      margin-top: 50px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-faq-module ul.faq-tiles li.faq-tile {
    height: 290px;
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
    body #wrapper .opap-faq-module ul.faq-tiles li.faq-tile .faq-content .opap-faq-btn {
      margin-top: 0; } }

@media (max-width: 575.98px) {
  body #wrapper .opap-faq-module ul.faq-tiles li.faq-tile {
    height: auto;
    min-height: 290px; }
    body #wrapper .opap-faq-module ul.faq-tiles li.faq-tile .faq-content .opap-faq-btn {
      margin-top: 40px; } }

body #wrapper .opap-static-image-tiles-header {
  margin-bottom: 40px;
  position: relative;
  width: 100%; }
  body #wrapper .opap-static-image-tiles-header .mobile-logo, body #wrapper .opap-static-image-tiles-header .carousel-indicators {
    display: none; }
  body #wrapper .opap-static-image-tiles-header .background-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 720px;
    object-fit: cover; }
  body #wrapper .opap-static-image-tiles-header .title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    text-align: center;
    color: var(--opap-white);
    margin: 310px auto 22px auto;
    width: 90%;
    text-shadow: 0 0 65px #0F45C7, 0 4px 4px rgba(0, 0, 0, 0.25);
    z-index: 1; }
  body #wrapper .opap-static-image-tiles-header .carousel {
    width: 100%; }
  body #wrapper .opap-static-image-tiles-header .carousel-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: visible; }
    body #wrapper .opap-static-image-tiles-header .carousel-inner .opap-card {
      position: relative;
      min-width: 304px;
      max-width: 304px;
      width: 304px;
      margin: 0 12px;
      overflow: hidden;
      border-radius: 8px;
      background-color: var(--opap-white);
      height: 428px; }
      body #wrapper .opap-static-image-tiles-header .carousel-inner .opap-card .opap-card-title {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        width: 88%;
        margin: 16px 25px;
        font-size: 25px; }
      body #wrapper .opap-static-image-tiles-header .carousel-inner .opap-card .opap-card-text {
        font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        width: 88%;
        margin: 0 25px;
        font-size: 25px; }
      body #wrapper .opap-static-image-tiles-header .carousel-inner .opap-card a {
        font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 1rem;
        height: 52px;
        position: absolute;
        bottom: 24px;
        left: 24px; }
        body #wrapper .opap-static-image-tiles-header .carousel-inner .opap-card a.opap-btn-link {
          font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          max-width: 95px;
          display: flex;
          align-items: center; }
        body #wrapper .opap-static-image-tiles-header .carousel-inner .opap-card a i {
          font-size: 10px;
          align-self: center;
          margin-top: 9px;
          margin-left: 5px; }
      body #wrapper .opap-static-image-tiles-header .carousel-inner .opap-card img {
        width: 100%;
        object-fit: cover;
        object-position: center;
        height: 171px; }
      body #wrapper .opap-static-image-tiles-header .carousel-inner .opap-card.half-card {
        min-height: 202px;
        max-height: 202px;
        height: 202px; }
        body #wrapper .opap-static-image-tiles-header .carousel-inner .opap-card.half-card:first-of-type {
          margin-bottom: 24px; }
        body #wrapper .opap-static-image-tiles-header .carousel-inner .opap-card.half-card .opap-card-title {
          position: absolute;
          top: 0;
          color: var(--opap-clean-white); }
        body #wrapper .opap-static-image-tiles-header .carousel-inner .opap-card.half-card .opap-card-text {
          color: var(--opap-clean-white); }
        body #wrapper .opap-static-image-tiles-header .carousel-inner .opap-card.half-card img {
          height: 100%; }
        body #wrapper .opap-static-image-tiles-header .carousel-inner .opap-card.half-card a {
          font-size: 1rem;
          height: auto;
          color: var(--opap-clean-white);
          bottom: 18px; }

@media (min-width: 992px) {
  body #wrapper .opap-static-image-tiles-header .background-img {
    clip-path: ellipse(123% 100% at 50% 0); }
  body #wrapper .opap-static-image-tiles-header .carousel-item {
    backface-visibility: visible;
    display: block;
    float: none;
    margin-right: 0;
    position: relative;
    width: auto; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-static-image-tiles-header {
    margin-bottom: 20px; }
    body #wrapper .opap-static-image-tiles-header .title {
      margin-top: 240px; }
    body #wrapper .opap-static-image-tiles-header .mobile-logo {
      z-index: 1;
      display: block;
      position: absolute;
      text-align: center;
      width: 100%;
      margin-top: 16px; }
    body #wrapper .opap-static-image-tiles-header .background-img {
      height: 400px; }
    body #wrapper .opap-static-image-tiles-header .carousel {
      overflow: hidden;
      padding-bottom: 60px; }
    body #wrapper .opap-static-image-tiles-header .carousel-inner .carousel-item {
      margin-right: 0; }
      body #wrapper .opap-static-image-tiles-header .carousel-inner .carousel-item .opap-card {
        margin: 0 auto; }
    body #wrapper .opap-static-image-tiles-header .carousel-indicators {
      bottom: 0;
      display: flex; }
      body #wrapper .opap-static-image-tiles-header .carousel-indicators li {
        border-radius: 50%;
        width: 16px;
        height: 16px;
        background-color: var(--opap-neutral-40);
        margin: 0 10px;
        border: none; }
        body #wrapper .opap-static-image-tiles-header .carousel-indicators li.active {
          background: var(--opap-glow-sky-blue);
          box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
          -moz-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
          -webkit-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
          -o-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue); } }

@media (max-width: 767.98px) {
  body #wrapper .opap-static-image-tiles-header .title {
    margin-top: 200px; } }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-search--inline {
  float: left; }

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option[aria-selected] {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

#wrapper .game-calculator .title {
  font-size: 32px;
  color: var(--opap-brand-navy-blue-light);
  margin-bottom: 30px; }

#wrapper .game-calculator .game-calculator-content {
  color: var(--opap-white); }
  #wrapper .game-calculator .game-calculator-content.game-joker {
    /* Chrome */
    /* Firefox */
    /* IE */
    /*
@media (max-width:992px) and (min-width:768px) {
  .joker-demo .select-number,
  .joker-demo .select-column {
    height: 580px;
  }
  .joker-demo .select-number > span:nth-child(1) {
    margin-bottom: 20px;
  }
  .joker-demo-separator {
    margin: 0 3px;
  }
  .joker-demo .select-column .select-column-list li {
    margin: 3px 2px;
  }
  .joker-demo .select-number .numbers li, 
  .joker-demo .select-number .joker li {
    width: 23px;
    height: 23px;
    padding: 5px 0;
    margin: 3px 0px;
    font-size: 12px;
  }
}
*/ }
    #wrapper .game-calculator .game-calculator-content.game-joker *:focus {
      outline-color: transparent; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo {
      margin: 0;
      padding: 0; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo > .opap-corporate-primary-default {
        border-radius: 8px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .hidden {
      display: none !important; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number {
      width: 28.45303867403315%;
      display: inline-block;
      min-height: 1px;
      position: relative;
      padding-left: 12px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column {
      width: 70.71823204419888%;
      display: inline-block;
      min-height: 1px;
      position: relative;
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column > span {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 16px;
      margin-top: 18px;
      margin-left: 30px;
      margin-bottom: 28px;
      display: inline-block; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo ul {
      list-style-type: none;
      text-align: center;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      align-self: flex-start; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo li {
      display: inline-block;
      text-align: center; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .numbers,
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .joker {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: inline-block;
      text-align: center; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .numbers::after,
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .joker::after {
        content: "";
        border-top: 1px solid white;
        display: inline-block;
        width: 95%;
        margin-top: 16px;
        margin-bottom: 18px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .numbers:after {
      content: "";
      border-top: 4px solid white;
      display: inline-block;
      width: 95%;
      margin-top: 16px;
      margin-bottom: 18px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .numbers li,
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .joker li {
      /* display: inline; */
      display: inline-block;
      margin: 3px 4px;
      text-align: center;
      width: 36px;
      height: 36px;
      background: var(--opap-neutral-20);
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      font-size: 14px;
      line-height: 32px;
      font-weight: 400; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .numbers a,
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .joker a {
      color: var(--opap-neutral-70);
      text-decoration: none;
      font-size: 18px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .numbers .active {
      background-color: #008FE9;
      color: white; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .numbers .active a {
        color: white; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .joker .active {
      background-color: var(--opap-brand-yellow); }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .joker .active a {
        color: var(--opap-neutral-90); }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number > span:nth-child(1) {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 16px;
      margin-top: 18px;
      margin-left: 8px;
      margin-bottom: 36px;
      display: block; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .recurring-label {
      font-size: 14px;
      padding-right: 4px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .recurring {
      justify-content: space-between;
      display: flex;
      align-items: center;
      margin-left: 5%;
      margin-bottom: 8px;
      margin-right: 5%; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .recurring > .select2-container {
        width: 90px;
        text-align: center; }
        #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .recurring > .select2-container .select2-selection {
          height: 46px;
          border-radius: 8px;
          border: 1px solid #DDDEE3;
          background-color: var(--opap-white);
          padding-top: 8px; }
          #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .recurring > .select2-container .select2-selection .select2-selection__rendered {
            font-size: 16px;
            line-height: 26px;
            padding-left: 8px;
            padding-right: 33px;
            color: var(--opap-neutral-90); }
          #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .recurring > .select2-container .select2-selection .select2-selection__arrow {
            width: 35px;
            padding-right: 20px;
            padding-top: 10px;
            color: var(--opap-neutral-90); }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .recurring > .glyphicon {
        margin-left: 10px;
        cursor: pointer; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list li[class^="j"],
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list.active li[class^="j"] {
      background-color: var(--opap-brand-yellow);
      color: var(--opap-neutral-90); }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo-separator {
      content: "";
      border-right: 1px solid #0099ff;
      margin: 0 10px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list.active {
      border: 2px solid white; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .number-row > ul {
      text-align: left; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .number-row > ul:nth-child(2) {
        max-width: 195px; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .number-row > ul:nth-child(3) {
        max-width: 156px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .number-row {
      display: flex; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list-item {
      /* display: block; */ }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list {
      background: var(--opap-default-primary);
      padding: 16px 10px 16px 16px;
      margin: 0px 20px 5px 30px;
      border-radius: 8px;
      /* FLEX PROPERTIES */
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list li,
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .list-name {
      width: 36px;
      height: 36px;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      display: inline-block;
      padding: 7px 0;
      margin-right: 3px;
      line-height: 22px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .list-name {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 16px;
      width: auto;
      margin-right: 18px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list.active li,
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list li {
      background-color: #008FE9;
      color: white;
      font-size: 18px;
      line-height: 18px;
      margin-bottom: 2px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls {
      display: flex;
      align-items: center;
      align-self: flex-start;
      margin-right: 20px;
      padding-top: 3px; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls .select-column-list-checkbox {
        white-space: nowrap;
        margin-left: 16px; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls .glyphicon-random {
        cursor: pointer; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls .random-label {
        padding-left: 10px;
        margin: 0;
        cursor: pointer;
        font-size: 16px; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls > a.empty {
        color: var(--opap-white);
        margin-left: 28px;
        white-space: nowrap; }
        #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls > a.empty > .glyphicon {
          padding-right: 2px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls label,
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls a {
      margin-top: 1px;
      color: var(--opap-white);
      font-weight: 400; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls input {
      margin: 0;
      margin-right: 4px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls label {
      margin: 0;
      margin-right: 8px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-count {
      width: 92%;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 30px;
      margin-right: 20px;
      line-height: 33px;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 20px; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-count .total-cost {
        margin-right: 32px;
        margin-bottom: 8px;
        text-align: right;
        color: var(--opap-brand-apple); }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-count .calculation {
        background-color: var(--opap-brand-apple);
        height: 77px;
        position: relative; }
        #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-count .calculation > div {
          text-align: right;
          position: absolute;
          right: 25%; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .columns {
      min-height: 538px; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .btn span.glyphicon {
      opacity: 0; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .btn.active span.glyphicon {
      opacity: 1; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .checkboxFive {
      width: 25px;
      margin: 20px 100px;
      position: relative; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column-list-controls label {
      cursor: pointer; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .glyphicon-ok {
      padding-left: 5px;
      color: var(--opap-brand-lime-green);
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select2-selection__remove {
      position: absolute;
      left: 56px;
      color: #fc0;
      cursor: pointer;
      top: 0; }
    @supports (-webkit-appearance: none) {
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select2-selection__remove {
        padding: 3px 4px 3px 3px; } }
    #wrapper .game-calculator .game-calculator-content.game-joker _:-moz-tree-row(hover),
    #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select2-selection__remove {
      padding: 3px 4px 3px 3px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select2-selection__remove {
        padding: 3px 4px 3px 3px; } }
    @media (max-width: 991.98px) {
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number {
        width: 100%;
        display: inline-block;
        min-height: 1px;
        position: relative;
        padding: 0 10px;
        height: auto; }
        #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number > span:first-child {
          margin-left: 0; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column {
        width: 100%;
        display: inline-block;
        min-height: 1px;
        position: relative;
        min-height: 420px;
        padding: 0 10px; }
        #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column > span:first-child {
          margin-left: 0; }
        #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list {
          margin-left: 0; }
          #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls {
            margin-right: 0; }
            #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls > a.empty {
              margin-left: 10px; }
              #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls > a.empty > span:last-child {
                display: none; }
            #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .select-column-list-controls .random-label {
              display: none; }
        #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column ul {
          max-width: 135px; }
        #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-count {
          position: initial;
          font-size: 14px;
          margin: 0;
          width: 100%;
          padding-bottom: 10px; }
        #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .list-name {
          width: 24px;
          height: 24px;
          margin-right: 0;
          padding-top: 0;
          padding-bottom: 0; }
      #wrapper .game-calculator .game-calculator-content.game-joker .select2-container .select2-results .select2-results__options {
        font-size: 20px;
        padding-left: 20px; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .numbers,
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .joker {
        display: inline;
        text-align: center; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .recurring {
        width: 240px;
        margin: 20px 0 10px 0; }
        #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .recurring > .glyphicon {
          font-size: 18px; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list.active li,
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list li {
        font-size: 14px;
        padding: 1px 0; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list li[class^="j"],
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list.active li[class^="j"] {
        font-size: 14px;
        padding: 1px 0; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .columns {
        min-height: 310px; } }
    @media (max-width: 425px) {
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column ul {
        max-width: 150px; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list li,
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .list-name {
        width: 24px;
        height: 24px;
        font-size: 13px; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .list-name {
        min-width: 24px;
        min-height: 24px;
        max-width: 24px;
        max-height: 24px; } }
    @media (max-width: 375px) {
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column ul {
        max-width: 130px; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column ul:last-of-type {
        max-width: 50px;
        flex: none; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list li,
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .list-name {
        width: 19px;
        height: 19px;
        padding: 0;
        font-size: 11px;
        line-height: 20px; }
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column .select-column-list .list-name {
        min-width: 19px;
        min-height: 19px;
        max-width: 19px;
        max-height: 19px; } }
    @media (max-width: 320px) {
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-column ul {
        max-width: 98px; } }
    @media (max-width: 1200px) and (min-width: 992px) {
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .numbers li,
      #wrapper .game-calculator .game-calculator-content.game-joker .joker-demo .select-number .joker li {
        width: 28px;
        height: 28px;
        line-height: 28px;
        margin: 3px 0px;
        font-size: 13px; } }
  #wrapper .game-calculator .game-calculator-content.game-lotto {
    /* Chrome */
    /* Firefox */
    /* IE */
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */ }
    #wrapper .game-calculator .game-calculator-content.game-lotto *:focus {
      outline-color: transparent; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .hidden {
      display: none !important; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo {
      font-size: 14px;
      line-height: 1.4;
      max-width: none;
      margin: 0;
      padding: 0; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number {
      width: 50%;
      display: inline-block;
      min-height: 1px;
      position: relative;
      border: 2px solid #fddb00;
      border-radius: 8px 0 0 8px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column {
      width: 50%;
      display: inline-block;
      min-height: 1px;
      position: relative;
      background-color: #1e417c;
      padding-bottom: 10px;
      border-radius: 0 8px 8px 0; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column > span {
      color: #fff;
      font-size: 13px;
      font-weight: 600;
      margin-top: 12px;
      margin-left: 18px;
      margin-bottom: 18px;
      display: inline-block; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo ul {
      list-style-type: none;
      text-align: center;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      align-self: flex-start; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo li {
      display: inline-block;
      text-align: center; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers {
      list-style-type: none;
      margin: 0;
      display: inline-flex;
      min-height: 194px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers-list {
      padding: 30px 0 42px 10px;
      text-align: right;
      max-width: 415px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers li {
      /* display: inline; */
      display: inline-block;
      padding: 6px 0;
      margin: 10px 3px;
      text-align: center;
      width: 30px;
      height: 30px;
      background: white;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      font-size: 14px;
      line-height: 14px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers a {
      color: #1e417c;
      text-decoration: none;
      font-weight: 600; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers .active {
      background: #1e417c; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers .active a {
      color: #fddb00; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number ul:nth-child(3) {
      margin-bottom: 36px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number > span:nth-child(1) {
      color: #1e417c;
      font-size: 13px;
      font-weight: 600;
      margin-top: 12px;
      margin-left: 8px;
      margin-bottom: 16px;
      display: block; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .recurring-label {
      font-size: 15px;
      color: #1e417c;
      padding-right: 15px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .select2-container--default .select2-selection--single {
      background-color: #1e417c !important;
      border-radius: 50px !important;
      border: none !important; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #f5f5f6;
      line-height: 28px;
      padding-right: 33px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #1e417c transparent transparent transparent; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .recurring {
      display: block;
      text-align: right;
      background: #fddb00;
      padding: 12px 15px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list li[class^="j"] {
      background-color: #1e417c; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo-separator {
      content: "";
      border-right: 1px solid #0099ff;
      margin: 0 10px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list.active {
      background: #003366; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list li {
      background-color: #fff; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column ul {
      text-align: left;
      max-width: 205px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .number-row {
      display: flex; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list {
      background: #0464b2;
      padding: 8px;
      margin: 2px 12px;
      border-radius: 10px;
      /* FLEX PROPERTIES */
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list li,
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list .list-name {
      text-align: center;
      width: 28px;
      height: 28px;
      background-color: #fff;
      color: #003366;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      display: inline-block;
      padding: 7px 0;
      margin: 3px 3px;
      font-size: 14px;
      line-height: 14px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list .list-name {
      background-color: #0099ff !important;
      border-radius: 6px;
      color: #fff;
      min-width: 28px;
      min-height: 28px;
      max-width: 28px;
      max-height: 28px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list.active li {
      background: #fddb00; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list li {
      background-color: #fff; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list .select-column-list-controls {
      /* margin: 0 5px 0 0!important; */
      display: flex;
      align-items: center;
      align-self: flex-start;
      padding-top: 7px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list .select-column-list-controls label,
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list .select-column-list-controls a {
      margin-top: 1px;
      color: #fff;
      font-weight: 400; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list .select-column-list-controls input {
      margin: 0;
      margin-right: 4px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list .select-column-list-controls label {
      margin: 0;
      margin-right: 8px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-count {
      background-color: #ffffff;
      /* width: 65.4296875%; */
      margin: 0px auto;
      text-align: center;
      border-radius: 24px;
      /* position: absolute; */
      line-height: 32px;
      font-weight: 600;
      bottom: 8px;
      width: 87%;
      font-size: 0.9em;
      color: black; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .columns {
      min-height: 310px;
      padding-bottom: 18px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .btn span.glyphicon {
      opacity: 0; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .btn.active span.glyphicon {
      opacity: 1; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .checkboxFive {
      width: 25px;
      margin: 20px 100px;
      position: relative; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column-list-controls label {
      cursor: pointer; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select2-selection__arrow .glyphicon {
      color: #fddb00;
      line-height: 25px;
      padding-right: 20px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .select2-container--default .select2-selection--single {
      padding-right: 10px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .check-icon {
      background: url("../images/opap/game-calculators/tick.png") no-repeat;
      background-size: contain;
      padding: 10px;
      float: right;
      margin: -3px 4px 0 0;
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select2-selection__remove {
      position: absolute;
      left: 56px;
      color: #fddb00;
      cursor: pointer;
      top: 0; }
    @supports (-webkit-appearance: none) {
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select2-selection__remove {
        padding: 3px 4px 3px 3px; } }
    #wrapper .game-calculator .game-calculator-content.game-lotto _:-moz-tree-row(hover),
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select2-selection__remove {
      padding: 3px 4px 3px 3px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select2-selection__remove {
        padding: 3px 4px 3px 3px; } }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select2-container--default .select2-selection--single .select2-selection__arrow {
      width: 35px; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .select2-container--default .select2-selection--single {
      padding-right: 10px; }
    @media (max-width: 991.98px) {
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number {
        width: 100%;
        display: inline-block;
        min-height: 1px;
        position: relative;
        height: auto;
        border-radius: 8px 8px 0 0; }
        #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers li li {
          padding: 4px 0; }
        #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers li a {
          font-size: 12px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column {
        width: 100%;
        display: inline-block;
        min-height: 1px;
        position: relative;
        min-height: 420px;
        border-radius: 0 0 8px 8px; }
        #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list li {
          padding: 3px 0; }
        #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column ul {
          padding-top: 3px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers {
        min-width: unset;
        min-height: unset;
        max-width: 380px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers:after {
        width: 100%; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .recurring {
        margin: 10px 0px 0px 0px;
        padding: 5px 15px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .columns {
        min-height: 310px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-count {
        width: 90%;
        font-size: 12px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers-list {
        padding-bottom: unset;
        padding-top: unset;
        text-align: center;
        max-width: unset; } }
    @media (max-width: 424px) {
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers {
        max-width: 340px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers li {
        font-size: 13px;
        width: 25px;
        height: 25px;
        padding: 4px 0;
        margin: 2px 3px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .number-row {
        max-width: 205px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list li,
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .list-name {
        width: 22px;
        height: 22px;
        padding: 3px 0;
        font-size: 13px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .recurring-label {
        font-size: 13px;
        padding-right: 15px; } }
    @media (max-width: 374px) {
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers li {
        font-size: 12px;
        width: 20px;
        height: 20px;
        padding: 3px 0; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list li,
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list .list-name {
        width: 19px;
        height: 19px;
        padding: 3px 0;
        font-size: 12px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column ul {
        max-width: 150px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list .list-name {
        min-width: 19px;
        min-height: 19px;
        max-width: 19px;
        max-height: 19px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-column .select-column-list .select-column-list-controls {
        padding-top: 2px; }
      #wrapper .game-calculator .game-calculator-content.game-lotto .lotto-demo .select-number .numbers {
        max-width: 270px; } }
    #wrapper .game-calculator .game-calculator-content.game-lotto .select-column-list-checkbox {
      display: block;
      position: relative;
      padding-left: 35px;
      margin: 0px 0px 12px -12px;
      cursor: pointer;
      font-size: 22px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .select-column-list-checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .select-column-list-checkbox .checkmark {
      position: absolute;
      top: 0;
      left: 18px;
      height: 13px;
      width: 13px;
      background-color: #0099ff;
      border: solid white 1px;
      border-radius: 15%; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .select-column-list-checkbox input:checked ~ .checkmark:after {
      display: block; }
    #wrapper .game-calculator .game-calculator-content.game-lotto .select-column-list-checkbox .checkmark:after {
      left: 3px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  #wrapper .game-calculator .game-calculator-content.game-proto {
    /* Chrome */
    /* Firefox */
    /* IE */
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */ }
    #wrapper .game-calculator .game-calculator-content.game-proto *:focus {
      outline-color: transparent; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo {
      font-size: 14px;
      line-height: 1.4;
      max-width: none;
      margin: 0;
      padding: 0; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number {
      width: 35%;
      display: inline-block;
      min-height: 1px;
      position: relative;
      height: 590px;
      background-color: #e31e26;
      text-align: center;
      border-radius: 8px 0 0 8px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column {
      width: 65%;
      display: inline-block;
      min-height: 1px;
      position: relative;
      float: right;
      background-color: #1e417c;
      min-height: 590px;
      border-radius: 0 8px 8px 0; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column > span {
      color: #fff;
      font-size: 13px;
      font-weight: 600;
      margin-top: 12px;
      margin-left: 18px;
      margin-bottom: 20px;
      display: inline-block; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo ul {
      list-style-type: none;
      text-align: center;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: nowrap;
      align-self: flex-start; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .columns ul {
      border: 1px #86c5ef solid;
      border-radius: 6px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo li {
      display: inline-block;
      text-align: center; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .select-number-list {
      padding: 70px 8px 0; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .numbers {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: flex;
      text-align: center; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .numbers-list {
      padding: 0 0 35px 15px;
      text-align: right;
      max-width: 415px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .numbers li {
      /* display: inline; */
      display: inline-block;
      margin: 6px 1px;
      text-align: center;
      width: 30px;
      height: 30px;
      background: #c61724;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      font-size: 14px;
      line-height: 31px;
      font-weight: 400; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .numbers a {
      color: #fff;
      text-decoration: none; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .numbers .active {
      background: #fbdeeb; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .numbers .active a {
      color: #A8226F; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number > span:nth-child(1) {
      color: #fff;
      font-size: 13px;
      font-weight: 600;
      margin-top: 12px;
      margin-left: 8px;
      margin-bottom: 16px;
      display: block; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .recurring-label,
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .multiplier-label {
      font-size: 13px;
      color: #fff;
      /*padding-right: 4px;*/ }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .multiplier-label {
      margin-top: -4px;
      text-align: left;
      width: 100px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .select2-container--default .select2-selection--single {
      background-color: #fbdeeb !important;
      border-radius: 50px !important;
      border: none !important; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #A8226F;
      line-height: 28px;
      padding-right: 33px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #A8226F transparent transparent transparent; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .multiplier {
      text-align: right;
      margin-right: 10px;
      justify-content: space-between;
      display: flex;
      margin-bottom: 8px;
      border-top: 2px solid #fff;
      padding-top: 12px;
      border-bottom: 2px solid #fff;
      padding-bottom: 12px;
      position: absolute;
      right: -1%;
      width: 96%;
      align-items: center; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .recurring {
      text-align: right;
      justify-content: space-between;
      display: flex;
      align-items: center;
      margin-bottom: 8px;
      margin-right: 10px;
      position: absolute;
      bottom: 2px;
      right: -1%;
      width: 96%; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list li[class^="j"] {
      background-color: #A8226F; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo-separator {
      content: "";
      border-right: 1px solid #1e417c;
      margin: 0 10px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list.active {
      background: #0464b2; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .number-row {
      display: flex;
      align-items: center;
      padding: 5px 0; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list {
      background: #184d8b;
      padding: 8px;
      margin: 2px 12px;
      border-radius: 10px;
      /* FLEX PROPERTIES */
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list li,
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list .list-name {
      text-align: center;
      width: 36px;
      height: 21px;
      color: #0464b2;
      display: inline-block;
      margin: 5px 0px;
      font-size: 14px;
      line-height: 21px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list li {
      border-right: 1px #86c5ef solid;
      color: #fff; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list li:last-child {
      border: none; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list .list-name {
      background-color: #1e417c !important;
      border-radius: 6px;
      color: #fff;
      width: 28px;
      height: 28px;
      line-height: 28px;
      margin-right: 5px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list .select-column-list-controls {
      /* margin: 0 5px 0 0!important; */
      display: flex;
      align-items: center; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list .select-column-list-controls label,
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list .select-column-list-controls a {
      margin-top: 1px;
      color: #fff;
      font-weight: 400; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list .select-column-list-controls input {
      margin: 0;
      margin-right: 4px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list .select-column-list-controls label {
      margin: 0;
      margin-right: 8px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-count {
      background-color: #fff;
      text-align: center;
      border-radius: 24px;
      position: absolute;
      line-height: 32px;
      font-weight: 600;
      bottom: 8px;
      font-size: .9em;
      left: 4.2%;
      padding: 0;
      color: black; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .columns {
      min-height: 310px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .btn span.glyphicon {
      opacity: 0; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .btn.active span.glyphicon {
      opacity: 1; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .checkboxFive {
      width: 25px;
      margin: 20px 100px;
      position: relative; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .multiplier-value {
      color: #fff;
      padding: 7px 0px 0px 7px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .number-till {
      text-align: center;
      color: #fff;
      font-size: 12px;
      line-height: 8px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column-list-controls label {
      cursor: pointer; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select2-selection__arrow .glyphicon {
      color: #a8226f;
      line-height: 25px;
      padding-right: 20px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select2-selection__remove {
      position: absolute;
      top: 0;
      left: 56px;
      color: #a8226f;
      cursor: pointer; }
    @supports (-webkit-appearance: none) {
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select2-selection__remove {
        padding: 3px 4px 3px 3px; } }
    #wrapper .game-calculator .game-calculator-content.game-proto _:-moz-tree-row(hover),
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select2-selection__remove {
      padding: 3px 4px 3px 3px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select2-selection__remove {
        padding: 3px 4px 3px 3px; } }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select2-container--default .select2-selection--single .select2-selection__arrow {
      width: 35px;
      padding-right: 3px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .select2-container--default .select2-selection--single {
      padding-right: 10px; }
    #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .check-icon {
      background: url("../images/opap/game-calculators/tick.png") no-repeat;
      background-size: contain;
      padding: 10px;
      float: right;
      margin: -2px 10px 0 0;
      display: none; }
    @media (max-width: 991.98px) {
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number {
        width: 100%;
        display: inline-block;
        min-height: 1px;
        position: relative;
        height: auto;
        border-radius: 8px 8px 0 0; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column {
        width: 100%;
        min-height: 550px;
        border-radius: 0 0 8px 8px;
        float: none; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .numbers {
        display: block;
        width: 100%; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .select-number-list {
        padding: 70px 0px 45px 0px; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .numbers li {
        margin: 3px 6px; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .multiplier,
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .recurring {
        justify-content: flex-end;
        left: unset; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .multiplier-label,
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .recurring-label {
        margin-right: 35%;
        width: 150px;
        text-align: right; } }
    @media (max-width: 470px) {
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .numbers li {
        margin: 3px 2px; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .multiplier-label,
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .recurring-label {
        margin-right: 24%; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column {
        min-height: 540px; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list li,
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list .list-name {
        width: 24px;
        height: 20px;
        line-height: 20px; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .multiplier-value,
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list .select-column-list-controls {
        font-size: 13px; } }
    @media (max-width: 424px) {
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .numbers li {
        font-size: 13px;
        width: 25px;
        height: 25px;
        line-height: 26px;
        margin: 2px 3px; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .recurring-label,
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .multiplier-label {
        font-size: 12px;
        color: #fff;
        padding-right: 15px;
        margin-right: 13%; } }
    @media (max-width: 374px) {
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-number .numbers li {
        font-size: 12px;
        width: 20px;
        height: 20px;
        line-height: 21px; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column {
        min-height: 520px; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list li,
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list .list-name {
        width: 20px;
        height: 17px;
        font-size: 12px;
        line-height: 17px; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list .list-name {
        min-width: 19px;
        min-height: 19px;
        max-width: 19px;
        max-height: 19px;
        line-height: 19px; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .multiplier-value,
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-list .select-column-list-controls {
        font-size: 12px; }
      #wrapper .game-calculator .game-calculator-content.game-proto .proto-demo .select-column .select-column-count {
        font-size: .7em; } }
    #wrapper .game-calculator .game-calculator-content.game-proto .select-column-list-checkbox {
      display: block;
      position: relative;
      padding-left: 35px;
      margin: 0px 0px 12px -12px;
      cursor: pointer;
      font-size: 22px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    #wrapper .game-calculator .game-calculator-content.game-proto .select-column-list-checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-proto .select-column-list-checkbox .checkmark {
      position: absolute;
      top: 0;
      left: 18px;
      height: 13px;
      width: 13px;
      background-color: #1e417c;
      border: solid white 1px;
      border-radius: 15%; }
    #wrapper .game-calculator .game-calculator-content.game-proto .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-proto .select-column-list-checkbox input:checked ~ .checkmark:after {
      display: block; }
    #wrapper .game-calculator .game-calculator-content.game-proto .select-column-list-checkbox .checkmark:after {
      left: 3px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  #wrapper .game-calculator .game-calculator-content.game-extra5 {
    /* Chrome */
    /* Firefox */
    /* IE */
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */ }
    #wrapper .game-calculator .game-calculator-content.game-extra5 *:focus {
      outline-color: transparent; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo {
      font-size: 14px;
      line-height: 1.4;
      max-width: none;
      margin: 0;
      padding: 0; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .hidden {
      display: none !important; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number {
      width: 50%;
      display: inline-block;
      min-height: 1px;
      position: relative;
      border-radius: 8px 0 0 8px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column {
      width: 50%;
      display: inline-block;
      position: relative;
      background-color: #0099ff;
      border-radius: 0 8px 8px 0; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column > span {
      color: #fff;
      font-size: 13px;
      font-weight: 600;
      margin-top: 12px;
      margin-left: 18px;
      margin-bottom: 28px;
      display: inline-block; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo ul {
      list-style-type: none;
      text-align: center;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      align-self: flex-start; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo li {
      display: inline-block;
      text-align: center; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .numbers {
      list-style-type: none;
      margin: 0;
      min-height: 194px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .numbers-list {
      padding: 0 0 35px 15px;
      text-align: right; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .numbers li {
      /* display: inline; */
      display: inline-block;
      padding: 0;
      margin: 3px calc(5% - 15px);
      text-align: center;
      width: 30px;
      height: 30px;
      background: #fff;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      font-size: 14px;
      line-height: 28px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .numbers a {
      color: #A8226F;
      text-decoration: none; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .numbers .active {
      background: #e671b4; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .numbers li.active a {
      color: #fff; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number ul:nth-child(3) {
      margin-bottom: 36px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number > span:nth-child(1) {
      color: #fff;
      font-size: 13px;
      font-weight: 600;
      margin-top: 12px;
      margin-left: 8px;
      margin-bottom: 16px;
      display: block; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .recurring-label,
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .multiplier-label {
      font-size: 15px;
      color: #fff;
      padding-right: 15px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .select2-container--default .select2-selection--single {
      background-color: #fadfeb !important;
      border-radius: 50px !important;
      border: none !important; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #A8226F;
      line-height: 28px;
      padding-right: 35px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #A8226F transparent transparent transparent; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .recurring,
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .multiplier {
      display: block;
      text-align: right;
      margin: 0 10px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .multiplier:before,
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .multiplier:after {
      content: "";
      border-top: 2px solid #fff;
      display: inline-block;
      width: 100%;
      margin-top: 16px;
      margin-bottom: 18px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list li[class^="j"] {
      background-color: #A8226F; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo-separator {
      content: "";
      border-right: 1px solid #0099ff;
      margin: 0 10px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list.active {
      background: #003366; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list li {
      background-color: #fff; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column ul {
      text-align: left;
      max-width: 170px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .number-row {
      display: flex; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list {
      background: #336699;
      padding: 8px;
      margin: 2px 12px;
      border-radius: 10px;
      /* FLEX PROPERTIES */
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list li,
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list .list-name {
      text-align: center;
      width: 28px;
      height: 28px;
      background-color: #fff;
      color: #003366;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      display: inline-block;
      margin: 3px 3px;
      font-size: 14px;
      line-height: 28px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list .list-name {
      background-color: #0099ff !important;
      border-radius: 6px;
      color: #fff;
      min-width: 28px;
      min-height: 28px;
      max-width: 28px;
      max-height: 28px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list.active li {
      background: #ffcc00; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list li {
      background-color: #fff; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list .select-column-list-controls {
      /* margin: 0 5px 0 0!important; */
      display: flex;
      align-items: center;
      line-height: 14px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list .select-column-list-controls label,
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list .select-column-list-controls a {
      margin-top: 1px;
      color: #fff;
      font-weight: 400; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list .select-column-list-controls input {
      margin: 0;
      margin-right: 4px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list .select-column-list-controls label {
      margin: 0;
      margin-right: 8px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-count {
      background-color: #ffffff;
      /* width: 65.4296875%; */
      margin: 10px auto;
      text-align: center;
      border-radius: 24px;
      /* position: absolute; */
      line-height: 32px;
      font-weight: 600;
      bottom: 8px;
      width: 87%;
      font-size: 0.9em;
      color: black; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .columns {
      min-height: 310px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .btn span.glyphicon {
      opacity: 0; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .btn.active span.glyphicon {
      opacity: 1; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .checkboxFive {
      width: 25px;
      margin: 20px 100px;
      position: relative; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .multiplier-value {
      color: #fff;
      padding: 7px 0px 0px 7px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column-list-controls label {
      cursor: pointer; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select2-selection__arrow .glyphicon {
      color: #a8226f;
      line-height: 25px;
      padding-right: 20px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .select2-container--default .select2-selection--single {
      padding-right: 10px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .check-icon {
      background: url("../images/opap/game-calculators/tick.png") no-repeat;
      background-size: contain;
      padding: 10px;
      float: right;
      margin-right: 7px;
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select2-selection__remove {
      position: absolute;
      left: 56px;
      color: #a8226f;
      cursor: pointer;
      top: 0px; }
    @supports (-webkit-appearance: none) {
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select2-selection__remove {
        padding: 3px 4px 3px 3px; } }
    #wrapper .game-calculator .game-calculator-content.game-extra5 _:-moz-tree-row(hover),
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select2-selection__remove {
      padding: 3px 4px 3px 3px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select2-selection__remove {
        padding: 3px 4px 3px 3px; } }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select2-container--default .select2-selection--single .select2-selection__arrow {
      width: 40px;
      padding-right: 3px; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .select2-container--default .select2-selection--single {
      padding-right: 10px; }
    @media (max-width: 991.98px) {
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number {
        width: 100%;
        display: inline-block;
        min-height: 1px;
        position: relative;
        padding: 0 15px;
        height: auto;
        border-radius: 8px 8px 0 0; }
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column {
        width: 100%;
        display: inline-block;
        min-height: unset;
        position: relative;
        border-radius: 0 0 8px 8px; }
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column ul {
        max-width: 170px; }
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list li,
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list .list-name {
        width: 24px;
        height: 24px;
        line-height: 24px; }
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .numbers {
        min-width: unset;
        min-height: unset; }
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .numbers:after {
        width: 100%; }
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .recurring {
        margin: 15px 10px 5px 0px; }
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .columns {
        min-height: unset; }
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-count {
        width: 90%;
        font-size: 11px;
        padding: 0px 10px; }
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .numbers-list {
        padding: unset; } }
    @media (max-width: 424px) {
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .recurring-label,
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .multiplier-label {
        font-size: 13px;
        color: #fff;
        padding-right: 15px; }
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .multiplier-value,
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list .select-column-list-controls {
        font-size: 12px; } }
    @media (max-width: 374px) {
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-number .numbers li {
        font-size: 12px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin: 3px calc(5% - 10px); }
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list li,
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list .list-name {
        width: 19px;
        height: 19px;
        font-size: 12px;
        line-height: 19px; }
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column ul {
        max-width: 125px; }
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .multiplier-value,
      #wrapper .game-calculator .game-calculator-content.game-extra5 .extra5-demo .select-column .select-column-list .select-column-list-controls {
        font-size: 10px; } }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .select-column-list-checkbox {
      display: block;
      position: relative;
      padding-left: 35px;
      margin: 0px 0px 12px -12px;
      cursor: pointer;
      font-size: 22px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .select-column-list-checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .select-column-list-checkbox .checkmark {
      position: absolute;
      top: 0;
      left: 18px;
      height: 13px;
      width: 13px;
      background-color: #0099ff;
      border: solid white 1px;
      border-radius: 15%; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .select-column-list-checkbox input:checked ~ .checkmark:after {
      display: block; }
    #wrapper .game-calculator .game-calculator-content.game-extra5 .select-column-list-checkbox .checkmark:after {
      left: 3px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  #wrapper .game-calculator .game-calculator-content.game-super3 {
    /* Chrome */
    /* Firefox */
    /* IE */
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */ }
    #wrapper .game-calculator .game-calculator-content.game-super3 *:focus {
      outline-color: transparent; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo {
      font-weight: 400;
      font-size: 14px;
      line-height: 1.4;
      max-width: none;
      margin: 0;
      padding: 0; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number {
      width: 28%;
      display: inline-block;
      min-height: 1px;
      position: relative;
      height: 710px;
      background-color: #ff3333;
      text-align: center;
      border-radius: 8px 0 0 8px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column {
      width: 72%;
      display: inline-block;
      min-height: 1px;
      position: relative;
      float: right;
      background-color: #034f9c;
      min-height: 422px;
      border-radius: 0 8px 8px 0; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column > span {
      color: #fff;
      font-size: 13px;
      font-weight: 700;
      margin-top: 12px;
      margin-left: 18px;
      margin-bottom: 28px;
      display: inline-block; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo ul {
      list-style-type: none;
      text-align: center;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      align-self: flex-start;
      flex-direction: column; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo li {
      display: inline-block;
      text-align: center; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .numbers {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: inline-block;
      text-align: center;
      width: 175px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column-list-item {
      width: 100%; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .numbers-list {
      padding: 0 0 35px 15px;
      text-align: right;
      max-width: 415px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .numbers li {
      /* display: inline; */
      display: inline-block;
      margin: 6px 12px;
      text-align: center;
      width: 30px;
      height: 30px;
      background: #c61724;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      font-size: 14px;
      line-height: 30px;
      font-weight: 700; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .numbers a {
      color: #fff;
      text-decoration: none; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .numbers .active {
      background: #fbdeeb; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .numbers .active a {
      color: #A8226F; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number > span:nth-child(1) {
      text-align: left;
      color: #fff;
      font-size: 13px;
      font-weight: 700;
      margin-top: 12px;
      margin-left: 8px;
      margin-bottom: 16px;
      display: block; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .recurring-label,
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .multiplier-label {
      font-size: 13px;
      color: #fff;
      padding-right: 4px;
      text-align: right; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .recurring-label {
      max-width: 100px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .select2-container--default .select2-selection--single {
      background-color: #fbdeeb !important;
      border-radius: 50px !important;
      border: none !important; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .select2-container--default .select2-selection--single .select2-selection__rendered {
      color: #A8226F;
      line-height: 28px;
      padding-right: 30px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #A8226F transparent transparent transparent; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .multiplier {
      display: block;
      text-align: center;
      margin: 0 10px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .recurring {
      justify-content: space-between;
      display: flex;
      align-items: center;
      margin-left: 5%;
      margin-bottom: 8px;
      margin-right: 5%;
      position: absolute;
      bottom: 2px;
      right: -12px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .multiplier:before,
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .multiplier:after {
      content: "";
      border-top: 2px solid #fff;
      display: inline-block;
      width: 100%;
      margin-top: 16px;
      margin-bottom: 18px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list li[class^="j"] {
      background-color: #A8226F; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo-separator {
      content: "";
      border-right: 1px solid #034f9c;
      margin: 0 10px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list.active {
      background: #0b385e; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list li {
      background-color: #fff; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .number-row {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list {
      background: #0464b2;
      padding: 8px;
      margin: 2px 12px;
      border-radius: 10px;
      /* FLEX PROPERTIES */
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list li,
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .list-name {
      text-align: center;
      width: 28px;
      height: 28px;
      background-color: #fff;
      color: #0b385e;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      display: inline-block;
      margin: 3px 2px;
      font-size: 14px;
      line-height: 28px;
      font-weight: 700; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .list-name {
      background-color: #034f9c !important;
      border-radius: 6px;
      color: #fff; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list.active li {
      background: #ffcc00; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list li {
      background-color: #fff; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .select-column-list-controls {
      /* margin: 0 5px 0 0!important; */
      display: flex;
      align-items: center; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .select-column-list-controls label,
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .select-column-list-controls a {
      margin-top: 1px;
      color: #fff;
      font-weight: 400; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .select-column-list-controls input {
      margin: 0;
      margin-right: 4px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .select-column-list-controls label {
      margin: 0;
      margin-right: 8px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-count {
      background-color: #ffffff;
      /* width: 65.4296875%; */
      margin: 10px auto;
      text-align: center;
      border-radius: 24px;
      /* position: absolute; */
      line-height: 32px;
      font-weight: 700;
      bottom: 8px;
      width: 87%;
      font-size: 0.9em;
      color: black; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .columns {
      min-height: 310px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .btn span.glyphicon {
      opacity: 0; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .btn.active span.glyphicon {
      opacity: 1; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .checkboxFive {
      width: 25px;
      margin: 20px 100px;
      position: relative; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .multiplier-value {
      color: #fff;
      min-width: 30px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super-3-buttons {
      text-align: center;
      margin-top: 10px;
      margin-bottom: 8px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .btn-super-3 {
      border: 1px solid #fff;
      width: 45%;
      background-color: transparent;
      color: #fff;
      border-radius: 0px;
      margin: 2px;
      font-size: 10px;
      white-space: nowrap;
      padding: 5px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .btn-super-3--active {
      background-color: #fff;
      color: #ff3333; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column-list-controls label {
      cursor: pointer; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select2-selection__arrow .glyphicon {
      color: #a8226f;
      line-height: 25px;
      padding-right: 20px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .select2-container--default .select2-selection--single {
      padding-right: 10px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .check-icon {
      background: url("../images/opap/game-calculators/tick.png") no-repeat;
      background-size: contain;
      padding: 10px;
      float: right;
      margin: -2px 6px 0 0;
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select2-selection__remove {
      position: absolute;
      left: 56px;
      color: #a8226f;
      cursor: pointer;
      top: 0;
      line-height: 1.4;
      font-size: 14px; }
    @supports (-webkit-appearance: none) {
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select2-selection__remove {
        padding: 3px 4px 3px 3px; } }
    #wrapper .game-calculator .game-calculator-content.game-super3 _:-moz-tree-row(hover),
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select2-selection__remove {
      padding: 3px 4px 3px 3px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select2-selection__remove {
        padding: 3px 4px 3px 3px; } }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select2-container--default .select2-selection--single .select2-selection__arrow {
      width: 40px; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .select2-container--default .select2-selection--single {
      padding-right: 10px; }
    @media (max-width: 991.98px) {
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number {
        width: 100%;
        display: inline-block;
        min-height: 1px;
        position: relative;
        height: auto;
        border-radius: 8px 8px 0 0; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column {
        width: 100%;
        border-radius: 0 0 8px 8px; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column > span {
        margin-bottom: 12px; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .numbers {
        width: unset;
        display: flex;
        flex-direction: column; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .select-number-list {
        width: 100%;
        display: inline-flex;
        justify-content: space-between;
        padding: 0 10px; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .numbers li {
        margin: 3px 6px; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .recurring {
        justify-content: flex-end;
        margin-right: 10px; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .multiplier {
        text-align: right; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list li,
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .list-name {
        width: 26px;
        height: 26px;
        line-height: 26px; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .select-column-list-controls {
        padding-top: 0px;
        font-size: 12px; } }
    @media (max-width: 510px) {
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list li,
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .list-name {
        width: 24px;
        height: 24px;
        line-height: 24px; } }
    @media (max-width: 480px) {
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .numbers li {
        margin: 3px 2px; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list li,
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .list-name {
        width: 22px;
        height: 22px;
        line-height: 22px; } }
    @media (max-width: 424px) {
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .numbers li {
        font-size: 13px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin: 2px 3px 2px 0; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .recurring-label,
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .multiplier-label {
        font-size: 10px;
        color: #fff; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list li,
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .list-name {
        width: 14px;
        height: 14px;
        line-height: 14px;
        font-size: 10px; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .btn-super-3 {
        padding: 5px 2px; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .select-column-list-controls {
        font-size: 10px; } }
    @media (max-width: 374px) {
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-number .numbers li {
        font-size: 12px;
        width: 20px;
        height: 20px;
        line-height: 20px; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list li,
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .list-name {
        width: 10px;
        height: 10px;
        line-height: 10px;
        font-size: 7px; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .multiplier-value,
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .select-column .select-column-list .select-column-list-controls {
        padding-top: 2px; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super3-demo .btn-super-3 {
        font-size: 8px; }
      #wrapper .game-calculator .game-calculator-content.game-super3 .super-3-buttons {
        padding: 0;
        width: 45%; } }
    #wrapper .game-calculator .game-calculator-content.game-super3 .select-column-list-checkbox {
      display: block;
      position: relative;
      padding-left: 35px;
      margin: 0px 0px 12px -12px;
      cursor: pointer;
      font-size: 22px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .select-column-list-checkbox input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .select-column-list-checkbox .checkmark {
      position: absolute;
      top: 0;
      left: 18px;
      height: 13px;
      width: 13px;
      background-color: #034f9c;
      border: solid white 1px;
      border-radius: 15%; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .select-column-list-checkbox input:checked ~ .checkmark:after {
      display: block; }
    #wrapper .game-calculator .game-calculator-content.game-super3 .select-column-list-checkbox .checkmark:after {
      left: 3px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    #wrapper .game-calculator .game-calculator-content.game-super3 .recurring .select2-container {
      z-index: 0; }
  #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    color: var(--opap-white); }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .nav-tabs {
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .select-day {
      padding-left: 13px;
      width: 136px;
      margin-bottom: 14px; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .tab-content {
      background: var(--opap-propo14and7-background);
      padding: 18px 20px 20px 24px;
      border-radius: 8px; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .demo-panel {
      display: flex; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .left-panel {
      flex-grow: 1;
      margin-right: 16px; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .top {
      margin-bottom: 24px; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .right-panel {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .data-table {
      display: grid;
      grid-gap: 6px;
      grid-template-columns: 36px repeat(2, minmax(100px, 1fr)) repeat(3, 36px);
      align-items: center; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .team {
      box-shadow: 1.5px 1.5px 3px rgba(255, 255, 255, 0.3), -1.5px -1.5px 1.5px rgba(180, 191, 199, 0.2), inset -1.5px 1.5px 3px rgba(180, 191, 199, 0.2), inset 1.5px -1.5px 3px rgba(180, 191, 199, 0.2), inset -1.5px -1.5px 3px rgba(255, 255, 255, 0.9), inset 1.5px 1.5px 3px rgba(180, 191, 199, 0.6);
      -moz-box-shadow: 1.5px 1.5px 3px rgba(255, 255, 255, 0.3), -1.5px -1.5px 1.5px rgba(180, 191, 199, 0.2), inset -1.5px 1.5px 3px rgba(180, 191, 199, 0.2), inset 1.5px -1.5px 3px rgba(180, 191, 199, 0.2), inset -1.5px -1.5px 3px rgba(255, 255, 255, 0.9), inset 1.5px 1.5px 3px rgba(180, 191, 199, 0.6);
      -webkit-box-shadow: 1.5px 1.5px 3px rgba(255, 255, 255, 0.3), -1.5px -1.5px 1.5px rgba(180, 191, 199, 0.2), inset -1.5px 1.5px 3px rgba(180, 191, 199, 0.2), inset 1.5px -1.5px 3px rgba(180, 191, 199, 0.2), inset -1.5px -1.5px 3px rgba(255, 255, 255, 0.9), inset 1.5px 1.5px 3px rgba(180, 191, 199, 0.6);
      -o-box-shadow: 1.5px 1.5px 3px rgba(255, 255, 255, 0.3), -1.5px -1.5px 1.5px rgba(180, 191, 199, 0.2), inset -1.5px 1.5px 3px rgba(180, 191, 199, 0.2), inset 1.5px -1.5px 3px rgba(180, 191, 199, 0.2), inset -1.5px -1.5px 3px rgba(255, 255, 255, 0.9), inset 1.5px 1.5px 3px rgba(180, 191, 199, 0.6);
      background: var(--opap-white);
      color: var(--opap-neutral-70);
      text-align: center;
      height: 36px;
      line-height: 32px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .separator {
      background: var(--opap-white);
      height: 4px;
      margin: 8px 0; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .point {
      box-shadow: 1.5px 1.5px 3px rgba(255, 255, 255, 0.3), -1.5px -1.5px 1.5px rgba(180, 191, 199, 0.2), inset -1.5px 1.5px 3px rgba(180, 191, 199, 0.2), inset 1.5px -1.5px 3px rgba(180, 191, 199, 0.2), inset -1.5px -1.5px 3px rgba(255, 255, 255, 0.9), inset 1.5px 1.5px 3px rgba(180, 191, 199, 0.6);
      -moz-box-shadow: 1.5px 1.5px 3px rgba(255, 255, 255, 0.3), -1.5px -1.5px 1.5px rgba(180, 191, 199, 0.2), inset -1.5px 1.5px 3px rgba(180, 191, 199, 0.2), inset 1.5px -1.5px 3px rgba(180, 191, 199, 0.2), inset -1.5px -1.5px 3px rgba(255, 255, 255, 0.9), inset 1.5px 1.5px 3px rgba(180, 191, 199, 0.6);
      -webkit-box-shadow: 1.5px 1.5px 3px rgba(255, 255, 255, 0.3), -1.5px -1.5px 1.5px rgba(180, 191, 199, 0.2), inset -1.5px 1.5px 3px rgba(180, 191, 199, 0.2), inset 1.5px -1.5px 3px rgba(180, 191, 199, 0.2), inset -1.5px -1.5px 3px rgba(255, 255, 255, 0.9), inset 1.5px 1.5px 3px rgba(180, 191, 199, 0.6);
      -o-box-shadow: 1.5px 1.5px 3px rgba(255, 255, 255, 0.3), -1.5px -1.5px 1.5px rgba(180, 191, 199, 0.2), inset -1.5px 1.5px 3px rgba(180, 191, 199, 0.2), inset 1.5px -1.5px 3px rgba(180, 191, 199, 0.2), inset -1.5px -1.5px 3px rgba(255, 255, 255, 0.9), inset 1.5px 1.5px 3px rgba(180, 191, 199, 0.6);
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background: var(--opap-white);
      background-blend-mode: color-dodge;
      color: var(--opap-neutral-70);
      text-decoration: none;
      cursor: pointer;
      text-align: center;
      border-radius: 50%;
      line-height: 32px;
      width: 36px;
      height: 36px; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .point.active {
        background: var(--opap-glow-tangerine);
        box-shadow: inset -1.52101px -2.674px 10.3744px #EDC68C, inset -8.75891px -9.72777px 14.409px #CA3000;
        -moz-box-shadow: inset -1.52101px -2.674px 10.3744px #EDC68C, inset -8.75891px -9.72777px 14.409px #CA3000;
        -webkit-box-shadow: inset -1.52101px -2.674px 10.3744px #EDC68C, inset -8.75891px -9.72777px 14.409px #CA3000;
        -o-box-shadow: inset -1.52101px -2.674px 10.3744px #EDC68C, inset -8.75891px -9.72777px 14.409px #CA3000;
        color: var(--opap-neutral-90); }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .select-column-list-controls {
      display: flex;
      align-items: center;
      background: var(--opap-propo14and7-background);
      padding: 20px 16px;
      border-radius: 8px;
      margin: 4px 0;
      border: 2px solid transparent;
      background-origin: border-box; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .select-column-list-controls.active {
        border-color: var(--opap-white); }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .select-column-list-controls .empty {
        white-space: nowrap; }
        #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .select-column-list-controls .empty span {
          color: var(--opap-white); }
          #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .select-column-list-controls .empty span:last-child {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .list-name {
      margin-right: 24px; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .row-number {
      text-align: center;
      font-size: 18px; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .game-type {
      position: absolute;
      bottom: 16px;
      right: 0; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .game-type button {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 20px;
        display: inline-flex;
        min-width: 220px;
        height: 64px;
        padding: 0 10px;
        border: none;
        border-radius: 8px;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16);
        height: 32px;
        min-width: 80px;
        font-size: 16px;
        align-items: flex-start;
        padding-top: 1px;
        background-color: transparent;
        color: var(--opap-white);
        border: 1px solid var(--opap-white); }
        #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .game-type button.active {
          background-color: var(--opap-white);
          color: var(--opap-neutral-70); }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .bottom {
      display: flex;
      align-items: flex-end; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .multiplier {
      display: flex;
      align-items: center;
      padding-top: 14px;
      border-top: 1px solid white;
      margin-right: 40px; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .multiplier .form-control {
        width: 90px;
        height: 46px; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .multiplier-label {
      font-size: 14px;
      margin-right: 24px; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .empty-multiplier {
      margin-left: 8px; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .empty-multiplier span {
        color: var(--opap-white); }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .count-title {
      font-size: 20px;
      text-align: right;
      margin-bottom: 8px;
      color: var(--opap-brand-apple); }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .count-wrapper {
      flex-grow: 1; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .select-column-count {
      background-color: var(--opap-brand-apple);
      padding: 16px;
      border-radius: 0 0 8px 8px;
      font-size: 20px;
      text-align: right; }
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .check-icon {
      background: url("../images/opap/game-calculators/tick.png") no-repeat;
      background-size: contain;
      padding: 10px;
      display: none; }
  @media (max-width: 991.98px) {
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo {
      font-size: 14px; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .row-number {
        font-size: 16px; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .game-type button {
        height: 28px;
        min-width: 60px;
        font-size: 14px; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .count-title, #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .select-column-count {
        font-size: 18px; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .demo-panel {
        flex-direction: column;
        align-items: stretch; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .left-panel {
        margin-right: 0; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .column-select {
        display: flex;
        justify-content: center; }
        #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .column-select .select-column-list-controls {
          flex-direction: column;
          margin: 8px 4px;
          padding: 12px 16px; }
          #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .column-select .select-column-list-controls .list-name {
            margin-right: 16px;
            margin-bottom: 16px; }
          #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .column-select .select-column-list-controls .empty span:last-child {
            display: none; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .bottom {
        flex-direction: column;
        align-items: stretch; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .multiplier {
        align-self: flex-start;
        border: none;
        padding-top: 0; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .count-wrapper {
        margin-top: -16px; } }
  @media (max-width: 575.98px) {
    #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo {
      font-size: 12px !important; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .tab-content {
        padding: 16px 8px; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .data-table {
        grid-template-columns: 24px repeat(2, minmax(80px, 1fr)) repeat(3, 24px); }
        #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .data-table .row-number {
          font-size: 14px; }
        #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .data-table .point {
          line-height: 20px;
          width: 24px;
          height: 24px; }
        #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .data-table .team {
          height: 24px;
          line-height: 20px; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .left-panel .separator {
        height: 2px; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .right-panel {
        flex-direction: column-reverse; }
        #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .right-panel .game-type {
          align-self: flex-end;
          position: static; }
        #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .right-panel .column-select .select-column-list-controls {
          padding: 10px 12px; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .count-title, #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .select-column-count {
        font-size: 16px; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .bottom .multiplier-label {
        margin-right: 16px; }
      #wrapper .game-calculator .game-calculator-content.game-propo .propo-demo .select-group .form-control {
        height: 42px;
        padding: 8px; } }
  #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo {
    font-size: 16px;
    color: var(--opap-white);
    max-width: 940px;
    display: inline-block;
    position: relative; }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .hidden {
      display: none !important; }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-number-title {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      margin: 0 0 24px 18px;
      display: block; }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-number {
      background: var(--opap-propogoal-background);
      display: inline-block;
      padding: 18px 16px 12px 0;
      border-radius: 8px; }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-number-list {
      display: flex;
      flex-wrap: wrap;
      padding-right: 70px; }
      #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-number-list .circle {
        width: 36px;
        height: 36px;
        background-color: var(--opap-white);
        border-radius: 50%;
        line-height: 32px;
        color: var(--opap-neutral-70);
        cursor: pointer;
        text-align: center; }
        #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-number-list .circle.active {
          background: var(--opap-glow-tangerine); }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .number-list-column {
      margin: 8px 0 0 16px;
      display: grid;
      grid-gap: 8px;
      grid-template-columns: 36px repeat(2, minmax(160px, 170px)); }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .team {
      background: var(--opap-neutral-20);
      color: var(--opap-neutral-70);
      height: 36px;
      line-height: 99%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .total-cost {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 20px;
      text-align: end;
      margin: 14px 20px 8px 0;
      color: var(--opap-brand-apple); }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column-count-wrapper {
      display: flex;
      justify-content: flex-end;
      padding-right: 0; }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column-count {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 20px;
      color: var(--opap-white);
      background-color: var(--opap-brand-apple);
      border-radius: 0 0 8px 8px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      height: 38px; }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column {
      background: var(--opap-propogoal-background);
      position: absolute;
      right: 0;
      top: 160px;
      display: flex;
      padding: 8px 0 8px 4px;
      border: 1px solid var(--opap-white);
      border-radius: 4px 0 0 4px;
      border-right: none;
      align-items: center; }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column-list {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      padding: 8px;
      border: 1px solid transparent;
      border-right: none; }
      #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column-list.active {
        border: 1px solid var(--opap-white);
        border-right: none; }
        #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column-list.active .number-row li {
          background-color: var(--opap-white);
          color: var(--opap-neutral-70);
          border: 1px solid var(--opap-white); }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column-list-item {
      display: inline-flex;
      align-items: center; }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .number-row {
      display: none; }
      #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .number-row ul {
        list-style-type: none;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        align-self: flex-start;
        margin: 0 0 0 8px;
        padding: 0; }
        #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .number-row ul li {
          width: 32px;
          height: 32px;
          background-color: transparent;
          color: var(--opap-white);
          display: inline-block;
          -moz-border-radius: 32px;
          -webkit-border-radius: 32px;
          border-radius: 32px;
          line-height: 26px;
          margin: 4px;
          border: 1px solid var(--opap-neutral-70); }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column-list-controls {
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column-list-controls > * {
        margin-top: -2px; }
      #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column-list-controls .list-name {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        cursor: pointer; }
      #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column-list-controls .glyphicon-trash {
        color: var(--opap-white); }
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .check-icon {
      background: url("../images/opap/game-calculators/tick.png") no-repeat;
      background-size: contain;
      position: absolute;
      right: 16px;
      top: 16px;
      width: 16px;
      height: 16px;
      display: none; }
  @media (max-width: 480px) {
    #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo {
      font-size: 14px; }
      #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .total-cost, #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column-count {
        font-size: 16px; }
      #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .number-list-column {
        margin: 4px 0 0 8px;
        grid-gap: 4px;
        grid-template-columns: 32px repeat(2, minmax(120px, 140px)); }
      #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .team {
        height: 32px; }
      #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-number-list {
        display: flex;
        flex-wrap: wrap;
        padding-right: 40px; }
        #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-number-list .circle {
          width: 32px;
          height: 32px;
          line-height: 30px; }
      #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column-list {
        padding: 6px; }
      #wrapper .game-calculator .game-calculator-content.game-propo_goal .propogoal-demo .select-column-list-controls {
        width: 32px;
        height: 32px; } }
  #wrapper .game-calculator .game-calculator-content.game-euro_jackpot {
    /* Chrome */
    /* Firefox */
    /* IE */ }
    #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .select-column-count-tpl {
      display: none; }
    #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo {
      width: 100%;
      max-width: 50rem;
      display: flex;
      border-radius: 0.5rem;
      overflow: hidden; }
      #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .hidden {
        display: none !important; }
      #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .fa-check {
        padding-left: 0.3rem;
        color: var(--opap-brand-lime-green);
        display: none; }
      #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number {
        width: 50%;
        display: flex;
        flex-direction: column;
        padding-bottom: 2rem; }
        #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top {
          width: 100%;
          display: flex;
          flex-direction: column;
          row-gap: 1rem;
          padding: 0.75rem 1.25rem 1rem 1.25rem; }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top span {
            width: 100%;
            font-size: 0.75rem;
            font-weight: bold;
            color: var(--opap-neutral-90); }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top .numbers {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            column-gap: 0.25rem;
            row-gap: 1.25rem;
            padding: 0 0 1rem 0;
            margin: 0;
            border-bottom: 1px solid #77490A; }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top .numbers .active {
              background-color: #77490A; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top .numbers .active a {
                color: var(--opap-white); }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top li {
            width: 2rem;
            height: 2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background-color: var(--opap-white); }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top li a {
              color: #77490A; }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top .euro-jackpot-center {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            row-gap: 1.25rem;
            padding: 0 4.5rem 1rem 4.5rem;
            margin: 0;
            border-bottom: 2px solid #77490A; }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top .euro-jackpot-center .active {
              background-color: #77490A; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top .euro-jackpot-center .active a {
                color: var(--opap-white); }
        #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring {
          width: 100%;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          column-gap: 2rem;
          padding: 0.75rem 1.5rem 0.75rem 0.75rem;
          background-color: #77490A; }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring > .select2-container {
            max-width: 4rem;
            height: 2.75rem;
            text-align: center; }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring > .select2-container .select2-selection {
              height: 2.75rem;
              border-radius: 0.5rem;
              border: 1px solid #DDDEE3;
              background-color: var(--opap-white); }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring > .select2-container .select2-selection .select2-selection__rendered {
                font-size: 1rem;
                line-height: 2.5rem;
                color: var(--opap-neutral-90); }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring > .select2-container .select2-selection .select2-selection__arrow {
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center; }
                #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring > .select2-container .select2-selection .select2-selection__arrow i {
                  font-size: 1rem;
                  color: #77490A; }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring span {
            font-size: 0.75rem;
            color: var(--opap-white); }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring i {
            font-size: 1rem;
            color: var(--opap-white); }
      #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column {
        width: 50%;
        display: flex;
        flex-direction: column;
        row-gap: 1rem;
        padding: 0.75rem;
        background-color: #FDE6A7; }
        #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column > span {
          font-size: 0.75rem;
          font-weight: bold;
          color: var(--opap-neutral-90); }
        #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns {
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          row-gap: 0.25rem; }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list {
            width: 100%;
            position: relative;
            display: flex;
            flex-direction: column;
            padding: 0.75rem 0;
            border-radius: 0.5rem;
            row-gap: 0.5rem; }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-item {
              width: 15.5rem;
              margin: 0 auto;
              display: flex; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-item .list-name {
                width: 2rem;
                height: 2rem;
                position: absolute;
                top: 0.75rem;
                left: 0.5rem;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 0.5rem;
                background-color: var(--opap-neutral-90);
                font-size: 1rem;
                color: var(--opap-white); }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-item .euro-jackpot-combinations {
                max-width: 11rem;
                display: flex;
                justify-content: flex-start;
                flex-wrap: wrap;
                gap: 0.25rem;
                padding: 0;
                margin: 0 0.25rem 0 0; }
                #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-item .euro-jackpot-combinations li {
                  width: 2rem;
                  height: 2rem;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  border-radius: 50%;
                  color: #77490A;
                  background: var(--opap-eurojackpot-primary);
                  font-size: 1rem; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-item .euro-jackpot-bonuses {
                max-width: 4.25rem;
                display: flex;
                flex-wrap: wrap;
                gap: 0.25rem;
                padding: 0;
                margin: 0; }
                #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-item .euro-jackpot-bonuses li {
                  width: 2rem;
                  height: 2rem;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  border-radius: 50%;
                  color: var(--opap-neutral-90);
                  background-color: var(--opap-white); }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-controls {
              width: 15.5rem;
              display: flex;
              justify-content: space-between;
              margin: 0 auto; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-controls > div, #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-controls > a {
                display: flex;
                align-items: center;
                column-gap: 0.5rem;
                cursor: pointer; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-controls .glyphicon-random {
                font-size: 1rem; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-controls i {
                font-size: 1rem;
                font-weight: normal;
                color: var(--opap-white); }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-controls span {
                font-size: 0.75rem;
                color: var(--opap-white);
                font-weight: normal; }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-count {
            width: 100%;
            max-width: 22rem;
            min-height: 2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 0.25rem;
            background-color: var(--opap-white);
            border-radius: 0.5rem;
            font-weight: bold; }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-count div div {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              padding: 0 1rem;
              text-align: center; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-count div div span {
                color: #77490A; }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-count span {
              width: 100%;
              color: #77490A; }
    @supports (-webkit-appearance: none) {
      #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select2-selection__remove {
        padding: 0.25rem; } }
    #wrapper .game-calculator .game-calculator-content.game-euro_jackpot _:-moz-tree-row(hover),
    #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select2-selection__remove {
      padding: 0.25rem; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select2-selection__remove {
        padding: 0.25rem; } }
    @media (max-width: 991.98px) {
      #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo {
        max-width: 20rem;
        flex-direction: column;
        margin: 0 auto; }
        #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number {
          width: 100%; }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top {
            padding: 0 0.75rem 0.75rem 0.75rem; }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top .numbers {
              max-width: 14.75rem;
              row-gap: 0.75rem;
              column-gap: 0.25rem;
              margin: 0 auto;
              padding: 0 0 0.75rem 0; }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top .euro-jackpot-center {
              padding: 0 50px 12px 50px;
              row-gap: 0.75rem;
              column-gap: 0.25rem; }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top li {
              width: 1.25rem;
              height: 1.25rem; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .select-number-top li a {
                font-size: 10px; }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring > .select2-container {
            max-width: 2.75rem;
            height: 1.75rem; }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring > .select2-container .select2-selection {
              height: 1.75rem; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring > .select2-container .select2-selection .select2-selection__rendered {
                line-height: 1.5rem; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring > .select2-container .select2-selection .select2-selection__arrow i {
                font-size: 0.75rem; }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring span {
            font-size: 0.5rem;
            color: var(--opap-white); }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-number .recurring i {
            font-size: 1rem;
            color: var(--opap-white); }
        #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column {
          width: 100%;
          row-gap: 0.75rem;
          padding: 0.5rem; }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column > span {
            font-size: 0.5rem; }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list {
            padding: 0.5rem 0.25rem; }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-item {
              width: 10.25rem; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-item .list-name {
                width: 1.25rem;
                height: 1.25rem;
                top: 0.5rem;
                left: 0.25rem;
                border-radius: 0.25rem;
                font-size: 0.75rem; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-item .euro-jackpot-combinations {
                max-width: 7.25rem; }
                #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-item .euro-jackpot-combinations li {
                  width: 1.25rem;
                  height: 1.25rem;
                  font-size: 10px; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-item .euro-jackpot-bonuses {
                max-width: 2.75rem; }
                #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-item .euro-jackpot-bonuses li {
                  width: 1.25rem;
                  height: 1.25rem;
                  font-size: 10px; }
            #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-controls {
              width: 10.25rem; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-controls .glyphicon-random {
                font-size: 0.75rem; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-controls i {
                font-size: 0.75rem; }
              #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-list .select-column-list-controls span {
                font-size: 0.5rem; }
          #wrapper .game-calculator .game-calculator-content.game-euro_jackpot .euro-jackpot-demo .select-column .columns .select-column-count span {
            font-size: 0.75rem; } }

.super3-alert {
  background-color: #ffcc00 !important;
  font-weight: 700;
  text-align: center;
  font-size: 16px !important;
  max-width: 60% !important; }
  .super3-alert .ui-dialog-titlebar {
    background-color: #ffcc00;
    border: none; }
    .super3-alert .ui-dialog-titlebar .ui-dialog-titlebar-close {
      display: none; }
  .super3-alert .ui-dialog-buttonpane {
    padding-bottom: 15px; }

body #wrapper .opap-sitemap-main .opap-sitemap-title {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 39px;
  text-align: center;
  margin-bottom: 36px; }

body #wrapper .opap-sitemap-main .opap-sitemap {
  background-color: var(--opap-clean-white);
  border-radius: 8px;
  padding: 30px 37px 57px 43px; }
  body #wrapper .opap-sitemap-main .opap-sitemap .row {
    background: var(--opap-accordian-gradient-light-gray);
    border-radius: 0 0 8px 8px;
    border-top: 1px solid var(--opap-neutral-40);
    padding: 23px 24px; }
    body #wrapper .opap-sitemap-main .opap-sitemap .row .results-header {
      width: 25%; }
      body #wrapper .opap-sitemap-main .opap-sitemap .row .results-header .title_underline a {
        text-decoration: underline;
        text-decoration-color: var(--opap-neutral-90); }
      body #wrapper .opap-sitemap-main .opap-sitemap .row .results-header .sitemap-parent {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700; }
        body #wrapper .opap-sitemap-main .opap-sitemap .row .results-header .sitemap-parent a {
          font-size: 20px; }
    body #wrapper .opap-sitemap-main .opap-sitemap .row .child-pages {
      display: flex;
      flex-wrap: wrap;
      width: 75%; }
      body #wrapper .opap-sitemap-main .opap-sitemap .row .child-pages li {
        width: 50%;
        list-style-type: disc; }
        body #wrapper .opap-sitemap-main .opap-sitemap .row .child-pages li::marker {
          color: var(--opap-neutral-90); }
        body #wrapper .opap-sitemap-main .opap-sitemap .row .child-pages li .sitemap-child {
          color: var(--opap-neutral-90); }
          body #wrapper .opap-sitemap-main .opap-sitemap .row .child-pages li .sitemap-child a {
            text-decoration: underline;
            text-decoration-color: var(--opap-neutral-90); }

@media (max-width: 991.98px) {
  body #wrapper .opap-sitemap-main .opap-sitemap-title {
    font-size: 25px; }
  body #wrapper .opap-sitemap-main .opap-sitemap .row .results-header {
    width: 100%; }
  body #wrapper .opap-sitemap-main .opap-sitemap .row .child-pages {
    width: 100%;
    display: block;
    flex-wrap: initial;
    padding-left: 24px; }
    body #wrapper .opap-sitemap-main .opap-sitemap .row .child-pages li {
      width: 100%; }
      body #wrapper .opap-sitemap-main .opap-sitemap .row .child-pages li a {
        text-decoration: underline;
        text-decoration-color: var(--opap-neutral-40); } }

body #wrapper .opap-header-video .background-image {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 700px;
  max-height: 700px;
  border-radius: 0;
  text-align: center;
  clip-path: ellipse(75% 60% at 50% 40%); }
  body #wrapper .opap-header-video .background-image.gif-bckg {
    background-size: cover;
    background-position: center; }
  body #wrapper .opap-header-video .background-image img {
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  body #wrapper .opap-header-video .background-image iframe {
    object-fit: fill;
    width: 100%;
    height: 700px; }
  body #wrapper .opap-header-video .background-image .background-video {
    object-fit: fill;
    width: 100%;
    height: 700px; }
  body #wrapper .opap-header-video .background-image .content-title {
    position: absolute;
    width: 50%; }
    body #wrapper .opap-header-video .background-image .content-title h1, body #wrapper .opap-header-video .background-image .content-title h2, body #wrapper .opap-header-video .background-image .content-title h3, body #wrapper .opap-header-video .background-image .content-title h4 {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700; }
    body #wrapper .opap-header-video .background-image .content-title .opap-subtext {
      margin-top: 20px; }
    body #wrapper .opap-header-video .background-image .content-title .video-btn {
      margin-top: 20px; }
    body #wrapper .opap-header-video .background-image .content-title .video-poster {
      background: var(--opap-glow-royal-blue);
      width: 80px;
      height: 80px;
      border-radius: 50%;
      color: var(--opap-white);
      border: 0;
      font-size: 30px;
      padding-bottom: 8px;
      padding-left: 12px;
      margin-bottom: 25px; }

@media (max-width: 991.98px) {
  body #wrapper .opap-header-video .background-image {
    height: 545px;
    max-height: 545px; }
    body #wrapper .opap-header-video .background-image img {
      width: 100%;
      height: 100%; }
    body #wrapper .opap-header-video .background-image iframe {
      height: 100%; }
    body #wrapper .opap-header-video .background-image .background-video {
      height: 100%; }
    body #wrapper .opap-header-video .background-image .content-title {
      width: 70%;
      top: 15%; }
      body #wrapper .opap-header-video .background-image .content-title .opap-subtext {
        margin-top: 30px; }
      @supports (-webkit-touch-callout: none) {
        body #wrapper .opap-header-video .background-image .content-title {
          /* CSS specific to iOS devices */ }
          body #wrapper .opap-header-video .background-image .content-title .video-poster {
            padding-left: 30px; } } }

@media (max-width: 767.98px) {
  body #wrapper .opap-header-video .background-image .content-title {
    top: 5%;
    width: 90%; } }

/* OPAP Play Stores Game Module */
body #wrapper .opap-asset-filters {
  flex-wrap: wrap;
  gap: 25px 35px;
  max-width: 1280px;
  margin: 0 auto; }
  body #wrapper .opap-asset-filters > div {
    display: flex; }
    body #wrapper .opap-asset-filters > div label {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      align-self: center;
      margin-right: 20px;
      font-size: 16px;
      color: var(--opap-white); }
  body #wrapper .opap-asset-filters .opap-category-buttons {
    flex-basis: 100%;
    overflow: hidden; }
    body #wrapper .opap-asset-filters .opap-category-buttons > button {
      border: none;
      background: none;
      color: var(--opap-white);
      z-index: 9; }
      body #wrapper .opap-asset-filters .opap-category-buttons > button#slideLeft {
        margin-right: 16px;
        box-shadow: 15px 0 25px 20px var(--opap-brand-navy-blue); }
      body #wrapper .opap-asset-filters .opap-category-buttons > button#slideRight {
        margin-left: 16px;
        box-shadow: -15px 0 25px 20px var(--opap-brand-navy-blue); }
      body #wrapper .opap-asset-filters .opap-category-buttons > button i {
        font-size: 24px;
        font-weight: bold; }
    body #wrapper .opap-asset-filters .opap-category-buttons > label {
      margin-right: 8px; }
    body #wrapper .opap-asset-filters .opap-category-buttons .category-list-wrapper {
      display: flex;
      gap: 8px;
      overflow-y: hidden;
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */ }
      body #wrapper .opap-asset-filters .opap-category-buttons .category-list-wrapper::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari and Opera */ }
      body #wrapper .opap-asset-filters .opap-category-buttons .category-list-wrapper > div label {
        height: 32px;
        margin: 0;
        padding: 0 8px;
        border: 1px solid var(--opap-white);
        border-radius: 16px;
        white-space: nowrap;
        text-align: center;
        line-height: 28px;
        font-size: 12px;
        color: var(--opap-white);
        cursor: pointer; }
      body #wrapper .opap-asset-filters .opap-category-buttons .category-list-wrapper > div input:checked ~ label {
        background: var(--opap-glow-sky-blue);
        border: none;
        transition: all .3s ease-in-out; }
        body #wrapper .opap-asset-filters .opap-category-buttons .category-list-wrapper > div input:checked ~ label::before {
          content: "\f00c";
          font-family: fontawesome-alloy;
          margin-right: 6px;
          font-size: 14px;
          font-weight: 100;
          transition: all .3s ease-in-out; }
  body #wrapper .opap-asset-filters .opap-sort-by select {
    min-width: 230px;
    height: 50px;
    padding: 0 12px;
    background-position: calc(100% - 16px) 21px;
    outline: none; }
  body #wrapper .opap-asset-filters .opap-bonus-switch .switch {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 8px;
    margin: 0 6px 0 0;
    border-radius: 4px;
    background: var(--opap-neutral-60);
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
    cursor: pointer; }
    body #wrapper .opap-asset-filters .opap-bonus-switch .switch::before {
      content: '';
      position: absolute;
      top: -4px;
      left: -5px;
      width: 16px;
      height: 16px;
      background: var(--opap-white);
      border-radius: 50%;
      transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
    body #wrapper .opap-asset-filters .opap-bonus-switch .switch:active::before {
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1); }
  body #wrapper .opap-asset-filters .opap-bonus-switch input:checked + .switch {
    background: var(--opap-white); }
    body #wrapper .opap-asset-filters .opap-bonus-switch input:checked + .switch::before {
      background: var(--opap-glow-apple);
      left: 14px; }
    body #wrapper .opap-asset-filters .opap-bonus-switch input:checked + .switch:active::before {
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2); }
  body #wrapper .opap-asset-filters .opap-search-games input {
    font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    width: 304px;
    height: 50px;
    padding: 0 12px;
    padding-right: 40px;
    border: 1px solid #DDDEE3;
    border-radius: 8px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
    background: var(--opap-white);
    font-size: 16px;
    outline: none; }
  body #wrapper .opap-asset-filters .opap-search-games i {
    position: relative;
    align-self: center;
    right: 36px;
    font-size: 22px;
    color: var(--opap-neutral-90); }

body #wrapper .opap-asset-ps-games {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 13px;
  max-width: 1280px;
  margin: 42px auto; }
  body #wrapper .opap-asset-ps-games .opap-asset-single-item {
    display: none; }
    body #wrapper .opap-asset-ps-games .opap-asset-single-item a {
      position: relative;
      display: block; }
      body #wrapper .opap-asset-ps-games .opap-asset-single-item a:hover {
        transition: all .3s ease-in-out; }
        body #wrapper .opap-asset-ps-games .opap-asset-single-item a:hover:after {
          content: "\f002";
          font-family: fontawesome-alloy;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: rgba(200, 43, 145, 0.2);
          font-size: 70px;
          color: var(--opap-white); }
      body #wrapper .opap-asset-ps-games .opap-asset-single-item a img.opap-thumbnail-ribbon {
        position: absolute;
        width: 78px;
        margin: -19px 0 0 -7px; }
      body #wrapper .opap-asset-ps-games .opap-asset-single-item a img.opap-thumbnail-image {
        width: 244px;
        height: 184px;
        border-radius: 12px;
        box-shadow: 0 0 14px 0 var(--opap-white); }
  body #wrapper .opap-asset-ps-games.ps-games-short {
    max-width: 1280px;
    justify-content: space-between; }
    body #wrapper .opap-asset-ps-games.ps-games-short .opap-asset-single-item a img.opap-thumbnail-image {
      width: 407px;
      height: 365px;
      box-shadow: none;
      object-fit: cover; }

body #wrapper .opap-show-more {
  font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: block;
  margin: 50px auto 30px;
  border: none;
  background: none;
  font-size: 20px;
  color: var(--opap-white); }
  body #wrapper .opap-show-more i {
    vertical-align: bottom; }

body #wrapper .opap-play-stores-game {
  display: flex;
  gap: 48px;
  max-width: 1280px;
  margin: 0 auto;
  margin-bottom: 55px;
  border-radius: 8px;
  background: var(--opap-white); }
  body #wrapper .opap-play-stores-game .opap-overview-logo img {
    max-width: 326px;
    margin: 21px 10px 40px; }
  body #wrapper .opap-play-stores-game .opap-game-wrapper {
    margin-top: 50px;
    margin-right: 50px; }
    body #wrapper .opap-play-stores-game .opap-game-wrapper .game-heading {
      display: flex;
      margin-bottom: 21px; }
      body #wrapper .opap-play-stores-game .opap-game-wrapper .game-heading h2 {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        margin-bottom: 0;
        font-size: 31px;
        font-weight: 100;
        color: var(--opap-brand-navy-blue); }
      body #wrapper .opap-play-stores-game .opap-game-wrapper .game-heading button {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        margin-left: auto;
        font-size: 16px;
        background: none;
        border: none; }
        body #wrapper .opap-play-stores-game .opap-game-wrapper .game-heading button i {
          font-weight: 900; }
    body #wrapper .opap-play-stores-game .opap-game-wrapper h3 {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      margin-bottom: 23px;
      text-transform: uppercase;
      font-size: 31px;
      color: var(--opap-brand-navy-blue); }
    body #wrapper .opap-play-stores-game .opap-game-wrapper img {
      max-width: 100%;
      height: auto; }
    body #wrapper .opap-play-stores-game .opap-game-wrapper p {
      font-size: 16px;
      line-height: 20px; }

body #wrapper .opap-terminology {
  max-width: 1280px;
  margin: 0 auto;
  padding: 50px 55px 90px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.14), 0 8px 16px rgba(3, 15, 55, 0.2);
  border-radius: 8px;
  background-color: var(--opap-neutral-5); }
  body #wrapper .opap-terminology h2 {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 42px;
    font-size: 31px;
    color: var(--opap-brand-navy-blue); }
  body #wrapper .opap-terminology h3 {
    margin-top: 23px;
    line-height: 22px;
    font-size: 18px;
    color: var(--opap-neutral-60); }
  body #wrapper .opap-terminology p {
    font-size: 16px;
    line-height: 20px; }

@media (min-width: 768px) {
  body #wrapper .opap-asset-filters.collapse {
    display: flex;
    height: auto !important;
    visibility: visible; } }

@media only screen and (max-width: 1319px) {
  body #wrapper .opap-asset-ps-games .opap-asset-single-item a img.opap-thumbnail-image {
    width: 192px;
    height: 148px; } }

@media only screen and (max-width: 1319px) {
  body #wrapper .opap-asset-ps-games {
    max-width: 1015px; } }

@media (min-width: 1200px) and (max-width: 1280px) {
  body #wrapper .opap-asset-filters .opap-search-games input {
    width: 237px; } }

@media (max-width: 1279.98px) {
  body #wrapper .opap-asset-ps-games.ps-games-short .opap-asset-single-item {
    width: 32%; }
    body #wrapper .opap-asset-ps-games.ps-games-short .opap-asset-single-item a img.opap-thumbnail-image {
      width: 100%;
      height: 268px; } }

@media only screen and (max-width: 1062px) {
  body #wrapper .opap-asset-ps-games {
    max-width: 758px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-asset-ps-games.ps-games-short .opap-asset-single-item a img.opap-thumbnail-image {
    height: 194px; } }

@media only screen and (max-width: 805px) {
  body #wrapper .opap-asset-ps-games {
    max-width: 501px; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-play-stores-game .opap-overview-logo img {
    max-width: 100%; }
  body #wrapper .opap-asset-filters-button {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    width: 100%;
    height: 52px;
    margin-bottom: 16px;
    padding: 0 16px;
    font-size: 16px; }
    body #wrapper .opap-asset-filters-button > span {
      margin-left: auto; }
    body #wrapper .opap-asset-filters-button i {
      margin-left: auto;
      transition: transform .3s ease-in-out; }
      body #wrapper .opap-asset-filters-button i span {
        display: block;
        height: 2px;
        margin: 2px auto;
        background-color: var(--opap-neutral-90); }
        body #wrapper .opap-asset-filters-button i span:nth-child(1) {
          width: 18px; }
        body #wrapper .opap-asset-filters-button i span:nth-child(2) {
          width: 12px; }
        body #wrapper .opap-asset-filters-button i span:nth-child(3) {
          width: 6px; }
    body #wrapper .opap-asset-filters-button[aria-expanded="true"] i {
      transform: rotate(180deg);
      transition: transform .3s ease-in-out; }
  body #wrapper .opap-asset-filters {
    flex-direction: column; }
    body #wrapper .opap-asset-filters > div {
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 12px; }
      body #wrapper .opap-asset-filters > div > label {
        flex-basis: 100%;
        margin-bottom: 6px; }
    body #wrapper .opap-asset-filters .opap-category-buttons .category-list-wrapper {
      flex-wrap: wrap; }
    body #wrapper .opap-asset-filters .opap-category-buttons > button {
      display: none !important; }
    body #wrapper .opap-asset-filters .opap-bonus-switch {
      flex-wrap: nowrap; }
      body #wrapper .opap-asset-filters .opap-bonus-switch > label {
        flex-basis: unset; }
    body #wrapper .opap-asset-filters .opap-search-games i {
      right: 42px; }
    body #wrapper .opap-asset-filters .opap-sort-by select {
      width: 100%; }
    body #wrapper .opap-asset-filters .opap-search-games input {
      width: 100%; }
    body #wrapper .opap-asset-filters .opap-search-games i {
      right: 15px;
      margin-top: 34px;
      position: absolute; }
      @supports (-webkit-touch-callout: none) {
        body #wrapper .opap-asset-filters .opap-search-games i {
          /* CSS specific to iOS devices */
          margin-top: 20px; } }
  body #wrapper .opap-play-stores-game {
    flex-direction: column;
    padding: 16px; }
    body #wrapper .opap-play-stores-game .opap-game-wrapper {
      margin-right: 0; }
      body #wrapper .opap-play-stores-game .opap-game-wrapper img {
        width: auto;
        max-width: 100%; }
  body #wrapper .opap-asset-ps-games.ps-games-short .opap-asset-single-item {
    width: 100%; }
    body #wrapper .opap-asset-ps-games.ps-games-short .opap-asset-single-item a {
      text-align: center; }
      body #wrapper .opap-asset-ps-games.ps-games-short .opap-asset-single-item a img.opap-thumbnail-image {
        max-width: 410px;
        max-height: 368px;
        height: 100%; } }

@media only screen and (max-width: 548px) {
  body #wrapper .opap-asset-ps-games {
    max-width: none; }
    body #wrapper .opap-asset-ps-games .opap-asset-single-item {
      width: 100%; }
      body #wrapper .opap-asset-ps-games .opap-asset-single-item a {
        width: fit-content;
        margin: 0 auto; } }

html body .opap-print-results-web .form-group label {
  flex: 1 0 auto; }

html body .opap-print-results-web .print-results {
  text-align: center; }
  html body .opap-print-results-web .print-results .print-page-logo {
    display: none; }
  html body .opap-print-results-web .print-results .results-table thead tr th:first-of-type {
    white-space: nowrap; }
  html body .opap-print-results-web .print-results .print-wrapper {
    clear: both; }
  html body .opap-print-results-web .print-results a.opap-corporate-main-cta-secondary {
    font-size: small !important;
    min-width: 170px !important;
    max-width: none;
    height: 2.5rem !important;
    background-color: var(--opap-brand-navy-blue) !important;
    color: var(--opap-white) !important; }

html body .opap-print-results-web .draw-info {
  margin-bottom: 50px; }
  html body .opap-print-results-web .draw-info.empty {
    padding-bottom: 1px; }
    html body .opap-print-results-web .draw-info.empty .numbers-list, html body .opap-print-results-web .draw-info.empty hr {
      display: none; }

html body .opap-print-results-web .input-group i {
  cursor: pointer; }

html body .opap-print-results-web .icon-print {
  margin: 0 10px; }

html body .opap-print-results-web .draw-number-parent span:last-of-type {
  margin-left: -5px; }

html body .opap-print-results-web .title {
  margin-bottom: 15px; }

html body .opap-print-results-web .table-content-module {
  margin-bottom: 20px; }

html body .opap-print-results-web .calendar label {
  font-size: 1em;
  margin-bottom: 20px; }

html body .opap-print-results-web .calendar .datepicker-parent {
  padding-left: 0;
  padding-right: 0;
  width: 157px;
  border: 1px solid var(--opap-neutral-30);
  border-radius: 8px; }
  html body .opap-print-results-web .calendar .datepicker-parent input.date-pick,
  html body .opap-print-results-web .calendar .datepicker-parent .input-group-addon {
    background-color: var(--opap-white);
    color: var(--opap-neutral-90);
    font-size: 1em;
    border: none;
    border-radius: 8px; }
  html body .opap-print-results-web .calendar .datepicker-parent input.date-pick {
    font-weight: bold;
    padding-right: 8px;
    padding-left: 14px; }
    html body .opap-print-results-web .calendar .datepicker-parent input.date-pick:focus {
      box-shadow: none; }
  html body .opap-print-results-web .calendar .datepicker-parent .input-group-addon {
    padding-left: 0;
    font-size: 1.325em;
    padding-right: 0.5em;
    padding-top: 0.25em; }

html body .opap-print-results-web .txt-and-buttons {
  margin-top: 20px; }
  html body .opap-print-results-web .txt-and-buttons p {
    margin-bottom: 5px; }

html body .opap-print-results-web .print-results .printer-icon {
  background: url(../images/opap/game-print-results-web/printer_a3.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent; }

html body .opap-print-results-web .ui-dialog.print-draw-results .ui-widget-header {
  border: 1px solid #63ac3b;
  background: #63ac3b url(../images/opap/game-print-results-web/ui-bg_highlight-soft_100_63ac3b_1x100.png) 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold; }

html body .opap-print-results-web .ui-dialog.print-draw-results.lotto .ui-widget-header,
html body .opap-print-results-web .ui-dialog.print-draw-results.joker .ui-widget-header,
html body .opap-print-results-web .ui-dialog.print-draw-results.proto .ui-widget-header {
  border-color: #1d427c;
  background-color: #1d427c; }

html body .opap-print-results-web .ui-dialog.print-draw-results.kino .ui-widget-header {
  border-color: #EFB31E;
  background-color: #EFB31E; }

html body .opap-print-results-web .ui-dialog.print-draw-results.super3 .ui-widget-header {
  border-color: #EA3128;
  background-color: #EA3128; }

html body .opap-print-results-web .ui-dialog.print-draw-results .print-button {
  background-color: #1d427c; }

html body .opap-print-results-web .ui-dialog .ui-dialog-buttonpane button {
  color: #fff;
  text-shadow: none; }

html body .opap-print-results-web .print-results .select2-container {
  z-index: 100; }

html body .opap-print-results-web .print-results.Propo h4,
html body .opap-print-results-web .print-results.Propo h5,
html body .opap-print-results-web .print-results.Propogoal h4,
html body .opap-print-results-web .print-results.Propogoal h5 {
  font-weight: 600; }

html body .opap-print-results-web #print-main-content .form {
  color: #252C4F;
  font-weight: normal;
  border: buttonface 1px solid;
  padding: 1px; }

html body .opap-print-results-web .form.bonus-num {
  background: #d72e20 !important; }

html body .opap-print-results-web #print-main-content .titleblue {
  font-size: 14px;
  color: #324672;
  font-weight: bold;
  text-decoration: none;
  padding-left: 6px;
  padding-top: 8px; }

html body .opap-print-results-web .printNumbers {
  text-align: center;
  width: 65px;
  height: 65px;
  color: white;
  border-radius: 50px;
  display: inline-block;
  margin: 3px 3px;
  font-size: 1.875em;
  line-height: 2.5em; }

@media (max-width: 991.98px) {
  html body .opap-print-results-web .printNumbers {
    font-size: 1.575em; } }

html body .opap-print-results-web #print-main-content .printTextMauveA3 {
  background-color: #DADCDF;
  font-size: 1.125em;
  font-weight: bold;
  color: #414D68;
  border: 2px solid #5D667C;
  padding-left: 2px;
  padding-top: 0;
  padding-bottom: 0; }

html body .opap-print-results-web #print-main-content .printFormA3 {
  font-size: 1.125em;
  color: #000000;
  border: 1px solid buttonface;
  padding-bottom: 0;
  padding-top: 0; }

html body .opap-print-results-web #print-main-content .printRedTitle {
  color: #C4261D;
  font-size: 1.2em;
  font-weight: bolder;
  text-decoration: none;
  padding-left: 2px; }

html body .opap-print-results-web .bonus-num {
  background: #d72e20;
  color: #fff !important; }

html body .opap-print-results-web .kino.bonus-num {
  background: #d72e20 !important; }

html body .opap-print-results-web .draw-info {
  box-shadow: 0 8px 8px 0 #0000001A;
  text-align: center;
  background-color: #ECEEF5;
  padding-top: 12px;
  padding-bottom: 25px;
  margin-bottom: 50px;
  border-radius: 8px;
  page-break-inside: avoid; }
  html body .opap-print-results-web .draw-info hr {
    width: 90%; }
  html body .opap-print-results-web .draw-info .draw-number-parent,
  html body .opap-print-results-web .draw-info .draw-number {
    line-height: 2em;
    margin-bottom: 27px; }
  html body .opap-print-results-web .draw-info .numbers-list ul {
    padding: 0; }
  html body .opap-print-results-web .draw-info .draw-date {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 2em;
    margin-bottom: 20px; }
    html body .opap-print-results-web .draw-info .draw-date span:last-child {
      color: var(--opap-neutral-80);
      font-weight: normal; }
  html body .opap-print-results-web .draw-info hr {
    margin-top: 20px;
    margin-bottom: 30px; }
  html body .opap-print-results-web .draw-info .results {
    font-weight: 800;
    font-size: 1.5em;
    line-height: 1.875em;
    color: var(--opap-neutral-90);
    margin-bottom: 25px; }

html body .opap-print-results-web .results-table {
  width: 100%; }

html body .opap-print-results-web .tpl-parent {
  margin-top: 40px; }

html body .opap-print-results-web .tpl-parent .game-table-title,
html body .opap-print-results-web .game-kino .game-table-title,
html body .opap-print-results-web .joker .game-table-title,
html body .opap-print-results-web .game-lotto .game-table-title,
html body .opap-print-results-web .game-proto .game-table-title,
html body .opap-print-results-web .game-propogoal .game-table-title,
html body .opap-print-results-web .game-propo .game-table-title {
  margin-bottom: 25px; }

html body .opap-print-results-web .tpl-parent h2.game-table-title,
html body .opap-print-results-web .game-kino h2.game-table-title,
html body .opap-print-results-web .joker h2.game-table-title,
html body .opap-print-results-web .game-lotto h2.game-table-title,
html body .opap-print-results-web .game-proto h2.game-table-title,
html body .opap-print-results-web .game-propogoal h2.game-table-title,
html body .opap-print-results-web .game-propo h2.game-table-title {
  font-size: var(--h2-font-size) !important; }

html body .opap-print-results-web .tpl-parent h3.game-table-title,
html body .opap-print-results-web .game-kino h3.game-table-title,
html body .opap-print-results-web .joker h3.game-table-title,
html body .opap-print-results-web .game-lotto h3.game-table-title,
html body .opap-print-results-web .game-proto h3.game-table-title,
html body .opap-print-results-web .game-propogoal h3.game-table-title,
html body .opap-print-results-web .game-propo h3.game-table-title {
  font-size: var(--h3-font-size) !important; }

html body .opap-print-results-web .tpl-parent h4.game-table-title,
html body .opap-print-results-web .game-kino h4.game-table-title,
html body .opap-print-results-web .joker h4.game-table-title,
html body .opap-print-results-web .game-lotto h4.game-table-title,
html body .opap-print-results-web .game-proto h4.game-table-title,
html body .opap-print-results-web .game-propogoal h4.game-table-title,
html body .opap-print-results-web .game-propo h4.game-table-title {
  font-size: var(--h4-font-size) !important; }

html body .opap-print-results-web .game-propogoal .game-table-title,
html body .opap-print-results-web .game-propo .game-table-title {
  text-align: center; }

html body .opap-print-results-web #draw-container .table-content-module,
html body .opap-print-results-web #print-main-content .table-content-module {
  background: none;
  padding: 0; }

html body .opap-print-results-web #draw-container .opap-tables-filed.opap-table-striped,
html body .opap-print-results-web #print-main-content .opap-tables-filed.opap-table-striped {
  background: none;
  box-shadow: 0 8px 8px 0 #0000001A;
  padding-top: 0; }
  html body .opap-print-results-web #draw-container .opap-tables-filed.opap-table-striped table.results-table tbody tr td,
  html body .opap-print-results-web #print-main-content .opap-tables-filed.opap-table-striped table.results-table tbody tr td {
    font-size: 1.2em; }
  html body .opap-print-results-web #draw-container .opap-tables-filed.opap-table-striped table.results-table thead tr th,
  html body .opap-print-results-web #print-main-content .opap-tables-filed.opap-table-striped table.results-table thead tr th {
    font-size: 1.2em; }
    html body .opap-print-results-web #draw-container .opap-tables-filed.opap-table-striped table.results-table thead tr th:nth-child(4),
    html body .opap-print-results-web #print-main-content .opap-tables-filed.opap-table-striped table.results-table thead tr th:nth-child(4) {
      min-width: 140px; }

html body .opap-print-results-web .bootstrap-datetimepicker-widget {
  border: none;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer; }
  html body .opap-print-results-web .bootstrap-datetimepicker-widget .datepicker {
    width: 100%; }
    html body .opap-print-results-web .bootstrap-datetimepicker-widget .datepicker .table-condensed {
      width: 100%; }

html body .opap-print-results-web .no-result {
  font-size: 1.125em; }

html body .opap-print-results-web .extra-5 .printNumbers {
  background-color: #a8226f;
  color: white; }

html body .opap-print-results-web .super-3 .printNumbers {
  background-color: #ea3128;
  color: white; }

html body .opap-print-results-web .powerspin .printNumbers {
  line-height: 2em; }
  html body .opap-print-results-web .powerspin .printNumbers.red, html body .opap-print-results-web .powerspin .printNumbers.κόκκινο {
    background-color: var(--opap-brand-red); }
  html body .opap-print-results-web .powerspin .printNumbers.blue, html body .opap-print-results-web .powerspin .printNumbers.μπλέ {
    background-color: var(--opap-brand-sky-blue); }
  html body .opap-print-results-web .powerspin .printNumbers.green, html body .opap-print-results-web .powerspin .printNumbers.πράσινο {
    background-color: var(--opap-brand-apple); }

html body .opap-print-results-web .powerspin .printColorNumberText {
  width: 100%; }

html body .opap-print-results-web .joker .printNumbers {
  background-color: #008FE9;
  color: white; }
  html body .opap-print-results-web .joker .printNumbers.draw-result-number-bonus {
    background-color: #FFA800; }

html body .opap-print-results-web .joker .draw-result-number-bonus-label {
  font-weight: bold;
  font-size: 25px; }

html body .opap-print-results-web .game-kino .draw-info {
  padding-bottom: 12px; }
  html body .opap-print-results-web .game-kino .draw-info .draw-date {
    margin-bottom: 0; }

html body .opap-print-results-web .game-kino #kino-results-table td.draw-numbers {
  padding-left: 1px;
  padding-right: 1px; }

html body .opap-print-results-web .game-lotto .printNumbers {
  background-color: #fedc00; }
  html body .opap-print-results-web .game-lotto .printNumbers.draw-result-number-bonus {
    background-color: var(--opap-brand-navy-blue);
    color: white; }

html body .opap-print-results-web .game-lotto .bonus-plus {
  display: none; }

html body .opap-print-results-web .game-lotto #old-lotto-table {
  display: none; }

html body .opap-print-results-web .game-lotto #new-lotto-table {
  display: none; }

html body .opap-print-results-web .game-proto .printNumbers {
  background-color: #1d427c;
  color: white; }

html body .opap-print-results-web .game-propogoal .printNumbers {
  background-color: #95C11F;
  color: white;
  font-family: "RobotoFlexbold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

html body .opap-print-results-web .game-propo .draw-info {
  padding-bottom: 1px; }

@media (max-width: 991.98px) {
  html body .opap-print-results-web .powerspin .printNumbers {
    line-height: 2.2em; } }

@media print {
  @page {
    margin: 0 5mm;
    size: A4; }
  html body {
    text-align: center;
    margin: 0;
    margin-top: 0 !important;
    padding: 0;
    max-width: 210mm; }
    html body h2, html body h3, html body h4, html body h5, html body h6 {
      page-break-before: auto;
      page-break-inside: avoid;
      page-break-after: avoid; }
    html body table {
      page-break-inside: auto; }
      html body table tr {
        page-break-inside: avoid;
        page-break-after: auto; }
    html body thead {
      display: table-header-group;
      page-break-after: avoid;
      page-break-inside: avoid; }
    html body tfoot {
      display: table-footer-group; }
    html body .opap-print-results-web .calendar {
      display: none; }
    html body .opap-print-results-web .print-results {
      font-size: 14px;
      margin: 0 auto;
      width: 200mm !important;
      min-width: 200mm !important;
      max-width: 200mm !important; }
      html body .opap-print-results-web .print-results .print-page-logo {
        display: inline-block;
        max-height: 30px;
        margin-right: 10px; }
      html body .opap-print-results-web .print-results .title {
        display: none; }
      html body .opap-print-results-web .print-results.Kino {
        font-size: 10px; }
        html body .opap-print-results-web .print-results.Kino table tr td, html body .opap-print-results-web .print-results.Kino table tr th {
          padding: 6px 3px !important;
          margin: 0 !important; }
      html body .opap-print-results-web .print-results.Powerspin .powerspin .table-content-module .results-table {
        border-collapse: collapse !important; }
        html body .opap-print-results-web .print-results.Powerspin .powerspin .table-content-module .results-table thead tr th {
          color: var(--opap-neutral-90) !important;
          border-bottom: 1px solid #616265 !important;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-size: 20px !important; }
        html body .opap-print-results-web .print-results.Powerspin .powerspin .table-content-module .results-table tbody tr td {
          padding: 2px !important;
          line-height: 1.2 !important;
          background-color: transparent !important;
          border-bottom: 1px solid #616265 !important; }
          html body .opap-print-results-web .print-results.Powerspin .powerspin .table-content-module .results-table tbody tr td .printNumbers {
            line-height: 1.5;
            font-size: 1.5em;
            width: 45px;
            height: 45px;
            padding: 0; }
      html body .opap-print-results-web .print-results .print-wrapper {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important; }
      html body .opap-print-results-web .print-results .draw-results-section {
        transform: none !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important; }
      html body .opap-print-results-web .print-results .draw-info {
        margin-bottom: 0;
        padding-top: 0;
        background-color: transparent;
        border: 1px solid #ECEEF5; }
        html body .opap-print-results-web .print-results .draw-info .draw-number-parent, html body .opap-print-results-web .print-results .draw-info .results, html body .opap-print-results-web .print-results .draw-info hr, html body .opap-print-results-web .print-results .draw-info .numbers-list ul, html body .opap-print-results-web .print-results .draw-info .draw-date {
          margin-bottom: 5px; }
        html body .opap-print-results-web .print-results .draw-info .printNumbers {
          color: var(--body-color);
          background-color: transparent;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          line-height: 1;
          width: auto;
          height: auto;
          margin: 3px 10px; }
        html body .opap-print-results-web .print-results .draw-info .draw-result-number-bonus-label {
          font-size: 1.5em; }
      html body .opap-print-results-web .print-results .table-content-module .results-table tbody tr td {
        line-height: 1;
        padding: 0; }
      html body .opap-print-results-web .print-results .table-content-module .results-table thead tr th {
        line-height: 0.5; }
    html body .opap-print-results-web .txt-and-buttons,
    html body .opap-print-results-web .no-result {
      display: none; }
    html body .opap-print-results-web .print-hide {
      display: none !important; }
    html body header, html body footer {
      display: none !important; } }

@media (max-width: 1279.98px) {
  body #wrapper .opap-print-results-web .title {
    margin-bottom: 40px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-print-results-web .title {
    margin-bottom: 30px; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-print-results-web .title {
    margin-bottom: 20px; } }

@media (max-width: 575.98px) {
  body #wrapper .opap-print-results-web .print-results {
    max-width: 850px; }
    body #wrapper .opap-print-results-web .print-results .calendar label {
      max-width: 115px; }
    body #wrapper .opap-print-results-web .print-results.Kino {
      max-width: 1200px; } }

body #wrapper .opap-contact-info-banner-module {
  background-color: var(--opap-clean-white);
  border-radius: 8px;
  padding: 25px 90px; }
  body #wrapper .opap-contact-info-banner-module .title {
    text-align: center;
    margin-bottom: 30px;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700; }
  body #wrapper .opap-contact-info-banner-module .subtext {
    font-size: 20px;
    text-align: center; }
  body #wrapper .opap-contact-info-banner-module .info-list {
    justify-content: center;
    margin: 60px 0;
    row-gap: 40px; }
    body #wrapper .opap-contact-info-banner-module .info-list li {
      text-align: center; }
      body #wrapper .opap-contact-info-banner-module .info-list li .iconHolder {
        background: var(--opap-glow-navy-blue);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        overflow: hidden;
        width: 74px;
        height: 74px;
        margin: 0 auto; }
      body #wrapper .opap-contact-info-banner-module .info-list li h4 {
        color: var(--opap-pure-dark);
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        margin-top: 20px;
        font-size: 20px; }
      body #wrapper .opap-contact-info-banner-module .info-list li p {
        color: var(--opap-pure-dark);
        margin: 28px 0;
        font-size: 16px;
        font-weight: 600; }
      body #wrapper .opap-contact-info-banner-module .info-list li a {
        font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        height: fit-content;
        min-width: fit-content;
        padding: 4px 26px 8px 26px;
        font-size: 16px; }
  body #wrapper .opap-contact-info-banner-module .footer {
    font-size: 13px;
    text-align: center;
    padding: 0 30px; }
  body #wrapper .opap-contact-info-banner-module .footer-link {
    display: block;
    text-decoration: none;
    width: 100%;
    font-size: 16px;
    text-align: center;
    padding: 0 30px;
    font-weight: bold; }
    body #wrapper .opap-contact-info-banner-module .footer-link .icon-right {
      height: 12px; }
      body #wrapper .opap-contact-info-banner-module .footer-link .icon-right::after {
        content: "\f105";
        font-family: fontawesome-alloy;
        margin-left: 6px;
        font-weight: bold; }

@media (max-width: 991.98px) {
  body #wrapper .opap-contact-info-banner-module {
    padding: 25px 20px; }
    body #wrapper .opap-contact-info-banner-module .info-list {
      margin: 30px 0;
      padding: 0 10px; } }

body #wrapper .opap-four-pillars-module {
  justify-content: center; }
  body #wrapper .opap-four-pillars-module .title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    text-align: center; }
  body #wrapper .opap-four-pillars-module .carousel-holder {
    width: 100%; }
    body #wrapper .opap-four-pillars-module .carousel-holder .cards {
      width: 100%;
      justify-content: center;
      text-align: center;
      margin: 60px 0 0 0; }
      body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-radius: 8px;
        height: 100%; }
        body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .portrait {
          clip-path: circle(80% at 50% 17%); }
        body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .landscape {
          width: 100%;
          height: 165px;
          clip-path: circle(137% at 50% -100%); }
          body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .landscape img {
            width: 100%;
            height: 165px;
            border-radius: 8px 8px 0 0; }
        body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .portrait {
          width: 100%;
          height: 64%; }
          body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .portrait img {
            width: 100%;
            height: 100%;
            border-radius: 8px 8px 0 0; }
        body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .card-content {
          width: 100%;
          height: 212px;
          padding: 6px 30px; }
          body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .card-content .pillar-title {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700;
            font-size: 25px; }
          body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .card-content p {
            font-size: 16px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical; }
        body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card a {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 71px;
          display: block;
          text-decoration: none;
          font-size: 20px;
          border-top: 1px solid rgba(253, 253, 253, 0.5);
          padding: 16px 0 24px 0;
          background: linear-gradient(180deg, rgba(253, 253, 253, 0.16) 0%, rgba(253, 253, 253, 0) 100%); }
          body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card a .icon-right {
            height: 12px; }
          body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card a .icon-right::after {
            content: "\f105";
            font-family: fontawesome-alloy;
            margin-left: 6px; }
      body #wrapper .opap-four-pillars-module .carousel-holder .cards li a .limit-card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border-radius: 8px;
        height: 100%; }
        body #wrapper .opap-four-pillars-module .carousel-holder .cards li a .limit-card .portrait {
          width: 100%;
          height: 64%; }
          body #wrapper .opap-four-pillars-module .carousel-holder .cards li a .limit-card .portrait img {
            width: 100%;
            height: 100%;
            border-radius: 8px 8px 0 0; }
        body #wrapper .opap-four-pillars-module .carousel-holder .cards li a .limit-card .card-content {
          width: 100%;
          height: 212px;
          padding: 6px 30px; }
          body #wrapper .opap-four-pillars-module .carousel-holder .cards li a .limit-card .card-content .pillar-title {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700;
            font-size: 25px; }
          body #wrapper .opap-four-pillars-module .carousel-holder .cards li a .limit-card .card-content p {
            font-size: 16px; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .landscape {
    clip-path: circle(168% at 50% -100%); } }

@media (min-width: 768px) and (max-width: 1279.98px) {
  body #wrapper .opap-four-pillars-module .carousel-holder .cards {
    justify-content: initial; }
    body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .card-image {
      height: 35%; }
    body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .portrait {
      width: 100%;
      height: 64%; }
      body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .portrait img {
        width: 100%;
        height: 100%;
        border-radius: 8px 8px 0 0; }
    body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .card-content {
      width: 100%;
      height: 212px;
      padding: 6px 10px; }
    body #wrapper .opap-four-pillars-module .carousel-holder .cards li a .limit-card .card-image {
      height: 35%; }
    body #wrapper .opap-four-pillars-module .carousel-holder .cards li a .limit-card .portrait {
      width: 100%;
      height: 64%; }
      body #wrapper .opap-four-pillars-module .carousel-holder .cards li a .limit-card .portrait img {
        width: 100%;
        height: 100%;
        border-radius: 8px 8px 0 0; }
    body #wrapper .opap-four-pillars-module .carousel-holder .cards li a .limit-card .card-content {
      width: 100%;
      height: 212px;
      padding: 6px 10px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-four-pillars-module .title {
    width: 95%;
    padding: 0; }
  body #wrapper .opap-four-pillars-module .carousel-holder {
    padding-bottom: 60px; }
    body #wrapper .opap-four-pillars-module .carousel-holder .cards {
      justify-content: initial; }
      body #wrapper .opap-four-pillars-module .carousel-holder .cards .limit-card {
        max-width: 300px;
        margin: 0 auto; }
  body #wrapper .opap-four-pillars-module .carousel-indicators li {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: var(--opap-neutral-50);
    margin: 0 10px;
    border: none; }
    body #wrapper .opap-four-pillars-module .carousel-indicators li.active {
      background: var(--opap-glow-sky-blue);
      box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
      -moz-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
      -webkit-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
      -o-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue); }
  body #wrapper .opap-four-pillars-module .carousel-holder .cards li .limit-card .landscape {
    clip-path: circle(134% at 50% -100%); } }

body #wrapper .opap-rg-limits-cards {
  justify-content: center; }
  body #wrapper .opap-rg-limits-cards .title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    text-align: center; }
  body #wrapper .opap-rg-limits-cards .cards {
    margin: 60px 0;
    row-gap: 24px; }
    body #wrapper .opap-rg-limits-cards .cards li .limit-card {
      position: relative;
      padding-bottom: 71px;
      height: 100%;
      border-radius: 8px;
      min-height: 256px; }
      body #wrapper .opap-rg-limits-cards .cards li .limit-card .card-content {
        padding: 12px 24px 10px 30px; }
        body #wrapper .opap-rg-limits-cards .cards li .limit-card .card-content .card-title-image {
          display: flex;
          flex-direction: row;
          justify-content: space-between; }
          body #wrapper .opap-rg-limits-cards .cards li .limit-card .card-content .card-title-image .card-title {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700;
            width: 70%;
            font-size: 25px;
            margin: auto 0; }
          body #wrapper .opap-rg-limits-cards .cards li .limit-card .card-content .card-title-image .cardImage {
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            width: 56px;
            height: 56px; }
            body #wrapper .opap-rg-limits-cards .cards li .limit-card .card-content .card-title-image .cardImage img {
              display: block; }
        body #wrapper .opap-rg-limits-cards .cards li .limit-card .card-content p {
          margin-top: 4px;
          font-size: 16px;
          line-height: 1.6;
          width: 80%; }
    body #wrapper .opap-rg-limits-cards .cards li a {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 71px;
      display: block;
      text-decoration: none;
      font-size: 20px;
      border-top: 1px solid rgba(253, 253, 253, 0.5);
      padding: 16px 0 24px 30px;
      background: linear-gradient(180deg, rgba(253, 253, 253, 0.16) 0%, rgba(253, 253, 253, 0) 100%); }
      body #wrapper .opap-rg-limits-cards .cards li a .icon-right {
        height: 12px; }
      body #wrapper .opap-rg-limits-cards .cards li a .icon-right::after {
        content: "\f105";
        font-family: fontawesome-alloy;
        margin-left: 6px; }

body #wrapper .opap-rg-limits-cards .modal .modal-dialog {
  left: 50%;
  top: 50%;
  margin: 0;
  transform: translate(-50%, -50%); }
  body #wrapper .opap-rg-limits-cards .modal .modal-dialog .rg-limits-card-modal {
    width: 1010px;
    height: 645px;
    background: var(--opap-glow-navy-blue);
    padding: 52px 44px 42px 44px;
    border-radius: 8px;
    border: none;
    color: var(--opap-white);
    margin: 0 auto; }
    body #wrapper .opap-rg-limits-cards .modal .modal-dialog .rg-limits-card-modal .rg-limits-card-modal-content {
      height: 100%;
      overflow-y: auto;
      padding: 0 0.5rem 0.5rem 0.5rem; }
    body #wrapper .opap-rg-limits-cards .modal .modal-dialog .rg-limits-card-modal .close {
      color: var(--opap-white);
      font-size: 40px;
      font-weight: normal;
      position: absolute;
      top: 28px;
      right: 28px; }
      body #wrapper .opap-rg-limits-cards .modal .modal-dialog .rg-limits-card-modal .close:focus {
        box-shadow: none; }
    body #wrapper .opap-rg-limits-cards .modal .modal-dialog .rg-limits-card-modal .modal-header {
      height: fit-content;
      margin-bottom: 39px;
      border: none;
      padding: 0 0.5rem; }

.rg-limits-card-modal-content::-webkit-scrollbar {
  width: 8px; }

.rg-limits-card-modal-content::-webkit-scrollbar-track {
  width: 8px;
  background: var(--opap-neutral-90); }

.rg-limits-card-modal-content::-webkit-scrollbar-thumb {
  width: 8px;
  border-radius: 8px;
  background: var(--opap-glow-tangerine); }

.aui .hide {
  display: none !important; }

.opap-rg-limits-cards .modal {
  display: none; }

@media (max-width: 1100px) {
  body #wrapper .opap-rg-limits-cards .cards li .limit-card .opap-link {
    font-size: 16px;
    padding: 17px 10px 20px 30px; } }

@media (max-width: 1010px) {
  body #wrapper .modal .modal-dialog {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    transform: none; }
    body #wrapper .modal .modal-dialog .rg-limits-card-modal {
      width: 100%;
      height: 100%; } }

@media (max-width: 600px) {
  body #wrapper .modal .modal-dialog {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0; }
    body #wrapper .modal .modal-dialog .rg-limits-card-modal {
      padding: 15px; }
      body #wrapper .modal .modal-dialog .rg-limits-card-modal .close {
        top: -2px;
        right: 14px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-rg-limits-cards .cards li .limit-card .card-content p {
    width: 90%; }
  body #wrapper .opap-rg-limits-cards .cards li .limit-card .opap-link {
    padding: 19px 0 24px 30px; } }

body #wrapper .opap-cards-banner-module {
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
  align-items: center; }
  body #wrapper .opap-cards-banner-module .background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0; }
  body #wrapper .opap-cards-banner-module .content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    row-gap: 40px;
    z-index: 1;
    align-items: center;
    padding: 60px 97px; }
    body #wrapper .opap-cards-banner-module .content .title {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      padding: 0 20%;
      text-align: center; }
    body #wrapper .opap-cards-banner-module .content .subtext {
      width: 51%;
      text-align: center; }
    body #wrapper .opap-cards-banner-module .content .cards {
      width: 100%;
      justify-content: space-evenly; }
      body #wrapper .opap-cards-banner-module .content .cards .card-holder .card {
        position: relative;
        height: 100%;
        border-radius: 8px;
        min-height: 248.52px;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 34px 71px 34px; }
        body #wrapper .opap-cards-banner-module .content .cards .card-holder .card .cardLogo {
          position: absolute;
          width: 77px;
          top: -17px;
          left: 12px; }
        body #wrapper .opap-cards-banner-module .content .cards .card-holder .card .cardTitle {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          font-size: 31.25px;
          text-align: center;
          display: block;
          padding-top: 20px; }
        body #wrapper .opap-cards-banner-module .content .cards .card-holder .card .cardLink {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          position: absolute;
          bottom: 0;
          left: 0;
          text-align: center;
          width: 100%;
          height: 71px;
          display: block;
          text-decoration: none;
          font-size: 20px;
          border-top: 1px solid rgba(253, 253, 253, 0.5);
          padding: 16px 0 24px 0;
          background: linear-gradient(180deg, rgba(253, 253, 253, 0.16) 0%, rgba(253, 253, 253, 0) 100%); }
          body #wrapper .opap-cards-banner-module .content .cards .card-holder .card .cardLink .icon-right {
            height: 12px; }
          body #wrapper .opap-cards-banner-module .content .cards .card-holder .card .cardLink .icon-right::after {
            content: "\f105";
            font-family: fontawesome-alloy;
            margin-left: 6px; }

@media (max-width: 1200px) {
  body #wrapper .opap-cards-banner-module .content {
    padding: 0; }
    body #wrapper .opap-cards-banner-module .content .cards .card-holder .card .cardTitle {
      font-size: 25px; }
    body #wrapper .opap-cards-banner-module .content .cards .card-holder .card .cardLink {
      font-size: 16px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-cards-banner-module {
    height: 100%; }
    body #wrapper .opap-cards-banner-module .background-image {
      height: 100%; }
    body #wrapper .opap-cards-banner-module .content {
      width: 90%;
      padding: 0; }
      body #wrapper .opap-cards-banner-module .content .content-logo {
        margin-top: 80px; }
      body #wrapper .opap-cards-banner-module .content .title {
        width: 95%;
        padding: 0; }
      body #wrapper .opap-cards-banner-module .content .subtext {
        width: 95%; }
      body #wrapper .opap-cards-banner-module .content .cards .card-holder {
        margin-bottom: 24px; } }

body #wrapper .opap-game-calendar .game-calendar-tomorrow p.opap-jackpot.draw-break, body #wrapper .opap-game-calendar .game-calendar-today p.opap-jackpot.draw-break {
  padding: 15px 0 75px 0; }

body #wrapper .opap-game-calendar .game-calendar-tomorrow p.opap-next-draw-date.draw-break, body #wrapper .opap-game-calendar .game-calendar-today p.opap-next-draw-date.draw-break {
  display: none; }

body #wrapper .opap-game-calendar .game-calendar-first-row {
  padding: 0 12px;
  display: flex;
  margin-bottom: 35px;
  flex-basis: 100%; }
  body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow {
    display: inline-flex;
    flex-wrap: wrap;
    background-color: var(--opap-white);
    border-radius: 8px;
    padding: 5px;
    flex: auto; }
    body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .calendar-date, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .calendar-date {
      width: 100%; }
      body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .calendar-date .calendar-date-tag, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .calendar-date .calendar-date-tag {
        padding: 8px;
        width: 63px;
        height: 71px;
        font-size: 25px;
        margin-right: 10px;
        margin-left: 3px;
        display: inline-block; }
        body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .calendar-date .calendar-date-tag .calendar-date-month, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .calendar-date .calendar-date-tag .calendar-date-month {
          font-size: 10px;
          display: block; }
      body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .calendar-date .calendar-day, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .calendar-date .calendar-day {
        font-size: 30px; }
    body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .game-article, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .game-article {
      flex: 1;
      text-align: center;
      margin-bottom: 5px;
      margin-left: 5px;
      margin-right: 5px; }
      body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .game-article p:last-child, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .game-article p:last-child {
        margin-bottom: 0; }
      body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .game-article .calendar-content img, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .game-article .calendar-content img {
        width: 165px;
        max-height: 77px; }
      body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .game-article .calendar-content .linkable-tag, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .game-article .calendar-content .linkable-tag {
        font-size: 10px;
        margin-left: -5px;
        padding-top: 4px;
        width: 118px;
        height: 27px; }
      body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .game-article .calendar-content .automatic-field-jackpot p.opap-jackpot b, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .game-article .calendar-content .automatic-field-jackpot p.opap-jackpot b {
        display: block;
        font-size: 30px; }
      body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .game-article .calendar-content .automatic-field-jackpot .opap-lotto-jackpot, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .game-article .calendar-content .automatic-field-jackpot .opap-lotto-jackpot {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 25px;
        line-height: 28.75px;
        display: inline-block;
        max-width: 300px; }
      body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .game-article .calendar-content .automatic-field-drow .opap-next-draw-date, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .game-article .calendar-content .automatic-field-drow .opap-next-draw-date {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 12px; }
      body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .game-article .calendar-content.opap-pamestoiximaretail-primary, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .game-article .calendar-content.opap-pamestoiximaretail-primary {
        justify-content: space-around; }
        body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .game-article .calendar-content.opap-pamestoiximaretail-primary .competition-content .competition, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .game-article .calendar-content.opap-pamestoiximaretail-primary .competition-content .competition {
          font-size: 11px;
          margin-bottom: 10px; }
        body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .game-article .calendar-content.opap-pamestoiximaretail-primary .competition-content .teams, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .game-article .calendar-content.opap-pamestoiximaretail-primary .competition-content .teams {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-size: 13px;
          display: flex;
          justify-content: center;
          flex-direction: column;
          margin-bottom: 10px; }
        body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-today .game-article .calendar-content.opap-pamestoiximaretail-primary .competition-content .game-time, body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow .game-article .calendar-content.opap-pamestoiximaretail-primary .competition-content .game-time {
          font-size: 11px; }
  body #wrapper .opap-game-calendar .game-calendar-first-row .game-calendar-tomorrow {
    margin-left: 10px; }

body #wrapper .opap-game-calendar .game-calendar-second-row {
  display: flex;
  padding: 0 12px; }
  body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single {
    background-color: var(--opap-white);
    border-radius: 8px;
    padding: 7px;
    margin-left: 10px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: start;
    flex: 1; }
    body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single:first-of-type {
      margin-left: 0; }
    body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .calendar-date .calendar-date-tag {
      padding: 5px;
      padding-top: 0;
      width: 47px;
      height: 55px;
      font-size: 25px;
      margin-right: 10px;
      margin-left: 0;
      display: inline-block; }
      body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .calendar-date .calendar-date-tag .calendar-date-month {
        font-size: 10px;
        display: block; }
    body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .calendar-date .calendar-day {
      font-size: 19px; }
    body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box {
      flex: 1;
      text-align: center; }
      body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article {
        height: 80px;
        margin-bottom: 5px; }
        body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:last-child {
          margin-bottom: 0; }
        body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article p:last-child {
          margin-bottom: 5px; }
        body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article .calendar-content {
          padding: 2px;
          padding-top: 3px;
          height: 80px; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article .calendar-content .asterisk-note {
            margin-right: 5px;
            padding-top: 4px; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article .calendar-content img {
            max-height: 33px;
            width: 70px; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article .calendar-content .automatic-field-jackpot > * {
            display: none; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article .calendar-content .automatic-field-jackpot .opap-lotto-jackpot {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700;
            font-size: 15px;
            line-height: 12.65px; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article .calendar-content .automatic-field-drow .opap-next-draw-date {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 11px; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article .calendar-content.opap-laikolaxeio-primary picture, body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article .calendar-content.opap-etnikolaxeio-primary picture {
            margin-top: -7px; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article .calendar-content.opap-pamestoiximaretail-primary .competition-content {
            line-height: 1.4;
            display: flex;
            flex-direction: row;
            justify-content: center; }
            body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article .calendar-content.opap-pamestoiximaretail-primary .competition-content .competition, body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article .calendar-content.opap-pamestoiximaretail-primary .competition-content .game-time {
              margin-bottom: 0px;
              font-size: 11px; }
            body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article .calendar-content.opap-pamestoiximaretail-primary .competition-content .teams {
              font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              font-size: 11px;
              display: none; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article .calendar-content.opap-specialoccasion-primary .announcement {
            font-size: 12px; }
        body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content {
          height: 165px; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content img {
            width: 100px;
            height: 46px; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content .linkable-tag {
            font-size: 10px;
            margin-left: -5px;
            padding-top: 4px;
            width: 118px;
            height: 27px; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content.opap-pamestoiximaretail-primary {
            justify-content: space-around; }
            body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content.opap-pamestoiximaretail-primary .competition-content {
              flex-direction: column;
              justify-content: space-between; }
              body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content.opap-pamestoiximaretail-primary .competition-content .competition {
                font-size: 11px;
                margin-bottom: 10px;
                line-height: 1.1; }
              body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content.opap-pamestoiximaretail-primary .competition-content .teams {
                font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                font-size: 13px;
                display: flex;
                justify-content: center;
                flex-direction: column;
                margin-bottom: 10px;
                line-height: 1.1; }
              body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content.opap-pamestoiximaretail-primary .competition-content .game-time {
                font-size: 11px; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content .automatic-field-jackpot > * {
            display: none; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content .automatic-field-jackpot .opap-lotto-jackpot {
            display: inline-block !important;
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700;
            font-size: 11px;
            line-height: 12.65px;
            max-width: 150px; }
          body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content .automatic-field-jackpot .opap-eurojackpot-jackpot {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column; }
            body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content .automatic-field-jackpot .opap-eurojackpot-jackpot .opap-eurojackpot-label, body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content .automatic-field-jackpot .opap-eurojackpot-jackpot .opap-jackpot-amount {
              font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              font-weight: 700;
              font-size: 11px;
              line-height: 12.65px;
              max-width: 150px; }
            body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content .automatic-field-jackpot .opap-eurojackpot-jackpot .amount-wrapper {
              height: 14px;
              top: 96px; }
            body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .game-article-box .game-article:only-child .calendar-content .automatic-field-jackpot .opap-eurojackpot-jackpot .jackpot-wrapper {
              height: 12px;
              top: 109px; }

body #wrapper .opap-game-calendar .calendar-date {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  color: var(--opap-pure-dark);
  position: relative;
  margin-top: -15px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  width: 100%; }
  body #wrapper .opap-game-calendar .calendar-date .calendar-date-tag {
    background-color: var(--opap-yellow);
    border-radius: 8px;
    padding: 8px;
    width: 68px;
    display: inline-block;
    max-width: 63px;
    text-align: center;
    font-size: 25px;
    margin-right: 10px; }
  body #wrapper .opap-game-calendar .calendar-date .calendar-day {
    font-size: 30px; }

body #wrapper .calendar-content {
  display: flex;
  flex-direction: column;
  padding: 7px 5px 5px;
  border-radius: 8px;
  height: 228px;
  justify-content: space-between;
  position: relative;
  color: var(--opap-white); }
  body #wrapper .calendar-content .opap-jackpot {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 22px; }
  body #wrapper .calendar-content .opap-jackpot .opap-jackpot-amount {
    flex: 1 1 100%;
    order: -1; }
  body #wrapper .calendar-content .asterisk-note {
    display: inline-flex;
    justify-content: right;
    font-size: 10px; }
    body #wrapper .calendar-content .asterisk-note .icon-star {
      margin-left: 5px;
      font-size: 9px; }
    body #wrapper .calendar-content .asterisk-note.asterisk-inline {
      position: absolute;
      right: 5px; }
  body #wrapper .calendar-content .linkable-tag {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--opap-neutral-90);
    background-color: var(--opap-white);
    opacity: 0.8;
    padding: 2px 0 4px;
    margin-bottom: 3px;
    font-size: 9px;
    width: 106px;
    margin-left: -5px;
    height: 18px;
    border-radius: 0 30px 30px 0;
    justify-content: center;
    display: flex;
    align-items: center; }
  body #wrapper .calendar-content.opap-specialoccasion-primary {
    background: var(--opap-glow-royal-blue);
    justify-content: space-around; }
    body #wrapper .calendar-content.opap-specialoccasion-primary .announcement {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: var(--opap-white);
      font-size: 22px; }
  body #wrapper .calendar-content.opap-lotto-primary .automatic-field-jackpot, body #wrapper .calendar-content.opap-lotto-primary .automatic-field-drow {
    color: #04326C; }
  body #wrapper .calendar-content.opap-eurojackpot-primary .automatic-field-jackpot {
    color: var(--opap-neutral-90); }
    body #wrapper .calendar-content.opap-eurojackpot-primary .automatic-field-jackpot .opap-eurojackpot-jackpot {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      body #wrapper .calendar-content.opap-eurojackpot-primary .automatic-field-jackpot .opap-eurojackpot-jackpot .opap-eurojackpot-label, body #wrapper .calendar-content.opap-eurojackpot-primary .automatic-field-jackpot .opap-eurojackpot-jackpot .opap-jackpot-amount {
        text-align: center;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 19px;
        line-height: 28.75px;
        letter-spacing: 0.75px; }
      body #wrapper .calendar-content.opap-eurojackpot-primary .automatic-field-jackpot .opap-eurojackpot-jackpot .opap-eurojackpot-label {
        display: flex;
        flex-direction: column;
        z-index: 1; }
      body #wrapper .calendar-content.opap-eurojackpot-primary .automatic-field-jackpot .opap-eurojackpot-jackpot .amount-wrapper {
        background: linear-gradient(113deg, #F4E77E 35.24%, #F0E178 38.96%, #E6D168 43.41%, #D6B74E 47.87%, #D2AF47 49.35%, #CBA53E 54.55%, #C9A23C 56.04%, #C3901B 77.57%, #E5C95C 90.2%, #F8E77F 96.88%, #F4E179 99.11%, #E9D269 101.33%, #D8BA4E 105.05%, #C0972A 108.02%, #B48617 109.5%);
        position: absolute;
        height: 33px;
        width: 100%;
        top: 131px; }
      body #wrapper .calendar-content.opap-eurojackpot-primary .automatic-field-jackpot .opap-eurojackpot-jackpot .jackpot-wrapper {
        background: #F3CE1B;
        position: absolute;
        height: 29px;
        width: 100%;
        top: 160px; }
  body #wrapper .calendar-content.opap-eurojackpot-primary .automatic-field-drow {
    color: #77490A; }

body #wrapper .calendar-footer-content {
  border-radius: 8px; }
  body #wrapper .calendar-footer-content .content-footer {
    padding: 0 12px;
    display: flex;
    flex-wrap: wrap;
    flex: auto; }
    body #wrapper .calendar-footer-content .content-footer .calendar-footer-title {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      width: 200px;
      padding: 20px 25px 27px;
      background-color: var(--opap-yellow);
      color: var(--opap-pure-dark);
      font-size: 19px;
      line-height: 26.5px;
      border-radius: 8px 0 0 8px;
      display: flex;
      justify-content: center;
      align-items: center; }
    body #wrapper .calendar-footer-content .content-footer .calendar-footer-tile {
      background-color: var(--opap-white);
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 10px;
      text-align: center;
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: flex-start; }
      body #wrapper .calendar-footer-content .content-footer .calendar-footer-tile:nth-child(2) {
        padding-left: 20px; }
      body #wrapper .calendar-footer-content .content-footer .calendar-footer-tile:last-of-type {
        border-radius: 0 8px 8px 0; }
      body #wrapper .calendar-footer-content .content-footer .calendar-footer-tile picture {
        height: 45px; }
        body #wrapper .calendar-footer-content .content-footer .calendar-footer-tile picture img {
          height: 33px;
          width: 70px; }
      body #wrapper .calendar-footer-content .content-footer .calendar-footer-tile .calendar-footer-frequency {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: #727272;
        font-size: 12px; }

.calendar-footer-note {
  font-size: 14px;
  margin-top: 20px;
  display: flex;
  justify-content: right;
  color: var(--opap-white);
  padding: 0 12px; }
  .calendar-footer-note .icon-star {
    font-size: 8px;
    margin-top: 4px;
    margin-right: 7px; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-game-calendar .game-calendar-second-row .game-calendar-single .calendar-date .calendar-day {
    font-size: 17px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-game-calendar.mobile {
    display: flex;
    flex-direction: column;
    padding: 10px 0 50px;
    overflow: hidden;
    margin-bottom: 24px; }
    body #wrapper .opap-game-calendar.mobile .calendar-container {
      background-color: var(--opap-white);
      padding: 10px;
      border-radius: 8px;
      overflow: revert;
      margin-top: 15px; }
      body #wrapper .opap-game-calendar.mobile .calendar-container .calendar-date {
        margin-top: -20px;
        display: flex;
        align-items: center; }
        body #wrapper .opap-game-calendar.mobile .calendar-container .calendar-date .calendar-date-tag {
          font-size: 25px;
          height: 79px;
          display: flex;
          justify-content: flex-start;
          flex-direction: column; }
          body #wrapper .opap-game-calendar.mobile .calendar-container .calendar-date .calendar-date-tag .calendar-date-month {
            font-size: 10px; }
        body #wrapper .opap-game-calendar.mobile .calendar-container .calendar-date .calendar-day {
          font-size: 28px; }
      body #wrapper .opap-game-calendar.mobile .calendar-container .game-article {
        text-align: center;
        margin-bottom: 8px; }
        body #wrapper .opap-game-calendar.mobile .calendar-container .game-article:last-child {
          margin-bottom: 0; }
        body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content {
          height: 160px; }
          body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content picture {
            margin: 5px 0; }
            body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content picture img {
              max-width: 100%;
              max-height: 35px; }
          body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content.opap-pamestoiximaretail-primary {
            min-height: 160px;
            height: auto; }
          body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content .opap-jackpot {
            font-size: 16px;
            margin-bottom: 5px; }
            body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content .opap-jackpot .opap-jackpot-amount {
              font-size: 30px;
              line-height: 30px; }
          body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content .opap-lotto-jackpot {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700; }
          body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content .automatic-field-drow .opap-next-draw-date {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 11px; }
          body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content .competition-content .teams {
            margin-bottom: 15px; }
          body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content .opap-eurojackpot-jackpot .opap-eurojackpot-label, body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content .opap-eurojackpot-jackpot .opap-jackpot-amount {
            font-size: 20px;
            line-height: 22px; }
          body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content .opap-eurojackpot-jackpot .amount-wrapper {
            height: 23px;
            top: 75px; }
          body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content .opap-eurojackpot-jackpot .jackpot-wrapper {
            height: 22px;
            top: 97px; }
  body #wrapper .calendar-footer-content {
    margin: 0; }
    body #wrapper .calendar-footer-content .content-footer {
      border-radius: 8px;
      background-color: var(--opap-white);
      padding: 0;
      padding-bottom: 8px; }
      body #wrapper .calendar-footer-content .content-footer .calendar-footer-title {
        border-radius: 8px 8px 0 0px;
        width: 100%;
        text-align: center; }
      body #wrapper .calendar-footer-content .content-footer .calendar-footer-tile {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-bottom: 10px; }
        body #wrapper .calendar-footer-content .content-footer .calendar-footer-tile:nth-child(2) {
          padding-left: 0; }
        body #wrapper .calendar-footer-content .content-footer .calendar-footer-tile:last-of-type {
          border-radius: 0; }
  body #wrapper .calendar-footer-note {
    justify-content: center; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-game-calendar.mobile .calendar-container .game-article .calendar-content .opap-lotto-jackpot {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    display: inline-block;
    max-width: 200px; } }

body #wrapper #carousel-testimonial .carousel-inner {
  display: inline-flex;
  align-items: stretch; }
  body #wrapper #carousel-testimonial .carousel-inner .testimonials-module {
    color: var(--opap-white); }
    body #wrapper #carousel-testimonial .carousel-inner .testimonials-module a {
      color: var(--opap-white); }
    body #wrapper #carousel-testimonial .carousel-inner .testimonials-module .tsm-content {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 50px 0 10%; }
      body #wrapper #carousel-testimonial .carousel-inner .testimonials-module .tsm-content .title-headline {
        margin-bottom: 35px; }
      body #wrapper #carousel-testimonial .carousel-inner .testimonials-module .tsm-content .name-title {
        font-weight: 600;
        font-size: 1.15em;
        margin-top: 20px; }
    body #wrapper #carousel-testimonial .carousel-inner .testimonials-module .tsm-img {
      clip-path: ellipse(83% 83% at 83% 20%);
      padding: 0;
      height: 576px; }
      body #wrapper #carousel-testimonial .carousel-inner .testimonials-module .tsm-img img {
        height: 100%;
        width: 100%;
        object-fit: cover; }

body #wrapper #carousel-testimonial .carousel-control {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  width: 64px;
  height: 120px;
  background-color: var(--opap-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px; }
  body #wrapper #carousel-testimonial .carousel-control.left {
    left: 0;
    clip-path: ellipse(101% 49% at -1% 50%); }
  body #wrapper #carousel-testimonial .carousel-control.right {
    right: 0;
    clip-path: ellipse(101% 50% at 101% 50%); }

@media (min-width: 1920px) {
  body #wrapper #carousel-testimonial .carousel-inner .testimonials-module.carousel-item .tsm-content {
    padding-right: 110px; }
  body #wrapper #carousel-testimonial .carousel-inner .testimonials-module.carousel-item .tsm-img {
    padding-left: 35px;
    clip-path: ellipse(92% 95% at 97% 11%); } }

@media (max-width: 991.98px) {
  body #wrapper #carousel-testimonial {
    padding-bottom: 55px; }
    body #wrapper #carousel-testimonial .carousel-inner .testimonials-module .testimonials-carousel-item {
      flex-direction: column-reverse; }
      body #wrapper #carousel-testimonial .carousel-inner .testimonials-module .testimonials-carousel-item .tsm-content {
        padding: 35px 20px 80px; }
        body #wrapper #carousel-testimonial .carousel-inner .testimonials-module .testimonials-carousel-item .tsm-content .title-headline {
          margin-bottom: 25px; }
      body #wrapper #carousel-testimonial .carousel-inner .testimonials-module .testimonials-carousel-item .tsm-img {
        height: 330px;
        padding-left: 20px;
        clip-path: ellipse(81% 100% at 84% 0%); }
    body #wrapper #carousel-testimonial .carousel-indicators {
      margin-left: 0;
      margin-right: 0; }
      body #wrapper #carousel-testimonial .carousel-indicators li {
        border-radius: 50%;
        width: 16px;
        height: 16px;
        background-color: var(--opap-neutral-50);
        margin: 0 10px;
        border: none; }
        body #wrapper #carousel-testimonial .carousel-indicators li.active {
          background: var(--opap-glow-sky-blue);
          box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
          -moz-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
          -webkit-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
          -o-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue); }
    body #wrapper #carousel-testimonial .carousel-control {
      display: none; } }

@media (max-width: 767.98px) {
  body #wrapper #carousel-testimonial .carousel-inner .testimonials-module .testimonials-carousel-item .tsm-img {
    height: 288px;
    clip-path: ellipse(79% 100% at 84% 0%); } }

@media (max-width: 575.98px) {
  body #wrapper #carousel-testimonial .carousel-inner .testimonials-module .testimonials-carousel-item .tsm-img {
    height: 288px;
    clip-path: ellipse(79% 100% at 87% -1%); } }

/* OPAP Download manual buttons */
body #wrapper .opap-download-manual a {
  font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: block;
  width: 158px;
  height: 36px;
  margin: 0 auto 13px;
  padding: 3px 45px 3px 15px;
  line-height: 13px;
  font-size: 12px;
  color: var(--opap-white); }

body #wrapper .app-module-template .title-headline {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  width: 100%;
  justify-content: center;
  display: flex;
  margin-bottom: 30px; }

body #wrapper .app-module-template .sidenav {
  border-radius: 8px 0 0 8px;
  padding: 60px 15px 60px 35px;
  box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 10px 64px rgba(3, 15, 55, 0.16); }
  body #wrapper .app-module-template .sidenav #v-pills-tab.nav-pills .nav-link {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 55px;
    opacity: 0.4;
    color: var(--opap-white); }
    body #wrapper .app-module-template .sidenav #v-pills-tab.nav-pills .nav-link:not(.active) .platform-image {
      background: #1C5A9A !important; }
      body #wrapper .app-module-template .sidenav #v-pills-tab.nav-pills .nav-link:not(.active) .platform-image img {
        opacity: 0.3; }
    body #wrapper .app-module-template .sidenav #v-pills-tab.nav-pills .nav-link.active .platform-image img {
      filter: opacity(100%) invert(100%);
      opacity: 1; }
    body #wrapper .app-module-template .sidenav #v-pills-tab.nav-pills .nav-link .platform-image {
      height: 48px;
      width: 48px;
      border-radius: 50%;
      margin-right: 10px;
      position: relative; }
      body #wrapper .app-module-template .sidenav #v-pills-tab.nav-pills .nav-link .platform-image img {
        max-width: 29px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    body #wrapper .app-module-template .sidenav #v-pills-tab.nav-pills .nav-link.active {
      background-color: transparent;
      opacity: 1; }
      body #wrapper .app-module-template .sidenav #v-pills-tab.nav-pills .nav-link.active .platform-image {
        opacity: 1; }
    body #wrapper .app-module-template .sidenav #v-pills-tab.nav-pills .nav-link:last-child {
      margin-bottom: 0; }

body #wrapper .app-module-template .sidenav-content {
  background-color: var(--opap-white);
  border-radius: 0 8px 8px 0;
  padding: 50px 45px;
  box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 10px 64px rgba(3, 15, 55, 0.16); }
  body #wrapper .app-module-template .sidenav-content .tab-content {
    background-color: var(--opap-neutral-3);
    padding: 20px;
    border-radius: 8px; }
    body #wrapper .app-module-template .sidenav-content .tab-content .free-content-module {
      color: var(--opap-neutral-60); }
      body #wrapper .app-module-template .sidenav-content .tab-content .free-content-module h1, body #wrapper .app-module-template .sidenav-content .tab-content .free-content-module h2, body #wrapper .app-module-template .sidenav-content .tab-content .free-content-module h3, body #wrapper .app-module-template .sidenav-content .tab-content .free-content-module h4, body #wrapper .app-module-template .sidenav-content .tab-content .free-content-module h5 {
        color: var(--opap-neutral-90); }

@media (max-width: 991.98px) {
  body #wrapper .accordion-app-module .title-headline {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px; }
  body #wrapper .accordion-app-module .card {
    margin-bottom: 0;
    border: 1px solid var(--opap-white);
    box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 10px 64px rgba(3, 15, 55, 0.16);
    cursor: pointer; }
    body #wrapper .accordion-app-module .card .card-header {
      padding: 12px 20px; }
      body #wrapper .accordion-app-module .card .card-header .accordion-box {
        display: flex;
        justify-content: space-between;
        position: relative;
        align-items: center; }
        body #wrapper .accordion-app-module .card .card-header .accordion-box .platform-image {
          height: 48px;
          width: 48px;
          border-radius: 50%;
          margin-right: 10px;
          position: relative; }
          body #wrapper .accordion-app-module .card .card-header .accordion-box .platform-image img {
            max-width: 29px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); }
        body #wrapper .accordion-app-module .card .card-header .accordion-box .title-tab {
          position: absolute;
          left: 60px;
          color: var(--opap-white); }
        body #wrapper .accordion-app-module .card .card-header .accordion-box i {
          color: var(--opap-white);
          font-size: 22px; }
        body #wrapper .accordion-app-module .card .card-header .accordion-box[aria-expanded="false"] .platform-image {
          background: #1C5A9A !important; }
      body #wrapper .accordion-app-module .card .card-header [aria-expanded="true"] .platform-image img {
        filter: opacity(100%) invert(100%); }
      body #wrapper .accordion-app-module .card .card-header [aria-expanded="true"] .icon-angle-up:before {
        content: "\f107"; }
    body #wrapper .accordion-app-module .card .card-body.free-content-module {
      color: var(--opap-neutral-60); }
      body #wrapper .accordion-app-module .card .card-body.free-content-module h1, body #wrapper .accordion-app-module .card .card-body.free-content-module h2, body #wrapper .accordion-app-module .card .card-body.free-content-module h3, body #wrapper .accordion-app-module .card .card-body.free-content-module h4, body #wrapper .accordion-app-module .card .card-body.free-content-module h5 {
        color: var(--opap-neutral-90); } }

body #wrapper .opap-check-results-simple-module .cards {
  width: 100%;
  justify-content: space-evenly;
  margin: auto; }
  body #wrapper .opap-check-results-simple-module .cards li a {
    box-shadow: 0 16px 16px rgba(30, 31, 36, 0.08), 0 32px 64px rgba(3, 15, 55, 0.16);
    background: var(--opap-white);
    border-radius: 8px;
    display: block; }
    body #wrapper .opap-check-results-simple-module .cards li a .card-content {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      width: 100%;
      height: 100%;
      min-height: 88px;
      text-align: center; }
      body #wrapper .opap-check-results-simple-module .cards li a .card-content .cardLogo {
        padding: 22px 0 13px 32px; }
      body #wrapper .opap-check-results-simple-module .cards li a .card-content .cardLink {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        margin: auto;
        font-size: 20px; }
        body #wrapper .opap-check-results-simple-module .cards li a .card-content .cardLink .icon-right {
          height: 12px;
          font-weight: bold; }
        body #wrapper .opap-check-results-simple-module .cards li a .card-content .cardLink .icon-right::after {
          content: "\f105";
          font-family: fontawesome-alloy;
          margin-left: 6px; }

@media (max-width: 1100px) {
  body #wrapper .opap-check-results-simple-module .cards .card-holder {
    min-height: 128px; }
    body #wrapper .opap-check-results-simple-module .cards .card-holder a .card-content .cardLink {
      font-size: 16px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-check-results-simple-module .cards .card-holder {
    margin-bottom: 24px; }
    body #wrapper .opap-check-results-simple-module .cards .card-holder a .card-content {
      flex-direction: column;
      min-height: 128px; }
      body #wrapper .opap-check-results-simple-module .cards .card-holder a .card-content .cardLogo {
        padding: 16px 44px 0; }
      body #wrapper .opap-check-results-simple-module .cards .card-holder a .card-content .cardLink {
        font-size: 20px; } }

body #wrapper .large-app-module {
  border-radius: 8px;
  display: flex;
  align-items: flex-end; }
  body #wrapper .large-app-module .lapp-content {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0 35px 35px; }
    body #wrapper .large-app-module .lapp-content .headline-title {
      margin-bottom: 30px;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700; }
    body #wrapper .large-app-module .lapp-content a.app-icon {
      display: inline-block;
      margin-right: 10px;
      max-width: 159px;
      max-height: 47px; }
      body #wrapper .large-app-module .lapp-content a.app-icon:last-of-type {
        margin-right: 0; }
    body #wrapper .large-app-module .lapp-content .free-content-module {
      width: 100%;
      margin-top: 35px; }
      body #wrapper .large-app-module .lapp-content .free-content-module .more {
        display: none; }
      body #wrapper .large-app-module .lapp-content .free-content-module .my-btn {
        font-size: 16px; }
        body #wrapper .large-app-module .lapp-content .free-content-module .my-btn:hover {
          cursor: pointer; }
      body #wrapper .large-app-module .lapp-content .free-content-module p {
        font-size: 18px; }
      body #wrapper .large-app-module .lapp-content .free-content-module ul, body #wrapper .large-app-module .lapp-content .free-content-module ol {
        font-size: 18px; }
  body #wrapper .large-app-module .lapp-img {
    padding-top: 40px;
    padding-right: 8%;
    text-align: center;
    max-height: 380px;
    overflow: hidden; }
    body #wrapper .large-app-module .lapp-img img {
      max-width: 100%;
      max-height: 100%; }

@media (min-width: 992px) {
  body #wrapper .large-app-module .lapp-content {
    background: none !important; } }

@media (max-width: 991.98px) {
  body #wrapper .large-app-module {
    flex-direction: column-reverse; }
    body #wrapper .large-app-module .lapp-content {
      padding: 25px 5px 30px 20px;
      border-radius: 8px;
      flex-direction: column; }
      body #wrapper .large-app-module .lapp-content a.app-icon {
        display: block;
        margin-bottom: 15px; }
    body #wrapper .large-app-module .lapp-img {
      padding: 30px 13% 0;
      text-align: center; }
    body #wrapper .large-app-module .free-content-module {
      margin-top: 25px; } }

@media (max-width: 767.98px) {
  body #wrapper .mobile-card-banner .lapp-img {
    max-height: 260px; } }

body #wrapper .tzoker-rng-draw-banner {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  border-radius: 8px; }
  body #wrapper .tzoker-rng-draw-banner .discount-title {
    position: absolute;
    top: 26px;
    left: 17px;
    font-size: 31px;
    font-weight: bold;
    letter-spacing: -0.02em;
    color: var(--opap-white); }
  body #wrapper .tzoker-rng-draw-banner .discount-text {
    position: absolute;
    top: 71px;
    left: 17px;
    font-size: 16px;
    font-weight: bold;
    line-height: 140%;
    color: var(--opap-white);
    max-width: 260px; }
  body #wrapper .tzoker-rng-draw-banner .desc-container {
    position: relative;
    height: 77px;
    background-color: var(--opap-white);
    padding: 10px 15px;
    max-height: 65px;
    overflow: hidden; }
    body #wrapper .tzoker-rng-draw-banner .desc-container p {
      font-size: 16px !important;
      line-height: 140%;
      margin: 0;
      padding: 0;
      font-weight: 700;
      color: var(--opap-neutral-90); }
  body #wrapper .tzoker-rng-draw-banner .image-container {
    height: 164px;
    position: relative; }
    body #wrapper .tzoker-rng-draw-banner .image-container img {
      width: 100%;
      display: block;
      min-height: 100%;
      max-height: 120%; }
    body #wrapper .tzoker-rng-draw-banner .image-container > svg {
      position: absolute;
      top: 5px;
      left: auto;
      right: 5px;
      z-index: 1; }
  body #wrapper .tzoker-rng-draw-banner .button-container > button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 48px;
    outline-style: none;
    background: var(--opap-brand-apple); }
    body #wrapper .tzoker-rng-draw-banner .button-container > button svg {
      filter: invert(100%); }
    body #wrapper .tzoker-rng-draw-banner .button-container > button > span {
      font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: var(--opap-white);
      margin-right: 5px; }

@media screen and (min-width: 992px) and (max-width: 1365.98px) {
  body #wrapper .tzoker-rng-draw-banner .desc-container {
    height: 84px; }
  body #wrapper .tzoker-rng-draw-banner .image-container {
    height: 158px; } }

@media (max-width: 1279.98px) {
  body #wrapper .tzoker-rng-draw-banner .desc-container {
    height: 77px; }
  body #wrapper .tzoker-rng-draw-banner .image-container {
    height: 118px; }
  body #wrapper .tzoker-rng-draw-banner .discount-title {
    top: 10px; }
  body #wrapper .tzoker-rng-draw-banner .discount-text {
    top: 55px; } }

@media (max-width: 991.98px) {
  body #wrapper .tzoker-rng-draw-banner .image-container > svg {
    transform: scale(75, 75); } }

body #wrapper .opap-page-not-found-module {
  width: 100%;
  position: relative;
  overflow: hidden; }
  body #wrapper .opap-page-not-found-module .bg-img {
    width: 100%;
    object-fit: cover;
    min-height: 410px; }
  body #wrapper .opap-page-not-found-module .logo {
    position: absolute;
    top: 0;
    right: 0;
    max-height: 150px;
    max-width: 220px; }
  body #wrapper .opap-page-not-found-module > div.content {
    position: absolute;
    top: 3em;
    left: 0;
    padding: 4em 2em;
    font-size: 20px; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-page-not-found-module > div.content {
    font-size: 18px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-page-not-found-module > div.content {
    padding: 3em 1.5em;
    font-size: 16px; } }

body #wrapper .opap-generic-asset-publisher {
  padding: 10px 0;
  row-gap: 24px; }

@media (max-width: 991.98px) {
  body #wrapper .opap-generic-asset-publisher {
    padding-bottom: 60px; }
    body #wrapper .opap-generic-asset-publisher .carousel-inner {
      overflow: visible; }
    body #wrapper .opap-generic-asset-publisher .carousel-item {
      padding: 12px; }
    body #wrapper .opap-generic-asset-publisher .carousel-indicators li {
      border-radius: 50%;
      width: 16px;
      height: 16px;
      background-color: var(--opap-neutral-50);
      margin: 0 10px;
      border: none; }
      body #wrapper .opap-generic-asset-publisher .carousel-indicators li.active {
        background: var(--opap-glow-sky-blue);
        box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
        -moz-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
        -webkit-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
        -o-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue); } }

body #wrapper .backg-top-curve-module .bckg-with-curve-module {
  height: 400px;
  clip-path: ellipse(85% 80% at 51% 87%);
  width: 100%;
  overflow: hidden;
  position: relative; }

body #wrapper .backg-top-curve-module .bckg-curve-increase-height {
  margin-top: -1px; }

@media (max-width: 991.98px) {
  body #wrapper .backg-top-curve-module .bckg-with-curve-module.no-bck-mobile, body #wrapper .backg-top-curve-module .bckg-curve-increase-height.no-bck-mobile {
    background: none !important; } }

body #wrapper .notification-single-module .container {
  padding-top: 10px;
  position: relative;
  background: none; }
  body #wrapper .notification-single-module .container .opap-dismiss-announcement {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
  body #wrapper .notification-single-module .container .ntf-single-module-title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 19px; }
  body #wrapper .notification-single-module .container .ntf-single-module-content {
    display: flex;
    justify-content: space-between; }
    body #wrapper .notification-single-module .container .ntf-single-module-content .ntf-single-module-text p {
      font-size: 16px;
      line-height: 19px; }
    body #wrapper .notification-single-module .container .ntf-single-module-content .opap-btn-link {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      width: 270px;
      text-align: end;
      font-size: 16px;
      line-height: 19px; }
      body #wrapper .notification-single-module .container .ntf-single-module-content .opap-btn-link .icon-chevron-right {
        font-size: 10px;
        margin-left: 5px; }

@media (max-width: 991.98px) {
  body #wrapper .notification-single-module {
    padding: 0 12px; }
    body #wrapper .notification-single-module .container {
      max-width: 100%;
      padding: 30px 0 15px 0; }
      body #wrapper .notification-single-module .container .opap-dismiss-announcement {
        top: 5px; }
      body #wrapper .notification-single-module .container .ntf-single-module-content {
        flex-flow: column;
        gap: 0; }
        body #wrapper .notification-single-module .container .ntf-single-module-content .opap-btn-link {
          width: auto;
          margin-right: 5px; } }

body #wrapper .info-banner-module {
  border-radius: 8px; }
  body #wrapper .info-banner-module .left-side-text {
    padding: 17px 25px 27px;
    border-radius: 8px 0 0 8px; }
    body #wrapper .info-banner-module .left-side-text .title {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700; }
    body #wrapper .info-banner-module .left-side-text .subtitle {
      font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      line-height: 1.65;
      margin-bottom: 5px; }
    body #wrapper .info-banner-module .left-side-text .opap-btn-link {
      font-weight: bold;
      display: flex;
      align-items: baseline; }
      body #wrapper .info-banner-module .left-side-text .opap-btn-link:after {
        content: "\f105";
        font-family: fontawesome-alloy;
        font-weight: normal;
        margin-left: 8px;
        bottom: -2px;
        position: relative; }
    body #wrapper .info-banner-module .left-side-text .font-size-mobile {
      display: none; }
  body #wrapper .info-banner-module .right-side-img {
    clip-path: ellipse(86% 107% at 88% 51%);
    border-radius: 0 8px 8px 0;
    position: relative; }
    body #wrapper .info-banner-module .right-side-img picture {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

@media (max-width: 991.98px) {
  body #wrapper .info-banner-module .left-side-text {
    padding-bottom: 40px;
    border-radius: 8px 8px 0 0; }
    body #wrapper .info-banner-module .left-side-text .font-size-mobile {
      display: flex; }
    body #wrapper .info-banner-module .left-side-text .font-size-desktop {
      display: none; }
    body #wrapper .info-banner-module .left-side-text .opap-btn-link:after {
      bottom: -1px; }
  body #wrapper .info-banner-module .right-side-img {
    border-radius: 0 0 8px 8px;
    height: 140px;
    clip-path: ellipse(56% 92% at 50% 92%); } }

body #wrapper .opap-header-title-module-desktop {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline; }
  body #wrapper .opap-header-title-module-desktop .opap-header-title-module-title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    text-align: left; }
  body #wrapper .opap-header-title-module-desktop .opap-header-title-module-link {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-align: right; }
    body #wrapper .opap-header-title-module-desktop .opap-header-title-module-link .icon-right {
      margin: 0 10px 0 5px; }

body #wrapper .opap-header-title-module-mobile {
  display: none; }
  body #wrapper .opap-header-title-module-mobile .opap-header-title-module-title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700; }
  body #wrapper .opap-header-title-module-mobile .opap-header-title-module-link {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    body #wrapper .opap-header-title-module-mobile .opap-header-title-module-link .icon-right {
      margin: 0 10px 0 5px; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-header-title-module-desktop {
    display: none; }
  body #wrapper .opap-header-title-module-mobile {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; } }

#opap-events-stores {
  color: var(--opap-white); }
  #opap-events-stores .grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px; }
    #opap-events-stores .grid.event-grid {
      gap: 15px;
      max-height: 767px;
      overflow-y: scroll;
      padding: 15px 7px 7px; }
    #opap-events-stores .grid.location-list {
      gap: 8px; }
  #opap-events-stores .search-bar {
    background-color: inherit;
    padding: 12px 0 35px;
    border-radius: 0;
    gap: 10px; }
    #opap-events-stores .search-bar .near-me-favorite-stores-wrapper {
      display: flex;
      flex-direction: row;
      gap: 30px; }
      #opap-events-stores .search-bar .near-me-favorite-stores-wrapper .search-field-container {
        padding-left: 0;
        padding-right: 0; }
        #opap-events-stores .search-bar .near-me-favorite-stores-wrapper .search-field-container .fa-regular {
          font-size: 30px;
          cursor: pointer; }
      #opap-events-stores .search-bar .near-me-favorite-stores-wrapper .favorite-stores-wrapper .search-field-container:last-child label {
        max-width: min-content;
        white-space: normal;
        height: 100%;
        line-height: 24px;
        text-align: right; }
      #opap-events-stores .search-bar .near-me-favorite-stores-wrapper .favorite-stores-wrapper .search-field-container:last-child i.fa-regular {
        line-height: 19px;
        margin-bottom: 0.25rem; }
    #opap-events-stores .search-bar .search-field-container {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 20px; }
      #opap-events-stores .search-bar .search-field-container label {
        white-space: nowrap;
        width: auto; }
      #opap-events-stores .search-bar .search-field-container .form-control {
        min-width: 150px;
        max-width: 176px;
        width: auto; }
  #opap-events-stores #address {
    padding-right: 30px;
    min-width: 289px; }
    #opap-events-stores #address + .icon-search {
      color: var(--opap-neutral-90);
      position: absolute;
      bottom: 21px;
      right: 15px; }
  #opap-events-stores .events-stores-card, #opap-events-stores .event-card {
    box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    min-width: 410px;
    width: 410px;
    background: var(--opap-white);
    border-radius: 8px;
    height: fit-content; }
    #opap-events-stores .events-stores-card .card-image, #opap-events-stores .event-card .card-image {
      border-radius: 8px 8px 0 0;
      overflow: hidden;
      width: 100%;
      height: 230px;
      object-fit: cover; }
    #opap-events-stores .events-stores-card .card-description, #opap-events-stores .event-card .card-description {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      padding: 12px 24px 25px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      font-size: 25px;
      font-weight: 800;
      line-height: 34px;
      height: 123px; }
    #opap-events-stores .events-stores-card .event-link, #opap-events-stores .event-card .event-link {
      background: var(--opap-neutral-20);
      color: var(--opap-neutral-90);
      display: block;
      text-align: center;
      padding: 14px;
      font-size: 20px;
      font-weight: 700;
      height: 65px;
      border-radius: 0 0 8px 8px; }
      #opap-events-stores .events-stores-card .event-link i, #opap-events-stores .event-card .event-link i {
        font-weight: 700;
        font-size: 18px;
        vertical-align: middle; }
    #opap-events-stores .events-stores-card .stores-counter-like, #opap-events-stores .event-card .stores-counter-like {
      position: absolute;
      right: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 8px;
      z-index: 2;
      height: 64px;
      margin: 5px;
      display: flex;
      flex-direction: column;
      text-align: center;
      justify-content: center;
      padding-right: 5px;
      padding-left: 5px; }
      #opap-events-stores .events-stores-card .stores-counter-like a, #opap-events-stores .event-card .stores-counter-like a {
        justify-content: center;
        display: flex; }
        #opap-events-stores .events-stores-card .stores-counter-like a .likeButton, #opap-events-stores .event-card .stores-counter-like a .likeButton {
          width: 54px;
          height: 31px;
          font-family: 'Font Awesome 6 Pro';
          font-style: normal;
          font-weight: 400;
          font-size: 30px;
          line-height: 130%;
          display: flex;
          align-items: center;
          text-align: center;
          color: #FDFDFD;
          flex-direction: column;
          justify-content: center;
          cursor: pointer; }
      #opap-events-stores .events-stores-card .stores-counter-like .like-number, #opap-events-stores .event-card .stores-counter-like .like-number {
        font-family: "RobotoFlexMedium";
        font-style: normal;
        font-weight: 800;
        font-size: 16px;
        line-height: 15px;
        color: #FFFFFF;
        height: 17px; }
      #opap-events-stores .events-stores-card .stores-counter-like .likes, #opap-events-stores .event-card .stores-counter-like .likes {
        font-family: "RobotoFlexMedium";
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 12px;
        color: #FFFFFF;
        height: 16px; }
      #opap-events-stores .events-stores-card .stores-counter-like .only-likes, #opap-events-stores .event-card .stores-counter-like .only-likes {
        display: flex;
        flex-direction: column; }
    #opap-events-stores .events-stores-card .event-will-go, #opap-events-stores .event-card .event-will-go {
      display: flex;
      justify-content: space-between;
      padding-right: 10px;
      padding-left: 10px;
      padding-bottom: 10px; }
      #opap-events-stores .events-stores-card .event-will-go .event-interested-counter, #opap-events-stores .event-card .event-will-go .event-interested-counter {
        position: absolute;
        left: 2.44%;
        right: 2.44%;
        top: 87.29%;
        bottom: 2.82%;
        display: flex;
        flex-direction: column;
        line-height: 16px;
        color: #030F37; }
        #opap-events-stores .events-stores-card .event-will-go .event-interested-counter .attending-number, #opap-events-stores .event-card .event-will-go .event-interested-counter .attending-number {
          font-weight: 800;
          font-size: 16px; }
        #opap-events-stores .events-stores-card .event-will-go .event-interested-counter .attending-label, #opap-events-stores .event-card .event-will-go .event-interested-counter .attending-label {
          font-weight: 500;
          font-size: 12px; }
      #opap-events-stores .events-stores-card .event-will-go .event-interested, #opap-events-stores .event-card .event-will-go .event-interested {
        position: absolute;
        right: 2.44%;
        top: 87.29%;
        bottom: 2.82%;
        border-radius: 8px;
        justify-content: center;
        display: flex;
        padding-left: 10px;
        padding-right: 10px;
        cursor: pointer; }
        #opap-events-stores .events-stores-card .event-will-go .event-interested a, #opap-events-stores .event-card .event-will-go .event-interested a {
          gap: 10px;
          display: flex; }
          #opap-events-stores .events-stores-card .event-will-go .event-interested a .calendar-icon, #opap-events-stores .event-card .event-will-go .event-interested a .calendar-icon {
            font-family: 'Font Awesome 6 Pro';
            font-style: normal;
            font-weight: 400;
            font-size: 20px;
            line-height: 130%;
            display: flex;
            align-items: center;
            text-align: center; }
          #opap-events-stores .events-stores-card .event-will-go .event-interested a .interested-label, #opap-events-stores .event-card .event-will-go .event-interested a .interested-label {
            font-family: 'RobotoFlexMedium';
            font-size: 12px;
            line-height: 165%;
            display: flex;
            align-items: center; }
  #opap-events-stores .stores-counter-badge {
    background: var(--opap-glow-royal-blue);
    box-shadow: 0 16px 16px rgba(0, 0, 0, 0.2), 0 32px 64px rgba(3, 15, 55, 0.5);
    -moz-box-shadow: 0 16px 16px rgba(0, 0, 0, 0.2), 0 32px 64px rgba(3, 15, 55, 0.5);
    -webkit-box-shadow: 0 16px 16px rgba(0, 0, 0, 0.2), 0 32px 64px rgba(3, 15, 55, 0.5);
    -o-box-shadow: 0 16px 16px rgba(0, 0, 0, 0.2), 0 32px 64px rgba(3, 15, 55, 0.5);
    color: var(--opap-white);
    top: 0;
    left: 0;
    width: 107px;
    height: 66px;
    border-radius: 8px 0 40px;
    font-size: 10px;
    font-weight: 800;
    line-height: 16px;
    display: flex;
    flex-direction: column;
    padding: 1px 0 0 7px;
    z-index: 2;
    letter-spacing: 1px; }
    #opap-events-stores .stores-counter-badge .stores-counter {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 31px;
      line-height: 28px; }
    #opap-events-stores .stores-counter-badge a {
      color: var(--opap-white);
      font-size: 10px;
      display: flex;
      flex-direction: column; }
  #opap-events-stores .event-grid::-webkit-scrollbar {
    width: 4px; }
  #opap-events-stores .event-grid::-webkit-scrollbar-track {
    width: 4px;
    background: transparent; }
  #opap-events-stores .event-grid::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 4px;
    background: var(--opap-neutral-60); }
  #opap-events-stores .event-grid .event-date {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    width: 63px;
    height: 71px;
    top: -6px;
    left: 10px;
    font-size: 10px;
    line-height: 16px;
    background: var(--opap-yellow);
    border-radius: 6px;
    text-align: center; }
    #opap-events-stores .event-grid .event-date span {
      display: block; }
      #opap-events-stores .event-grid .event-date span.event-day {
        font-size: 25px;
        line-height: 41px; }
  #opap-events-stores .store-location {
    font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: var(--opap-white);
    font-size: 16px;
    color: var(--opap-hl-navy-blue);
    border-radius: 14px;
    overflow: hidden; }
    #opap-events-stores .store-location > .grid:first-of-type {
      min-height: 64px;
      gap: 0; }
      #opap-events-stores .store-location > .grid:first-of-type > div {
        height: 100%;
        display: flex;
        align-items: center;
        gap: 10px; }
      #opap-events-stores .store-location > .grid:first-of-type .phone {
        display: flex;
        align-items: center;
        gap: 10px; }
      #opap-events-stores .store-location > .grid:first-of-type .actions {
        display: flex;
        flex-direction: row; }
        #opap-events-stores .store-location > .grid:first-of-type .actions .map, #opap-events-stores .store-location > .grid:first-of-type .actions .calendar, #opap-events-stores .store-location > .grid:first-of-type .actions .heart {
          display: flex;
          min-height: 64px;
          height: 100%;
          align-items: center;
          gap: 10px;
          cursor: pointer;
          white-space: nowrap; }
          #opap-events-stores .store-location > .grid:first-of-type .actions .map.active, #opap-events-stores .store-location > .grid:first-of-type .actions .calendar.active, #opap-events-stores .store-location > .grid:first-of-type .actions .heart.active {
            background-color: var(--opap-hl-navy-blue);
            color: var(--opap-white); }
    #opap-events-stores .store-location i {
      font-size: 30px; }
    #opap-events-stores .store-location .black-text {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 20px;
      color: var(--opap-neutral-90); }
      #opap-events-stores .store-location .black-text .event-address {
        font-family: "RobotoFlex", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 500; }
    #opap-events-stores .store-location .distance {
      font-size: 20px; }
    #opap-events-stores .store-location .phone {
      justify-content: end; }
      #opap-events-stores .store-location .phone a {
        font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 16px;
        color: var(--opap-hl-navy-blue);
        font-variant-numeric: tabular-nums; }
    #opap-events-stores .store-location .phone {
      cursor: pointer;
      white-space: nowrap; }
      #opap-events-stores .store-location .phone.active {
        background-color: var(--opap-hl-navy-blue);
        color: var(--opap-white); }
    #opap-events-stores .store-location section {
      height: 700px;
      width: 100%;
      border: 0; }
  #opap-events-stores .opap-switch {
    margin-left: 0; }
  #opap-events-stores .show-more {
    font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 20px; }
  #opap-events-stores .navbar.stores-tabs {
    justify-content: center;
    padding-top: 10px;
    border-bottom: 2px solid rgba(148, 153, 168, 0.4); }
    #opap-events-stores .navbar.stores-tabs li {
      padding: 0 20px; }
      #opap-events-stores .navbar.stores-tabs li a {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: var(--opap-neutral-50);
        padding-bottom: 10px; }
        #opap-events-stores .navbar.stores-tabs li a.active {
          color: var(--opap-white);
          position: relative; }
          #opap-events-stores .navbar.stores-tabs li a.active:after {
            border-bottom: 2px solid var(--opap-brand-royal-blue);
            content: "";
            position: absolute;
            width: 100%;
            height: 4px;
            left: 0;
            bottom: -2px;
            background: var(--opap-glow-sky-blue);
            border-radius: 4px;
            box-shadow: 0 -3px 6px -1px var(--opap-hl-navy-blue); }
  #opap-events-stores .opap-events-wrapper .react-datepicker {
    padding: 0 !important; }
    #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container {
      float: unset; }
      #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header {
        background-color: var(--opap-white); }
        #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .month-header {
          padding: 0 1rem; }
        #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-names {
          gap: 0.25rem !important;
          padding: 10px 0.5rem !important; }
          #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-names .react-datepicker__day-name {
            width: 3rem; }
      #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week {
        gap: 0.25rem !important;
        padding-bottom: 0.25rem !important; }
        #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day {
          width: 3rem;
          cursor: default;
          user-select: none; }
    #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__children-container {
      width: auto; }

@media (max-width: 1279.98px) {
  #opap-events-stores .search-bar .search-field-container {
    gap: 10px; }
    #opap-events-stores .search-bar .search-field-container .form-control {
      max-width: 150px; }
  #opap-events-stores .search-bar .near-me-favorite-stores-wrapper {
    gap: 15px; }
  #opap-events-stores #address {
    min-width: revert; } }

@media (max-width: 991.98px) {
  #opap-events-stores .search-bar {
    padding-top: 0; }
    #opap-events-stores .search-bar .near-me-favorite-stores-wrapper {
      width: 100%;
      justify-content: space-between;
      padding-top: 20px; }
      #opap-events-stores .search-bar .near-me-favorite-stores-wrapper .search-field-container {
        max-width: fit-content;
        padding: 0;
        gap: 10px; }
    #opap-events-stores .search-bar .search-field-container {
      gap: 10px; }
      #opap-events-stores .search-bar .search-field-container .form-control {
        width: 100%;
        max-width: revert; }
      #opap-events-stores .search-bar .search-field-container > label {
        line-height: 20px;
        height: 20px; }
      #opap-events-stores .search-bar .search-field-container .react-datepicker-wrapper {
        width: 100%; }
    #opap-events-stores .search-bar #address + .icon-search {
      bottom: 13px; }
  #opap-events-stores .grid.event-grid {
    max-height: unset; }
  #opap-events-stores .grid.location-list {
    gap: 24px; }
  #opap-events-stores .store-location .event-grid, #opap-events-stores .store-location iframe {
    height: calc(100% - 180px);
    overscroll-behavior: contain;
    border-top: 1px solid var(--opap-neutral-40);
    border-bottom: 1px solid var(--opap-neutral-40); }
  #opap-events-stores .store-location > .grid:first-of-type {
    height: auto;
    flex-direction: column;
    justify-content: center;
    text-align: center; }
    #opap-events-stores .store-location > .grid:first-of-type .address {
      height: 83px;
      min-height: 83px;
      text-align: center;
      justify-content: center;
      line-height: 28px;
      padding-bottom: 20px;
      padding-top: 15px; }
      #opap-events-stores .store-location > .grid:first-of-type .address table {
        display: flex;
        flex-direction: column;
        gap: 20px; }
    #opap-events-stores .store-location > .grid:first-of-type .distance {
      height: 44px;
      min-height: 44px;
      justify-content: center;
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 14px; }
    #opap-events-stores .store-location > .grid:first-of-type .phone {
      height: 65px;
      min-height: 65px;
      justify-content: start; }
      #opap-events-stores .store-location > .grid:first-of-type .phone i {
        width: 87px; }
    #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .phone {
        display: flex;
        flex-direction: row;
        align-items: center; }
      #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions {
        display: flex;
        flex-direction: row;
        min-width: 230px; }
        #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions .map, #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions .calendar, #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions .heart {
          height: 65px;
          min-height: 65px;
          justify-content: start; }
          #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions .map i, #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions .calendar i, #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions .heart i {
            width: 87px; }
  #opap-events-stores .store-location.expanded {
    background: var(--opap-white);
    position: fixed;
    overscroll-behavior: contain;
    border-radius: 0;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    overflow-y: scroll; }
    #opap-events-stores .store-location.expanded .address {
      width: 100%; }
    #opap-events-stores .store-location.expanded .distance, #opap-events-stores .store-location.expanded .phone, #opap-events-stores .store-location.expanded .map, #opap-events-stores .store-location.expanded .calendar, #opap-events-stores .store-location.expanded .heart {
      display: none !important; }
  #opap-events-stores .store-location .button-holder button {
    width: 100%;
    height: 100%;
    text-align: center; } }

@media (max-width: 767.98px) {
  #opap-events-stores .events-stores-card, #opap-events-stores .event-card {
    min-width: 290px;
    width: 290px; }
    #opap-events-stores .events-stores-card .event-will-go .event-interested-counter, #opap-events-stores .event-card .event-will-go .event-interested-counter {
      left: 3.48%; }
    #opap-events-stores .events-stores-card .event-will-go .event-interested, #opap-events-stores .event-card .event-will-go .event-interested {
      position: absolute;
      right: 3.48%;
      top: 88.43%;
      bottom: 2.57%; }
  #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper {
    min-width: 345px; }
    #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .phone {
      justify-content: flex-start; }
    #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions {
      gap: revert; }
      #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions .map, #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions .calendar, #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions .heart {
        justify-content: center; }
        #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions .map i, #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions .calendar i, #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions .heart i {
          width: revert; }
  #opap-events-stores .store-location > .grid:first-of-type .address {
    padding-top: 0; } }

@media (max-width: 575.98px) {
  #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions, #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .phone {
    width: 100%; }
    #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .actions .col-12, #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .phone .col-12 {
      flex: revert; }
  #opap-events-stores .store-location .event-grid, #opap-events-stores .store-location iframe {
    height: calc(100% - 200px); }
  #opap-events-stores .store-location section {
    height: 640px; } }

@media screen and (max-width: 374px) {
  #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper {
    min-width: auto; }
    #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .phone {
      width: 100%;
      padding: 0;
      justify-content: space-around; }
      #opap-events-stores .store-location > .grid:first-of-type .actions-wrapper .phone i {
        width: revert; }
  #opap-events-stores .search-bar .near-me-favorite-stores-wrapper {
    gap: 0; } }

@media screen and (max-width: 297px) {
  #opap-events-stores .search-bar .near-me-favorite-stores-wrapper .search-field-container {
    gap: 0.9px; } }

body #wrapper #opap-stores-locator-app .stores-locator-filters {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 1rem; }
  body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem; }
    body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group {
      position: relative;
      display: flex;
      align-items: center;
      margin-right: 4rem; }
      body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group:last-of-type {
        margin-right: 0; }
      body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group .range-wrapper {
        display: flex;
        align-items: center; }
      body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group label {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        margin: 0 1rem 0 0;
        font-size: 1rem;
        color: var(--opap-white); }
      body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-search-box {
        width: 45rem;
        height: 3rem;
        background-color: var(--opap-white);
        border: 1px solid var(--opap-neutral-30);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
        border-radius: 0.5rem;
        padding-right: 2rem; }
        body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-search-box + .icon-search {
          position: absolute;
          bottom: 1rem;
          right: 1rem;
          color: var(--opap-neutral-90); }
      body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-near-me {
        width: 2.5rem;
        position: relative;
        visibility: hidden;
        margin: 4px 0 0 5px;
        -moz-appearance: initial; }
        body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-near-me::before {
          content: '';
          visibility: visible;
          position: absolute;
          top: 0.25rem;
          left: 0.5rem;
          width: 1.5rem;
          height: 0.5rem;
          border-radius: 0.25rem;
          background: var(--opap-neutral-60);
          transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
          cursor: pointer; }
        body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-near-me::after {
          content: '';
          visibility: visible;
          position: absolute;
          left: 0;
          width: 1rem;
          height: 1rem;
          background: var(--opap-white);
          border-radius: 50%;
          transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-near-me:disabled::after {
          background: var(--opap-neutral-30); }
        body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-near-me:checked::before {
          background: var(--opap-white); }
        body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-near-me:checked::after {
          background: var(--opap-glow-apple);
          left: 1.5rem; }
      body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group .store-locator-range-value {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        min-width: 5rem;
        margin: 0 1.5rem;
        font-size: 1rem;
        text-align: center;
        color: var(--opap-neutral-1); }
      @media screen and (-webkit-min-device-pixel-ratio: 0) {
        body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-distance-range {
          width: 53rem;
          height: 0.5rem;
          margin-top: 0.25rem;
          -webkit-appearance: none;
          background-color: var(--opap-neutral-1);
          border-radius: 0.25rem; }
          body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-distance-range::-webkit-slider-runnable-track {
            height: 0.5rem;
            -webkit-appearance: none;
            color: var(--opap-neutral-1);
            margin-top: -1px; }
          body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-distance-range::-webkit-slider-thumb {
            width: 1rem;
            height: 1rem;
            margin-top: -0.25rem;
            -webkit-appearance: none;
            background: radial-gradient(100% 100% at 0% 100%, rgba(71, 240, 65, 0.8) 0%, rgba(71, 240, 65, 0) 100%), radial-gradient(100% 100% at 100% 0%, rgba(0, 255, 255, 0.7) 0%, rgba(0, 229, 255, 0) 100%), radial-gradient(100% 100% at 0% 0%, #00764C 0%, rgba(0, 118, 76, 0) 100%), #00DB6E;
            border-radius: 50%;
            cursor: pointer; }
          body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-distance-range::-moz-range-progress {
            background-color: var(--opap-hl-forest-green); }
          body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-distance-range::-moz-range-track {
            background-color: var(--opap-neutral-1); }
          body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-distance-range::-ms-fill-lower {
            background-color: var(--opap-hl-forest-green); }
          body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-distance-range::-ms-fill-upper {
            background-color: var(--opap-neutral-1); } }
    body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row > p {
      margin: 0 1rem 0 0;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 1rem;
      color: var(--opap-white); }
    body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .tora-services {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.5rem; }
      body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .tora-services label {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.5rem;
        margin: 0;
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 0.75rem;
        color: var(--opap-white);
        background-color: transparent;
        border: 1px solid var(--opap-clean-white);
        border-radius: 1rem;
        user-select: none; }
      body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .tora-services input:checked ~ label {
        background: var(--opap-glow-sky-blue);
        border: none;
        transition: all .3s ease-in-out; }
        body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .tora-services input:checked ~ label::before {
          content: "\f00c";
          font-family: fontawesome-alloy;
          margin-right: 0.5rem;
          font-size: 0.75rem;
          font-weight: 100;
          transition: all .3s ease-in-out; }

body #wrapper #opap-stores-locator-app .google-maps-container {
  width: 100%;
  height: 30rem;
  border-radius: 0.5rem;
  overflow: hidden; }
  body #wrapper #opap-stores-locator-app .google-maps-container .gm-style .gm-style-iw-c, body #wrapper #opap-stores-locator-app .google-maps-container .gm-style .gm-style-iw-c .gm-style-iw-d {
    overflow: visible !important;
    padding: 0;
    max-height: 21.75rem !important; }
  body #wrapper #opap-stores-locator-app .google-maps-container .poi-info-window.gm-style {
    padding: 10px; }
  body #wrapper #opap-stores-locator-app .google-maps-container .gm-style .gm-style-iw-tc::after {
    display: none; }
  body #wrapper #opap-stores-locator-app .google-maps-container .gm-style .gm-style-cc a {
    font-size: 10px;
    font-family: Roboto, Arial, sans-serif; }
  body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location {
    width: 22rem;
    height: 17rem;
    position: relative; }
    body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex {
      margin: 0 1rem;
      column-gap: 1rem; }
      body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex img {
        width: 2rem;
        height: 2rem; }
      body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex div p {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 1rem;
        color: var(--opap-neutral-50);
        margin-bottom: 0.25rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }
        body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex div p:first-of-type {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-size: 1.25rem;
          color: var(--opap-brand-royal-blue); }
      body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex div .small-retail-store-type {
        -webkit-line-clamp: 1; }
      body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex div .store-address {
        -webkit-line-clamp: 2; }
    body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .actions-icons {
      width: 15rem;
      position: absolute;
      bottom: 1rem;
      left: 3.5rem;
      display: flex;
      justify-content: center;
      column-gap: 5rem;
      margin: 0;
      text-align: center; }
      body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .actions-icons a {
        width: 5rem;
        position: relative;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        display: flex;
        flex-direction: column;
        font-size: 1rem;
        background: var(--opap-glow-sky-blue);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent; }
        body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .actions-icons a i {
          margin: 0 auto;
          font-size: 2rem; }
        body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .actions-icons a.both-actions::after {
          content: "";
          position: absolute;
          right: -2.5rem;
          height: 3rem;
          width: 1px;
          background: var(--opap-neutral-40);
          box-shadow: none; }
    body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .pin-image {
      position: absolute;
      right: 50%;
      bottom: 0;
      transform: translate(50%, 50%); }

body #wrapper #opap-stores-locator-app .stores-info {
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding: 1rem; }
  body #wrapper #opap-stores-locator-app .stores-info > div {
    width: 16.5rem;
    display: flex;
    flex-direction: column; }
    body #wrapper #opap-stores-locator-app .stores-info > div > p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 1rem;
      text-align: center;
      color: var(--opap-clean-white);
      margin: 0; }
    body #wrapper #opap-stores-locator-app .stores-info > div .stores-info-item {
      height: 5.25rem;
      display: flex;
      justify-content: center;
      align-items: center; }
      body #wrapper #opap-stores-locator-app .stores-info > div .stores-info-item img {
        height: 4.25rem;
        margin: 0.5rem 1rem 0.5rem 0; }
      body #wrapper #opap-stores-locator-app .stores-info > div .stores-info-item p {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 2rem;
        margin: 0; }
    body #wrapper #opap-stores-locator-app .stores-info > div a {
      width: 11rem;
      height: 3.25rem;
      margin: 0 auto;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background: var(--opap-glow-royal-blue); }
    body #wrapper #opap-stores-locator-app .stores-info > div:first-of-type .stores-info-item p, body #wrapper #opap-stores-locator-app .stores-info > div:nth-of-type(2) .stores-info-item p {
      background: var(--opap-glow-aqua-blue);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent; }
    body #wrapper #opap-stores-locator-app .stores-info > div:nth-of-type(2) .stores-info-item p {
      font-size: 3rem; }
    body #wrapper #opap-stores-locator-app .stores-info > div:last-of-type .stores-info-item img {
      height: 2.25rem; }
    body #wrapper #opap-stores-locator-app .stores-info > div:last-of-type .stores-info-item p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: var(--opap-white); }

body #wrapper #opap-stores-locator-app > .grid {
  border-top: 1px solid var(--opap-white); }

body #wrapper #opap-stores-locator-app .grid {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1.5rem 0.5rem 0 0.5rem;
  margin-bottom: 1rem; }
  body #wrapper #opap-stores-locator-app .grid.scratch {
    padding: 1.5rem 0 0 0; }
  body #wrapper #opap-stores-locator-app .grid .grid-filters {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 3rem;
    row-gap: 1.5rem; }
    body #wrapper #opap-stores-locator-app .grid .grid-filters div {
      position: relative; }
      body #wrapper #opap-stores-locator-app .grid .grid-filters div label {
        min-height: 2rem;
        position: relative;
        display: flex;
        align-items: center;
        padding-left: 2rem;
        margin-bottom: 0;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 1rem;
        cursor: pointer;
        vertical-align: sub;
        color: var(--opap-white); }
        body #wrapper #opap-stores-locator-app .grid .grid-filters div label:before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          margin: 0.25rem 0;
          width: 1.5rem;
          height: 1.5rem;
          transition: transform 0.3s ease;
          border-radius: 0.25rem;
          border: 2px solid var(--opap-white); }
        body #wrapper #opap-stores-locator-app .grid .grid-filters div label:after {
          content: "";
          display: block;
          width: 0.5rem;
          height: 0.25rem;
          border-bottom: 2px solid var(--opap-white);
          border-left: 2px solid var(--opap-white);
          -webkit-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
          transition: transform ease 0.3s;
          will-change: transform;
          position: absolute;
          top: 13px;
          left: 0.5rem; }
        body #wrapper #opap-stores-locator-app .grid .grid-filters div label img {
          height: 2rem;
          width: 2rem;
          margin-right: 0.5rem; }
        body #wrapper #opap-stores-locator-app .grid .grid-filters div label span {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
      body #wrapper #opap-stores-locator-app .grid .grid-filters div input[type="checkbox"]:checked ~ label::before {
        color: var(--opap-brand-apple); }
      body #wrapper #opap-stores-locator-app .grid .grid-filters div input[type="checkbox"]:checked ~ label::after {
        -webkit-transform: rotate(-45deg) scale(1);
        transform: rotate(-45deg) scale(1); }
      body #wrapper #opap-stores-locator-app .grid .grid-filters div input[type="checkbox"]:focus + label::before {
        outline: 0; }
  body #wrapper #opap-stores-locator-app .grid .opap-events-stores {
    width: 100%; }
    body #wrapper #opap-stores-locator-app .grid .opap-events-stores .grid {
      padding: 1rem 0 0 0; }
    body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator {
      background: var(--opap-white);
      border-radius: 0.5rem;
      height: 4rem; }
      body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location i {
        font-size: 2rem;
        color: #4588D7; }
      body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location .image-logo {
        min-width: 6.25rem;
        max-width: 9.5rem;
        justify-content: center;
        display: flex; }
        body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location .image-logo img {
          width: 2rem; }
      body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location .address {
        font-weight: 700; }
        body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location .address span {
          font-size: 1.25rem; }
      body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location .actions-wrapper {
        height: 100%;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding-right: 0.5rem; }
        body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location .actions-wrapper .phone {
          display: flex;
          align-items: center;
          gap: 0.5rem;
          min-width: 10.5rem; }
  body #wrapper #opap-stores-locator-app .grid .store-location-card {
    width: 25.625rem;
    height: 31.875rem;
    position: relative;
    padding: 1rem;
    border-radius: 1rem;
    background-color: var(--opap-white); }
    body #wrapper #opap-stores-locator-app .grid .store-location-card > img {
      display: block;
      margin: 0 auto 0.5rem auto; }
    body #wrapper #opap-stores-locator-app .grid .store-location-card > div {
      width: 100%;
      display: flex;
      align-items: center;
      margin-bottom: 0.5rem; }
      body #wrapper #opap-stores-locator-app .grid .store-location-card > div div {
        width: 1.25rem;
        display: flex;
        justify-content: center;
        margin: 0 1rem 0 0.25rem; }
        body #wrapper #opap-stores-locator-app .grid .store-location-card > div div i {
          font-size: 1.5rem;
          color: var(--opap-neutral-40); }
      body #wrapper #opap-stores-locator-app .grid .store-location-card > div p {
        margin: 0;
        font-size: 1rem;
        color: var(--opap-brand-navy-blue);
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      body #wrapper #opap-stores-locator-app .grid .store-location-card > div.location-address, body #wrapper #opap-stores-locator-app .grid .store-location-card > div.location-store-name {
        height: 3.25rem; }
    body #wrapper #opap-stores-locator-app .grid .store-location-card > p {
      margin-bottom: 0.5rem; }
    body #wrapper #opap-stores-locator-app .grid .store-location-card .scratch-icon {
      margin: 0; }
    body #wrapper #opap-stores-locator-app .grid .store-location-card .location-route {
      width: auto;
      position: absolute;
      top: 1rem;
      right: 1rem; }
      body #wrapper #opap-stores-locator-app .grid .store-location-card .location-route i {
        margin: 0 0.25rem 0 2rem;
        color: var(--opap-brand-royal-blue); }
      body #wrapper #opap-stores-locator-app .grid .store-location-card .location-route p {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: var(--opap-brand-royal-blue); }
    body #wrapper #opap-stores-locator-app .grid .store-location-card > p {
      color: var(--opap-neutral-60);
      font-weight: 500;
      font-size: 1rem; }
    body #wrapper #opap-stores-locator-app .grid .store-location-card .location-services {
      max-height: 10rem;
      overflow: hidden;
      flex-wrap: wrap;
      gap: 0.5rem; }
      body #wrapper #opap-stores-locator-app .grid .store-location-card .location-services.retail-store-tora-services {
        max-height: 11rem; }
      body #wrapper #opap-stores-locator-app .grid .store-location-card .location-services p {
        margin-right: 0.5rem;
        border-radius: 1.5rem;
        color: var(--opap-white);
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem; }
      body #wrapper #opap-stores-locator-app .grid .store-location-card .location-services p.tora-darker {
        background-color: #013161; }
      body #wrapper #opap-stores-locator-app .grid .store-location-card .location-services p.tora-dark {
        background-color: #0266a2; }
      body #wrapper #opap-stores-locator-app .grid .store-location-card .location-services p.tora-lighter {
        background-color: #009ddc; }
      body #wrapper #opap-stores-locator-app .grid .store-location-card .location-services p.tora-light {
        background-color: #0273a2; }
    body #wrapper #opap-stores-locator-app .grid .store-location-card .actions-icons {
      position: absolute;
      bottom: 1rem;
      left: 0;
      display: flex;
      justify-content: center;
      column-gap: 5rem;
      margin: 0;
      text-align: center; }
      body #wrapper #opap-stores-locator-app .grid .store-location-card .actions-icons a {
        width: 5rem;
        position: relative;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        display: flex;
        flex-direction: column;
        font-size: 1rem;
        background: var(--opap-glow-sky-blue);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent; }
        body #wrapper #opap-stores-locator-app .grid .store-location-card .actions-icons a i {
          margin: 0 auto;
          font-size: 2rem; }
        body #wrapper #opap-stores-locator-app .grid .store-location-card .actions-icons a.both-actions::after {
          content: "";
          position: absolute;
          right: -2.5rem;
          height: 3.5rem;
          width: 1px;
          background: var(--opap-neutral-40);
          box-shadow: none; }

body #wrapper #opap-stores-locator-app .pagination {
  display: flex;
  justify-content: center; }
  body #wrapper #opap-stores-locator-app .pagination .store-locator-no-results {
    color: var(--opap-white); }
  body #wrapper #opap-stores-locator-app .pagination > button {
    margin-top: 0.25rem;
    border: none;
    background-color: transparent;
    color: var(--opap-neutral-50);
    user-select: none; }
    body #wrapper #opap-stores-locator-app .pagination > button i {
      font-size: 1.25rem;
      font-weight: bold; }
  body #wrapper #opap-stores-locator-app .pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0; }
    body #wrapper #opap-stores-locator-app .pagination ul li {
      padding: 0 0.5rem;
      color: var(--opap-neutral-50); }
      body #wrapper #opap-stores-locator-app .pagination ul li button {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 0.5rem;
        border: none;
        background-color: transparent;
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 1rem;
        color: var(--opap-neutral-50); }
        body #wrapper #opap-stores-locator-app .pagination ul li button.selected-page {
          width: 2rem;
          height: 2rem;
          border-radius: 50%;
          background-color: var(--opap-white);
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-size: 1rem;
          color: var(--opap-brand-navy-blue); }
      body #wrapper #opap-stores-locator-app .pagination ul li span {
        cursor: default; }

@media screen and (max-width: 1279px) {
  body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-distance-range {
    width: 700px; }
  body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-search-box {
    width: 500px; }
  body #wrapper #opap-stores-locator-app .grid.scratch {
    max-width: 100%; }
    body #wrapper #opap-stores-locator-app .grid.scratch .opap-events-stores .grid {
      max-width: 100% !important; }
    body #wrapper #opap-stores-locator-app .grid.scratch .store-location-card {
      width: 100%;
      height: 22rem; }
  body #wrapper #opap-stores-locator-app .grid {
    max-width: 26.875rem;
    margin: 0 auto 1rem auto; } }

@media (max-width: 991.98px) {
  body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-distance-range {
    width: 28rem; }
  body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-search-box {
    width: 15.5rem; }
  body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator {
    height: revert; }
    body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location .event-grid, body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location iframe {
      height: calc(100% - 180px);
      overscroll-behavior: contain;
      border-top: 1px solid var(--opap-neutral-40);
      border-bottom: 1px solid var(--opap-neutral-40); }
    body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location > .grid:first-of-type {
      height: auto;
      flex-direction: column;
      justify-content: center;
      text-align: center; }
      body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location > .grid:first-of-type .address {
        height: 5rem;
        text-align: center;
        justify-content: center;
        padding-bottom: 1.25rem;
        padding-top: 1rem; }
      body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location > .grid:first-of-type .phone {
        height: 4rem;
        justify-content: start; }
        body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location > .grid:first-of-type .phone i {
          width: 5.5rem; }
      body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location > .grid:first-of-type .actions-wrapper {
        display: flex; }
        body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location > .grid:first-of-type .actions-wrapper .phone {
          display: flex;
          flex-direction: row;
          align-items: center; }
        body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location > .grid:first-of-type .actions-wrapper .actions {
          display: flex;
          flex-direction: row;
          min-width: 14.5rem; }
          body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location > .grid:first-of-type .actions-wrapper .actions .map, body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location > .grid:first-of-type .actions-wrapper .actions .calendar, body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location > .grid:first-of-type .actions-wrapper .actions .heart {
            height: 4rem;
            justify-content: start; }
            body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location > .grid:first-of-type .actions-wrapper .actions .map i, body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location > .grid:first-of-type .actions-wrapper .actions .calendar i, body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location > .grid:first-of-type .actions-wrapper .actions .heart i {
              width: 5.5rem; }
    body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location .button-holder button {
      width: 100%;
      height: 100%;
      text-align: center; } }

@media (max-width: 767.98px) {
  body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group {
    flex-direction: column;
    align-items: baseline;
    width: 100%;
    margin: 0 0 0.5rem 0; }
    body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group.near-me-input-group {
      flex-direction: row; }
    body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group div {
      width: 100%; }
    body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group label {
      margin-bottom: 0.5rem; }
    body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group .range-wrapper {
      flex-direction: column; }
    body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group .store-locator-range-value {
      margin-left: 0; }
    body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-distance-range {
      width: 100%; }
    body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-search-box {
      width: 100%; }
  body #wrapper #opap-stores-locator-app .stores-info {
    flex-direction: column;
    align-items: center; }
    body #wrapper #opap-stores-locator-app .stores-info > div {
      margin-bottom: 1.5rem; } }

@media screen and (max-width: 510px) {
  body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location {
    width: 13.125rem;
    height: 17.75rem; }
    body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex {
      margin: 0.25rem 0.25rem 0 0.25rem;
      column-gap: 0.25rem; }
      body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex div p {
        font-size: 0.75rem; }
      body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex div p:first-of-type {
        font-size: 1rem;
        -webkit-line-clamp: 4; }
      body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex div .location-route p {
        font-size: 0.75rem; }
    body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .actions-icons {
      bottom: 0.25rem;
      left: 0.25rem;
      column-gap: 2.5rem; }
      body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .actions-icons a {
        font-size: 1rem; }
        body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .actions-icons a.both-actions::after {
          right: -1.25rempx;
          height: 2.5rem; } }

@media screen and (max-width: 499px) {
  body #wrapper #opap-stores-locator-app .grid {
    max-width: 19rem; }
    body #wrapper #opap-stores-locator-app .grid .store-location-card {
      width: 18rem; }
      body #wrapper #opap-stores-locator-app .grid .store-location-card .location-services.retail-store-tora-services {
        max-height: 6rem; } }

@media screen and (max-width: 450px) {
  body #wrapper #opap-stores-locator-app .pagination ul li {
    padding: 0 0.25rem; } }

.portal-popup {
  background: transparent !important; }

.panel-body {
  padding: 0.75rem 1rem 0; }

.poll-wrapper {
  background: #FDFDFD;
  border-radius: 11px;
  box-shadow: 0 0 16px rgba(30, 31, 36, 0.16), 0 0 16px rgba(30, 31, 36, 0.08);
  -moz-box-shadow: 0 0 16px rgba(30, 31, 36, 0.16), 0 0 16px rgba(30, 31, 36, 0.08);
  -webkit-box-shadow: 0 0 16px rgba(30, 31, 36, 0.16), 0 0 16px rgba(30, 31, 36, 0.08);
  -o-box-shadow: 0 0 16px rgba(30, 31, 36, 0.16), 0 0 16px rgba(30, 31, 36, 0.08);
  margin-right: 16px;
  margin-left: 16px; }
  .poll-wrapper .panel-body {
    border-radius: 11px; }
  .poll-wrapper .card-horizontal {
    margin-bottom: 0;
    border-radius: 11px; }
  .poll-wrapper .question-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 0.5rem; }
    .poll-wrapper .question-wrapper .badge-pill {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 13px;
      min-width: 57px;
      height: 23px;
      box-shadow: 0px 7px 8px rgba(30, 31, 36, 0.05), 0px 2px 3px rgba(3, 15, 55, 0.08);
      padding: 4px 12px 5px 12px;
      border-radius: 16px;
      margin-bottom: 0;
      line-height: 4px; }
    .poll-wrapper .question-wrapper .poll-question {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 800;
      font-size: 22px; }
  .poll-wrapper .email-and-terms {
    padding-top: 5px; }
    .poll-wrapper .email-and-terms .email-input {
      text-align: center;
      padding-top: 15px; }
      .poll-wrapper .email-and-terms .email-input label {
        display: none; }
      .poll-wrapper .email-and-terms .email-input input {
        visibility: visible; }
    .poll-wrapper .email-and-terms .user-terms {
      display: flex;
      align-items: center;
      gap: 10px; }
      .poll-wrapper .email-and-terms .user-terms input {
        margin-top: 3px;
        visibility: visible; }
      .poll-wrapper .email-and-terms .user-terms .conditions {
        text-align: justify;
        font-size: 16px; }
        .poll-wrapper .email-and-terms .user-terms .conditions a {
          text-decoration: underline; }
    .poll-wrapper .email-and-terms .proceed-with-poll {
      padding-top: 5px;
      text-align: center; }
      .poll-wrapper .email-and-terms .proceed-with-poll .acceptButton {
        padding: 0.4375rem 0.9375rem !important; }
  .poll-wrapper .progress-poll {
    border: 1px solid #C5C5C5;
    border-radius: 10px;
    height: 58px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 14px;
    color: #000000;
    z-index: 1; }
    .poll-wrapper .progress-poll .text-poll {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      position: absolute;
      z-index: 4;
      width: 100%;
      padding: 20px;
      font-size: 22px;
      line-height: 24px; }
      .poll-wrapper .progress-poll .text-poll p {
        margin-bottom: 0; }
    .poll-wrapper .progress-poll .progress {
      background-color: transparent; }
      .poll-wrapper .progress-poll .progress.progress-xs {
        z-index: 1;
        height: 100%;
        border-radius: 10px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between; }
        .poll-wrapper .progress-poll .progress.progress-xs .progress-bar {
          z-index: 1;
          background: #f1f2f5;
          height: 100%;
          flex-direction: row;
          align-items: center;
          justify-content: space-between; }
  .poll-wrapper input {
    visibility: hidden; }
  .poll-wrapper label {
    width: 100%;
    border: 1px solid #C5C5C5;
    border-radius: 10px;
    height: 58px;
    display: flex;
    align-items: center;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px; }
  .poll-wrapper .panel-body {
    padding: 0.75rem 1rem 0; }

body #wrapper .poll-wrapper .question-wrapper .badge-pill {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px; }

body #wrapper .poll-wrapper .question-wrapper .poll-question {
  font-size: 22px; }

body #wrapper .poll-wrapper .progress-poll .text-poll p {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 22px; }

@media (max-width: 575.98px) {
  .poll-wrapper .progress-poll {
    font-size: 19px; }
    .poll-wrapper .progress-poll .text-poll {
      font-size: 15px;
      line-height: 17px; }
  .poll-wrapper .question-wrapper .poll-question {
    font-size: 19px;
    margin-bottom: 0; }
  .poll-wrapper .question-wrapper .badge-pill {
    font-size: 12px; }
  .poll-wrapper .email-and-terms .user-terms .conditions {
    display: flex;
    flex-direction: column; }
  .poll-wrapper label {
    font-size: 17px;
    line-height: 18px; }
  body #wrapper .poll-wrapper .progress-poll {
    font-size: 19px; }
    body #wrapper .poll-wrapper .progress-poll .text-poll p {
      font-size: 15px;
      line-height: 17px; }
  body #wrapper .poll-wrapper .question-wrapper .poll-question {
    font-size: 19px;
    margin-bottom: 0; }
  body #wrapper .poll-wrapper .question-wrapper .badge-pill {
    font-size: 12px; }
  body #wrapper .poll-wrapper .email-and-terms .user-terms .conditions {
    display: flex;
    flex-direction: column; }
  body #wrapper .poll-wrapper label {
    font-size: 17px;
    line-height: 18px; } }

@media screen and (max-width: 370px) {
  .poll-wrapper .question-wrapper .poll-question {
    font-size: 17px; }
  .poll-wrapper .progress-poll .text-poll {
    font-size: 14px; }
  body #wrapper .poll-wrapper .question-wrapper .poll-question {
    font-size: 17px; }
  body #wrapper .poll-wrapper .progress-poll .text-poll p {
    font-size: 14px; } }

@media screen and (max-width: 320px) {
  .poll-wrapper .progress-poll {
    font-size: 16px; }
  .poll-wrapper .question-wrapper .poll-question {
    font-size: 16px; }
  .poll-wrapper .email-and-terms .email-input input {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    text-align: center; }
  .poll-wrapper label {
    font-size: 16px; }
  body #wrapper .poll-wrapper .progress-poll {
    font-size: 16px; }
  body #wrapper .poll-wrapper .question-wrapper .poll-question {
    font-size: 16px; }
  body #wrapper .poll-wrapper .email-and-terms .email-input input {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    text-align: center; }
  body #wrapper .poll-wrapper label {
    font-size: 16px; } }

body #wrapper .podcast-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  body #wrapper .podcast-wrapper label {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 1em;
    color: var(--opap-white); }
  body #wrapper .podcast-wrapper .section-title-cards-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 4em; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .section-title {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 800;
      font-size: 32px;
      line-height: 37px;
      letter-spacing: -0.02em;
      color: var(--opap-clean-white); }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(2, auto);
      grid-gap: 18px;
      width: 100%; }
  body #wrapper .podcast-wrapper .podcast-card-wrapper {
    border-radius: 8px; }
    body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-image {
      width: 100%;
      height: 226.91px;
      display: flex;
      flex-direction: column;
      align-items: baseline;
      justify-content: space-between;
      padding: 1em;
      border-radius: 8px 8px 0px 0px;
      background: url(../../images/opap/icons/DefaultPhoto.jpg) no-repeat; }
      body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-image .category-name {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 800;
        font-size: 24px;
        line-height: 25px;
        color: var(--opap-clean-white);
        margin-bottom: 3px; }
    body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-info {
      box-sizing: border-box;
      background: var(--opap-white);
      padding: 1em;
      height: 150px; }
      body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-info .small-title, body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-info .big-title {
        font-family: "RobotoFlex", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 800;
        line-height: 28px;
        color: var(--opap-neutral-90); }
      body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-info .small-title {
        font-size: 20px;
        margin-bottom: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical; }
      body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-info .big-title {
        font-size: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 31px;
        margin-bottom: 0.5em; }
      body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-info .series-info {
        font-family: "RobotoFlex", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        color: #B0B0B0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical; }
    body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-footer {
      background: var(--opap-neutral-20);
      mix-blend-mode: normal;
      border-radius: 0px 0px 8px 8px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      position: relative;
      padding: 1em;
      gap: 2em;
      min-height: 68px; }
      body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-footer .platform-icon::after {
        content: "";
        position: absolute;
        top: 8px;
        right: -15px;
        height: 25px;
        border: 1px solid #464646; }
      body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-footer .platform-icon:last-of-type::after {
        display: none; }
      body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-footer i {
        position: absolute;
        right: 1em;
        font-weight: 400;
        font-size: 24px;
        color: var(--opap-neutral-90);
        cursor: pointer;
        z-index: 10; }
  body #wrapper .podcast-wrapper .platform-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    cursor: pointer; }
  body #wrapper .podcast-wrapper .modal-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    background: rgba(3, 15, 55, 0.67);
    z-index: 1020; }
    body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast {
      max-width: 1010px;
      width: max-content;
      padding: 1.5em;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 3em;
      margin: 0 2em;
      background: var(--opap-glow-navy-blue);
      border-radius: 11px;
      position: absolute;
      max-height: 95vh;
      overflow-y: auto;
      overflow-x: hidden; }
      body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        gap: 1.5em; }
        body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .series-card-date-wrapper {
          display: flex;
          flex-direction: column;
          align-items: baseline;
          height: 100%;
          width: 100%;
          max-width: 237px; }
          body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .series-card-date-wrapper .date-pill {
            position: absolute;
            margin: 5px; }
          body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .series-card-date-wrapper .series-card-wrapper {
            min-height: 210px;
            min-width: 210px;
            cursor: auto;
            background: url(../../images/opap/icons/DefaultPhoto.jpg) no-repeat; }
        body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .close-button {
          width: 36px;
          height: 36px;
          position: absolute;
          right: 1.5em;
          top: 1.5em;
          cursor: pointer;
          background: url(../../images/opap/icons/X-Button.png) no-repeat; }
        body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info {
          min-height: 167px; }
          body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .gray-text, body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-description {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700;
            font-size: 16px;
            line-height: 22px; }
          body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-description iframe {
            min-width: 475px;
            overflow: visible; }
          body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .gray-text {
            color: #B0B0B0;
            margin-right: 3em; }
            body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .gray-text.summary {
              margin-bottom: 3px; }
          body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-name {
            font-family: "RobotoFlex", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 800;
            font-size: 24px;
            line-height: 34px;
            color: var(--opap-clean-white);
            margin-right: 2em;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
          body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-description {
            color: var(--opap-clean-white);
            line-height: 28px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4; }
            body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-description p, body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-description h4, body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-description h3, body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-description h2 {
              -webkit-line-clamp: 4; }
            body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-description h1 {
              -webkit-line-clamp: 3; }
      body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .streaming-platforms {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 3em; }
        body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .streaming-platforms .streaming-text {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          font-size: 20px;
          line-height: 28px;
          color: var(--opap-clean-white); }
          body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .streaming-platforms .streaming-text.icon {
            white-space: break-spaces;
            max-width: 73px;
            margin-bottom: 0; }
        body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .streaming-platforms .streaming-platform-list {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: baseline;
          gap: 2.5em; }
          body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .streaming-platforms .streaming-platform-list .platform-name-wrapper {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            gap: 1.2em; }
  body #wrapper .podcast-wrapper .series-carousel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 4em;
    position: relative;
    width: 100%;
    max-width: 1160px; }
    body #wrapper .podcast-wrapper .series-carousel i {
      font-size: 30px;
      color: var(--opap-clean-white);
      cursor: pointer; }
    body #wrapper .podcast-wrapper .series-carousel .carousel-arrow-left {
      background: linear-gradient(90deg, var(--opap-brand-navy-blue) 20.66%, rgba(3, 15, 55, 0.73) 51.39%, rgba(3, 15, 55, 0) 100%);
      left: 0; }
    body #wrapper .podcast-wrapper .series-carousel .carousel-arrow-right {
      background: linear-gradient(270deg, var(--opap-brand-navy-blue) 20.66%, rgba(3, 15, 55, 0.73) 51.39%, rgba(3, 15, 55, 0) 100%);
      right: 0; }
    body #wrapper .podcast-wrapper .series-carousel .series-carousel-inner {
      display: flex;
      overflow-x: hidden;
      scroll-behavior: smooth;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      padding: 10px;
      gap: 2em; }
      body #wrapper .podcast-wrapper .series-carousel .series-carousel-inner .series-card {
        flex-shrink: 0; }
  body #wrapper .podcast-wrapper i {
    font-size: 30px;
    color: var(--opap-clean-white);
    cursor: pointer; }
  body #wrapper .podcast-wrapper .carousel-arrow-left, body #wrapper .podcast-wrapper .carousel-arrow-right {
    width: 66px;
    height: 100%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute; }
  body #wrapper .podcast-wrapper .carousel-arrow-left {
    background: linear-gradient(90deg, var(--opap-brand-navy-blue) 20.66%, rgba(3, 15, 55, 0.73) 51.39%, rgba(3, 15, 55, 0) 100%);
    left: 0; }
  body #wrapper .podcast-wrapper .carousel-arrow-right {
    background: linear-gradient(270deg, var(--opap-brand-navy-blue) 20.66%, rgba(3, 15, 55, 0.73) 51.39%, rgba(3, 15, 55, 0) 100%);
    right: 0; }
  body #wrapper .podcast-wrapper .series-card-wrapper {
    min-width: 167px;
    min-height: 167px;
    max-width: 237px;
    max-height: 237px;
    border-radius: 8px;
    cursor: pointer; }
  body #wrapper .podcast-wrapper .pagination {
    display: flex;
    justify-content: center; }
    body #wrapper .podcast-wrapper .pagination > button {
      margin-top: 3px;
      border: none;
      background-color: transparent;
      color: var(--opap-neutral-50);
      user-select: none; }
      body #wrapper .podcast-wrapper .pagination > button i {
        font-size: 20px;
        font-weight: bold; }
    body #wrapper .podcast-wrapper .pagination ul {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
      padding: 0; }
      body #wrapper .podcast-wrapper .pagination ul li {
        padding: 0 6px;
        color: var(--opap-neutral-50); }
        body #wrapper .podcast-wrapper .pagination ul li button {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0 6px;
          border: none;
          background-color: transparent;
          font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-size: 14px;
          line-height: 20px;
          color: var(--opap-neutral-50); }
          body #wrapper .podcast-wrapper .pagination ul li button.selected-page {
            width: 32px;
            height: 32px;
            padding-bottom: 4px;
            border-radius: 50%;
            background-color: var(--opap-white);
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 16px;
            color: var(--opap-brand-navy-blue); }
        body #wrapper .podcast-wrapper .pagination ul li span {
          cursor: default; }
  body #wrapper .podcast-wrapper .store-locator-no-results {
    color: var(--opap-white);
    text-align: center; }
  body #wrapper .podcast-wrapper .navbar.stores-tabs {
    justify-content: center;
    padding-top: 10px;
    border-bottom: 2px solid rgba(148, 153, 168, 0.4);
    width: 100%; }
    body #wrapper .podcast-wrapper .navbar.stores-tabs .dropdown-menu {
      background: var(--opap-neutral-5);
      border-radius: 8px; }
    body #wrapper .podcast-wrapper .navbar.stores-tabs li {
      padding: 0 20px; }
      body #wrapper .podcast-wrapper .navbar.stores-tabs li a {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: var(--opap-neutral-50);
        padding-bottom: 10px; }
        body #wrapper .podcast-wrapper .navbar.stores-tabs li a.active {
          color: var(--opap-white);
          position: relative; }
          body #wrapper .podcast-wrapper .navbar.stores-tabs li a.active:after {
            border-bottom: 2px solid var(--opap-brand-royal-blue);
            content: "";
            position: absolute;
            width: 100%;
            height: 4px;
            left: 0;
            bottom: -2px;
            background: var(--opap-glow-sky-blue);
            border-radius: 4px;
            box-shadow: 0 -3px 6px -1px var(--opap-hl-navy-blue); }
  body #wrapper .podcast-wrapper .button-navbar-wrapper {
    width: 100%;
    display: flex;
    align-items: center; }
    body #wrapper .podcast-wrapper .button-navbar-wrapper .back-button {
      width: 101px;
      height: 39px;
      background: var(--opap-clean-white);
      border-radius: 8px;
      position: absolute;
      cursor: pointer;
      z-index: 5;
      margin: 0.5em;
      gap: 4px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      body #wrapper .podcast-wrapper .button-navbar-wrapper .back-button i {
        color: var(--opap-brand-navy-blue);
        font-size: 12px;
        margin-top: 2px; }
      body #wrapper .podcast-wrapper .button-navbar-wrapper .back-button p {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0;
        text-align: center;
        color: var(--opap-brand-navy-blue); }
    body #wrapper .podcast-wrapper .button-navbar-wrapper i {
      font-size: 30px;
      color: var(--opap-clean-white);
      cursor: pointer; }
    body #wrapper .podcast-wrapper .button-navbar-wrapper li {
      list-style-type: none; }
    body #wrapper .podcast-wrapper .button-navbar-wrapper .dropdown {
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      align-items: center;
      width: 100%; }
      body #wrapper .podcast-wrapper .button-navbar-wrapper .dropdown .dropdown-open {
        background: url(../../images/opap/icons/Dropdown-Open.png) no-repeat;
        width: 22px;
        height: 23px; }
      body #wrapper .podcast-wrapper .button-navbar-wrapper .dropdown .dropdown-closed {
        background: url(../../images/opap/icons/Dropdown-Closed.png) no-repeat;
        width: 22px;
        height: 15px; }
      body #wrapper .podcast-wrapper .button-navbar-wrapper .dropdown .show {
        min-width: 100%;
        overflow: hidden;
        padding: 0 12px; }
        body #wrapper .podcast-wrapper .button-navbar-wrapper .dropdown .show li a {
          display: flex;
          align-items: center;
          padding: 12px;
          font-weight: 800; }
        body #wrapper .podcast-wrapper .button-navbar-wrapper .dropdown .show li::after {
          content: "";
          position: absolute;
          width: calc(100% - 24px);
          border: 1px solid rgba(31, 31, 31, 0.24); }
        body #wrapper .podcast-wrapper .button-navbar-wrapper .dropdown .show li:last-of-type::after {
          display: none; }
    body #wrapper .podcast-wrapper .button-navbar-wrapper .carousel-arrow-left {
      z-index: 2;
      height: revert;
      width: revert; }
      body #wrapper .podcast-wrapper .button-navbar-wrapper .carousel-arrow-left i {
        font-size: 18px; }
  body #wrapper .podcast-wrapper .search-field-container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 2em;
    max-width: 520px; }
    body #wrapper .podcast-wrapper .search-field-container label {
      white-space: nowrap;
      width: auto;
      color: var(--opap-white);
      margin-top: 2em; }
    body #wrapper .podcast-wrapper .search-field-container .form-control {
      min-width: 150px;
      max-width: 176px;
      width: auto; }
    body #wrapper .podcast-wrapper .search-field-container #search {
      padding-right: 30px;
      min-width: 500px; }
      body #wrapper .podcast-wrapper .search-field-container #search i {
        width: 24px;
        height: 24px; }
      body #wrapper .podcast-wrapper .search-field-container #search + .icon-search {
        color: var(--opap-neutral-90);
        position: absolute;
        bottom: 12px;
        right: 25px;
        font-size: 20px; }
  body #wrapper .podcast-wrapper .date-pill {
    width: 83px;
    height: 14px;
    background: var(--opap-white);
    box-shadow: 0px 7px 8px rgba(30, 31, 36, 0.05), 0px 2px 3px rgba(3, 15, 55, 0.08);
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 48px; }
    body #wrapper .podcast-wrapper .date-pill p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 12.8px;
      line-height: 14px;
      color: var(--opap-hl-royal-blue);
      display: flex;
      align-items: center;
      font-feature-settings: 'tnum' on, 'lnum' on;
      flex: none;
      order: 0;
      flex-grow: 0;
      margin-bottom: 2px; }
  body #wrapper .podcast-wrapper .series-description-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2.5em;
    margin-left: 4em;
    margin-right: 4em; }
    body #wrapper .podcast-wrapper .series-description-wrapper .series-card-wrapper {
      min-width: 200px;
      min-height: 200px;
      cursor: auto; }
    body #wrapper .podcast-wrapper .series-description-wrapper .series-info {
      min-height: 167px; }
      body #wrapper .podcast-wrapper .series-description-wrapper .series-info .series-name {
        font-family: "RobotoFlex", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 800;
        font-size: 24px;
        line-height: 34px;
        color: var(--opap-clean-white);
        flex: none;
        order: 1;
        flex-grow: 0; }
      body #wrapper .podcast-wrapper .series-description-wrapper .series-info .series-description {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        color: var(--opap-clean-white);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical; }

@media screen and (max-width: 1110px) and (min-width: 992px) {
  body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-footer {
    gap: 1.5em; }
    body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-footer .platform-icon {
      width: 30px;
      height: 30px; }
    body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-footer .platform-icon::after {
      top: 5px;
      right: -11px;
      height: 20px; }
    body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-footer i {
      font-size: 21px; } }

@media (max-width: 991.98px) {
  body #wrapper .podcast-wrapper .navbar.stores-tabs {
    justify-content: space-between; }
    body #wrapper .podcast-wrapper .navbar.stores-tabs ul {
      margin: 0 8em;
      justify-content: center; }
  body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-footer {
    gap: 1em; }
    body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-footer .platform-icon {
      width: 25px;
      height: 25px; }
    body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-footer .platform-icon::after {
      top: 5px;
      right: -8px;
      height: 15px; }
    body #wrapper .podcast-wrapper .podcast-card-wrapper .podcast-card-footer i {
      font-size: 18px; }
  body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast {
    max-width: 750px; }
    body #wrapper .podcast-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .series-card-date-wrapper .series-card-wrapper {
      width: 210px; }
  body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper {
    grid-template-columns: repeat(3, 32%); }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .gray-text.summary {
      text-align: left; } }

@media (max-width: 767.98px) {
  body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper {
    grid-template-columns: repeat(1, 1fr); }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper {
      display: flex;
      flex-direction: row;
      position: relative; }
      body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-image {
        width: 250px;
        min-width: 250px;
        border-radius: 8px; }
        body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-image .category-name {
          z-index: 1; }
      body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info {
        background: transparent; }
        body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info .small-title, body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info .big-title {
          color: var(--opap-clean-white);
          -webkit-line-clamp: 2; }
        body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info .series-info {
          -webkit-line-clamp: 2; }
      body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-footer {
        background: transparent;
        position: absolute;
        bottom: 0;
        width: 250px;
        height: 71px;
        background: linear-gradient(0deg, var(--opap-hl-navy-blue) 0%, rgba(16, 57, 118, 0) 100%);
        background-blend-mode: multiply; }
        body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-footer .platform-icon {
          display: none; }
        body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-footer i {
          right: 1em;
          bottom: 1em;
          color: var(--opap-clean-white); }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast {
      gap: 1em;
      max-width: 460px;
      width: 100%; }
      body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%; }
        body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info {
          max-height: 100%;
          width: 100%; }
          body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-description {
            display: block; }
            body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-description iframe {
              min-height: 300px;
              min-width: auto; }
          body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .gray-text, body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-name {
            text-align: center;
            margin-right: 0; }
        body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .series-card-date-wrapper {
          align-items: center;
          justify-content: flex-end; }
          body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .series-card-date-wrapper .series-card-wrapper {
            min-height: 210px; }
      body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .streaming-platforms {
        margin-bottom: 0; }
        body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .streaming-platforms .streaming-platform-list a .platform-name-wrapper {
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .streaming-platforms .streaming-platform-list a .platform-name-wrapper .streaming-text {
            text-align: center; }
  body #wrapper .podcast-wrapper .series-description-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    body #wrapper .podcast-wrapper .series-description-wrapper .series-info .series-name {
      text-align: center;
      font-size: 16px; }
    body #wrapper .podcast-wrapper .series-description-wrapper .series-info .series-description {
      font-size: 16px; }
  body #wrapper .podcast-wrapper .read-more-button {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
    gap: 1em;
    z-index: 100; }
    body #wrapper .podcast-wrapper .read-more-button p {
      color: var(--opap-clean-white);
      font-size: 14px; }
    body #wrapper .podcast-wrapper .read-more-button i {
      color: var(--opap-clean-white);
      font-size: 12px; }
  body #wrapper .podcast-wrapper .search-field-container .form-control {
    min-width: 150px;
    width: 100%;
    max-width: 500px; }
  body #wrapper .podcast-wrapper .search-field-container #search {
    min-width: auto; } }

@media (max-width: 575.98px) {
  body #wrapper .podcast-wrapper .navbar.stores-tabs ul {
    margin: 0; }
  body #wrapper .podcast-wrapper .series-carousel {
    display: flex;
    flex-direction: column; }
    body #wrapper .podcast-wrapper .series-carousel .series-carousel-inner {
      display: grid;
      margin-bottom: 1em; }
    body #wrapper .podcast-wrapper .series-carousel .carousel-arrows {
      display: flex;
      flex-direction: row;
      column-gap: 1.5em;
      justify-content: center;
      align-items: center; }
      body #wrapper .podcast-wrapper .series-carousel .carousel-arrows .carousel-arrow-left, body #wrapper .podcast-wrapper .series-carousel .carousel-arrows .carousel-arrow-right {
        height: revert;
        width: revert;
        position: relative; }
  body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast {
    max-width: 440px; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .series-card-date-wrapper .series-card-wrapper {
      min-height: 180px;
      min-width: 180px;
      width: 180px; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-description {
      display: block; }
  body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info .small-title, body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info .big-title, body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info .series-info {
    line-height: 35px; }
  body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info .series-info {
    line-height: 25px; }
  body #wrapper .podcast-wrapper .series-description-wrapper .series-info .series-description {
    display: block; } }

@media screen and (max-width: 500px) {
  body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-image {
    width: 200px;
    min-width: 200px;
    height: 200px; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-image .category-name {
      max-width: 125px;
      font-size: 20px; }
  body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-footer {
    width: 200px; } }

@media screen and (max-width: 420px) {
  body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-image {
    width: 150px;
    min-width: 150px;
    height: auto;
    padding: 0.5em; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-image .category-name {
      font-size: 10px; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-image .date-pill p {
      margin-bottom: 0; }
  body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-footer {
    width: 150px; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-footer i {
      font-size: 10px;
      bottom: 1.6em; }
  body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info {
    padding: 0.5em; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info .small-title, body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info .big-title, body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info .series-info {
      font-size: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      line-height: 25px; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info .small-title {
      -webkit-line-clamp: 1; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info .big-title {
      -webkit-line-clamp: 2;
      margin-bottom: 0.4em; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .podcast-card-wrapper .podcast-card-info .series-info {
      -webkit-line-clamp: 2; }
  body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast {
    max-width: 320px;
    gap: 0; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .series-card-date-wrapper .date-pill p {
      margin-bottom: 2px; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .series-card-date-wrapper .series-card-wrapper {
      width: 120px;
      min-width: 120px;
      min-height: 120px; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .gray-text {
      font-size: 10px; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-name {
      font-size: 14px;
      line-height: 20px; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .modal-content-podcast .episode-info .episode-description iframe {
      min-height: 260px;
      max-width: 260px; }
    body #wrapper .podcast-wrapper .section-title-cards-wrapper .cards-wrapper .modal-wrapper .modal-podcast .streaming-platforms .streaming-text {
      font-size: 12px;
      line-height: 18px; }
  body #wrapper .podcast-wrapper .section-title-cards-wrapper .section-title {
    font-size: 14px; }
  body #wrapper .podcast-wrapper .date-pill {
    padding: 9px 38px; }
    body #wrapper .podcast-wrapper .date-pill p {
      font-size: 10px;
      margin-bottom: 0; }
  body #wrapper .podcast-wrapper label {
    font-size: 14px; }
  body #wrapper .podcast-wrapper .series-card-wrapper {
    min-height: 100px;
    min-width: 100px; }
  body #wrapper .podcast-wrapper .series-carousel {
    margin-bottom: 1em; }
  body #wrapper .podcast-wrapper .read-more-button p, body #wrapper .podcast-wrapper i {
    font-size: 10px; } }

body #wrapper .sticky-top .modal-wrapper-pop-up {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  background: rgba(3, 15, 55, 0.67);
  z-index: 451; }
  body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper {
    width: 740px;
    min-height: max-content;
    border-radius: 11px;
    filter: drop-shadow(0px 4px 34px rgba(0, 0, 0, 0.45));
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 1.5em; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .pop-up-close-button {
      position: absolute;
      right: 1.5em;
      top: 0.3em;
      cursor: pointer; }
      body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .pop-up-close-button i {
        font-size: 20px;
        line-height: 36px;
        text-align: right; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-logo {
        margin-bottom: 0.7em;
        max-width: 409px;
        max-height: 105px; }
      body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-title {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 49px;
        line-height: 56px;
        margin-bottom: 0.7em;
        margin-top: 0.2em; }
      body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.39);
        margin-bottom: 4em; }
        body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description p, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h1, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h2, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h3, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h4 {
          font-size: 24px;
          line-height: 34px;
          text-align: center; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster {
      display: flex;
      flex-direction: row;
      align-items: center;
      column-gap: 1em; }
      body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 64px; }
        body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a.opap-store-main-cta img, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a.opap-store-main-cta-secondary img {
          left: 10px; }
        body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a.opap-online-main-cta img {
          left: 9px; }
        body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a.opap-store-main-cta img, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a.opap-store-main-cta-secondary img, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a.opap-online-main-cta img {
          position: absolute;
          max-width: 34px;
          max-height: 50px; }
        body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a p {
          font-size: 19px;
          margin-bottom: 0; }

@media (max-width: 767.98px) {
  body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper {
    margin: 0 2em; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-logo {
      max-width: 350px; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-title {
      font-size: 40px; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description p, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h1, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h2, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h3, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h4 {
      font-size: 22px;
      line-height: 30px; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a {
      font-size: 18px; }
      body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a p {
        font-size: 18px; } }

@media (max-width: 575.98px) {
  body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper {
    min-width: 320px; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-logo {
      max-width: 270px; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-title {
      font-size: 32px; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description {
      margin-bottom: 2em; }
      body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description p, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h1, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h2, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h3, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h4 {
        font-size: 18px;
        line-height: 21px; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster {
      flex-direction: column;
      row-gap: 1em; }
      body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a {
        font-size: 16px;
        height: 54px; }
        body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a.opap-online-main-cta img {
          max-width: 31px; }
        body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a p {
          font-size: 16px; } }

@media screen and (max-width: 430px) {
  body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper {
    padding-top: 2em; } }

@media screen and (max-width: 360px) {
  body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper {
    max-width: 300px;
    min-width: revert; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-logo {
      max-width: 210px;
      max-height: 100px; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-title {
      font-size: 26px; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description p, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h1, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h2, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h3, body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .logo-title-description-wrapper .pop-up-description h4 {
      font-size: 16px;
      line-height: 19px; }
    body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a {
      font-size: 15px; }
      body #wrapper .sticky-top .modal-wrapper-pop-up .pop-up-wrapper .button-cluster a p {
        font-size: 15px; } }

body #wrapper .quiz-wrapper {
  box-sizing: border-box;
  background: #FDFDFD;
  border-radius: 11.027px;
  min-height: 505px;
  max-width: 840px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 0 16px rgba(30, 31, 36, 0.16), 0 0 16px rgba(30, 31, 36, 0.08);
  -moz-box-shadow: 0 0 16px rgba(30, 31, 36, 0.16), 0 0 16px rgba(30, 31, 36, 0.08);
  -webkit-box-shadow: 0 0 16px rgba(30, 31, 36, 0.16), 0 0 16px rgba(30, 31, 36, 0.08);
  -o-box-shadow: 0 0 16px rgba(30, 31, 36, 0.16), 0 0 16px rgba(30, 31, 36, 0.08);
  margin-right: 16px;
  margin-left: 16px;
  padding: 2em;
  gap: 2em; }
  body #wrapper .quiz-wrapper .quiz-image {
    width: 189px;
    height: 93px;
    display: flex;
    flex-direction: row;
    justify-content: center; }
  body #wrapper .quiz-wrapper .quiz-image img {
    max-height: 93px;
    max-width: 189px; }
  body #wrapper .quiz-wrapper .badge-pill-quiz {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 4px 12px;
    gap: 10px;
    width: 60px;
    height: 23px;
    box-shadow: 0px 7px 8px rgba(30, 31, 36, 0.05), 0px 2px 3px rgba(3, 15, 55, 0.08);
    border-radius: 16px;
    flex: none;
    order: 0;
    flex-grow: 0;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 14px;
    font-size: 12.8px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    font-feature-settings: 'tnum' on, 'lnum' on;
    color: var(--opap-white);
    margin-bottom: 0;
    padding-bottom: 5px; }
  body #wrapper .quiz-wrapper .quiz-title-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1em;
    width: 100%; }
  body #wrapper .quiz-wrapper .quiz-title-normal {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 35px;
    color: var(--opap-neutral-60);
    margin-bottom: 5px; }
  body #wrapper .quiz-wrapper .quiz-title-bold {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-weight: 800;
    font-size: 36px;
    line-height: 50px;
    text-align: center; }
  body #wrapper .quiz-wrapper .emailRequired {
    text-align: center; }
    body #wrapper .quiz-wrapper .emailRequired .email {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 800;
      font-size: 17px;
      text-align: center;
      min-width: 287px; }
  body #wrapper .quiz-wrapper .user-terms {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 10px; }
    body #wrapper .quiz-wrapper .user-terms .conditions {
      text-align: justify;
      font-size: 16px; }
      body #wrapper .quiz-wrapper .user-terms .conditions a {
        text-decoration: underline; }
  body #wrapper .quiz-wrapper .choice-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%; }
    body #wrapper .quiz-wrapper .choice-wrapper .choice {
      border: 1px solid #C5C5C5;
      border-radius: 10px;
      min-height: 58px;
      display: flex;
      flex-direction: row;
      align-items: center;
      position: relative;
      cursor: pointer;
      height: fit-content;
      word-break: break-word;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 25px;
      line-height: 23px;
      padding: 20px;
      z-index: 1; }
  body #wrapper .quiz-wrapper .opap-corporate-main-cta-secondary {
    color: var(--opap-white);
    box-shadow: 0px 7px 8px rgba(30, 31, 36, 0.05), 0px 2px 3px rgba(3, 15, 55, 0.08);
    width: 307px;
    height: 58px;
    cursor: pointer;
    font-size: 25px; }
  body #wrapper .quiz-wrapper .disabled {
    opacity: 0.5;
    pointer-events: none; }
  body #wrapper .quiz-wrapper .question-progress-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2em;
    width: 100%; }
    body #wrapper .quiz-wrapper .question-progress-wrapper .progress-number-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      width: 100%; }
      body #wrapper .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .progress-bar {
        max-width: 799px;
        height: 20px;
        background: #F2F2F2;
        border-radius: 32px;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        overflow: hidden; }
        body #wrapper .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .progress-bar li {
          background: var(--opap-white);
          border-radius: 100px;
          width: 9px;
          height: 9px;
          z-index: 1;
          position: relative;
          margin: 5px 8px; }
        body #wrapper .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .progress-bar li .stop ~ li {
          background: #777; }
        body #wrapper .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .progress-bar li .stop ~ li::after {
          height: 0; }
        body #wrapper .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .progress-bar li::after {
          content: "";
          position: absolute;
          background: var(--opap-white); }
      body #wrapper .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .progress-bar::after {
        content: "";
        position: absolute;
        background: var(--progress-bar-background);
        width: var(--progress-bar-width);
        height: 100%;
        border-radius: 32px; }
      body #wrapper .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .question-number {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 500;
        font-size: 15px;
        line-height: 21px;
        text-align: right;
        color: var(--opap-neutral-60);
        margin-right: 1em;
        margin-bottom: 0; }
    body #wrapper .quiz-wrapper .question-progress-wrapper .question-text {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 800;
      font-size: 22px;
      line-height: 31px;
      text-align: center; }
    body #wrapper .quiz-wrapper .question-progress-wrapper .results-text {
      font-family: "RobotoFlex", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 500;
      font-size: 24px;
      line-height: 34px;
      text-align: center; }
      body #wrapper .quiz-wrapper .question-progress-wrapper .results-text strong {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700; }
    body #wrapper .quiz-wrapper .question-progress-wrapper i {
      font-size: 128px; }

body #wrapper .loader {
  border: 16px solid #F2F2F2;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 1s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@media (max-width: 575.98px) {
  body #wrapper .quiz-wrapper .choice-wrapper .choice {
    font-size: 20px;
    line-height: 18px; }
  body #wrapper .quiz-wrapper .user-terms .conditions {
    display: flex;
    flex-direction: column; }
  body #wrapper .quiz-wrapper .quiz-title-bold {
    font-size: 30px; }
  body #wrapper .quiz-wrapper .emailRequired .email {
    min-width: 230px;
    font-size: 14px; }
  body #wrapper .quiz-wrapper .quiz-title-normal {
    font-size: 23px; }
  body #wrapper .quiz-wrapper .question-progress-wrapper .question-text, body #wrapper .quiz-wrapper .question-progress-wrapper .results-text {
    font-size: 20px; }
  body #wrapper .quiz-wrapper .question-progress-wrapper i {
    font-size: 100px; }
  body #wrapper .quiz-wrapper .opap-corporate-main-cta-secondary {
    max-width: 230px;
    font-size: 18px; } }

@media screen and (max-width: 320px) {
  body #wrapper .quiz-wrapper .quiz-title-bold {
    font-size: 27px; }
  body #wrapper .quiz-wrapper .emailRequired .email {
    min-width: 190px;
    font-size: 11px; }
  body #wrapper .quiz-wrapper .opap-corporate-main-cta-secondary {
    max-width: 190px;
    min-width: 150px; } }

@media screen and (max-width: 290px) {
  body #wrapper .quiz-wrapper .choice-wrapper .choice {
    font-size: 16px;
    line-height: 17px; } }

body #wrapper .press-reports-wrapper {
  padding: 3rem 0; }
  body #wrapper .press-reports-wrapper .search-bar {
    padding: 10px 30px 0px; }
  body #wrapper .press-reports-wrapper .col-12 {
    position: relative;
    display: flex;
    justify-content: end;
    gap: 1em;
    margin-bottom: 2em; }
    body #wrapper .press-reports-wrapper .col-12 p {
      font-size: 17px; }
    body #wrapper .press-reports-wrapper .col-12 .form-control {
      min-width: 212px; }
    body #wrapper .press-reports-wrapper .col-12 input::placeholder {
      color: #272833; }
    body #wrapper .press-reports-wrapper .col-12 i {
      color: var(--opap-brand-navy-blue);
      position: absolute;
      bottom: 29px;
      right: 20px; }
    body #wrapper .press-reports-wrapper .col-12 label {
      white-space: nowrap;
      width: auto;
      color: var(--opap-white); }
    body #wrapper .press-reports-wrapper .col-12 option {
      cursor: pointer;
      border-bottom: 2px solid rgba(148, 153, 168, 0.4); }
  body #wrapper .press-reports-wrapper .dropdown-item {
    cursor: pointer;
    border-bottom: 2px solid rgba(148, 153, 168, 0.4); }
  body #wrapper .press-reports-wrapper .press-cards-wrapper {
    width: 100%; }
    body #wrapper .press-reports-wrapper .press-cards-wrapper ul {
      margin-bottom: 0; }
      body #wrapper .press-reports-wrapper .press-cards-wrapper ul .store-location {
        width: 100%;
        padding: 1em;
        cursor: pointer; }
        body #wrapper .press-reports-wrapper .press-cards-wrapper ul .store-location .grid .date-title-wrapper {
          display: flex;
          flex-display: row;
          align-items: center;
          gap: 0.5em; }
          body #wrapper .press-reports-wrapper .press-cards-wrapper ul .store-location .grid .date-title-wrapper i {
            font-size: 20px;
            color: var(--opap-brand-navy-blue);
            margin-bottom: 0.5rem;
            position: relative;
            bottom: 0;
            right: 0; }
          body #wrapper .press-reports-wrapper .press-cards-wrapper ul .store-location .grid .date-title-wrapper h1 {
            font-size: 20px; }
        body #wrapper .press-reports-wrapper .press-cards-wrapper ul .store-location .grid p {
          margin-bottom: 0.5em;
          width: 100%; }
          body #wrapper .press-reports-wrapper .press-cards-wrapper ul .store-location .grid p p {
            text-align: start !important;
            margin-left: 0 !important; }
  body #wrapper .press-reports-wrapper .back-button {
    width: 101px;
    height: 39px;
    background: var(--opap-clean-white);
    border-radius: 8px;
    cursor: pointer;
    z-index: 5;
    gap: 4px;
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    body #wrapper .press-reports-wrapper .back-button i {
      color: var(--opap-brand-navy-blue);
      font-size: 16px;
      margin-top: 2px; }
    body #wrapper .press-reports-wrapper .back-button p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 0;
      text-align: center;
      color: var(--opap-brand-navy-blue); }
  body #wrapper .press-reports-wrapper table {
    box-shadow: 0 8px 8px 0 #0000001A;
    border-radius: 8px;
    border: none !important; }
    body #wrapper .press-reports-wrapper table tbody tr td {
      border: none !important; }
  body #wrapper .press-reports-wrapper tr:first-child td {
    background: var(--opap-brand-navy-blue);
    color: var(--opap-clean-white); }
    body #wrapper .press-reports-wrapper tr:first-child td p {
      color: var(--opap-clean-white); }
  body #wrapper .press-reports-wrapper tr:first-child td:first-child {
    border-radius: 8px 0px 0px 0px; }
  body #wrapper .press-reports-wrapper tr:first-child td:last-child {
    border-radius: 0px 8px 0px 0px; }
  body #wrapper .press-reports-wrapper tr:last-child {
    border-radius: 0px 0px 8px 8px; }
    body #wrapper .press-reports-wrapper tr:last-child td:first-child {
      border-radius: 0px 0px 0px 8px; }
    body #wrapper .press-reports-wrapper tr:last-child td:last-child {
      border-radius: 0px 0px 8px 0px; }
  body #wrapper .press-reports-wrapper .opap-tables-filed {
    background-color: transparent;
    padding: 1rem; }
  body #wrapper .press-reports-wrapper .opap-info-page-nav-tabs {
    padding: 25px; }
    body #wrapper .press-reports-wrapper .opap-info-page-nav-tabs h2 {
      padding: 1rem; }
  body #wrapper .press-reports-wrapper .button-holder {
    margin: 0;
    font-size: 20px; }
  body #wrapper .press-reports-wrapper .pagination {
    display: flex;
    justify-content: center; }
    body #wrapper .press-reports-wrapper .pagination .store-locator-no-results {
      color: var(--opap-white); }
    body #wrapper .press-reports-wrapper .pagination > button {
      margin-top: 3px;
      border: none;
      background-color: transparent;
      color: var(--opap-neutral-50);
      user-select: none; }
      body #wrapper .press-reports-wrapper .pagination > button i {
        font-size: 20px;
        font-weight: bold; }
    body #wrapper .press-reports-wrapper .pagination ul {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
      padding: 0; }
      body #wrapper .press-reports-wrapper .pagination ul li {
        padding: 0 6px;
        color: var(--opap-neutral-50); }
        body #wrapper .press-reports-wrapper .pagination ul li button {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0 6px;
          border: none;
          background-color: transparent;
          font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-size: 14px;
          line-height: 20px;
          color: var(--opap-neutral-50); }
          body #wrapper .press-reports-wrapper .pagination ul li button.selected-page {
            width: 32px;
            height: 32px;
            padding-bottom: 4px;
            border-radius: 50%;
            background-color: var(--opap-white);
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 16px;
            color: var(--opap-brand-navy-blue); }
        body #wrapper .press-reports-wrapper .pagination ul li span {
          cursor: default; }
  body #wrapper .press-reports-wrapper .cards-wrapper {
    width: 100%; }

body #wrapper input.form-control[type="date"] {
  position: relative;
  cursor: text; }

body #wrapper select.form-control {
  background-image: none; }

body #wrapper select.form-control:focus-visible {
  background-image: none; }

@media (max-width: 1279.98px) {
  body #wrapper .press-reports-wrapper .col-12 .form-control {
    min-width: 150px;
    max-width: 150px; } }

@media (max-width: 991.98px) {
  body #wrapper .press-reports-wrapper {
    padding: 0 0 3rem 0; }
    body #wrapper .press-reports-wrapper .search-field-container {
      flex-direction: column;
      justify-content: start;
      flex-wrap: wrap;
      gap: 0;
      margin-bottom: 1em; }
      body #wrapper .press-reports-wrapper .search-field-container i {
        bottom: 29px; }
    body #wrapper .press-reports-wrapper .form-control:last-of-type {
      margin-bottom: 1em; }
    body #wrapper .press-reports-wrapper .col-12 .form-control {
      max-width: 100%; }
    body #wrapper .press-reports-wrapper .press-cards-wrapper ul .store-location .grid p p {
      text-align: center !important; }
    body #wrapper .press-reports-wrapper .cards-wrapper {
      margin-top: 1.5em; } }

@media (max-width: 575.98px) {
  body #wrapper .press-reports-wrapper .back-button p {
    font-size: 17px; }
  body #wrapper .press-reports-wrapper option {
    font-size: 12px; }
  body #wrapper .press-reports-wrapper .button-holder {
    font-size: 16px; }
  body #wrapper .press-reports-wrapper .col-12 .form-control {
    min-width: auto; } }

@media screen and (max-width: 360px) {
  body #wrapper .press-reports-wrapper .press-cards-wrapper ul .store-location .grid p {
    overflow-x: scroll;
    overflow-y: hidden; } }

#opap-events-stores {
  color: var(--opap-white); }
  #opap-events-stores .opap-events-wrapper {
    display: flex;
    flex-direction: row;
    gap: 1.4em; }
    #opap-events-stores .opap-events-wrapper .opap-event-stores {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 1.4em; }
      #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card {
        box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        min-width: 410px;
        width: 410px;
        background: var(--opap-white);
        border-radius: 8px;
        height: fit-content; }
        #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .card-image, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .card-image {
          border-radius: 8px 8px 0 0;
          overflow: hidden;
          width: 100%;
          height: 230px;
          object-fit: cover; }
        #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .card-description, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .card-description {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          padding: 12px 24px 25px;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          font-size: 25px;
          font-weight: 800;
          line-height: 34px;
          height: 123px; }
        #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .event-link, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .event-link {
          background: var(--opap-neutral-20);
          color: var(--opap-neutral-90);
          display: block;
          text-align: center;
          padding: 14px;
          font-size: 20px;
          font-weight: 700;
          height: 65px;
          border-radius: 0 0 8px 8px; }
          #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .event-link i, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .event-link i {
            font-weight: 700;
            font-size: 18px;
            vertical-align: middle; }
        #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .stores-counter-like, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .stores-counter-like {
          position: absolute;
          right: 0;
          top: 0;
          background: rgba(0, 0, 0, 0.5);
          border-radius: 8px;
          z-index: 2;
          height: 64px;
          margin: 5px;
          display: flex;
          flex-direction: column;
          text-align: center;
          justify-content: center;
          padding-right: 5px;
          padding-left: 5px; }
          #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .stores-counter-like a, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .stores-counter-like a {
            justify-content: center;
            display: flex; }
            #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .stores-counter-like a .likeButton, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .stores-counter-like a .likeButton {
              width: 54px;
              height: 31px;
              font-family: 'Font Awesome 6 Pro';
              font-style: normal;
              font-weight: 400;
              font-size: 30px;
              line-height: 130%;
              display: flex;
              align-items: center;
              text-align: center;
              color: #FDFDFD;
              flex-direction: column;
              justify-content: center;
              cursor: pointer; }
          #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .stores-counter-like .like-number, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .stores-counter-like .like-number {
            font-family: "RobotoFlexMedium";
            font-style: normal;
            font-weight: 800;
            font-size: 16px;
            line-height: 15px;
            color: #FFFFFF;
            height: 17px; }
          #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .stores-counter-like .likes, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .stores-counter-like .likes {
            font-family: "RobotoFlexMedium";
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 12px;
            color: #FFFFFF;
            height: 16px; }
          #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .stores-counter-like .only-likes, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .stores-counter-like .only-likes {
            display: flex;
            flex-direction: column; }
        #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .event-will-go, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .event-will-go {
          display: flex;
          justify-content: space-between;
          padding-right: 10px;
          padding-left: 10px;
          padding-bottom: 10px; }
          #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .event-will-go .event-interested-counter, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .event-will-go .event-interested-counter {
            position: absolute;
            left: 2.44%;
            right: 2.44%;
            top: 87.29%;
            bottom: 2.82%;
            display: flex;
            flex-direction: column;
            line-height: 16px;
            color: #030F37; }
            #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .event-will-go .event-interested-counter .attending-number, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .event-will-go .event-interested-counter .attending-number {
              font-weight: 800;
              font-size: 16px; }
            #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .event-will-go .event-interested-counter .attending-label, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .event-will-go .event-interested-counter .attending-label {
              font-weight: 500;
              font-size: 12px; }
          #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .event-will-go .event-interested, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .event-will-go .event-interested {
            position: absolute;
            right: 2.44%;
            top: 87.29%;
            bottom: 2.82%;
            border-radius: 8px;
            justify-content: center;
            display: flex;
            padding-left: 10px;
            padding-right: 10px;
            cursor: pointer; }
            #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .event-will-go .event-interested a, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .event-will-go .event-interested a {
              gap: 10px;
              display: flex; }
              #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .event-will-go .event-interested a .calendar-icon, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .event-will-go .event-interested a .calendar-icon {
                font-family: 'Font Awesome 6 Pro';
                font-style: normal;
                font-weight: 400;
                font-size: 20px;
                line-height: 130%;
                display: flex;
                align-items: center;
                text-align: center; }
              #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .event-will-go .event-interested a .interested-label, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .event-will-go .event-interested a .interested-label {
                font-family: 'RobotoFlexMedium';
                font-size: 12px;
                line-height: 165%;
                display: flex;
                align-items: center; }
    #opap-events-stores .opap-events-wrapper .react-datepicker {
      min-width: 410px;
      width: 410px;
      border: 1px solid #ccc;
      border-radius: 8px;
      height: fit-content;
      padding: 0 10px 0 10px;
      background: var(--opap-clean-white); }
      #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__aria-live {
        display: none; }
      #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .month-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 54px;
        font-size: 25px;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        text-align: center;
        color: #1E1F24; }
        #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .month-header button {
          background: none;
          border: none;
          cursor: pointer;
          font-size: 1.2rem;
          outline: none; }
        #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .month-header.invisible {
          display: none; }
        #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .month-header .clickable-div {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%;
          cursor: pointer;
          text-transform: uppercase; }
          #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .month-header .clickable-div .month-title {
            margin: 0; }
      #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-names {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 7px;
        padding: 10px 0;
        text-align: center;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0;
        color: #000; }
      #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 7px;
        padding-bottom: 7px;
        text-align: center;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0;
        color: #000; }
        #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 16px;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          line-height: 26px;
          text-align: center;
          color: #000;
          background: #e7e8e9;
          border-radius: 8px;
          border: 11px solid #e7e8e9; }
          #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.highlighted {
            cursor: pointer;
            background: #fdc300;
            border: 11px solid #fdc300; }
          #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.selected, #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.react-datepicker__day--keyboard-selected, #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.react-datepicker__day--selected {
            border: 3px solid #ed8e00; }
          #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.not-in-range, #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.react-datepicker__day--disabled {
            cursor: unset;
            opacity: 0.5;
            background: #ccc;
            border: 11px solid #cccccc; }
          #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.not-in-range-highlighted {
            cursor: unset;
            opacity: 0.5;
            background: #fdc300;
            border: 11px solid #fdc300; }
          #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.react-datepicker__day--outside-month {
            color: transparent !important;
            pointer-events: none;
            background: #e7e8e9;
            border: 11px solid #e7e8e9; }
      #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__children-container hr {
        height: 2px;
        border-radius: 5px;
        background: #fdc300;
        margin-bottom: 0; }
      #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__children-container .date-range {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 85px;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 25px;
        line-height: 41px;
        letter-spacing: 0;
        color: #000; }

@media (max-width: 1279.98px) {
  #opap-events-stores .opap-events-wrapper .opap-event-stores {
    justify-content: center; } }

@media (max-width: 991.98px) {
  #opap-events-stores .opap-events-wrapper {
    flex-direction: column; }
    #opap-events-stores .opap-events-wrapper .react-datepicker {
      min-width: auto;
      width: auto; }
    #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card {
      width: 100%; } }

@media (max-width: 767.98px) {
  #opap-events-stores .opap-events-wrapper {
    display: flex;
    flex-direction: column; }
    #opap-events-stores .opap-events-wrapper .react-datepicker {
      min-width: auto;
      width: auto; }
      #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day {
        background: #e7e8e9;
        border-radius: 8px;
        border: 12px solid #e7e8e9; }
        #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.highlighted {
          cursor: pointer;
          background: #fdc300;
          border: 12px solid #fdc300; }
        #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.selected, #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.react-datepicker__day--keyboard-selected, #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.react-datepicker__day--selected {
          border: 3px solid #ed8e00; }
        #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.not-in-range, #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.react-datepicker__day--disabled {
          cursor: unset;
          opacity: 0.5;
          background: #ccc;
          border: 12px solid #cccccc; }
        #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.not-in-range-highlighted {
          cursor: unset;
          opacity: 0.5;
          background: #fdc300;
          border: 12px solid #fdc300; }
        #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.react-datepicker__day--outside-month {
          color: transparent !important;
          pointer-events: none;
          background: #e7e8e9;
          border: 12px solid #e7e8e9; }
    #opap-events-stores .opap-events-wrapper .opap-event-stores {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 1.4em; }
      #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card {
        min-width: 290px;
        width: 100%; }
        #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .event-will-go .event-interested-counter, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .event-will-go .event-interested-counter {
          left: 3.48%; }
        #opap-events-stores .opap-events-wrapper .opap-event-stores .events-stores-card .event-will-go .event-interested, #opap-events-stores .opap-events-wrapper .opap-event-stores .event-card .event-will-go .event-interested {
          position: absolute;
          right: 3.48%;
          top: 88.43%;
          bottom: 2.57%; }
    #opap-events-stores .opap-events-wrapper .store-location > .grid:first-of-type .actions-wrapper {
      min-width: 345px; }
      #opap-events-stores .opap-events-wrapper .store-location > .grid:first-of-type .actions-wrapper .phone {
        justify-content: flex-start; }
      #opap-events-stores .opap-events-wrapper .store-location > .grid:first-of-type .actions-wrapper .actions {
        gap: revert; }
        #opap-events-stores .opap-events-wrapper .store-location > .grid:first-of-type .actions-wrapper .actions .map, #opap-events-stores .opap-events-wrapper .store-location > .grid:first-of-type .actions-wrapper .actions .calendar, #opap-events-stores .opap-events-wrapper .store-location > .grid:first-of-type .actions-wrapper .actions .heart {
          justify-content: center; }
          #opap-events-stores .opap-events-wrapper .store-location > .grid:first-of-type .actions-wrapper .actions .map i, #opap-events-stores .opap-events-wrapper .store-location > .grid:first-of-type .actions-wrapper .actions .calendar i, #opap-events-stores .opap-events-wrapper .store-location > .grid:first-of-type .actions-wrapper .actions .heart i {
            width: revert; }
    #opap-events-stores .opap-events-wrapper .store-location > .grid:first-of-type .address {
      padding-top: 0; } }

@media (max-width: 575.98px) {
  #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day {
    background: #e7e8e9;
    border-radius: 8px;
    border: 7px solid #e7e8e9; }
    #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.highlighted {
      cursor: pointer;
      background: #fdc300;
      border: 7px solid #fdc300; }
    #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.selected, #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.react-datepicker__day--keyboard-selected, #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.react-datepicker__day--selected {
      border: 3px solid #ed8e00; }
    #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.not-in-range, #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.react-datepicker__day--disabled {
      cursor: unset;
      opacity: 0.5;
      background: #ccc;
      border: 7px solid #cccccc; }
    #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.not-in-range-highlighted {
      cursor: unset;
      opacity: 0.5;
      background: #fdc300;
      border: 7px solid #fdc300; }
    #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day.react-datepicker__day--outside-month {
      color: transparent !important;
      pointer-events: none;
      background: #e7e8e9;
      border: 7px solid #e7e8e9; } }

@media screen and (max-width: 480px) {
  #opap-events-stores .opap-events-wrapper .react-datepicker {
    width: 100%; }
    #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-names {
      max-width: 100%; }
      #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-names .react-datepicker__day-name {
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem; }
    #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month {
      max-width: 100%; }
      #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day {
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem; } }

@media screen and (max-width: 380px) {
  #opap-events-stores .opap-events-wrapper .react-datepicker {
    width: 100%; }
    #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-names .react-datepicker__day-name {
      width: 2rem;
      height: 2rem;
      line-height: 2rem; }
    #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day {
      width: 2rem;
      height: 2rem;
      line-height: 2rem; } }

@media screen and (max-width: 320px) {
  #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-names {
    gap: 0.15rem !important; }
    #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__day-names .react-datepicker__day-name {
      width: 1.7rem;
      height: 1.7rem;
      line-height: 1.7rem;
      font-size: 0.75rem; }
  #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month {
    gap: 0.15rem !important; }
    #opap-events-stores .opap-events-wrapper .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .day {
      width: 1.7rem;
      height: 1.7rem;
      line-height: 1.7rem;
      font-size: 0.75rem; } }

body #wrapper .opap-champions-carousel-wrapper {
  display: flex;
  justify-content: center;
  align-items: center; }
  body #wrapper .opap-champions-carousel-wrapper .carousel-container {
    position: relative; }
    body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-indicators {
      position: absolute;
      bottom: 5%;
      display: flex; }
      body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-indicators li {
        border: 2px solid var(--opap-neutral-30);
        background-color: transparent;
        width: 16px;
        height: 16px;
        border-radius: 100%;
        margin: 0 10px; }
      body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-indicators li.active {
        background-color: var(--opap-white); }
    body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner {
      max-width: 1065px;
      height: 600px;
      width: 960px; }
      body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .opap-carousel-control {
        position: absolute;
        top: 40%;
        border-radius: 100%;
        background: var(--opap-neutral-10);
        color: var(--opap-neutral-90);
        width: 100px;
        height: 100px;
        line-height: 99px;
        box-shadow: rgba(60, 64, 67, 0.3) 0 1px 2px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px; }
        body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .opap-carousel-control.previous {
          left: -55px; }
          body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .opap-carousel-control.previous i {
            margin-left: 70px; }
        body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .opap-carousel-control.next {
          right: -55px; }
          body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .opap-carousel-control.next i {
            margin-left: 20px; }
      body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio {
        display: flex;
        justify-content: center;
        align-items: center; }
        body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio .opap-component-root.video {
          height: 100%; }
        body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio iframe {
          width: 1065px; }
        body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio img {
          width: 1065px; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner {
    height: 600px !important;
    width: 960px !important; }
    body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio iframe {
      width: 960px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner {
    height: 400px !important;
    width: 696px !important; }
    body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio {
      height: 400px;
      padding: 0; }
      body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio img, body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio .video-container {
        height: 400px !important; }
      body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio iframe {
        width: 696px; }
    body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .opap-carousel-control {
      display: none; }
  body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-indicators {
    height: 20%;
    display: flex;
    align-items: end; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner {
    height: 400px !important;
    width: 516px !important; }
    body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio iframe {
      width: 516px; }
  body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-indicators {
    margin-left: 0;
    margin-right: 0; } }

@media (max-width: 575.98px) {
  body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner {
    height: 250px !important;
    width: 400px !important; }
    body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio {
      height: 250px; }
      body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio img, body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio .video-container {
        height: 250px !important; }
      body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .carousel-item .aspect-ratio iframe {
        max-width: 100%; }
    body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-inner .opap-carousel-control {
      top: 30%; }
  body #wrapper .opap-champions-carousel-wrapper .carousel-container .carousel.slide .carousel-indicators li {
    width: 10px;
    height: 10px; } }

body #wrapper .opap-champions-detailed-page-wrapper .athlete-photo {
  background-size: cover;
  height: 485px;
  background-repeat: no-repeat; }

body #wrapper .opap-champions-detailed-page-wrapper .row {
  margin: 0 !important; }

body #wrapper .opap-champions-detailed-page-wrapper .cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-gap: 30px; }

body #wrapper .opap-champions-detailed-page-wrapper .logo {
  height: 50px;
  margin-right: 20px; }

body #wrapper .opap-champions-detailed-page-wrapper .leading2 p a img {
  font-size: 45px;
  color: #0065a3;
  padding: 10px;
  max-width: 100%; }

body #wrapper .opap-champions-detailed-page-wrapper .leading {
  height: 240px;
  padding: 30px;
  margin-bottom: 30px;
  color: white;
  background: center #0065a3 no-repeat;
  background-size: cover;
  text-align: center; }

body #wrapper .opap-champions-detailed-page-wrapper .leading-bigtext {
  margin-right: 60px;
  font-weight: bold;
  font-size: 24vw; }

body #wrapper .opap-champions-detailed-page-wrapper .leading2 {
  height: auto;
  padding: 30px 0;
  color: #58595b;
  background: center #f8f8f8 no-repeat;
  background-size: auto auto;
  background-size: cover;
  text-align: center;
  max-width: 1366px;
  margin: 0 auto; }

body #wrapper .opap-champions-detailed-page-wrapper .athlete-quote {
  font-weight: bold;
  font-size: 22px;
  color: var(--opap-brand-navy-blue);
  padding: 30px 50px; }

body #wrapper .opap-champions-detailed-page-wrapper .list-container {
  display: flex;
  flex-direction: row;
  max-width: 1366px;
  margin: 0 auto;
  color: white; }

body #wrapper .opap-champions-detailed-page-wrapper #list1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  background: var(--opap-glow-navy-blue);
  min-height: 100px;
  padding: 30px;
  border-radius: 8px; }

body #wrapper .opap-champions-detailed-page-wrapper #list2 {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  background: var(--opap-glow-navy-blue);
  min-height: 100px;
  padding: 30px;
  border-radius: 8px; }

body #wrapper .opap-champions-detailed-page-wrapper ul, body #wrapper .opap-champions-detailed-page-wrapper li {
  padding: 0;
  margin: 0;
  list-style: none; }

body #wrapper .opap-champions-detailed-page-wrapper .list-text ul {
  margin: 2em 0;
  text-align: left;
  margin-left: -20px;
  font-size: 2rem; }

body #wrapper .opap-champions-detailed-page-wrapper .list-text li {
  margin: 1em 1em 1em 1.5em; }
  body #wrapper .opap-champions-detailed-page-wrapper .list-text li i {
    margin-right: 1rem; }

body #wrapper .opap-champions-detailed-page-wrapper .list-text .list-title {
  font-weight: bold;
  font-size: 20px;
  padding: 0 10px; }

body #wrapper .opap-champions-detailed-page-wrapper .leading2 h2 {
  font-size: 25px;
  font-weight: bold;
  color: #0065a3;
  margin-bottom: 1.5em; }

body #wrapper .opap-champions-detailed-page-wrapper .education-horizontal-timeline {
  padding: 80px 0; }

body #wrapper .opap-champions-detailed-page-wrapper .row {
  margin-right: -15px;
  margin-left: -15px; }

body #wrapper .opap-champions-detailed-page-wrapper .timeline-horizontal-border {
  display: flex;
  align-items: center;
  padding: 26px 0 30px; }
  body #wrapper .opap-champions-detailed-page-wrapper .timeline-horizontal-border span {
    font-size: 10px;
    color: #0065a3;
    margin-right: 5px; }
  body #wrapper .opap-champions-detailed-page-wrapper .timeline-horizontal-border .single-timeline-horizontal {
    display: inline-block;
    background: #b2c1ce;
    height: 1px;
    width: 380px;
    font-size: 0px; }

body #wrapper .opap-champions-detailed-page-wrapper .timeline-content h4.title {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase; }

body #wrapper .opap-champions-detailed-page-wrapper .timeline-content h5 {
  color: #636a82;
  font-size: 14px;
  font-weight: 300;
  margin: 18px 0 20px; }

body #wrapper .opap-champions-detailed-page-wrapper .education {
  background: #f9fbfd;
  padding-top: 50px; }

body #wrapper .opap-champions-detailed-page-wrapper .education-horizontal-timeline {
  padding: 40px; }

body #wrapper .opap-champions-detailed-page-wrapper .education-horizontal-timeline .col-sm-4 {
  padding: 0 2px; }

body #wrapper .opap-champions-detailed-page-wrapper .single-horizontal-timeline .experience-time h3 {
  text-transform: capitalize; }
  body #wrapper .opap-champions-detailed-page-wrapper .single-horizontal-timeline .experience-time h3 span {
    text-transform: lowercase; }

body #wrapper .opap-champions-detailed-page-wrapper .single-horizontal-timeline .timeline-content h5 {
  margin: 15px 0; }

body #wrapper .opap-champions-detailed-page-wrapper .single-horizontal-timeline p {
  color: #999fb3;
  max-width: 335px; }

body #wrapper .opap-champions-detailed-page-wrapper span.single-timeline-horizontal {
  display: inline-block;
  background: #b2c1ce;
  height: 1px;
  width: 380px; }

body #wrapper .opap-champions-detailed-page-wrapper span.single-timeline-horizontal.spacial-horizontal-line {
  width: 100%; }

body #wrapper .opap-champions-detailed-page-wrapper .leading-text {
  font-size: 1.2em;
  line-height: 1.4em;
  width: 100%; }

body #wrapper .opap-champions-detailed-page-wrapper .cards {
  max-width: 1366px;
  margin: 0 auto 30px; }

body #wrapper .opap-champions-detailed-page-wrapper .athlete {
  max-width: 1366px;
  margin: 0 auto; }

body #wrapper .opap-champions-detailed-page-wrapper article {
  position: relative; }

body #wrapper .opap-champions-detailed-page-wrapper .article-img {
  height: 355px;
  width: 100%; }

body #wrapper .opap-champions-detailed-page-wrapper .article-img2 {
  height: 485px;
  width: 100%; }

body #wrapper .opap-champions-detailed-page-wrapper .article-title {
  position: absolute;
  bottom: 40px;
  width: 100%;
  padding: 10px;
  text-align: center;
  font-size: 34px;
  letter-spacing: -.5px;
  line-height: 38px;
  color: #fff; }

body #wrapper .opap-champions-detailed-page-wrapper .article-title2 {
  text-align: center;
  font-size: 34px;
  letter-spacing: -.5px;
  color: #fff; }

body #wrapper .opap-champions-detailed-page-wrapper .athlete-name {
  width: 400px;
  height: 110px;
  margin-top: -200px;
  margin-left: -34px;
  float: left;
  background: var(--opap-glow-navy-blue);
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5em; }

body #wrapper .opap-champions-detailed-page-wrapper .article-subtitle {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px;
  font-size: 21px;
  letter-spacing: -.5px;
  line-height: 38px;
  text-align: center;
  font-weight: normal;
  color: #fff; }

body #wrapper .opap-champions-detailed-page-wrapper .article-subtitle2 {
  font-size: 21px;
  letter-spacing: -.5px;
  line-height: 0;
  text-align: center;
  font-weight: normal;
  color: #fff;
  top: -50px;
  padding-bottom: 0.5em; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container1::after, body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container1::before {
  content: "gradient";
  overflow: hidden;
  position: absolute;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity .45s;
  height: 355px; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container1:hover::before {
  opacity: 0; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container1::before {
  background: rgba(0, 156, 219, 0.7);
  opacity: 1; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container1::after {
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  opacity: 1; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container1:hover::after {
  border: 10px solid rgba(0, 156, 219, 0.7);
  height: 355px;
  line-height: 355px; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container2::after, body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container2::before {
  content: "gradient";
  overflow: hidden;
  position: absolute;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity .45s;
  height: 355px; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container2:hover::before {
  opacity: 0; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container2::before {
  background: rgba(241, 99, 34, 0.7);
  opacity: 1; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container2::after {
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  opacity: 1; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container2:hover::after {
  border: 10px solid rgba(241, 99, 34, 0.7);
  height: 355px; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container3::after, body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container3::before {
  content: "gradient";
  overflow: hidden;
  position: absolute;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity .45s;
  height: 355px; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container3:hover::before {
  opacity: 0; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container3::before {
  background: rgba(66, 148, 57, 0.7);
  opacity: 1; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container3::after {
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  opacity: 1; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container3:hover::after {
  border: 10px solid rgba(66, 148, 57, 0.7);
  height: 355px; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container4::after, body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container4::before {
  content: "gradient";
  overflow: hidden;
  position: absolute;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity .45s;
  height: 355px; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container4:hover::before {
  opacity: 0; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container4::before {
  background: rgba(252, 184, 35, 0.7);
  opacity: 1; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container4::after {
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  opacity: 1; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container4:hover::after {
  border: 10px solid rgba(252, 184, 35, 0.7);
  height: 355px; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container5::after, body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container5::before {
  content: "gradient";
  overflow: hidden;
  position: absolute;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity .45s;
  height: 355px; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container5:hover::before {
  opacity: 0; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container5::before {
  background: rgba(139, 197, 63, 0.7);
  opacity: 1; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container5::after {
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  opacity: 1; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container5:hover::after {
  border: 10px solid rgba(139, 197, 63, 0.7);
  height: 355px; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container6::after, body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container6::before {
  content: "gradient";
  overflow: hidden;
  position: absolute;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity .45s;
  height: 355px; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container6:hover::before {
  opacity: 0; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container6::before {
  background: rgba(0, 139, 209, 0.7);
  opacity: 1; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container6::after {
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  opacity: 1; }

body #wrapper .opap-champions-detailed-page-wrapper .cards .background-container6:hover::after {
  border: 10px solid rgba(0, 139, 209, 0.7);
  height: 355px;
  line-height: 355px; }

body #wrapper .opap-champions-detailed-page-wrapper .divid {
  background: -webkit-linear-gradient(-2deg, #0065a3 45%, transparent 0%), linear-gradient(-2deg, #fff 55%, transparent 45%), linear-gradient(-2deg, #f8f8f8 100%, transparent 55%);
  background: -moz-linear-gradient(-2deg, #0065a3 45%, transparent 0%), linear-gradient(-2deg, #fff 55%, transparent 45%), linear-gradient(-2deg, #f8f8f8 100%, transparent 55%);
  background: linear-gradient(-2deg, #0065a3 45%, transparent 0%), linear-gradient(-2deg, #fff 55%, #fff0 45%), linear-gradient(-2deg, #f8f8f8 100%, transparent 55%);
  text-align: center;
  max-width: 1366px;
  margin: 0 auto;
  height: 74px; }

body #wrapper .opap-champions-detailed-page-wrapper .divid2 {
  background: -webkit-linear-gradient(-2deg, #f8f8f8 45%, transparent 0%), linear-gradient(-2deg, #fff 55%, transparent 45%), linear-gradient(-2deg, #0065a3 100%, transparent 55%);
  background: -moz-linear-gradient(-2deg, #f8f8f8 45%, transparent 0%), linear-gradient(-2deg, #fff 55%, transparent 45%), linear-gradient(-2deg, #0065a3 100%, transparent 55%);
  background: linear-gradient(-2deg, #f8f8f8 45%, #fff0 0%), linear-gradient(-2deg, #fff 55%, #fff0 45%), linear-gradient(-2deg, #0065a3 100%, transparent 55%);
  text-align: center;
  max-width: 1366px;
  margin: 0 auto;
  height: 74px; }

body #wrapper .opap-champions-detailed-page-wrapper #main-carousel .carousel-indicators {
  display: none; }

body #wrapper .opap-champions-detailed-page-wrapper #main-carousel .carousel-control > .main-carousel-left {
  background-size: 50%; }

body #wrapper .opap-champions-detailed-page-wrapper .education-horizontal-timeline {
  padding: 0px 40px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body #wrapper .opap-champions-detailed-page-wrapper .divid, body #wrapper .opap-champions-detailed-page-wrapper .divid2 {
    display: none; } }

@supports (-ms-accelerator: true) {
  body #wrapper .opap-champions-detailed-page-wrapper .divid, body #wrapper .opap-champions-detailed-page-wrapper .divid2 {
    display: none; } }

@media (min-width: 700px) {
  body #wrapper .opap-champions-detailed-page-wrapper .leading-bigtext {
    font-size: 35px; }
  body #wrapper .opap-champions-detailed-page-wrapper .leading {
    display: flex;
    align-items: center; }
  body #wrapper .opap-champions-detailed-page-wrapper .leading-text {
    font-size: 22px;
    line-height: 36px;
    width: 100%; }
  body #wrapper .opap-champions-detailed-page-wrapper .athlete-text {
    line-height: 36px;
    padding: 0 50px; }
  body #wrapper .opap-champions-detailed-page-wrapper .leading2-bigtext {
    font-size: 35px; }
  body #wrapper .opap-champions-detailed-page-wrapper .leading-bigtext {
    font-size: 140px; } }

@media screen and (max-width: 992px) {
  body #wrapper .opap-champions-detailed-page-wrapper .list-text ul {
    font-size: 25px; } }

@media screen and (max-width: 700px) {
  body #wrapper .opap-champions-detailed-page-wrapper .list-container {
    flex-direction: column; }
  body #wrapper .opap-champions-detailed-page-wrapper .row .col-sm-3 {
    max-width: 100%; }
  body #wrapper .opap-champions-detailed-page-wrapper .timeline-horizontal-border {
    display: none; }
  body #wrapper .opap-champions-detailed-page-wrapper #list1 {
    width: 100%;
    height: auto;
    justify-content: left; }
  body #wrapper .opap-champions-detailed-page-wrapper #list2 {
    justify-content: left;
    width: 100%; }
  body #wrapper .opap-champions-detailed-page-wrapper #main-carousel .carousel-control > .main-carousel-right {
    background-size: 50%; }
  body #wrapper .opap-champions-detailed-page-wrapper .athlete-name {
    margin-top: -150px !important;
    width: 100% !important;
    float: none !important;
    height: 77px !important;
    margin-left: 0 !important; }
  body #wrapper .opap-champions-detailed-page-wrapper .list-text ul {
    font-size: 22px; }
  body #wrapper .opap-champions-detailed-page-wrapper .article-title2 {
    font-size: 21px;
    margin-left: 0; }
  body #wrapper .opap-champions-detailed-page-wrapper .article-subtitle2 {
    font-size: 14px;
    margin-left: 0;
    padding-bottom: 0.4em; }
  body #wrapper .opap-champions-detailed-page-wrapper .athlete-photo {
    background-position: top; } }

@media (max-width: 500px) {
  body #wrapper .opap-champions-detailed-page-wrapper .athlete-photo {
    height: 317px !important; } }

@media screen and (max-width: 414px) {
  body #wrapper .opap-champions-detailed-page-wrapper .article-img2 {
    height: 330px; }
  body #wrapper .opap-champions-detailed-page-wrapper .leading2 {
    height: auto;
    padding: 30px;
    width: 100%;
    margin: 0 auto; } }

@media screen and (max-width: 402px) {
  body #wrapper .opap-champions-detailed-page-wrapper article {
    width: 100%; }
  body #wrapper .opap-champions-detailed-page-wrapper .education-horizontal-timeline {
    padding: 0; }
  body #wrapper .opap-champions-detailed-page-wrapper .timeline {
    padding-left: 0px; }
  body #wrapper .opap-champions-detailed-page-wrapper .athlete-quote {
    font-size: 21px; }
  body #wrapper .opap-champions-detailed-page-wrapper .list-title {
    font-size: 18px; } }

@media (min-width: 992px) {
  body #wrapper .opap-champions-detailed-page-wrapper .col-md-3 {
    min-height: 200px; } }

@media (min-width: 768px) {
  body #wrapper .opap-champions-detailed-page-wrapper .col-sm-3 {
    min-height: 273px; } }

body #wrapper .opap-champions-matrix-wrapper .arch- {
  background: #e9e9e9;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  color: #0065a3; }

body #wrapper .opap-champions-matrix-wrapper .arch-athl {
  background: #e9e9e9; }

body #wrapper .opap-champions-matrix-wrapper .athlete-photo {
  background-size: cover;
  background-position: top;
  height: 355px;
  background-repeat: no-repeat;
  z-index: 80; }

body #wrapper .opap-champions-matrix-wrapper .opap-red {
  background-color: rgba(219, 32, 50, 0.7); }

body #wrapper .opap-champions-matrix-wrapper .opap-green {
  background-color: rgba(65, 150, 57, 0.7); }

body #wrapper .opap-champions-matrix-wrapper .opap-blue {
  background-color: rgba(0, 102, 164, 0.7); }

body #wrapper .opap-champions-matrix-wrapper .opap-orange {
  background-color: rgba(242, 98, 34, 0.7); }

body #wrapper .opap-champions-matrix-wrapper .opap-grey {
  background-color: #e9e9e9; }

body #wrapper .opap-champions-matrix-wrapper .opap-yellow {
  background-color: rgba(253, 189, 53, 0.7); }

body #wrapper .opap-champions-matrix-wrapper .opap-sky-blue {
  background-color: rgba(0, 157, 220, 0.7); }

body #wrapper .opap-champions-matrix-wrapper .opap-green1 {
  background-color: rgba(71, 153, 64, 0.7); }

body #wrapper .opap-champions-matrix-wrapper .back-color-new {
  position: absolute;
  z-index: 90;
  width: 100%;
  height: 355px;
  transition: opacity 0.55s ease-in-out; }
  body #wrapper .opap-champions-matrix-wrapper .back-color-new::before, body #wrapper .opap-champions-matrix-wrapper .back-color-new::after {
    content: "gradient";
    overflow: hidden;
    position: absolute;
    text-indent: -9999rem;
    font-size: 0;
    line-height: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 355px;
    transition: opacity 0.45s; }
  body #wrapper .opap-champions-matrix-wrapper .back-color-new:hover {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0;
    cursor: pointer; }
    body #wrapper .opap-champions-matrix-wrapper .back-color-new:hover::after {
      height: 355px;
      line-height: 355px; }

body #wrapper .opap-champions-matrix-wrapper .cards .col-sm-4 {
  padding: 10px !important; }

body #wrapper .opap-champions-matrix-wrapper .back-border-color {
  width: 92%;
  height: 355px; }
  body #wrapper .opap-champions-matrix-wrapper .back-border-color:hover {
    border: 10px solid #981c1e;
    cursor: pointer;
    position: absolute;
    z-index: 110; }

body #wrapper .opap-champions-matrix-wrapper .row {
  margin: 0 !important; }

body #wrapper .opap-champions-matrix-wrapper .cards .athlete-square {
  padding: 0;
  position: relative; }

body #wrapper .opap-champions-matrix-wrapper .cards .info-square {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  height: 100%; }
  body #wrapper .opap-champions-matrix-wrapper .cards .info-square a {
    font-size: 30px;
    line-height: 45px; }
  body #wrapper .opap-champions-matrix-wrapper .cards .info-square a:hover {
    text-decoration-line: underline; }

body #wrapper .opap-champions-matrix-wrapper .logo {
  height: 50px;
  margin-right: 20px; }

body #wrapper .opap-champions-matrix-wrapper .back-color {
  background-color: #842325; }

body #wrapper .opap-champions-matrix-wrapper .leading {
  padding: 30px;
  margin-bottom: 30px;
  color: white;
  background: center #0065a3 no-repeat;
  background-size: cover;
  text-align: center; }
  body #wrapper .opap-champions-matrix-wrapper .leading .leading-bigtext {
    margin-right: 60px;
    font-weight: bold;
    font-size: 24vw; }

body #wrapper .opap-champions-matrix-wrapper .leading2 {
  height: auto;
  padding: 30px 0;
  color: #58595b;
  background: center #f8f8f8 no-repeat;
  background-size: auto auto;
  background-size: cover;
  text-align: center;
  max-width: 1366px;
  margin: 0 auto; }
  body #wrapper .opap-champions-matrix-wrapper .leading2 h2 {
    font-size: 25px;
    font-weight: bold;
    color: #0065a3; }

body #wrapper .opap-champions-matrix-wrapper .athlete-quote {
  margin-right: 60px;
  font-weight: bold;
  font-size: 35px;
  color: #003e7e; }

body #wrapper .opap-champions-matrix-wrapper .list-container {
  display: flex;
  flex-direction: row;
  max-width: 1366px;
  margin: 0 auto;
  color: white; }

body #wrapper .opap-champions-matrix-wrapper #list1 {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  background-color: #0065a3;
  min-height: 100px;
  padding: 30px; }

body #wrapper .opap-champions-matrix-wrapper #list2 {
  display: flex;
  justify-content: center;
  flex-grow: 1;
  background-color: #0065a3;
  min-height: 100px;
  padding: 30px; }

body #wrapper .opap-champions-matrix-wrapper ul, body #wrapper .opap-champions-matrix-wrapper li {
  padding: 0;
  margin: 0;
  list-style: none; }

body #wrapper .opap-champions-matrix-wrapper ul {
  margin: 2em 0; }

body #wrapper .opap-champions-matrix-wrapper li {
  margin: 1em;
  margin-left: 3em; }
  body #wrapper .opap-champions-matrix-wrapper li.l1:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #fff; }
  body #wrapper .opap-champions-matrix-wrapper li.l2:before {
    content: '\f123';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #fff; }

body #wrapper .opap-champions-matrix-wrapper .list-title {
  font-weight: bold;
  font-size: 20px;
  padding: 0 10px; }

body #wrapper .opap-champions-matrix-wrapper .leading2 h2 {
  font-size: 25px;
  font-weight: bold;
  color: #0065a3; }

body #wrapper .opap-champions-matrix-wrapper .education-horizontal-timeline {
  padding: 80px 0; }

body #wrapper .opap-champions-matrix-wrapper .row {
  margin-right: -15px;
  margin-left: -15px; }

body #wrapper .opap-champions-matrix-wrapper .col-sm-3 {
  width: 25%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

body #wrapper .opap-champions-matrix-wrapper .timeline-horizontal-border {
  display: flex;
  align-items: center;
  padding: 26px 0 30px; }

body #wrapper .opap-champions-matrix-wrapper .fa-circle::before {
  content: "\f111"; }

body #wrapper .opap-champions-matrix-wrapper .timeline-horizontal-border i {
  font-size: 10px;
  color: #0065a3;
  margin-right: 5px; }

body #wrapper .opap-champions-matrix-wrapper .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body #wrapper .opap-champions-matrix-wrapper span.single-timeline-horizontal {
  display: inline-block;
  background: #b2c1ce;
  height: 1px;
  width: 380px; }

body #wrapper .opap-champions-matrix-wrapper .timeline-content h4.title {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase; }

body #wrapper .opap-champions-matrix-wrapper .timeline-content h5 {
  color: #636a82;
  font-size: 14px;
  font-weight: 300;
  margin: 18px 0 20px; }

body #wrapper .opap-champions-matrix-wrapper .education {
  background: #f9fbfd;
  padding-top: 50px; }

body #wrapper .opap-champions-matrix-wrapper .education-horizontal-timeline {
  padding: 40px 0; }

body #wrapper .opap-champions-matrix-wrapper .education-horizontal-timeline .col-sm-4 {
  padding: 0 2px; }

body #wrapper .opap-champions-matrix-wrapper .timeline-horizontal-border {
  display: flex;
  align-items: center;
  padding: 26px 0 30px; }

body #wrapper .opap-champions-matrix-wrapper .timeline-horizontal-border i {
  font-size: 10px;
  color: #0065a3;
  margin-right: 5px; }

body #wrapper .opap-champions-matrix-wrapper span.single-timeline-horizontal {
  display: inline-block;
  background: #b2c1ce;
  height: 1px;
  width: 380px; }

body #wrapper .opap-champions-matrix-wrapper span.single-timeline-horizontal.spacial-horizontal-line {
  width: 100%; }

body #wrapper .opap-champions-matrix-wrapper .leading-text {
  font-size: 1.2em;
  line-height: 1.4em;
  width: 100%; }

body #wrapper .opap-champions-matrix-wrapper .athlete {
  max-width: 1366px;
  margin: 0 auto; }

body #wrapper .opap-champions-matrix-wrapper article {
  position: relative; }

body #wrapper .opap-champions-matrix-wrapper .article-img {
  height: 355px;
  width: 100%;
  object-fit: cover; }

body #wrapper .opap-champions-matrix-wrapper .article-img2 {
  height: 485px;
  width: 100%;
  object-fit: cover; }

body #wrapper .opap-champions-matrix-wrapper .title-subtitle-wrapper {
  height: 100%;
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end; }

body #wrapper .opap-champions-matrix-wrapper .article-title {
  position: relative;
  width: 100%;
  padding: 10px;
  padding-bottom: 0;
  text-align: center;
  font-size: 30px;
  letter-spacing: -0.5px;
  line-height: 38px;
  color: #fff;
  z-index: 500; }

body #wrapper .opap-champions-matrix-wrapper .article-title2 {
  position: relative;
  bottom: 20px;
  padding: 10px;
  text-align: center;
  font-size: 34px;
  letter-spacing: -0.5px;
  line-height: 58px;
  color: #fff;
  z-index: 500; }

body #wrapper .opap-champions-matrix-wrapper .athlete-name {
  position: absolute;
  width: 400px;
  height: 110px;
  top: 220px;
  float: right;
  background-color: #0065a3;
  text-align: center;
  left: -40px; }

body #wrapper .opap-champions-matrix-wrapper .article-subtitle {
  position: relative;
  width: 100%;
  padding: 10px;
  padding-top: 0;
  font-size: 18px;
  letter-spacing: -0.5px;
  line-height: 38px;
  text-align: center;
  font-weight: normal;
  color: #fff;
  z-index: 500; }

body #wrapper .opap-champions-matrix-wrapper .article-subtitle2 {
  position: relative;
  bottom: 0;
  padding: 10px;
  font-size: 21px;
  letter-spacing: -0.5px;
  line-height: 0;
  text-align: center;
  font-weight: normal;
  color: #fff;
  top: -50px; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container1::after, body #wrapper .opap-champions-matrix-wrapper .cards .background-container1::before {
  content: "gradient";
  overflow: hidden;
  position: absolute;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 0.45s;
  height: 355px; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container1:hover::before {
  opacity: 0; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container1::before {
  background: rgba(0, 156, 219, 0.7);
  opacity: 1; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container1::after {
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  opacity: 1; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container1:hover::after {
  border: 10px solid rgba(0, 156, 219, 0.7);
  height: 355px;
  line-height: 355px; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container2::after, body #wrapper .opap-champions-matrix-wrapper .cards .background-container2::before {
  content: "gradient";
  overflow: hidden;
  position: absolute;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 0.45s;
  height: 355px; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container2:hover::before {
  opacity: 0; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container2::before {
  background: rgba(241, 99, 34, 0.7);
  opacity: 1; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container2::after {
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  opacity: 1; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container2:hover::after {
  border: 10px solid rgba(241, 99, 34, 0.7);
  height: 355px; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container3::after, body #wrapper .opap-champions-matrix-wrapper .cards .background-container3::before {
  content: "gradient";
  overflow: hidden;
  position: absolute;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 0.45s;
  height: 355px; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container3:hover::before {
  opacity: 0; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container3::before {
  background: rgba(66, 148, 57, 0.7);
  opacity: 1; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container3::after {
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  opacity: 1; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container3:hover::after {
  border: 10px solid rgba(66, 148, 57, 0.7);
  height: 355px; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container4::after, body #wrapper .opap-champions-matrix-wrapper .cards .background-container4::before {
  content: "gradient";
  overflow: hidden;
  position: absolute;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 0.45s;
  height: 355px; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container4:hover::before {
  opacity: 0; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container4::before {
  background: rgba(252, 184, 35, 0.7);
  opacity: 1; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container4::after {
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  opacity: 1; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container4:hover::after {
  border: 10px solid rgba(252, 184, 35, 0.7);
  height: 355px; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container5::after, body #wrapper .opap-champions-matrix-wrapper .cards .background-container5::before {
  content: "gradient";
  overflow: hidden;
  position: absolute;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 0.45s;
  height: 355px; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container5:hover::before {
  opacity: 0; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container5::before {
  background: rgba(139, 197, 63, 0.7);
  opacity: 1; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container5::after {
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  opacity: 1; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container5:hover::after {
  border: 10px solid rgba(139, 197, 63, 0.7);
  height: 355px; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container6::after, body #wrapper .opap-champions-matrix-wrapper .cards .background-container6::before {
  content: "gradient";
  overflow: hidden;
  position: absolute;
  text-indent: -9999rem;
  font-size: 0;
  line-height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 0.45s;
  height: 355px; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container6:hover::before {
  opacity: 0; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container6::before {
  background: rgba(0, 139, 209, 0.7);
  opacity: 1; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container6::after {
  background: linear-gradient(20deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  opacity: 1; }

body #wrapper .opap-champions-matrix-wrapper .cards .background-container6:hover::after {
  border: 10px solid rgba(0, 139, 209, 0.7);
  height: 355px;
  line-height: 355px; }

body #wrapper .opap-champions-matrix-wrapper .video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }

body #wrapper .opap-champions-matrix-wrapper .video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute; }

body #wrapper .opap-champions-matrix-wrapper .athlete-text {
  line-height: 27px;
  padding: 10px 10px;
  text-align: center; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-champions-matrix-wrapper .cards .info-square a {
    font-size: 23px;
    line-height: 38px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-champions-matrix-wrapper .leading-bigtext {
    font-size: 35px; }
  body #wrapper .opap-champions-matrix-wrapper .leading-text {
    font-size: 22px;
    line-height: 36px;
    width: 100%; }
  body #wrapper .opap-champions-matrix-wrapper .leading2-bigtext {
    font-size: 35px; }
  body #wrapper .opap-champions-matrix-wrapper .leading-bigtext {
    font-size: 140px; }
  body #wrapper .opap-champions-matrix-wrapper .article-title {
    font-size: 22px; }
  body #wrapper .opap-champions-matrix-wrapper .single-horizontal-timeline .experience-time h3 {
    text-transform: capitalize; }
  body #wrapper .opap-champions-matrix-wrapper .single-horizontal-timeline .experience-time h3 span {
    text-transform: lowercase; }
  body #wrapper .opap-champions-matrix-wrapper .single-horizontal-timeline .timeline-content h5 {
    margin: 15px 0; }
  body #wrapper .opap-champions-matrix-wrapper .single-horizontal-timeline p {
    color: #58595b;
    font-size: 14px;
    line-height: 20px; }
  body #wrapper .opap-champions-matrix-wrapper .cards .info-square a {
    font-size: 16px; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-champions-matrix-wrapper .list-container {
    flex-direction: column; }
  body #wrapper .opap-champions-matrix-wrapper #list1 {
    width: 100%;
    height: auto;
    justify-content: left; }
  body #wrapper .opap-champions-matrix-wrapper #list2 {
    justify-content: left;
    width: 100%; }
  body #wrapper .opap-champions-matrix-wrapper .cards .row {
    display: flex;
    flex-direction: column; }
  body #wrapper .opap-champions-matrix-wrapper .cards .col-sm-4 {
    max-width: 100%; }
  body #wrapper .opap-champions-matrix-wrapper .cards .info-square a {
    font-size: 30px;
    line-height: 45px; }
  body #wrapper .opap-champions-matrix-wrapper .cards .athlete-square {
    padding: 0;
    margin-right: 0 !important; }
  body #wrapper .opap-champions-matrix-wrapper article {
    width: 100%; }
  body #wrapper .opap-champions-matrix-wrapper .leading-text {
    font-size: 1em;
    line-height: 1.4em;
    width: 100%; }
  body #wrapper .opap-champions-matrix-wrapper .article-title {
    font-size: 30px; }
  body #wrapper .opap-champions-matrix-wrapper .article-subtitle {
    position: relative;
    width: 100%;
    padding: 10px;
    padding-top: 0;
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 38px;
    text-align: center;
    font-weight: normal;
    color: #fff; } }

@media (max-width: 575.98px) {
  body #wrapper .opap-champions-matrix-wrapper .cards .info-square a {
    font-size: 25px;
    line-height: 38px; } }

@media screen and (max-width: 340px) {
  body #wrapper .opap-champions-matrix-wrapper article {
    width: 260px; }
  body #wrapper .opap-champions-matrix-wrapper .cards .info-square a {
    font-size: 18px; }
  body #wrapper .opap-champions-matrix-wrapper .article-title {
    font-size: 22px; }
  body #wrapper .opap-champions-matrix-wrapper .article-subtitle {
    font-size: 14px; } }

@media (max-width: 1279.98px) {
  body #wrapper .container-fluid.container-fluid-max-xl {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 991.98px) {
  body #wrapper .container-fluid.container-fluid-max-xl {
    max-width: 696px;
    padding-left: calc(24px * 0.5);
    padding-right: calc(24px * 0.5); } }

@media (max-width: 767.98px) {
  body #wrapper .container-fluid.container-fluid-max-xl {
    max-width: 516px; } }

@media (max-width: 575.98px) {
  body #wrapper .container-fluid.container-fluid-max-xl {
    max-width: 100%; } }

body #wrapper .ribbon-wrapper {
  min-height: 40px;
  border-radius: 8px;
  margin-top: 1em;
  padding: 8px 12px;
  color: var(--opap-white);
  background: #0B56C3; }
  body #wrapper .ribbon-wrapper p {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin-bottom: 0; }
    body #wrapper .ribbon-wrapper p.ribbon-jackpot {
      color: var(--opap-yellow); }
    body #wrapper .ribbon-wrapper p.opap-jackpot-mega {
      color: #ec1c24; }

@media (max-width: 1279.98px) {
  body #wrapper .ribbon-wrapper p {
    font-size: 18px; } }

@media (max-width: 991.98px) {
  body #wrapper .ribbon-wrapper p {
    font-size: 16px; } }

@media (max-width: 767.98px) {
  body #wrapper .ribbon-wrapper p {
    font-size: 14px; } }

body #wrapper .horig-form {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #212529;
  text-align: inherit;
  font-size: 14px;
  line-height: 1.42857;
  box-sizing: border-box;
  background-color: #edf5f8;
  padding: 2rem 3rem;
  /* Hard to override styles */
  /* Hard to override styles on purpose */
  /* Hard to override styles */
  /* Soft styles */
  /* Hard to override styles */
  /**
 * States
 */
  /* hard to overide styles on purpose */
  /* used for padding so allowed to be restyled */
  /**
 * Root element children layout
 */
  /*!
 * FilePondPluginmediaPreview 1.0.9
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit undefined for details.
 */
  /* eslint-disable */
  /*!
 * FilePondPluginImagePreview 4.6.11
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
  /* eslint-disable */
  /* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */ }
  body #wrapper .horig-form .padding-0 {
    padding-left: 0;
    padding-right: 0;
    width: 100%; }
  body #wrapper .horig-form .hero-image {
    margin-bottom: 2rem; }
  body #wrapper .horig-form textarea {
    max-width: 100%;
    min-height: 34px;
    height: auto; }
  body #wrapper .horig-form .title {
    color: #127fc3;
    font-size: 24px; }
  body #wrapper .horig-form .description {
    color: #343434;
    margin: 0; }
  body #wrapper .horig-form .hint {
    color: #127fc3;
    margin: 2.5rem 0 0 0; }
  body #wrapper .horig-form .custom-tooltip .react-tooltip-lite {
    border: 1px solid #127fc3;
    background: #fff;
    color: grey; }
    body #wrapper .horig-form .custom-tooltip .react-tooltip-lite-arrow {
      border-color: #127fc3;
      position: relative; }
      body #wrapper .horig-form .custom-tooltip .react-tooltip-lite-arrow::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        z-index: 99;
        display: block; }
    body #wrapper .horig-form .custom-tooltip .react-tooltip-lite-left-arrow::before {
      border-left: 10px solid #fff;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      left: -11px;
      top: -10px; }
    body #wrapper .horig-form .custom-tooltip .react-tooltip-lite-right-arrow::before {
      border-right: 10px solid #fff;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      right: -11px;
      top: -10px; }
  body #wrapper .horig-form .custom-tooltip span.glyphicon {
    color: #127fc3; }
  body #wrapper .horig-form .filepond--browser {
    visibility: hidden; }
  body #wrapper .horig-form .form__wrapper {
    background-color: #edf5f8; }
  body #wrapper .horig-form .alert .text-center {
    margin: 0;
    font-size: 18px; }
  body #wrapper .horig-form .form-control {
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
    color: #555; }
  body #wrapper .horig-form .form__description {
    font-size: 14px; }
  body #wrapper .horig-form__limit-text {
    font-size: 14px;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
  body #wrapper .horig-form .form-inline-fix {
    margin-bottom: 10px; }
    body #wrapper .horig-form .form-inline-fix:last-child {
      margin-bottom: 30px; }
    body #wrapper .horig-form .form-inline-fix .form-group {
      margin-bottom: 0; }
    body #wrapper .horig-form .form-inline-fix label {
      display: block;
      background: #d8d8d8;
      margin-bottom: 0;
      line-height: 40px;
      padding-left: 15px; }
    body #wrapper .horig-form .form-inline-fix .form-control {
      width: 100%;
      border: none;
      border-radius: 0;
      border-left: 5px solid #edeeed; }
  body #wrapper .horig-form .button__add {
    background: #757e8d;
    padding: 8px 14px;
    color: #fff;
    border: none;
    width: 310px;
    margin-bottom: 2rem; }
    body #wrapper .horig-form .button__add-files {
      margin-bottom: 3rem; }
    body #wrapper .horig-form .button__add-wrapper {
      background: #fff;
      padding: 3px 6px;
      min-height: 40px; }
      body #wrapper .horig-form .button__add-wrapper .button__label {
        vertical-align: middle; }
      body #wrapper .horig-form .button__add-wrapper .button__plus-symbol {
        position: relative;
        display: inline-block;
        width: 28px;
        height: 28px;
        overflow: hidden;
        border-radius: 0;
        vertical-align: middle;
        margin-left: 10px; }
        body #wrapper .horig-form .button__add-wrapper .button__plus-symbol:before, body #wrapper .horig-form .button__add-wrapper .button__plus-symbol:after {
          content: "";
          position: absolute;
          height: 3px;
          width: 60%;
          top: 50%;
          left: 6px;
          margin-top: -1px;
          background: #fff;
          border-radius: 0; }
        body #wrapper .horig-form .button__add-wrapper .button__plus-symbol:after {
          transform: rotate(90deg); }
      body #wrapper .horig-form .button__add-wrapper .button__remove {
        position: relative;
        display: inline-block;
        width: 28px;
        height: 28px;
        overflow: hidden;
        border-radius: 0;
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
        font-size: 16px;
        padding: 6px 12px;
        border-width: 1px; }
        body #wrapper .horig-form .button__add-wrapper .button__remove:before, body #wrapper .horig-form .button__add-wrapper .button__remove:after {
          content: "";
          position: absolute;
          height: 3px;
          width: 60%;
          top: 50%;
          left: 5px;
          margin-top: -1px;
          background: #fff;
          border-radius: 0; }
        body #wrapper .horig-form .button__add-wrapper .button__remove:before {
          transform: rotate(45deg); }
        body #wrapper .horig-form .button__add-wrapper .button__remove:after {
          transform: rotate(-45deg); }
  body #wrapper .horig-form .form__header {
    margin-bottom: 30px; }
  body #wrapper .horig-form .form__content .alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb; }
  body #wrapper .horig-form .form__title {
    font-size: 20px;
    color: #299dd8;
    font-weight: bold;
    padding: 10px;
    margin: 0 0 20px 0;
    border-top: 1px dotted #299dd8; }
  body #wrapper .horig-form .form__subtitle {
    font-size: 17px;
    color: #127fc3;
    font-weight: bold;
    padding: 1rem;
    margin: 0 0 2rem 0; }
  body #wrapper .horig-form .form-group {
    margin-bottom: 30px;
    min-width: 30px; }
  body #wrapper .horig-form .input-group {
    flex-wrap: nowrap; }
  body #wrapper .horig-form .checkbox label {
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-left: 1em; }
    body #wrapper .horig-form .checkbox label input {
      margin-right: 0.5em; }
  body #wrapper .horig-form .checkbox .opap-terms {
    color: #127fc3;
    font-weight: bold;
    font-size: 14px;
    line-height: 26px;
    margin-left: 0; }
  body #wrapper .horig-form .form__label {
    color: #127fc3;
    min-height: 30px;
    font-weight: bold;
    font-size: 14px; }
  body #wrapper .horig-form .input-group-addon {
    padding: 6px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    font-size: 1rem; }
    body #wrapper .horig-form .input-group-addon:first-child {
      border-right: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
    body #wrapper .horig-form .input-group-addon img {
      height: 20px; }
  body #wrapper .horig-form .react-datepicker__year-read-view--down-arrow,
  body #wrapper .horig-form .react-datepicker__month-read-view--down-arrow,
  body #wrapper .horig-form .react-datepicker__month-year-read-view--down-arrow, body #wrapper .horig-form .react-datepicker__navigation-icon::before {
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, body #wrapper .horig-form .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    margin-left: -4px;
    position: absolute;
    width: 0; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, body #wrapper .horig-form .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, body #wrapper .horig-form .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, body #wrapper .horig-form .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px;
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, body #wrapper .horig-form .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    border-bottom-color: #aeaeae; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, body #wrapper .horig-form .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
    border-top: none;
    border-bottom-color: #f0f0f0; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
    top: 0; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    bottom: 0;
    margin-bottom: -8px; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, body #wrapper .horig-form .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
    border-bottom: none;
    border-top-color: #fff; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
    bottom: 0; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
    bottom: -1px;
    border-top-color: #aeaeae; }
  body #wrapper .horig-form .react-datepicker {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 0.8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    display: inline-block;
    position: relative; }
  body #wrapper .horig-form .react-datepicker--time-only .react-datepicker__triangle {
    left: 35px; }
  body #wrapper .horig-form .react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0; }
  body #wrapper .horig-form .react-datepicker--time-only .react-datepicker__time,
  body #wrapper .horig-form .react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem; }
  body #wrapper .horig-form .react-datepicker__triangle {
    position: absolute;
    left: 50px; }
  body #wrapper .horig-form .react-datepicker-popper {
    z-index: 3; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=bottom] {
    padding-top: 10px; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, body #wrapper .horig-form .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
    left: auto;
    right: 50px; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=top] {
    padding-bottom: 10px; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=right] {
    padding-left: 8px; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
    left: auto;
    right: 42px; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=left] {
    padding-right: 8px; }
  body #wrapper .horig-form .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
    left: 42px;
    right: auto; }
  body #wrapper .horig-form .react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: 0.3rem;
    padding: 8px 0;
    position: relative; }
  body #wrapper .horig-form .react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px; }
  body #wrapper .horig-form .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0; }
  body #wrapper .horig-form .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: 0.3rem; }
  body #wrapper .horig-form .react-datepicker__year-dropdown-container--select,
  body #wrapper .horig-form .react-datepicker__month-dropdown-container--select,
  body #wrapper .horig-form .react-datepicker__month-year-dropdown-container--select,
  body #wrapper .horig-form .react-datepicker__year-dropdown-container--scroll,
  body #wrapper .horig-form .react-datepicker__month-dropdown-container--scroll,
  body #wrapper .horig-form .react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 15px; }
  body #wrapper .horig-form .react-datepicker__current-month,
  body #wrapper .horig-form .react-datepicker-time__header,
  body #wrapper .horig-form .react-datepicker-year-header {
    margin-top: 0;
    color: #000;
    font-weight: bold;
    font-size: 0.944rem; }
  body #wrapper .horig-form .react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  body #wrapper .horig-form .react-datepicker__navigation {
    align-items: center;
    background: none;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 2px;
    padding: 0;
    border: none;
    z-index: 1;
    height: 32px;
    width: 32px;
    text-indent: -999em;
    overflow: hidden; }
  body #wrapper .horig-form .react-datepicker__navigation--previous {
    left: 2px; }
  body #wrapper .horig-form .react-datepicker__navigation--next {
    right: 2px; }
  body #wrapper .horig-form .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 85px; }
  body #wrapper .horig-form .react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  body #wrapper .horig-form .react-datepicker__navigation--years-previous {
    top: 4px; }
  body #wrapper .horig-form .react-datepicker__navigation--years-upcoming {
    top: -4px; }
  body #wrapper .horig-form .react-datepicker__navigation:hover *::before {
    border-color: #a6a6a6; }
  body #wrapper .horig-form .react-datepicker__navigation-icon {
    position: relative;
    top: -1px;
    font-size: 20px;
    width: 0; }
  body #wrapper .horig-form .react-datepicker__navigation-icon--next {
    left: -2px; }
  body #wrapper .horig-form .react-datepicker__navigation-icon--next::before {
    transform: rotate(45deg);
    left: -7px; }
  body #wrapper .horig-form .react-datepicker__navigation-icon--previous {
    right: -2px; }
  body #wrapper .horig-form .react-datepicker__navigation-icon--previous::before {
    transform: rotate(225deg);
    right: -7px; }
  body #wrapper .horig-form .react-datepicker__month-container {
    float: left; }
  body #wrapper .horig-form .react-datepicker__year {
    margin: 0.4rem;
    text-align: center; }
  body #wrapper .horig-form .react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px; }
  body #wrapper .horig-form .react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px; }
  body #wrapper .horig-form .react-datepicker__month {
    margin: 0.4rem;
    text-align: center; }
  body #wrapper .horig-form .react-datepicker__month .react-datepicker__month-text,
  body #wrapper .horig-form .react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px; }
  body #wrapper .horig-form .react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left; }
  body #wrapper .horig-form .react-datepicker__input-time-container .react-datepicker-time__caption {
    display: inline-block; }
  body #wrapper .horig-form .react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block; }
  body #wrapper .horig-form .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px; }
  body #wrapper .horig-form .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto; }
  body #wrapper .horig-form .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
  body #wrapper .horig-form .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  body #wrapper .horig-form .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield; }
  body #wrapper .horig-form .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block; }
  body #wrapper .horig-form .react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px; }
  body #wrapper .horig-form .react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    position: absolute;
    right: -87px;
    top: 0; }
  body #wrapper .horig-form .react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: white;
    border-bottom-right-radius: 0.3rem; }
  body #wrapper .horig-form .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
    border-bottom-right-radius: 0.3rem; }
  body #wrapper .horig-form .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + (1.7rem / 2));
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    box-sizing: content-box; }
  body #wrapper .horig-form .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap; }
  body #wrapper .horig-form .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0; }
  body #wrapper .horig-form .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: white;
    font-weight: bold; }
  body #wrapper .horig-form .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5; }
  body #wrapper .horig-form .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc; }
  body #wrapper .horig-form .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent; }
  body #wrapper .horig-form .react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem; }
  body #wrapper .horig-form .react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer; }
  body #wrapper .horig-form .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0; }
  body #wrapper .horig-form .react-datepicker__day-names,
  body #wrapper .horig-form .react-datepicker__week {
    white-space: nowrap; }
  body #wrapper .horig-form .react-datepicker__day-names {
    margin-bottom: -8px; }
  body #wrapper .horig-form .react-datepicker__day-name,
  body #wrapper .horig-form .react-datepicker__day,
  body #wrapper .horig-form .react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem; }
  body #wrapper .horig-form .react-datepicker__month--selected, body #wrapper .horig-form .react-datepicker__month--in-selecting-range, body #wrapper .horig-form .react-datepicker__month--in-range,
  body #wrapper .horig-form .react-datepicker__quarter--selected,
  body #wrapper .horig-form .react-datepicker__quarter--in-selecting-range,
  body #wrapper .horig-form .react-datepicker__quarter--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff; }
  body #wrapper .horig-form .react-datepicker__month--selected:hover, body #wrapper .horig-form .react-datepicker__month--in-selecting-range:hover, body #wrapper .horig-form .react-datepicker__month--in-range:hover,
  body #wrapper .horig-form .react-datepicker__quarter--selected:hover,
  body #wrapper .horig-form .react-datepicker__quarter--in-selecting-range:hover,
  body #wrapper .horig-form .react-datepicker__quarter--in-range:hover {
    background-color: #1d5d90; }
  body #wrapper .horig-form .react-datepicker__month--disabled,
  body #wrapper .horig-form .react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none; }
  body #wrapper .horig-form .react-datepicker__month--disabled:hover,
  body #wrapper .horig-form .react-datepicker__quarter--disabled:hover {
    cursor: default;
    background-color: transparent; }
  body #wrapper .horig-form .react-datepicker__day,
  body #wrapper .horig-form .react-datepicker__month-text,
  body #wrapper .horig-form .react-datepicker__quarter-text,
  body #wrapper .horig-form .react-datepicker__year-text {
    cursor: pointer; }
  body #wrapper .horig-form .react-datepicker__day:hover,
  body #wrapper .horig-form .react-datepicker__month-text:hover,
  body #wrapper .horig-form .react-datepicker__quarter-text:hover,
  body #wrapper .horig-form .react-datepicker__year-text:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0; }
  body #wrapper .horig-form .react-datepicker__day--today,
  body #wrapper .horig-form .react-datepicker__month-text--today,
  body #wrapper .horig-form .react-datepicker__quarter-text--today,
  body #wrapper .horig-form .react-datepicker__year-text--today {
    font-weight: bold; }
  body #wrapper .horig-form .react-datepicker__day--highlighted,
  body #wrapper .horig-form .react-datepicker__month-text--highlighted,
  body #wrapper .horig-form .react-datepicker__quarter-text--highlighted,
  body #wrapper .horig-form .react-datepicker__year-text--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff; }
  body #wrapper .horig-form .react-datepicker__day--highlighted:hover,
  body #wrapper .horig-form .react-datepicker__month-text--highlighted:hover,
  body #wrapper .horig-form .react-datepicker__quarter-text--highlighted:hover,
  body #wrapper .horig-form .react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f; }
  body #wrapper .horig-form .react-datepicker__day--highlighted-custom-1,
  body #wrapper .horig-form .react-datepicker__month-text--highlighted-custom-1,
  body #wrapper .horig-form .react-datepicker__quarter-text--highlighted-custom-1,
  body #wrapper .horig-form .react-datepicker__year-text--highlighted-custom-1 {
    color: magenta; }
  body #wrapper .horig-form .react-datepicker__day--highlighted-custom-2,
  body #wrapper .horig-form .react-datepicker__month-text--highlighted-custom-2,
  body #wrapper .horig-form .react-datepicker__quarter-text--highlighted-custom-2,
  body #wrapper .horig-form .react-datepicker__year-text--highlighted-custom-2 {
    color: green; }
  body #wrapper .horig-form .react-datepicker__day--selected, body #wrapper .horig-form .react-datepicker__day--in-selecting-range, body #wrapper .horig-form .react-datepicker__day--in-range,
  body #wrapper .horig-form .react-datepicker__month-text--selected,
  body #wrapper .horig-form .react-datepicker__month-text--in-selecting-range,
  body #wrapper .horig-form .react-datepicker__month-text--in-range,
  body #wrapper .horig-form .react-datepicker__quarter-text--selected,
  body #wrapper .horig-form .react-datepicker__quarter-text--in-selecting-range,
  body #wrapper .horig-form .react-datepicker__quarter-text--in-range,
  body #wrapper .horig-form .react-datepicker__year-text--selected,
  body #wrapper .horig-form .react-datepicker__year-text--in-selecting-range,
  body #wrapper .horig-form .react-datepicker__year-text--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff; }
  body #wrapper .horig-form .react-datepicker__day--selected:hover, body #wrapper .horig-form .react-datepicker__day--in-selecting-range:hover, body #wrapper .horig-form .react-datepicker__day--in-range:hover,
  body #wrapper .horig-form .react-datepicker__month-text--selected:hover,
  body #wrapper .horig-form .react-datepicker__month-text--in-selecting-range:hover,
  body #wrapper .horig-form .react-datepicker__month-text--in-range:hover,
  body #wrapper .horig-form .react-datepicker__quarter-text--selected:hover,
  body #wrapper .horig-form .react-datepicker__quarter-text--in-selecting-range:hover,
  body #wrapper .horig-form .react-datepicker__quarter-text--in-range:hover,
  body #wrapper .horig-form .react-datepicker__year-text--selected:hover,
  body #wrapper .horig-form .react-datepicker__year-text--in-selecting-range:hover,
  body #wrapper .horig-form .react-datepicker__year-text--in-range:hover {
    background-color: #1d5d90; }
  body #wrapper .horig-form .react-datepicker__day--keyboard-selected,
  body #wrapper .horig-form .react-datepicker__month-text--keyboard-selected,
  body #wrapper .horig-form .react-datepicker__quarter-text--keyboard-selected,
  body #wrapper .horig-form .react-datepicker__year-text--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #bad9f1;
    color: black; }
  body #wrapper .horig-form .react-datepicker__day--keyboard-selected:hover,
  body #wrapper .horig-form .react-datepicker__month-text--keyboard-selected:hover,
  body #wrapper .horig-form .react-datepicker__quarter-text--keyboard-selected:hover,
  body #wrapper .horig-form .react-datepicker__year-text--keyboard-selected:hover {
    background-color: #1d5d90; }
  body #wrapper .horig-form .react-datepicker__day--in-selecting-range ,
  body #wrapper .horig-form .react-datepicker__month-text--in-selecting-range ,
  body #wrapper .horig-form .react-datepicker__quarter-text--in-selecting-range ,
  body #wrapper .horig-form .react-datepicker__year-text--in-selecting-range {
    background-color: rgba(33, 107, 165, 0.5); }
  body #wrapper .horig-form .react-datepicker__month--selecting-range .react-datepicker__day--in-range ,
  body #wrapper .horig-form .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range ,
  body #wrapper .horig-form .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range ,
  body #wrapper .horig-form .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range {
    background-color: #f0f0f0;
    color: #000; }
  body #wrapper .horig-form .react-datepicker__day--disabled,
  body #wrapper .horig-form .react-datepicker__month-text--disabled,
  body #wrapper .horig-form .react-datepicker__quarter-text--disabled,
  body #wrapper .horig-form .react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc; }
  body #wrapper .horig-form .react-datepicker__day--disabled:hover,
  body #wrapper .horig-form .react-datepicker__month-text--disabled:hover,
  body #wrapper .horig-form .react-datepicker__quarter-text--disabled:hover,
  body #wrapper .horig-form .react-datepicker__year-text--disabled:hover {
    background-color: transparent; }
  body #wrapper .horig-form .react-datepicker__month-text.react-datepicker__month--selected:hover, body #wrapper .horig-form .react-datepicker__month-text.react-datepicker__month--in-range:hover, body #wrapper .horig-form .react-datepicker__month-text.react-datepicker__quarter--selected:hover, body #wrapper .horig-form .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
  body #wrapper .horig-form .react-datepicker__quarter-text.react-datepicker__month--selected:hover,
  body #wrapper .horig-form .react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
  body #wrapper .horig-form .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
  body #wrapper .horig-form .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
    background-color: #216ba5; }
  body #wrapper .horig-form .react-datepicker__month-text:hover,
  body #wrapper .horig-form .react-datepicker__quarter-text:hover {
    background-color: #f0f0f0; }
  body #wrapper .horig-form .react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%; }
  body #wrapper .horig-form .react-datepicker__year-read-view,
  body #wrapper .horig-form .react-datepicker__month-read-view,
  body #wrapper .horig-form .react-datepicker__month-year-read-view {
    border: 1px solid transparent;
    border-radius: 0.3rem;
    position: relative; }
  body #wrapper .horig-form .react-datepicker__year-read-view:hover,
  body #wrapper .horig-form .react-datepicker__month-read-view:hover,
  body #wrapper .horig-form .react-datepicker__month-year-read-view:hover {
    cursor: pointer; }
  body #wrapper .horig-form .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
  body #wrapper .horig-form .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
  body #wrapper .horig-form .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
  body #wrapper .horig-form .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
  body #wrapper .horig-form .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
  body #wrapper .horig-form .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
    border-top-color: #b3b3b3; }
  body #wrapper .horig-form .react-datepicker__year-read-view--down-arrow,
  body #wrapper .horig-form .react-datepicker__month-read-view--down-arrow,
  body #wrapper .horig-form .react-datepicker__month-year-read-view--down-arrow {
    transform: rotate(135deg);
    right: -16px;
    top: 0; }
  body #wrapper .horig-form .react-datepicker__year-dropdown,
  body #wrapper .horig-form .react-datepicker__month-dropdown,
  body #wrapper .horig-form .react-datepicker__month-year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: 0.3rem;
    border: 1px solid #aeaeae; }
  body #wrapper .horig-form .react-datepicker__year-dropdown:hover,
  body #wrapper .horig-form .react-datepicker__month-dropdown:hover,
  body #wrapper .horig-form .react-datepicker__month-year-dropdown:hover {
    cursor: pointer; }
  body #wrapper .horig-form .react-datepicker__year-dropdown--scrollable,
  body #wrapper .horig-form .react-datepicker__month-dropdown--scrollable,
  body #wrapper .horig-form .react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll; }
  body #wrapper .horig-form .react-datepicker__year-option,
  body #wrapper .horig-form .react-datepicker__month-option,
  body #wrapper .horig-form .react-datepicker__month-year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  body #wrapper .horig-form .react-datepicker__year-option:first-of-type,
  body #wrapper .horig-form .react-datepicker__month-option:first-of-type,
  body #wrapper .horig-form .react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem; }
  body #wrapper .horig-form .react-datepicker__year-option:last-of-type,
  body #wrapper .horig-form .react-datepicker__month-option:last-of-type,
  body #wrapper .horig-form .react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem; }
  body #wrapper .horig-form .react-datepicker__year-option:hover,
  body #wrapper .horig-form .react-datepicker__month-option:hover,
  body #wrapper .horig-form .react-datepicker__month-year-option:hover {
    background-color: #ccc; }
  body #wrapper .horig-form .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
  body #wrapper .horig-form .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
  body #wrapper .horig-form .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3; }
  body #wrapper .horig-form .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
  body #wrapper .horig-form .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
  body #wrapper .horig-form .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3; }
  body #wrapper .horig-form .react-datepicker__year-option--selected,
  body #wrapper .horig-form .react-datepicker__month-option--selected,
  body #wrapper .horig-form .react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px; }
  body #wrapper .horig-form .react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle; }
  body #wrapper .horig-form .react-datepicker__close-icon::after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "×"; }
  body #wrapper .horig-form .react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    clear: left; }
  body #wrapper .horig-form .react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647; }
  body #wrapper .horig-form .react-datepicker__portal .react-datepicker__day-name,
  body #wrapper .horig-form .react-datepicker__portal .react-datepicker__day,
  body #wrapper .horig-form .react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem; }
  @media (max-width: 400px), (max-height: 550px) {
    body #wrapper .horig-form .react-datepicker__portal .react-datepicker__day-name,
    body #wrapper .horig-form .react-datepicker__portal .react-datepicker__day,
    body #wrapper .horig-form .react-datepicker__portal .react-datepicker__time-name {
      width: 2rem;
      line-height: 2rem; } }
  body #wrapper .horig-form .react-datepicker__portal .react-datepicker__current-month,
  body #wrapper .horig-form .react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem; }
  body #wrapper .horig-form .react-datepicker__children-container {
    width: 13.8rem;
    margin: 0.4rem;
    padding-right: 0.2rem;
    padding-left: 0.2rem;
    height: auto; }
  body #wrapper .horig-form .react-datepicker__aria-live {
    position: absolute;
    clip-path: circle(0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap; }
  body #wrapper .horig-form .react-date-picker {
    z-index: 4; }
  body #wrapper .horig-form .react-date-picker__wrapper {
    border: none; }
  body #wrapper .horig-form .filepond--assistant {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap; }
  body #wrapper .horig-form .filepond--browser.filepond--browser {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 1em;
    top: 1.75em;
    width: calc(100% - 2em);
    opacity: 0;
    font-size: 0; }
  body #wrapper .horig-form .filepond--drip {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.1;
    pointer-events: none;
    border-radius: 0.5em;
    background: rgba(0, 0, 0, 0.01); }
  body #wrapper .horig-form .filepond--drip-blob {
    position: absolute;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    top: 0;
    left: 0;
    width: 8em;
    height: 8em;
    margin-left: -4em;
    margin-top: -4em;
    background: #292625;
    border-radius: 50%;
    will-change: transform, opacity; }
  body #wrapper .horig-form .filepond--drop-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    color: #4f4f4f;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform, opacity; }
  body #wrapper .horig-form .filepond--drop-label.filepond--drop-label label {
    display: block;
    margin: 0;
    padding: 0.5em; }
  body #wrapper .horig-form .filepond--drop-label label {
    cursor: default;
    font-size: 0.875em;
    font-weight: normal;
    text-align: center;
    line-height: 1.5; }
  body #wrapper .horig-form .filepond--label-action {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    -webkit-text-decoration-color: #a7a4a4;
    text-decoration-color: #a7a4a4;
    cursor: pointer; }
  body #wrapper .horig-form .filepond--root[data-disabled] .filepond--drop-label label {
    opacity: 0.5; }
  body #wrapper .horig-form .filepond--file-action-button.filepond--file-action-button {
    font-size: 1em;
    width: 1.625em;
    height: 1.625em;
    font-family: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    will-change: transform, opacity; }
  body #wrapper .horig-form .filepond--file-action-button.filepond--file-action-button svg {
    width: 100%;
    height: 100%; }
  body #wrapper .horig-form .filepond--file-action-button.filepond--file-action-button::after {
    position: absolute;
    left: -0.75em;
    right: -0.75em;
    top: -0.75em;
    bottom: -0.75em;
    content: ''; }
  body #wrapper .horig-form .filepond--file-action-button {
    cursor: auto;
    color: #fff;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: none;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    transition: box-shadow 0.25s ease-in; }
  body #wrapper .horig-form .filepond--file-action-button:hover,
  body #wrapper .horig-form .filepond--file-action-button:focus {
    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9); }
  body #wrapper .horig-form .filepond--file-action-button[disabled] {
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(0, 0, 0, 0.25); }
  body #wrapper .horig-form .filepond--file-info {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    margin: 0 0.5em 0 0;
    min-width: 0;
    will-change: transform, opacity;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  body #wrapper .horig-form .filepond--file-info * {
    margin: 0; }
  body #wrapper .horig-form .filepond--file-info .filepond--file-info-main {
    font-size: 0.75em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%; }
  body #wrapper .horig-form .filepond--file-info .filepond--file-info-sub {
    font-size: 0.625em;
    opacity: 0.5;
    transition: opacity 0.25s ease-in-out;
    white-space: nowrap; }
  body #wrapper .horig-form .filepond--file-info .filepond--file-info-sub:empty {
    display: none; }
  body #wrapper .horig-form .filepond--file-status {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    min-width: 2.25em;
    text-align: right;
    will-change: transform, opacity;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  body #wrapper .horig-form .filepond--file-status * {
    margin: 0;
    white-space: nowrap; }
  body #wrapper .horig-form .filepond--file-status .filepond--file-status-main {
    font-size: 0.75em;
    line-height: 1.2; }
  body #wrapper .horig-form .filepond--file-status .filepond--file-status-sub {
    font-size: 0.625em;
    opacity: 0.5;
    transition: opacity 0.25s ease-in-out; }
  body #wrapper .horig-form .filepond--file-wrapper.filepond--file-wrapper {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
    height: 100%; }
  body #wrapper .horig-form .filepond--file-wrapper.filepond--file-wrapper > legend {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap; }
  body #wrapper .horig-form .filepond--file {
    position: static;
    display: flex;
    height: 100%;
    align-items: flex-start;
    padding: 0.5625em 0.5625em;
    color: #fff;
    border-radius: 0.5em; }
  body #wrapper .horig-form .filepond--file .filepond--file-status {
    margin-left: auto;
    margin-right: 2.25em; }
  body #wrapper .horig-form .filepond--file .filepond--processing-complete-indicator {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3; }
  body #wrapper .horig-form .filepond--file .filepond--processing-complete-indicator,
  body #wrapper .horig-form .filepond--file .filepond--progress-indicator,
  body #wrapper .horig-form .filepond--file .filepond--file-action-button {
    position: absolute; }
  body #wrapper .horig-form .filepond--file [data-align*='left'] {
    left: 0.5625em; }
  body #wrapper .horig-form .filepond--file [data-align*='right'] {
    right: 0.5625em; }
  body #wrapper .horig-form .filepond--file [data-align*='center'] {
    left: calc(50% - 0.8125em); }
  body #wrapper .horig-form .filepond--file [data-align*='bottom'] {
    bottom: 1.125em; }
  body #wrapper .horig-form .filepond--file [data-align='center'] {
    top: calc(50% - 0.8125em); }
  body #wrapper .horig-form .filepond--file .filepond--progress-indicator {
    margin-top: 0.1875em; }
  body #wrapper .horig-form .filepond--file .filepond--progress-indicator[data-align*='right'] {
    margin-right: 0.1875em; }
  body #wrapper .horig-form .filepond--file .filepond--progress-indicator[data-align*='left'] {
    margin-left: 0.1875em; }
  body #wrapper .horig-form [data-filepond-item-state='cancelled'] .filepond--file-info,
  body #wrapper .horig-form [data-filepond-item-state*='invalid'] .filepond--file-info,
  body #wrapper .horig-form [data-filepond-item-state*='error'] .filepond--file-info {
    margin-right: 2.25em; }
  body #wrapper .horig-form [data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing svg {
    -webkit-animation: fall 0.5s 0.125s linear both;
    animation: fall 0.5s 0.125s linear both; }
  body #wrapper .horig-form [data-filepond-item-state='processing-complete'] .filepond--file-info-sub,
  body #wrapper .horig-form [data-filepond-item-state='processing-complete'] .filepond--file-status-sub {
    opacity: 0; }
  body #wrapper .horig-form [data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub,
  body #wrapper .horig-form [data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing ~ .filepond--file-status .filepond--file-status-sub {
    opacity: 0.5; }
  body #wrapper .horig-form [data-filepond-item-state*='invalid'] .filepond--panel,
  body #wrapper .horig-form [data-filepond-item-state*='invalid'] .filepond--file-wrapper,
  body #wrapper .horig-form [data-filepond-item-state*='error'] .filepond--panel,
  body #wrapper .horig-form [data-filepond-item-state*='error'] .filepond--file-wrapper {
    -webkit-animation: shake 0.65s linear both;
    animation: shake 0.65s linear both; }
  body #wrapper .horig-form [data-filepond-item-state*='busy'] .filepond--progress-indicator svg {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em); }
  20%,
  80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em); }
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em); }
  40%,
  60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em); } }

@keyframes shake {
  10%,
  90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em); }
  20%,
  80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em); }
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em); }
  40%,
  60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em); } }

@-webkit-keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }
  body #wrapper .horig-form .filepond--hopper[data-hopper-state='drag-over'] > * {
    pointer-events: none; }
  body #wrapper .horig-form .filepond--hopper[data-hopper-state='drag-over']::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100; }
  body #wrapper .horig-form .filepond--progress-indicator {
    z-index: 103; }
  body #wrapper .horig-form .filepond--file-action-button {
    z-index: 102; }
  body #wrapper .horig-form .filepond--file-status {
    z-index: 101; }
  body #wrapper .horig-form .filepond--file-info {
    z-index: 100;
    max-width: 500px; }
  body #wrapper .horig-form .filepond--item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 0;
    margin: 0.25em;
    will-change: transform, opacity; }
  body #wrapper .horig-form .filepond--item > .filepond--panel {
    z-index: -1; }
  body #wrapper .horig-form .filepond--item > .filepond--panel .filepond--panel-bottom {
    box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25); }
  body #wrapper .horig-form .filepond--item-panel {
    background-color: #64605e; }
  body #wrapper .horig-form [data-filepond-item-state='processing-complete'] .filepond--item-panel {
    background-color: #369763; }
  body #wrapper .horig-form [data-filepond-item-state*='invalid'] .filepond--item-panel,
  body #wrapper .horig-form [data-filepond-item-state*='error'] .filepond--item-panel {
    background-color: #c44e47; }
  body #wrapper .horig-form .filepond--item-panel {
    border-radius: 0.5em;
    transition: background-color 0.25s; }
  body #wrapper .horig-form .filepond--list-scroller {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    will-change: transform; }
  body #wrapper .horig-form .filepond--list-scroller[data-state='overflow'] {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
    mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%); }
  body #wrapper .horig-form .filepond--list-scroller[data-state='overflow'] .filepond--list {
    bottom: 0;
    right: 0; }
  body #wrapper .horig-form .filepond--list-scroller::-webkit-scrollbar {
    background: transparent; }
  body #wrapper .horig-form .filepond--list-scroller::-webkit-scrollbar:vertical {
    width: 1em; }
  body #wrapper .horig-form .filepond--list-scroller::-webkit-scrollbar:horizontal {
    height: 0; }
  body #wrapper .horig-form .filepond--list-scroller::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border: 0.3125em solid transparent;
    background-clip: content-box; }
  body #wrapper .horig-form .filepond--list.filepond--list {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    will-change: transform; }
  body #wrapper .horig-form .filepond--list {
    left: 0.75em;
    right: 0.75em; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='integrated'] {
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root,
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root {
    border-radius: 0; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root > *,
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root > * {
    display: none; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] .filepond--drop-label,
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {
    bottom: 0;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 7; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] .filepond--item-panel,
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='integrated'] .filepond--item-panel {
    display: none; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='compact'] .filepond--list-scroller,
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='integrated'] .filepond--list-scroller {
    overflow: hidden;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='compact'] .filepond--list,
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='integrated'] .filepond--list {
    left: 0;
    right: 0;
    height: 100%; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='compact'] .filepond--item,
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='integrated'] .filepond--item {
    margin: 0; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='compact'] .filepond--file-wrapper,
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='integrated'] .filepond--file-wrapper {
    height: 100%; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] {
    overflow: hidden; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] > .filepond--panel {
    border-radius: inherit; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] > .filepond--panel > * {
    display: none; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] .filepond--file-status {
    display: none; }
  body #wrapper .horig-form .filepond--panel-root {
    border-radius: 0.5em;
    background-color: #f1f0ef; }
  body #wrapper .horig-form .filepond--panel {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;
    height: 100% !important;
    pointer-events: none; }
  body #wrapper .horig-form .filepond-panel:not([data-scalable='false']) {
    height: auto !important; }
  body #wrapper .horig-form .filepond--panel[data-scalable='false'] > div {
    display: none; }
  body #wrapper .horig-form .filepond--panel[data-scalable='true'] {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-color: transparent !important;
    border: none !important; }
  body #wrapper .horig-form .filepond--panel-top,
  body #wrapper .horig-form .filepond--panel-bottom,
  body #wrapper .horig-form .filepond--panel-center {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0; }
  body #wrapper .horig-form .filepond--panel-top,
  body #wrapper .horig-form .filepond--panel-bottom {
    height: 0.5em; }
  body #wrapper .horig-form .filepond--panel-top {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: none !important; }
  body #wrapper .horig-form .filepond--panel-top::after {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: -1px;
    background-color: inherit; }
  body #wrapper .horig-form .filepond--panel-center,
  body #wrapper .horig-form .filepond--panel-bottom {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: translate3d(0, 0.5em, 0);
    transform: translate3d(0, 0.5em, 0); }
  body #wrapper .horig-form .filepond--panel-bottom {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: none !important; }
  body #wrapper .horig-form .filepond--panel-bottom::before {
    content: '';
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    top: -1px;
    background-color: inherit; }
  body #wrapper .horig-form .filepond--panel-center {
    height: 100px !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important; }
  body #wrapper .horig-form .filepond--panel-center:not([style]) {
    visibility: hidden; }
  body #wrapper .horig-form .filepond--progress-indicator {
    position: static;
    width: 1.25em;
    height: 1.25em;
    color: #fff;
    margin: 0;
    pointer-events: none;
    will-change: transform, opacity; }
  body #wrapper .horig-form .filepond--progress-indicator svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    transform-box: fill-box; }
  body #wrapper .horig-form .filepond--progress-indicator path {
    fill: none;
    stroke: currentColor; }
  body #wrapper .horig-form .filepond--list-scroller {
    z-index: 6; }
  body #wrapper .horig-form .filepond--drop-label {
    z-index: 5; }
  body #wrapper .horig-form .filepond--drip {
    z-index: 3; }
  body #wrapper .horig-form .filepond--root > .filepond--panel {
    z-index: 2; }
  body #wrapper .horig-form .filepond--browser {
    z-index: 1; }
  body #wrapper .horig-form .filepond--root {
    /* layout*/
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1em;
    /* base font size for whole component */
    font-size: 1rem;
    /* base line height */
    line-height: normal;
    /* up uses default system font family */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    /* will increase font weight a bit on Safari */
    font-weight: 450;
    text-align: left;
    text-rendering: optimizeLegibility;
    direction: ltr;
    contain: layout style size; }
  body #wrapper .horig-form .filepond--root * {
    font-size: inherit;
    box-sizing: inherit;
    line-height: inherit; }
  body #wrapper .horig-form .filepond--root[data-disabled] {
    pointer-events: none; }
  body #wrapper .horig-form .filepond--root .filepond--drop-label {
    min-height: 4.75em; }
  body #wrapper .horig-form .filepond--root .filepond--list-scroller {
    margin-top: 1em;
    margin-bottom: 1em; }
  body #wrapper .horig-form .filepond--image-preview.clickable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    pointer-events: auto; }
  body #wrapper .horig-form .filepond--magnify-icon {
    display: none;
    width: 15px;
    height: 15px;
    vertical-align: bottom;
    margin-right: 0.5em;
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZXllIj48cGF0aCBkPSJNMSAxMnM0LTggMTEtOCAxMSA4IDExIDgtNCA4LTExIDgtMTEtOC0xMS04eiI+PC9wYXRoPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiPjwvY2lyY2xlPjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZXllIj48cGF0aCBkPSJNMSAxMnM0LTggMTEtOCAxMSA4IDExIDgtNCA4LTExIDgtMTEtOC0xMS04eiI+PC9wYXRoPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiPjwvY2lyY2xlPjwvc3ZnPg==");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: #fff;
    cursor: pointer;
    pointer-events: auto; }
  body #wrapper .horig-form .filepond--magnify-icon:hover {
    background: rgba(255, 255, 255, 0.5); }
  body #wrapper .horig-form .filepond--fullsize-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2em;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10; }
  body #wrapper .horig-form .filepond--fullsize-overlay .image-container {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    -webkit-animation: slidein 0.35s forwards;
    animation: slidein 0.35s forwards; }

@-webkit-keyframes slidein {
  from {
    background-size: 1%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  to {
    background-size: contain;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes slidein {
  from {
    background-size: 1%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  to {
    background-size: contain;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
  body #wrapper .horig-form .filepond--image-preview-markup {
    position: absolute;
    left: 0;
    top: 0; }
  body #wrapper .horig-form .filepond--image-preview-wrapper {
    z-index: 2; }
  body #wrapper .horig-form .filepond--image-preview-overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 5rem;
    max-height: 7rem;
    margin: 0;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  body #wrapper .horig-form .filepond--image-preview-overlay svg {
    width: 100%;
    height: auto;
    color: inherit;
    max-height: inherit; }
  body #wrapper .horig-form .filepond--image-preview-overlay-idle {
    mix-blend-mode: multiply;
    color: rgba(40, 40, 40, 0.85); }
  body #wrapper .horig-form .filepond--image-preview-overlay-success {
    mix-blend-mode: normal;
    color: #369763; }
  body #wrapper .horig-form .filepond--image-preview-overlay-failure {
    mix-blend-mode: normal;
    color: #c44e47; }
  @supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
    body #wrapper .horig-form .filepond--image-preview-overlay-idle {
      mix-blend-mode: normal; } }
  body #wrapper .horig-form .filepond--image-preview-wrapper {
    /* no interaction */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* have preview fill up all available space */
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    margin: 0;
    /* radius is .05em less to prevent the panel background color from shining through */
    border-radius: 0.45em;
    overflow: hidden;
    /* this seems to prevent Chrome from redrawing this layer constantly */
    background: rgba(0, 0, 0, 0.01); }
  body #wrapper .horig-form .filepond--image-preview {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    /* this aligns the graphic vertically if the panel is higher than the image */
    align-items: center;
    height: 100%;
    width: 100%;
    pointer-events: none;
    background: #222;
    /* will be animated */
    will-change: transform, opacity; }
  body #wrapper .horig-form .filepond--image-clip {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    /* transparency indicator (currently only supports grid or basic color) */ }
  body #wrapper .horig-form .filepond--image-clip[data-transparency-indicator='grid'] img,
  body #wrapper .horig-form .filepond--image-clip[data-transparency-indicator='grid'] canvas {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
    background-size: 1.25em 1.25em; }
  body #wrapper .horig-form .filepond--image-bitmap,
  body #wrapper .horig-form .filepond--image-vector {
    position: absolute;
    left: 0;
    top: 0;
    will-change: transform; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='integrated'] .filepond--image-preview-wrapper {
    border-radius: 0; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='integrated'] .filepond--image-preview {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] .filepond--image-preview-wrapper {
    border-radius: 99999rem; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] .filepond--file .filepond--file-action-button[data-align*='bottom']:not([data-align*='center']) {
    margin-bottom: 0.325em; }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] .filepond--file [data-align*='left'] {
    left: calc(50% - 3em); }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] .filepond--file [data-align*='right'] {
    right: calc(50% - 3em); }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='left'],
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='right'] {
    margin-bottom: calc(0.325em + 0.1875em); }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='center'] {
    margin-top: 0;
    margin-bottom: 0.1875em;
    margin-left: 0.1875em; }
  body #wrapper .horig-form .filepond--root {
    font-size: 2rem;
    font-family: inherit;
    line-height: inherit;
    border-radius: 0;
    max-height: 500px; }
    body #wrapper .horig-form .filepond--root .filepond--browser {
      position: absolute;
      margin: 0;
      padding: 0;
      left: 1em;
      top: 1.75em;
      width: calc(100% - 2em);
      opacity: 0;
      font-size: 0; }
    body #wrapper .horig-form .filepond--root .filepond--credits {
      display: none; }
    body #wrapper .horig-form .filepond--root--drop-label {
      background: #337ab7;
      color: #fff;
      border-color: #204d74;
      cursor: pointer;
      border-radius: 4px; }
      body #wrapper .horig-form .filepond--root--drop-label label {
        cursor: pointer;
        color: #fff; }
      body #wrapper .horig-form .filepond--root--drop-label:hover {
        background-color: #286090; }
    body #wrapper .horig-form .filepond--root .filepond--drop-label {
      min-height: 42px;
      width: 310px;
      font-family: inherit;
      font-size: 14px;
      border-radius: 0;
      transform: translate3d(0px, 0px, 0px);
      opacity: 1;
      background: #337ab7;
      border-color: #204d74;
      cursor: pointer;
      color: #fff;
      position: relative;
      bottom: 52px;
      height: 100%; }
      body #wrapper .horig-form .filepond--root .filepond--drop-label label {
        font-size: 1em;
        cursor: pointer;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%; }
    body #wrapper .horig-form .filepond--root .filepond--list-scroller {
      margin-top: 3em;
      margin-bottom: 2em; }
      body #wrapper .horig-form .filepond--root .filepond--list-scroller .filepond--list {
        position: absolute;
        top: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        will-change: transform;
        left: 0.75em;
        right: 0.75em;
        overflow-y: scroll;
        scrollbar-width: thin;
        scrollbar-color: #888 #f1f1f1; }
        body #wrapper .horig-form .filepond--root .filepond--list-scroller .filepond--list .filepond--item {
          position: absolute;
          top: 2em;
          left: 0;
          right: 0;
          z-index: 1;
          padding: 0;
          margin: 0.25em;
          will-change: transform, opacity;
          max-height: 256px;
          margin-bottom: 0.5em; }
        body #wrapper .horig-form .filepond--root .filepond--list-scroller .filepond--list .filepond--item:first-child {
          top: 2em; }
        body #wrapper .horig-form .filepond--root .filepond--list-scroller .filepond--list .filepond--file-wrapper.filepond--file-wrapper {
          border: none;
          margin: 0;
          padding: 0;
          min-width: 0;
          height: 100%; }
        body #wrapper .horig-form .filepond--root .filepond--list-scroller .filepond--list .filepond--file-wrapper.filepond--file-wrapper > legend {
          position: absolute;
          overflow: hidden;
          height: 1px;
          width: 1px;
          padding: 0;
          border: 0;
          clip: rect(1px, 1px, 1px, 1px);
          -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
          white-space: nowrap; }
        body #wrapper .horig-form .filepond--root .filepond--list-scroller .filepond--list .filepond--file {
          position: static;
          display: flex;
          height: 100%;
          align-items: flex-start;
          padding: 0.5625em;
          color: #fff;
          border-radius: 0.5em;
          background-color: #64605e; }
        body #wrapper .horig-form .filepond--root .filepond--list-scroller .filepond--list .filepond--file-action-button.filepond--file-action-button {
          font-size: 1em;
          width: 1.625em;
          height: 1.625em;
          font-family: inherit;
          line-height: inherit;
          margin: 0;
          padding: 0;
          border: none;
          outline: none;
          will-change: transform, opacity;
          left: 0.5625em; }
          body #wrapper .horig-form .filepond--root .filepond--list-scroller .filepond--list .filepond--file-action-button.filepond--file-action-button svg {
            width: 100%;
            height: 100%;
            margin-bottom: 0.75em; }
          body #wrapper .horig-form .filepond--root .filepond--list-scroller .filepond--list .filepond--file-action-button.filepond--file-action-button span {
            display: none; }
        body #wrapper .horig-form .filepond--root .filepond--list-scroller .filepond--list .filepond--file-action-button.filepond--file-action-button:after {
          position: absolute;
          left: -0.75em;
          right: -0.75em;
          top: -0.75em;
          bottom: -0.75em;
          content: ""; }
      body #wrapper .horig-form .filepond--root .filepond--list-scroller .filepond--list::-webkit-scrollbar {
        width: 6px; }
      body #wrapper .horig-form .filepond--root .filepond--list-scroller .filepond--list::-webkit-scrollbar-track {
        background: #f1f1f1; }
      body #wrapper .horig-form .filepond--root .filepond--list-scroller .filepond--list::-webkit-scrollbar-thumb {
        background: #888; }
    body #wrapper .horig-form .filepond--root .filepond--image-preview-wrapper {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      height: 100%;
      margin: 0;
      border-radius: 0.45em;
      overflow: hidden;
      background: rgba(0, 0, 0, 0.01); }
  body #wrapper .horig-form .filepond--root[data-style-panel-layout~='circle'] .filepond--image-preview-wrapper {
    border-radius: 0.45em; }
  body #wrapper .horig-form .accept-title {
    color: #127fc3;
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 3rem;
    margin-top: 0; }
  body #wrapper .horig-form .accept-description {
    margin-bottom: 20px; }
  body #wrapper .horig-form input[type="number"]::-webkit-inner-spin-button,
  body #wrapper .horig-form input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  body #wrapper .horig-form input[type="number"] {
    -moz-appearance: textfield; }
  body #wrapper .horig-form input[type="number"] {
    position: relative; }
  body #wrapper .horig-form input[type="number"]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none; }
  body #wrapper .horig-form .radio-group {
    display: flex;
    align-items: center; }
    body #wrapper .horig-form .radio-group .radio-inline {
      color: #127fc3;
      font-weight: bold;
      display: flex;
      align-items: center;
      font-size: 14px; }
  body #wrapper .horig-form .radio-group label {
    text-decoration: none; }
  body #wrapper .horig-form .radio-group input[type="radio"] {
    display: block;
    margin-right: 0.5em; }
  body #wrapper .horig-form .radio-group label:before {
    display: none; }
  body #wrapper .horig-form .fade-enter,
  body #wrapper .horig-form .fade-exit {
    opacity: 0; }
  body #wrapper .horig-form .fade-enter.fade-enter-active,
  body #wrapper .horig-form .fade-exit.fade-exit-active {
    opacity: 1;
    transition: opacity 400ms ease; }
  body #wrapper .horig-form .form__error {
    color: #a94442;
    font-size: 14px;
    padding: 5px 0; }
  body #wrapper .horig-form .loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5); }
    body #wrapper .horig-form .loader-overlay svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  body #wrapper .horig-form .react-date-picker--disabled {
    cursor: not-allowed;
    opacity: 0.5; }
  body #wrapper .horig-form .icon-info-sign {
    position: relative;
    display: inline-block; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
  body #wrapper .horig-form .icon-info-sign .custom-tooltip {
    opacity: 0;
    transition: opacity 1s;
    margin-left: -220px;
    animation: fadeIn 0.1s;
    transform: height 0.1s ease-in;
    position: absolute;
    bottom: 25px; }
    body #wrapper .horig-form .icon-info-sign .custom-tooltip .react-tooltip-lite {
      opacity: 1;
      transform: none;
      transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 133ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      transform-origin: center bottom;
      color: rgba(0, 0, 0, 0.87);
      font-size: 14px;
      width: auto;
      margin: 0;
      font-weight: 500;
      border: 1px solid #127fc3;
      background: #fff;
      color: grey;
      padding: 10px;
      box-sizing: border-box;
      z-index: 1000;
      display: inline-block;
      min-width: 450px;
      max-width: 815px; }
      body #wrapper .horig-form .icon-info-sign .custom-tooltip .react-tooltip-lite p {
        font-weight: normal;
        font-size: 14px;
        line-height: 16px; }
  body #wrapper .horig-form .icon-info-sign .custom-tooltip::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 6.5px;
    border-style: solid;
    border-color: #127fc3 transparent transparent transparent; }
  body #wrapper .horig-form .icon-info-sign .custom-tooltip {
    opacity: 0;
    transition: opacity 1s; }
  body #wrapper .horig-form .icon-info-sign:hover .custom-tooltip {
    opacity: 1;
    height: auto; }
  body #wrapper .horig-form .custom-tooltip {
    width: auto;
    border-radius: 6px;
    position: absolute;
    z-index: 1; }
  body #wrapper .horig-form .icon-info-sign {
    color: #127fc3; }
  body #wrapper .horig-form .button-wrapper {
    background: #fff;
    padding: 3px 6px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }
    body #wrapper .horig-form .button-wrapper .btn-primary {
      color: #fff;
      background-color: #337ab7;
      border-color: #2e6da4;
      font-size: 16px;
      padding: 6px 12px;
      border-width: 1px; }
    body #wrapper .horig-form .button-wrapper .button__remove {
      position: relative;
      display: inline-block;
      width: 28px;
      height: 28px;
      overflow: hidden;
      border-radius: 0; }
    body #wrapper .horig-form .button-wrapper .button__remove:before, body #wrapper .horig-form .button-wrapper .button__remove:after {
      content: "";
      position: absolute;
      height: 3px;
      width: 60%;
      top: 50%;
      left: 5px;
      margin-top: -1px;
      background: #fff;
      border-radius: 0; }
    body #wrapper .horig-form .button-wrapper .button__remove:before {
      transform: rotate(45deg); }
    body #wrapper .horig-form .button-wrapper .button__remove:after {
      transform: rotate(-45deg); }
    body #wrapper .horig-form .button-wrapper .btn:not(:disabled):not(.disabled) {
      cursor: pointer; }
  @media (max-width: 900px) {
    body #wrapper .horig-form .form__step {
      margin-bottom: 15px; } }
  @media (max-width: 767px) {
    body #wrapper .horig-form .horig-form {
      padding: 3rem 1rem; }
    body #wrapper .horig-form .button__add,
    body #wrapper .horig-form .button__add-files,
    body #wrapper .horig-form .filepond--root .filepond--drop-label {
      width: auto; }
    body #wrapper .horig-form .padding-sm-0 {
      padding: 0; } }
  @media (max-width: 740px) {
    body #wrapper .horig-form .form-inline-fix .form-group.pr-0,
    body #wrapper .horig-form .form-inline-fix .form-group.pl-0,
    body #wrapper .horig-form .form-inline-fix .form-group.padding-0 {
      padding-left: 15px !important;
      padding-right: 15px !important; } }
  body #wrapper .horig-form .form__step {
    padding: 10px;
    position: relative;
    background-color: #fecd30;
    transition: all 0.4s ease;
    cursor: pointer; }
    body #wrapper .horig-form .form__step:after {
      content: " ";
      position: absolute;
      top: 0;
      right: -15px;
      width: 0;
      height: 0;
      border-left: 17px solid #edf5f8;
      border-top: 26px solid transparent;
      border-bottom: 26px solid transparent;
      z-index: 1; }
    body #wrapper .horig-form .form__step:before {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      border-left: 17px solid #fecd30;
      border-top: 27px solid #edf5f8;
      border-bottom: 26px solid #edf5f8;
      z-index: 2;
      transition: border-color 0.4s ease; }
    body #wrapper .horig-form .form__step .form__step--last:after {
      border-top: 26px solid #ededed;
      border-bottom: 26px solid #ededed;
      right: 0; }
    body #wrapper .horig-form .form__step p {
      color: #fff;
      margin: 0;
      font-size: 22px;
      text-align: center; }
  body #wrapper .horig-form .form__step--active {
    background-color: #178441;
    color: #fff; }
  body #wrapper .horig-form .form__step--active:before {
    border-left: 17px solid #178441; }
  body #wrapper .horig-form .col-xs-12 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px; }
    body #wrapper .horig-form .col-xs-12.padding-0 {
      padding-left: 0;
      padding-right: 0;
      width: 100%; }
    body #wrapper .horig-form .col-xs-12 .table {
      width: 100%; }
    body #wrapper .horig-form .col-xs-12 .filepond--wrapper {
      background-color: #f1f0ef; }
  body #wrapper .horig-form .row > .col-xs-12:last-child {
    padding-right: 0; }
  body #wrapper .horig-form .row > .col-xs-12:first-child {
    padding-left: 0; }

body #wrapper .eke-wrapper {
  width: 100%; }
  body #wrapper .eke-wrapper .mandatory-fields-message {
    color: var(--opap-form-blue);
    margin: 2.5rem 0 0 0;
    font-size: 1rem; }
  body #wrapper .eke-wrapper .eke-navigation-wrapper {
    width: 100%;
    display: flex; }
    body #wrapper .eke-wrapper .eke-navigation-wrapper .eke-navigation-tab {
      width: 50%;
      padding: 2.5rem;
      background-color: var(--opap-pale-grey);
      cursor: pointer; }
      body #wrapper .eke-wrapper .eke-navigation-wrapper .eke-navigation-tab p {
        margin: 0;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 1.25rem; }
      body #wrapper .eke-wrapper .eke-navigation-wrapper .eke-navigation-tab.active {
        color: var(--opap-form-blue); }
      body #wrapper .eke-wrapper .eke-navigation-wrapper .eke-navigation-tab.disabled {
        background-color: var(--opap-smoke-grey);
        color: var(--opap-soft-grey); }
  body #wrapper .eke-wrapper .registry-information-wrapper, body #wrapper .eke-wrapper .description-of-activity-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.25rem 3rem;
    background-color: var(--opap-pale-grey); }
    body #wrapper .eke-wrapper .registry-information-wrapper .section, body #wrapper .eke-wrapper .description-of-activity-wrapper .section {
      width: 100%;
      display: flex;
      flex-direction: column; }
      body #wrapper .eke-wrapper .registry-information-wrapper .section .title, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .title {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        width: 100%;
        padding: 0.5rem;
        margin-bottom: 2rem;
        font-size: 1.25rem;
        color: var(--opap-form-blue);
        background-color: var(--opap-light-grey); }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .title.background-yellow, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .title.background-yellow {
          color: var(--opap-white);
          background-color: var(--opap-form-orange); }
      body #wrapper .eke-wrapper .registry-information-wrapper .section .required-notification, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .required-notification {
        text-align: center;
        font-size: 1rem;
        color: var(--opap-error-red); }
      body #wrapper .eke-wrapper .registry-information-wrapper .section .content, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 1rem; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row {
          width: 100%;
          display: flex;
          column-gap: 1.5rem;
          flex-wrap: nowrap;
          margin: 0; }
          body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-column, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-column {
            width: 100%;
            display: flex;
            flex-direction: column; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-column.half-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-column.half-width {
              width: 50%; }
          body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-bottom: 2rem;
            /* Hard to override styles */
            /* Hard to override styles on purpose */
            /* Hard to override styles */
            /* Soft styles */
            /* Hard to override styles */
            /**
 * States
 */
            /* hard to overide styles on purpose */
            /* used for padding so allowed to be restyled */
            /**
 * Root element children layout
 */
            /*!
 * FilePondPluginmediaPreview 1.0.9
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit undefined for details.
 */
            /* eslint-disable */
            /*!
 * FilePondPluginImagePreview 4.6.11
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
            /* eslint-disable */
            /* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */ }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.half-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.half-width {
              width: 50%; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.quarter-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.quarter-width {
              width: 25%; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.eighth-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.eighth-width {
              width: 12.5%; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.budget-year-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.budget-year-width {
              width: 10%; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.budget-revenue-outflow-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.budget-revenue-outflow-width {
              width: 17.5%; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .description, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .description {
              color: var(--opap-dark-grey);
              font-size: 0.875rem;
              margin: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group label, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group label {
              min-height: 2.625rem;
              display: flex;
              align-items: center;
              font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              font-size: 0.875rem;
              color: var(--opap-form-blue); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .description-title, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .description-title {
              font-size: 1rem;
              font-weight: 600; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .description, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .description {
              font-size: 0.875rem;
              color: var(--opap-dark-grey); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .input-group, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .input-group {
              width: 100%;
              flex-wrap: nowrap; }
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .input-group .addon-text, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .input-group .addon-text {
                min-width: 3rem;
                display: flex;
                justify-content: center;
                align-items: center;
                font-weight: bold;
                color: var(--opap-form-blue);
                background-color: var(--opap-lighter-grey);
                border: 1px solid var(--opap-darker-grey);
                border-radius: 0.25rem 0 0 0.25rem; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .form-radio-group, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .form-radio-group {
              display: flex;
              gap: 2.5rem;
              padding: 0 2.5rem; }
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .form-radio-group label, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .form-radio-group label {
                display: flex;
                align-items: center;
                gap: 0.5rem;
                margin: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group input, body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group select, body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group textarea, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group input, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group select, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group textarea {
              background-color: var(--opap-white);
              border: 1px solid var(--opap-dust-grey);
              border-radius: 0.25rem; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group select, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group select {
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
              background-position: calc(100% - 17px) calc(1em - 2px), calc(100% - 12px) calc(1em + 2px), calc(100% - 2em) 0.5em;
              background-size: 0.75rem;
              background-repeat: no-repeat; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .info-text, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .info-text {
              font-size: 0.875rem;
              color: var(--opap-dust-darker); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .error, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .error {
              color: var(--opap-error-red); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .copy-button, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .copy-button {
              width: fit-content;
              padding: 0.5rem;
              margin-top: 1rem;
              font-size: 1rem;
              color: var(--opap-white);
              background-color: var(--opap-filepond-blue);
              border: none;
              border-radius: 0.25rem; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond-wrapper, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond-wrapper {
              display: flex;
              flex-direction: column;
              align-items: flex-end;
              padding-top: 2rem; }
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond-wrapper .filepond--wrapper, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond-wrapper .filepond--wrapper {
                width: 100%; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--assistant, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--assistant {
              position: absolute;
              overflow: hidden;
              height: 1px;
              width: 1px;
              padding: 0;
              border: 0;
              clip: rect(1px, 1px, 1px, 1px);
              -webkit-clip-path: inset(50%);
              clip-path: inset(50%);
              white-space: nowrap; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--browser.filepond--browser, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--browser.filepond--browser {
              position: absolute;
              margin: 0;
              padding: 0;
              left: 1em;
              top: 1.75em;
              width: calc(100% - 2em);
              opacity: 0;
              font-size: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--drip, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--drip {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              overflow: hidden;
              opacity: 0.1;
              pointer-events: none;
              border-radius: 0.5em;
              background: rgba(0, 0, 0, 0.01); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--drip-blob, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--drip-blob {
              position: absolute;
              -webkit-transform-origin: center center;
              transform-origin: center center;
              top: 0;
              left: 0;
              width: 8em;
              height: 8em;
              margin-left: -4em;
              margin-top: -4em;
              background: #292625;
              border-radius: 50%;
              will-change: transform, opacity; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--drop-label, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--drop-label {
              position: absolute;
              left: 0;
              right: 0;
              top: 0;
              margin: 0;
              color: #4f4f4f;
              display: flex;
              justify-content: center;
              align-items: center;
              height: 0px;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
              will-change: transform, opacity; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--drop-label.filepond--drop-label label, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--drop-label.filepond--drop-label label {
              display: block;
              margin: 0;
              padding: 0.5em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--drop-label label, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--drop-label label {
              cursor: default;
              font-size: 0.875em;
              font-weight: normal;
              text-align: center;
              line-height: 1.5; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--label-action, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--label-action {
              text-decoration: underline;
              -webkit-text-decoration-skip: ink;
              text-decoration-skip-ink: auto;
              -webkit-text-decoration-color: #a7a4a4;
              text-decoration-color: #a7a4a4;
              cursor: pointer; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-disabled] .filepond--drop-label label, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-disabled] .filepond--drop-label label {
              opacity: 0.5; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-action-button.filepond--file-action-button, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-action-button.filepond--file-action-button {
              font-size: 1em;
              width: 1.625em;
              height: 1.625em;
              font-family: inherit;
              line-height: inherit;
              margin: 0;
              padding: 0;
              border: none;
              outline: none;
              will-change: transform, opacity; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-action-button.filepond--file-action-button svg, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-action-button.filepond--file-action-button svg {
              width: 100%;
              height: 100%; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-action-button.filepond--file-action-button::after, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-action-button.filepond--file-action-button::after {
              position: absolute;
              left: -0.75em;
              right: -0.75em;
              top: -0.75em;
              bottom: -0.75em;
              content: ''; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-action-button, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-action-button {
              cursor: auto;
              color: #fff;
              border-radius: 50%;
              background-color: rgba(0, 0, 0, 0.5);
              background-image: none;
              box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
              transition: box-shadow 0.25s ease-in; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-action-button:hover,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-action-button:focus, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-action-button:hover,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-action-button:focus {
              box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-action-button[disabled], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-action-button[disabled] {
              color: rgba(255, 255, 255, 0.5);
              background-color: rgba(0, 0, 0, 0.25); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-info, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-info {
              position: static;
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              flex: 1;
              margin: 0 0.5em 0 0;
              min-width: 0;
              will-change: transform, opacity;
              pointer-events: none;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-info *, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-info * {
              margin: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-info .filepond--file-info-main, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-info .filepond--file-info-main {
              font-size: 0.75em;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              width: 100%; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-info .filepond--file-info-sub, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-info .filepond--file-info-sub {
              font-size: 0.625em;
              opacity: 0.5;
              transition: opacity 0.25s ease-in-out;
              white-space: nowrap; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-info .filepond--file-info-sub:empty, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-info .filepond--file-info-sub:empty {
              display: none; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-status, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-status {
              position: static;
              display: flex;
              flex-direction: column;
              align-items: flex-end;
              flex-grow: 0;
              flex-shrink: 0;
              margin: 0;
              min-width: 2.25em;
              text-align: right;
              will-change: transform, opacity;
              pointer-events: none;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-status *, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-status * {
              margin: 0;
              white-space: nowrap; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-status .filepond--file-status-main, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-status .filepond--file-status-main {
              font-size: 0.75em;
              line-height: 1.2; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-status .filepond--file-status-sub, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-status .filepond--file-status-sub {
              font-size: 0.625em;
              opacity: 0.5;
              transition: opacity 0.25s ease-in-out; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-wrapper.filepond--file-wrapper, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-wrapper.filepond--file-wrapper {
              border: none;
              margin: 0;
              padding: 0;
              min-width: 0;
              height: 100%; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-wrapper.filepond--file-wrapper > legend, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-wrapper.filepond--file-wrapper > legend {
              position: absolute;
              overflow: hidden;
              height: 1px;
              width: 1px;
              padding: 0;
              border: 0;
              clip: rect(1px, 1px, 1px, 1px);
              -webkit-clip-path: inset(50%);
              clip-path: inset(50%);
              white-space: nowrap; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file {
              position: static;
              display: flex;
              height: 100%;
              align-items: flex-start;
              padding: 0.5625em 0.5625em;
              color: #fff;
              border-radius: 0.5em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file .filepond--file-status, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file .filepond--file-status {
              margin-left: auto;
              margin-right: 2.25em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file .filepond--processing-complete-indicator, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file .filepond--processing-complete-indicator {
              pointer-events: none;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
              z-index: 3; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file .filepond--processing-complete-indicator,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file .filepond--progress-indicator,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file .filepond--file-action-button, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file .filepond--processing-complete-indicator,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file .filepond--progress-indicator,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file .filepond--file-action-button {
              position: absolute; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file [data-align*='left'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file [data-align*='left'] {
              left: 0.5625em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file [data-align*='right'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file [data-align*='right'] {
              right: 0.5625em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file [data-align*='center'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file [data-align*='center'] {
              left: calc(50% - 0.8125em); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file [data-align*='bottom'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file [data-align*='bottom'] {
              bottom: 1.125em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file [data-align='center'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file [data-align='center'] {
              top: calc(50% - 0.8125em); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file .filepond--progress-indicator, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file .filepond--progress-indicator {
              margin-top: 0.1875em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file .filepond--progress-indicator[data-align*='right'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file .filepond--progress-indicator[data-align*='right'] {
              margin-right: 0.1875em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file .filepond--progress-indicator[data-align*='left'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file .filepond--progress-indicator[data-align*='left'] {
              margin-left: 0.1875em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state='cancelled'] .filepond--file-info,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state*='invalid'] .filepond--file-info,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state*='error'] .filepond--file-info, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state='cancelled'] .filepond--file-info,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state*='invalid'] .filepond--file-info,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state*='error'] .filepond--file-info {
              margin-right: 2.25em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing svg, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing svg {
              -webkit-animation: fall 0.5s 0.125s linear both;
              animation: fall 0.5s 0.125s linear both; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state='processing-complete'] .filepond--file-info-sub,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state='processing-complete'] .filepond--file-status-sub, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state='processing-complete'] .filepond--file-info-sub,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state='processing-complete'] .filepond--file-status-sub {
              opacity: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing ~ .filepond--file-status .filepond--file-status-sub, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing ~ .filepond--file-status .filepond--file-status-sub {
              opacity: 0.5; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state*='invalid'] .filepond--panel,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state*='invalid'] .filepond--file-wrapper,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state*='error'] .filepond--panel,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state*='error'] .filepond--file-wrapper, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state*='invalid'] .filepond--panel,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state*='invalid'] .filepond--file-wrapper,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state*='error'] .filepond--panel,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state*='error'] .filepond--file-wrapper {
              -webkit-animation: shake 0.65s linear both;
              animation: shake 0.65s linear both; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state*='busy'] .filepond--progress-indicator svg, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state*='busy'] .filepond--progress-indicator svg {
              -webkit-animation: spin 1s linear infinite;
              animation: spin 1s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em); }
  20%,
  80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em); }
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em); }
  40%,
  60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em); } }

@keyframes shake {
  10%,
  90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em); }
  20%,
  80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em); }
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em); }
  40%,
  60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em); } }

@-webkit-keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--hopper[data-hopper-state='drag-over'] > *, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--hopper[data-hopper-state='drag-over'] > * {
              pointer-events: none; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--hopper[data-hopper-state='drag-over']::after, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--hopper[data-hopper-state='drag-over']::after {
              content: '';
              position: absolute;
              left: 0;
              top: 0;
              right: 0;
              bottom: 0;
              z-index: 100; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--progress-indicator, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--progress-indicator {
              z-index: 103; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-action-button, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-action-button {
              z-index: 102; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-status, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-status {
              z-index: 101; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file-info, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file-info {
              z-index: 100;
              max-width: 500px; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--item, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--item {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              z-index: 1;
              padding: 0;
              margin: 0.25em;
              will-change: transform, opacity; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--item > .filepond--panel, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--item > .filepond--panel {
              z-index: -1; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--item > .filepond--panel .filepond--panel-bottom, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--item > .filepond--panel .filepond--panel-bottom {
              box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--item-panel, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--item-panel {
              background-color: #64605e; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state='processing-complete'] .filepond--item-panel, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state='processing-complete'] .filepond--item-panel {
              background-color: #369763; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state*='invalid'] .filepond--item-panel,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group [data-filepond-item-state*='error'] .filepond--item-panel, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state*='invalid'] .filepond--item-panel,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group [data-filepond-item-state*='error'] .filepond--item-panel {
              background-color: #c44e47; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--item-panel, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--item-panel {
              border-radius: 0.5em;
              transition: background-color 0.25s; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--list-scroller, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--list-scroller {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              margin: 0;
              will-change: transform; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--list-scroller[data-state='overflow'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--list-scroller[data-state='overflow'] {
              overflow-y: scroll;
              overflow-x: hidden;
              -webkit-overflow-scrolling: touch;
              -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
              mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--list-scroller[data-state='overflow'] .filepond--list, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--list-scroller[data-state='overflow'] .filepond--list {
              bottom: 0;
              right: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--list-scroller::-webkit-scrollbar, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--list-scroller::-webkit-scrollbar {
              background: transparent; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--list-scroller::-webkit-scrollbar:vertical, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--list-scroller::-webkit-scrollbar:vertical {
              width: 1em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--list-scroller::-webkit-scrollbar:horizontal, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--list-scroller::-webkit-scrollbar:horizontal {
              height: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--list-scroller::-webkit-scrollbar-thumb, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--list-scroller::-webkit-scrollbar-thumb {
              background-color: rgba(0, 0, 0, 0.3);
              border: 0.3125em solid transparent;
              background-clip: content-box; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--list.filepond--list, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--list.filepond--list {
              position: absolute;
              top: 0;
              margin: 0;
              padding: 0;
              list-style-type: none;
              will-change: transform; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--list, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--list {
              left: 0.75em;
              right: 0.75em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] {
              width: 100%;
              height: 100%;
              max-width: none;
              margin: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root {
              border-radius: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root > *,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root > *, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root > *,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root > * {
              display: none; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--drop-label,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--drop-label,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {
              bottom: 0;
              height: auto;
              display: flex;
              justify-content: center;
              align-items: center;
              z-index: 7; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--item-panel,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--item-panel, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--item-panel,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--item-panel {
              display: none; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='compact'] .filepond--list-scroller,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--list-scroller, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='compact'] .filepond--list-scroller,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--list-scroller {
              overflow: hidden;
              height: 100%;
              margin-top: 0;
              margin-bottom: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='compact'] .filepond--list,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--list, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='compact'] .filepond--list,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--list {
              left: 0;
              right: 0;
              height: 100%; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='compact'] .filepond--item,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--item, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='compact'] .filepond--item,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--item {
              margin: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='compact'] .filepond--file-wrapper,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--file-wrapper, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='compact'] .filepond--file-wrapper,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--file-wrapper {
              height: 100%; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] {
              overflow: hidden; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] > .filepond--panel, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] > .filepond--panel {
              border-radius: inherit; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] > .filepond--panel > *, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] > .filepond--panel > * {
              display: none; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--file-status, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--file-status {
              display: none; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-root, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-root {
              border-radius: 0.5em;
              background-color: #f1f0ef; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel {
              position: absolute;
              left: 0;
              top: 0;
              right: 0;
              margin: 0;
              height: 100% !important;
              pointer-events: none; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond-panel:not([data-scalable='false']), body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond-panel:not([data-scalable='false']) {
              height: auto !important; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel[data-scalable='false'] > div, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel[data-scalable='false'] > div {
              display: none; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel[data-scalable='true'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel[data-scalable='true'] {
              -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
              background-color: transparent !important;
              border: none !important; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-top,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-bottom,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-center, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-top,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-bottom,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-center {
              position: absolute;
              left: 0;
              top: 0;
              right: 0;
              margin: 0;
              padding: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-top,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-bottom, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-top,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-bottom {
              height: 0.5em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-top, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-top {
              border-bottom-left-radius: 0 !important;
              border-bottom-right-radius: 0 !important;
              border-bottom: none !important; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-top::after, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-top::after {
              content: '';
              position: absolute;
              height: 2px;
              left: 0;
              right: 0;
              bottom: -1px;
              background-color: inherit; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-center,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-bottom, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-center,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-bottom {
              will-change: transform;
              -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
              -webkit-transform-origin: left top;
              transform-origin: left top;
              -webkit-transform: translate3d(0, 0.5em, 0);
              transform: translate3d(0, 0.5em, 0); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-bottom, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-bottom {
              border-top-left-radius: 0 !important;
              border-top-right-radius: 0 !important;
              border-top: none !important; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-bottom::before, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-bottom::before {
              content: '';
              position: absolute;
              height: 2px;
              left: 0;
              right: 0;
              top: -1px;
              background-color: inherit; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-center, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-center {
              height: 100px !important;
              border-top: none !important;
              border-bottom: none !important;
              border-radius: 0 !important; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--panel-center:not([style]), body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--panel-center:not([style]) {
              visibility: hidden; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--progress-indicator, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--progress-indicator {
              position: static;
              width: 1.25em;
              height: 1.25em;
              color: #fff;
              margin: 0;
              pointer-events: none;
              will-change: transform, opacity; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--progress-indicator svg, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--progress-indicator svg {
              width: 100%;
              height: 100%;
              vertical-align: top;
              transform-box: fill-box; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--progress-indicator path, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--progress-indicator path {
              fill: none;
              stroke: currentColor; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--list-scroller, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--list-scroller {
              z-index: 6; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--drop-label, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--drop-label {
              z-index: 5; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--drip, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--drip {
              z-index: 3; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root > .filepond--panel, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root > .filepond--panel {
              z-index: 2; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--browser, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--browser {
              z-index: 1; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root {
              /* layout*/
              box-sizing: border-box;
              position: relative;
              margin-bottom: 1em;
              /* base font size for whole component */
              font-size: 1rem;
              /* base line height */
              line-height: normal;
              /* up uses default system font family */
              font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
              /* will increase font weight a bit on Safari */
              font-weight: 450;
              text-align: left;
              text-rendering: optimizeLegibility;
              direction: ltr;
              contain: layout style size; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root *, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root * {
              font-size: inherit;
              box-sizing: inherit;
              line-height: inherit; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-disabled], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-disabled] {
              pointer-events: none; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root .filepond--drop-label, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root .filepond--drop-label {
              min-height: 4.75em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root .filepond--list-scroller, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root .filepond--list-scroller {
              margin-top: 1em;
              margin-bottom: 1em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-preview.clickable, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-preview.clickable {
              cursor: -webkit-zoom-in;
              cursor: zoom-in;
              pointer-events: auto; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--magnify-icon, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--magnify-icon {
              display: none;
              width: 15px;
              height: 15px;
              vertical-align: bottom;
              margin-right: 0.5em;
              -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZXllIj48cGF0aCBkPSJNMSAxMnM0LTggMTEtOCAxMSA4IDExIDgtNCA4LTExIDgtMTEtOC0xMS04eiI+PC9wYXRoPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiPjwvY2lyY2xlPjwvc3ZnPg==");
              mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItZXllIj48cGF0aCBkPSJNMSAxMnM0LTggMTEtOCAxMSA4IDExIDgtNCA4LTExIDgtMTEtOC0xMS04eiI+PC9wYXRoPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiPjwvY2lyY2xlPjwvc3ZnPg==");
              -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
              -webkit-mask-size: 100%;
              mask-size: 100%;
              background-color: #fff;
              cursor: pointer;
              pointer-events: auto; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--magnify-icon:hover, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--magnify-icon:hover {
              background: rgba(255, 255, 255, 0.5); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--fullsize-overlay, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--fullsize-overlay {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              padding: 2em;
              background-color: rgba(0, 0, 0, 0.5);
              z-index: 10; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--fullsize-overlay .image-container, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--fullsize-overlay .image-container {
              width: 100%;
              height: 100%;
              background-repeat: no-repeat;
              background-position: center center;
              cursor: -webkit-zoom-out;
              cursor: zoom-out;
              -webkit-animation: slidein 0.35s forwards;
              animation: slidein 0.35s forwards; }

@-webkit-keyframes slidein {
  from {
    background-size: 1%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  to {
    background-size: contain;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes slidein {
  from {
    background-size: 1%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  to {
    background-size: contain;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-preview-markup, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-preview-markup {
              position: absolute;
              left: 0;
              top: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-preview-wrapper, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-preview-wrapper {
              z-index: 2; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-preview-overlay, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-preview-overlay {
              display: block;
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              min-height: 5rem;
              max-height: 7rem;
              margin: 0;
              opacity: 0;
              z-index: 2;
              pointer-events: none;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-preview-overlay svg, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-preview-overlay svg {
              width: 100%;
              height: auto;
              color: inherit;
              max-height: inherit; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-preview-overlay-idle, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-preview-overlay-idle {
              mix-blend-mode: multiply;
              color: rgba(40, 40, 40, 0.85); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-preview-overlay-success, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-preview-overlay-success {
              mix-blend-mode: normal;
              color: #369763; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-preview-overlay-failure, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-preview-overlay-failure {
              mix-blend-mode: normal;
              color: #c44e47; }
            @supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-preview-overlay-idle, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-preview-overlay-idle {
                mix-blend-mode: normal; } }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-preview-wrapper, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-preview-wrapper {
              /* no interaction */
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
              /* have preview fill up all available space */
              position: absolute;
              left: 0;
              top: 0;
              right: 0;
              height: 100%;
              margin: 0;
              /* radius is .05em less to prevent the panel background color from shining through */
              border-radius: 0.45em;
              overflow: hidden;
              /* this seems to prevent Chrome from redrawing this layer constantly */
              background: rgba(0, 0, 0, 0.01); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-preview, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-preview {
              position: absolute;
              left: 0;
              top: 0;
              z-index: 1;
              display: flex;
              /* this aligns the graphic vertically if the panel is higher than the image */
              align-items: center;
              height: 100%;
              width: 100%;
              pointer-events: none;
              background: #222;
              /* will be animated */
              will-change: transform, opacity; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-clip, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-clip {
              position: relative;
              overflow: hidden;
              margin: 0 auto;
              /* transparency indicator (currently only supports grid or basic color) */ }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-clip[data-transparency-indicator='grid'] img,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-clip[data-transparency-indicator='grid'] canvas, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-clip[data-transparency-indicator='grid'] img,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-clip[data-transparency-indicator='grid'] canvas {
              background-color: #fff;
              background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
              background-size: 1.25em 1.25em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-bitmap,
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--image-vector, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-bitmap,
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--image-vector {
              position: absolute;
              left: 0;
              top: 0;
              will-change: transform; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--image-preview-wrapper, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--image-preview-wrapper {
              border-radius: 0; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--image-preview, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='integrated'] .filepond--image-preview {
              height: 100%;
              display: flex;
              justify-content: center;
              align-items: center; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--image-preview-wrapper, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--image-preview-wrapper {
              border-radius: 99999rem; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--file .filepond--file-action-button[data-align*='bottom']:not([data-align*='center']), body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--file .filepond--file-action-button[data-align*='bottom']:not([data-align*='center']) {
              margin-bottom: 0.325em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--file [data-align*='left'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--file [data-align*='left'] {
              left: calc(50% - 3em); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--file [data-align*='right'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--file [data-align*='right'] {
              right: calc(50% - 3em); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='left'],
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='right'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='left'],
            body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='right'] {
              margin-bottom: calc(0.325em + 0.1875em); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='center'], body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='center'] {
              margin-top: 0;
              margin-bottom: 0.1875em;
              margin-left: 0.1875em; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root {
              margin: 0; }
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--root .filepond--drop-label, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--root .filepond--drop-label {
                min-height: 4em;
                font-size: 0.875rem;
                color: var(--opap-clean-white);
                background-color: var(--opap-filepond-blue);
                border-color: var(--opap-filepond-border); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--drop-label label, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--drop-label label {
              min-height: auto;
              color: var(--opap-clean-white); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--item-panel, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--item-panel {
              min-height: 1.5rem; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--action-remove-item span, body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--action-abort-item-load, body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .filepond--file .filepond-file-status, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--action-remove-item span, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--action-abort-item-load, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .filepond--file .filepond-file-status {
              display: none; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper {
              border-radius: 50%;
              position: absolute;
              z-index: 1;
              top: 0; }
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .custom-tooltip .react-tooltip-lite, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .custom-tooltip .react-tooltip-lite {
                border: 1px solid var(--opap-form-blue);
                background: var(--opap-clean-white);
                color: #727272; }
                body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .custom-tooltip .react-tooltip-lite-arrow, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .custom-tooltip .react-tooltip-lite-arrow {
                  border-color: var(--opap-form-blue);
                  position: relative; }
                  body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .custom-tooltip .react-tooltip-lite-arrow::before, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .custom-tooltip .react-tooltip-lite-arrow::before {
                    content: "";
                    position: absolute;
                    width: 0;
                    height: 0;
                    z-index: 99;
                    display: block; }
                body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .custom-tooltip .react-tooltip-lite-left-arrow::before, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .custom-tooltip .react-tooltip-lite-left-arrow::before {
                  border-left: 0.625rem solid var(--opap-clean-white);
                  border-top: 0.625rem solid transparent;
                  border-bottom: 0.625rem solid transparent;
                  left: -0.625rem;
                  top: -0.625rem; }
                body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .custom-tooltip .react-tooltip-lite-right-arrow::before, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .custom-tooltip .react-tooltip-lite-right-arrow::before {
                  border-right: 0.625rem solid var(--opap-clean-white);
                  border-top: 0.625rem solid transparent;
                  border-bottom: 10.625rem solid transparent;
                  right: -0.625rem;
                  top: -0.625rem; }
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .custom-tooltip span.glyphicon, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .custom-tooltip span.glyphicon {
                color: var(--opap-form-blue); }
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign {
                position: relative;
                display: inline-block;
                font-size: 1.125rem; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip {
                opacity: 0;
                transition: opacity 1s;
                animation: fadeIn 0.1s;
                transform: height 0.1s ease-in;
                position: absolute; }
                body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip.registry-information-tooltip, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip.registry-information-tooltip {
                  left: -10rem;
                  top: -3.5rem; }
                  body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip.registry-information-tooltip::after, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip.registry-information-tooltip::after {
                    border-color: var(--opap-form-blue) transparent transparent transparent;
                    bottom: -0.75rem;
                    left: 10.125rem; }
                body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip.description-of-activity-tooltip, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip.description-of-activity-tooltip {
                  right: 0.75rem;
                  top: -1rem;
                  margin-right: 0.5rem; }
                  body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip.description-of-activity-tooltip::after, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip.description-of-activity-tooltip::after {
                    border-color: transparent transparent transparent var(--opap-form-blue);
                    top: 1.125rem; }
                body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip .react-tooltip-lite, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip .react-tooltip-lite {
                  opacity: 1;
                  transform: none;
                  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 133ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                  transform-origin: center bottom;
                  font-size: 0.875rem;
                  width: auto;
                  margin: 0;
                  font-weight: 500;
                  border: 1px solid var(--opap-form-blue);
                  background: var(--opap-clean-white);
                  color: #727272;
                  padding: 0.625rem;
                  z-index: 1000;
                  display: inline-block;
                  min-width: 28rem;
                  max-width: 51rem; }
                  body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip .react-tooltip-lite p, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip .react-tooltip-lite p {
                    font-weight: normal;
                    font-size: 0.875rem;
                    line-height: 1rem; }
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip::after, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip::after {
                content: " ";
                position: absolute;
                border-width: 0.375rem;
                border-style: solid; }
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip {
                opacity: 0;
                transition: opacity 1s; }
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign:hover .custom-tooltip, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign:hover .custom-tooltip {
                opacity: 1;
                height: auto; }
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign {
                color: var(--opap-form-blue); }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .react-datepicker-wrapper, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .react-datepicker-wrapper {
              width: 100%; }
            body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group #carrierDoy, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group #carrierDoy {
              background-color: transparent;
              border: none;
              padding: 0; }
              body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group #carrierDoy > div:first-of-type, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group #carrierDoy > div:first-of-type {
                width: 100%;
                background-color: var(--opap-white);
                border: 1px solid var(--opap-dust-grey);
                border-radius: 0.25rem;
                height: 2.5rem; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .horizontal-line, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .horizontal-line {
          border-top: 1px solid var(--opap-light-grey);
          width: 100%; }
  body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .registry-statement-wrapper {
    display: flex;
    column-gap: 0.5rem; }
    body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .registry-statement-wrapper .description-title {
      width: fit-content; }
    body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .registry-statement-wrapper .custom-tooltip-wrapper {
      position: static; }
  body #wrapper .eke-wrapper .eke-form-footer {
    padding: 3rem 0; }
    body #wrapper .eke-wrapper .eke-form-footer .footer-row {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      body #wrapper .eke-wrapper .eke-form-footer .footer-row .footer-group p.description {
        max-width: 16.25rem;
        margin: 2rem 0;
        font-size: 1rem; }
      body #wrapper .eke-wrapper .eke-form-footer .footer-row .footer-group .button-next {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 1.125rem;
        color: var(--opap-form-blue);
        background: 0;
        cursor: pointer; }
      body #wrapper .eke-wrapper .eke-form-footer .footer-row .footer-group .button-save {
        background: var(--opap-form-cta-grey);
        padding: 0.5rem 0.875rem;
        color: var(--opap-clean-white);
        border: none;
        font-size: 0.875rem;
        font-style: italic;
        border-radius: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center; }
        body #wrapper .eke-wrapper .eke-form-footer .footer-row .footer-group .button-save i {
          font-size: 1.25rem; }
      body #wrapper .eke-wrapper .eke-form-footer .footer-row .footer-group .button-submit {
        padding: 0.75rem 1.5rem;
        font-size: 1.125rem;
        color: var(--opap-clean-white);
        background-color: var(--opap-filepond-blue);
        border: none;
        border-radius: 0.25rem; }
        body #wrapper .eke-wrapper .eke-form-footer .footer-row .footer-group .button-submit strong {
          display: flex;
          align-items: center;
          justify-content: center; }
        body #wrapper .eke-wrapper .eke-form-footer .footer-row .footer-group .button-submit i {
          font-size: 2rem; }
    body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper {
      position: fixed;
      inset: 0;
      background-color: rgba(88, 88, 88, 0.75);
      z-index: 10; }
      body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal {
        position: absolute;
        top: 50%;
        left: 50%;
        border: 1px solid #cccccc;
        background: white;
        overflow: auto;
        border-radius: 4px;
        outline: none;
        padding: 20px;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        box-shadow: rgba(0, 0, 0, 0.5) 0 5px 15px; }
        body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .modal-container {
          width: 500px;
          min-height: 200px; }
        body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .modal-header {
          position: relative;
          padding: 15px;
          border-bottom: 1px solid #e5e5e5; }
          body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .modal-header .modal-title {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            color: #127fc3;
            font-size: 20px; }
        body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .modal-body {
          padding: 15px; }
          body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .modal-body span {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
          body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .modal-body p {
            font-size: 14px; }
        body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .button-close {
          position: absolute;
          right: 12px;
          top: 20px;
          width: 32px;
          height: 32px;
          opacity: 0.6;
          background: none;
          border: none;
          padding: 0; }
          body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .button-close:hover {
            opacity: 1; }
          body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .button-close:before, body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .button-close:after {
            position: absolute;
            top: 2px;
            right: 15px;
            content: ' ';
            height: 28px;
            width: 2px;
            background-color: #333; }
          body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .button-close:before {
            transform: rotate(45deg); }
          body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .button-close:after {
            transform: rotate(-45deg); }
    body #wrapper .eke-wrapper .eke-form-footer .spinner-wrapper {
      position: fixed;
      inset: 0;
      background-color: rgba(88, 88, 88, 0.75);
      z-index: 10;
      display: flex;
      justify-content: center;
      align-items: center; }
      body #wrapper .eke-wrapper .eke-form-footer .spinner-wrapper .loader {
        border: 10px solid #F2F2F2;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        animation: spin 1s linear infinite;
        border-top: 10px solid var(--opap-form-blue); }

body #wrapper .form__footer {
  padding: 3rem 0; }
  body #wrapper .form__footer p.description {
    margin: 2rem 0;
    font-size: 16px;
    max-width: 260px; }
  body #wrapper .form__footer .button__next {
    color: #fff;
    background: #007ec4;
    border: none;
    padding: 8px 14px; }
  body #wrapper .form__footer .button__save {
    background: #757e8d;
    padding: 8px 14px;
    color: #fff;
    border: none;
    font-size: 13px;
    font-style: italic; }
  body #wrapper .form__footer .submit {
    display: flex;
    flex-direction: column;
    align-items: end; }
  body #wrapper .form__footer .pop-up-modal-wrapper {
    position: fixed;
    inset: 0;
    background-color: rgba(88, 88, 88, 0.75);
    z-index: 10; }
    body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal {
      position: absolute;
      top: 50%;
      left: 50%;
      border: 1px solid #cccccc;
      background: white;
      overflow: auto;
      border-radius: 4px;
      outline: none;
      padding: 20px;
      margin-right: -50%;
      transform: translate(-50%, -50%);
      box-shadow: rgba(0, 0, 0, 0.5) 0 5px 15px; }
      body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .modal-container {
        width: 500px;
        min-height: 200px; }
      body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .modal-header {
        position: relative;
        padding: 15px;
        border-bottom: 1px solid #e5e5e5; }
        body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .modal-header .modal-title {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          color: #127fc3;
          font-size: 20px; }
      body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .modal-body {
        padding: 15px; }
        body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .modal-body span {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
        body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .modal-body p {
          font-size: 14px; }
      body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .button-close {
        position: absolute;
        right: 12px;
        top: 20px;
        width: 32px;
        height: 32px;
        opacity: 0.6;
        background: none;
        border: none;
        padding: 0; }
        body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .button-close:hover {
          opacity: 1; }
        body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .button-close:before, body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .button-close:after {
          position: absolute;
          top: 2px;
          right: 15px;
          content: " ";
          height: 28px;
          width: 2px;
          background-color: #333; }
        body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .button-close:before {
          transform: rotate(45deg); }
        body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .button-close:after {
          transform: rotate(-45deg); }
  body #wrapper .form__footer .spinner-wrapper {
    position: fixed;
    inset: 0;
    background-color: rgba(88, 88, 88, 0.75);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center; }
    body #wrapper .form__footer .spinner-wrapper .loader {
      border: 10px solid #F2F2F2;
      border-radius: 50%;
      width: 100px;
      height: 100px;
      animation: spin 1s linear infinite;
      border-top: 10px solid var(--opap-form-blue); }

@media (max-width: 991.98px) {
  body #wrapper .eke-wrapper .registry-information-wrapper .section .content, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content {
    row-gap: 0;
    margin-bottom: 1rem; }
    body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row {
      flex-wrap: wrap;
      gap: 4%; }
      body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group {
        margin-bottom: 1rem; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.half-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.half-width {
          width: 48%; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.quarter-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.quarter-width {
          width: 48%; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.eighth-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.eighth-width {
          width: 48%; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.budget-year-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.budget-year-width {
          width: 30.5%; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.budget-revenue-outflow-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.budget-revenue-outflow-width {
          width: 30.5%; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.mobile-full-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.mobile-full-width {
          width: 100%; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip.registry-information-tooltip, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip.registry-information-tooltip {
          top: -4.25rem; }
      body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-column.half-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-column.half-width {
        width: 48%; } }

@media (max-width: 767.98px) {
  body #wrapper .eke-wrapper .eke-navigation-wrapper .eke-navigation-tab {
    padding: 1rem 0.5rem;
    text-align: center; }
  body #wrapper .eke-wrapper .registry-information-wrapper, body #wrapper .eke-wrapper .description-of-activity-wrapper {
    padding: 1rem; }
    body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row {
      flex-direction: column; }
      body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group {
        flex-wrap: nowrap;
        gap: 0;
        margin-bottom: 1rem; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.half-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.half-width {
          width: 100%; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.quarter-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.quarter-width {
          width: 100%; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.eighth-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.eighth-width {
          width: 100%; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.budget-year-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.budget-year-width {
          width: 100%; }
        body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group.budget-revenue-outflow-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group.budget-revenue-outflow-width {
          width: 100%; }
      body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-column.half-width, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-column.half-width {
        width: 100%; }
  body #wrapper .eke-wrapper .eke-form-footer .footer-row {
    flex-direction: column; }
    body #wrapper .eke-wrapper .eke-form-footer .footer-row .footer-group {
      display: flex;
      align-items: center;
      flex-direction: column; }
      body #wrapper .eke-wrapper .eke-form-footer .footer-row .footer-group p {
        text-align: center; } }

@media (max-width: 575.98px) {
  body #wrapper .horig-form {
    padding: 3rem 1rem; }
    body #wrapper .horig-form .row > .col-xs-12:last-child {
      padding-right: 15px; }
    body #wrapper .horig-form .row > .col-xs-12:first-child {
      padding-left: 15px; }
    body #wrapper .horig-form .form__wrapper .form__header .row {
      overflow: hidden; }
    body #wrapper .horig-form .icon-info-sign .custom-tooltip {
      margin-left: -70px; }
      body #wrapper .horig-form .icon-info-sign .custom-tooltip .react-tooltip-lite {
        min-width: 270px;
        max-width: 100%; }
    body #wrapper .horig-form .icon-info-sign .custom-tooltip::after {
      left: 28%; }
  body #wrapper .form__footer {
    padding: 3rem 1em; }
    body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal {
      width: 90%; }
      body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .modal-header .modal-title {
        white-space: break-spaces; }
      body #wrapper .form__footer .pop-up-modal-wrapper .pop-up-modal .modal-container {
        width: 100%; }
  body #wrapper .eke-wrapper .registry-information-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip .react-tooltip-lite, body #wrapper .eke-wrapper .description-of-activity-wrapper .section .content .form-row .form-group .custom-tooltip-wrapper .icon-info-sign .custom-tooltip .react-tooltip-lite {
    min-width: 14.25rem; }
  body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal {
    width: 90%; }
    body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .modal-header .modal-title {
      white-space: break-spaces; }
    body #wrapper .eke-wrapper .eke-form-footer .pop-up-modal-wrapper .pop-up-modal .modal-container {
      max-width: 100%; } }

body #wrapper .opap-draws-and-results-app-loading-spinner {
  margin: 5rem auto; }

body #wrapper #opap-draws-and-results-app {
  box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  border-radius: 0.5rem; }
  body #wrapper #opap-draws-and-results-app.tzoker, body #wrapper #opap-draws-and-results-app.euro-jackpot {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none; }
    body #wrapper #opap-draws-and-results-app.tzoker .opap-draws-and-results-top, body #wrapper #opap-draws-and-results-app.tzoker .opap-draws-and-results-center, body #wrapper #opap-draws-and-results-app.tzoker .opap-draws-and-results-bottom, body #wrapper #opap-draws-and-results-app.euro-jackpot .opap-draws-and-results-top, body #wrapper #opap-draws-and-results-app.euro-jackpot .opap-draws-and-results-center, body #wrapper #opap-draws-and-results-app.euro-jackpot .opap-draws-and-results-bottom {
      box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08); }
  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top {
    width: 100%;
    max-width: 80rem;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    padding: 1.5rem 2.5rem;
    background-color: var(--opap-brand-navy-blue);
    border-radius: 0.5rem 0.5rem 0 0; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top .toggle-filters {
      display: none; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      width: fit-content;
      margin: 0;
      font-size: 1.25rem;
      color: var(--opap-white); }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form {
      display: flex;
      align-items: self-end;
      column-gap: 1.5rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-group, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .form-group, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form .form-group, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form .form-group, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form .form-group, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-group, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-group {
        display: flex;
        flex-direction: column;
        row-gap: 0.75rem;
        margin: 0; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-group label, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .form-group label, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form .form-group label, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form .form-group label, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form .form-group label, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-group label, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-group label {
          font-size: 1rem;
          color: var(--opap-white); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-group input, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-group select, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .form-group input, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .form-group select, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form .form-group input, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form .form-group select, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form .form-group input, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form .form-group select, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form .form-group input, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form .form-group select, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-group input, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-group select, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-group input, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-group select {
          min-width: 13.5rem;
          height: 3rem;
          padding: 0.5rem 1rem;
          border-radius: 0.5rem;
          font-weight: bold; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-group input option, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-group select option, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .form-group input option, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .form-group select option, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form .form-group input option, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form .form-group select option, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form .form-group input option, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form .form-group select option, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form .form-group input option, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form .form-group select option, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-group input option, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-group select option, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-group input option, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-group select option {
            font-weight: bold; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-group input::-webkit-outer-spin-button,
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-group input::-webkit-inner-spin-button, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .form-group input::-webkit-outer-spin-button,
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .form-group input::-webkit-inner-spin-button, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form .form-group input::-webkit-outer-spin-button,
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form .form-group input::-webkit-inner-spin-button, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form .form-group input::-webkit-outer-spin-button,
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form .form-group input::-webkit-inner-spin-button, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form .form-group input::-webkit-outer-spin-button,
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form .form-group input::-webkit-inner-spin-button, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-group input::-webkit-outer-spin-button,
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-group input::-webkit-inner-spin-button, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-group input::-webkit-outer-spin-button,
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-group input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-group input[type=number], body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .form-group input[type=number], body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form .form-group input[type=number], body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form .form-group input[type=number], body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form .form-group input[type=number], body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-group input[type=number], body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-group input[type=number] {
          -moz-appearance: textfield; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .download, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .download, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form .download, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form .download, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form .download, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .download, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .download {
        width: 3rem;
        height: 3rem;
        font-size: 1.5rem;
        border: none;
        background-color: transparent;
        color: var(--opap-white); }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form {
      justify-content: space-between;
      align-items: center; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .form-segment, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-segment {
        display: flex;
        align-items: self-end;
        column-gap: 1.5rem;
        position: relative; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .form-segment p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-segment p {
          position: absolute;
          top: -3rem;
          left: 0; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .form-segment .form-group select, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-segment .form-group select {
          min-width: 11rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form {
      justify-content: space-between;
      align-items: center; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-segment, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-segment {
        display: flex;
        align-items: self-end;
        column-gap: 1.5rem;
        position: relative; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-segment p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-segment p {
          position: absolute;
          top: -3rem;
          left: 0; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-segment .form-group.datepicker, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-segment .form-group.datepicker {
          row-gap: 0; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-segment .form-group.datepicker label, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-segment .form-group.datepicker label {
            margin-bottom: 0.75rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-segment .form-group.datepicker .react-datepicker-wrapper, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-segment .form-group.datepicker .react-datepicker-wrapper {
            min-width: 9.5rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-segment .form-group.datepicker .calendar-icon, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-segment .form-group.datepicker .calendar-icon {
            position: absolute;
            right: 10px;
            bottom: 12px;
            cursor: pointer;
            font-size: 24px; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-segment .form-group input, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-segment .form-group input {
          min-width: 12.5rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-segment .form-group select, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-segment .form-group select {
          min-width: 8rem; }
  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center {
    width: 100%;
    max-width: 80rem;
    padding: 2.5rem;
    background-color: var(--opap-white); }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider {
      box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      width: 100%;
      max-width: 75rem;
      min-height: 21.75rem;
      padding: 1rem 3rem 5.25rem 3rem;
      background-color: #ECEEF5;
      border-radius: 0.5rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-top {
        width: 100%;
        max-width: 69rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 1rem;
        padding: 1rem 0; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-top .slider-title {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          margin: 0;
          font-size: 2rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-top .slider-details {
          width: 100%;
          max-width: 69rem;
          display: flex;
          justify-content: center;
          align-items: center;
          column-gap: 2.5rem;
          padding-bottom: 1.25rem;
          border-bottom: 1px solid #999; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-top .slider-details p {
            width: fit-content;
            font-size: 1.25rem;
            color: var(--opap-neutral-80); }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-top .slider-details p span {
              margin-right: 0.5rem;
              font-weight: bold;
              color: var(--opap-neutral-90); }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 1.5rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom .slider-title {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          width: fit-content;
          margin: 0;
          font-size: 1.5rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div span {
            box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
            -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
            -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
            -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
            width: 3rem;
            height: 3rem;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1rem;
            background-color: var(--opap-white);
            border-radius: 50%;
            cursor: pointer; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div span.disabled-button {
              visibility: hidden; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers {
            display: flex;
            justify-content: center;
            column-gap: 0.5rem; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers .draw-number {
              width: 4rem;
              height: 4rem;
              display: flex;
              justify-content: center;
              align-items: center;
              padding-bottom: 0.25rem;
              margin: 0;
              border-radius: 50%;
              font-size: 1.75rem;
              font-weight: bold; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-list, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-bonus, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-list, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-bonus {
              width: fit-content;
              display: flex;
              align-items: center;
              column-gap: 0.5rem; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-list .draw-number, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-list .draw-number {
              color: var(--opap-neutral-90);
              background-color: var(--opap-eurojackpot-gold); }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-bonus .draw-number, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-bonus .draw-number {
              color: var(--opap-white);
              background-color: var(--opap-eurojackpot-black); }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-list .draw-number {
              background-color: var(--opap-tzoker-blue);
              color: var(--opap-white); }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-bonus .draw-number {
              background-color: var(--opap-tzoker-yellow);
              color: var(--opap-tzoker-blue); }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center.kratiko, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center.ethniko, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center.laiko {
      border-radius: 0 0 0.5rem 0.5rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper {
      display: flex;
      flex-direction: column;
      row-gap: 0.625em; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw {
        box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        width: 100%;
        max-width: 75rem;
        min-height: 7.25rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        column-gap: 2rem;
        padding: 1rem 2rem;
        background-color: #ECEEF5;
        border-radius: 0.5rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .left {
          width: 25%;
          max-width: 19rem;
          display: flex;
          flex-direction: column; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .left p {
            margin: 0; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .left p:first-child {
              font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              font-size: 1.25rem;
              color: var(--opap-brand-navy-blue-light); }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .left p:nth-child(2) {
              font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              font-weight: 700;
              font-size: 1.25rem;
              color: var(--opap-brand-navy-blue-light); }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .left p:last-child {
              font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              font-size: 1rem;
              word-wrap: break-word;
              color: var(--opap-neutral-50); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .middle {
          width: 40%;
          max-width: 28rem;
          display: flex;
          flex-direction: column; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .middle p {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700;
            margin: 0;
            font-size: 1.5rem; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .middle p:first-of-type {
              color: var(--opap-brand-navy-blue-light); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw.kratiko .middle p:last-of-type {
          color: var(--opap-kratikolaxeio-solid); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw.ethniko .middle p:last-of-type {
          color: var(--opap-etnikolaxeio-solid); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw.laiko .middle p:last-of-type {
          color: var(--opap-laikolaxeio-solid); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .right {
          min-width: 16rem;
          display: flex;
          justify-content: flex-end;
          column-gap: 0.25rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .right a {
            box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
            -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
            -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
            -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
            height: 3.25rem;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            border-radius: 0.5rem; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .right a:first-of-type {
              width: 3.25rem;
              background-color: var(--opap-white); }
              body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .right a:first-of-type i {
                font-size: 1rem; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .right a:last-of-type {
              font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              width: 12.5rem;
              font-size: 1rem;
              color: var(--opap-white); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw.kratiko .right a:first-of-type i {
          color: var(--opap-kratikolaxeio-solid); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw.kratiko .right a:last-of-type {
          background: var(--opap-kratikolaxeio-primary); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw.ethniko .right a:first-of-type i {
          color: var(--opap-etnikolaxeio-solid); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw.ethniko .right a:last-of-type {
          background: var(--opap-etnikolaxeio-primary); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw.laiko .right a:first-of-type i {
          color: var(--opap-laikolaxeio-solid); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw.laiko .right a:last-of-type {
          background: var(--opap-laikolaxeio-primary); }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .ethniko-draw {
      box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      width: 100%;
      max-width: 75rem;
      min-height: 7.25rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1rem 2rem;
      background-color: #ECEEF5;
      border-radius: 0.5rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .ethniko-draw .left {
        max-width: 18rem;
        display: flex;
        flex-direction: column; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .ethniko-draw .left p {
          margin: 0; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .ethniko-draw .left p:first-child {
            font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 1.25rem;
            color: var(--opap-brand-navy-blue-light); }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .ethniko-draw .left p:nth-child(2) {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700;
            font-size: 1.25rem;
            color: var(--opap-brand-navy-blue-light); }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .ethniko-draw .left p:last-child {
            font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 1rem;
            word-wrap: break-word;
            color: var(--opap-neutral-50); }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .ethniko-draw .middle {
        max-width: 28rem;
        min-width: 24rem;
        display: flex;
        flex-direction: column; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .ethniko-draw .middle p {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          margin: 0;
          font-size: 1.5rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .ethniko-draw .middle p:first-child {
            color: var(--opap-brand-navy-blue-light); }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .ethniko-draw .middle p:last-child {
            color: var(--opap-etnikolaxeio-solid); }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .ethniko-draw .right {
        max-width: 18rem;
        display: flex;
        column-gap: 0.25rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .ethniko-draw .right a {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          width: 12.5rem;
          height: 3.25rem;
          display: flex;
          justify-content: center;
          align-items: center;
          border: none;
          border-radius: 0.5rem;
          font-size: 1rem;
          color: var(--opap-white);
          background: var(--opap-etnikolaxeio-primary); }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list {
      display: flex;
      flex-direction: column;
      row-gap: 3.75rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw {
        width: 100%;
        display: flex;
        flex-direction: column;
        border-radius: 0.5rem;
        overflow: hidden; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper {
          width: 100%;
          min-height: 12rem;
          position: relative;
          display: flex;
          align-items: end;
          column-gap: 2.5rem;
          padding: 0 2.75rem 3.5rem 2.75rem;
          background-color: #ECEEF5; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper p {
            width: fit-content;
            margin: 0; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-left, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-left {
            min-width: 10rem;
            display: flex;
            flex-direction: column;
            align-items: flex-start; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-left p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-left p {
              font-size: 1rem;
              color: var(--opap-neutral-90); }
              body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-left p:first-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-left p:first-of-type {
                font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                font-size: 1.5rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .winning-numbers, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .winning-numbers {
            display: flex;
            column-gap: 0.75rem; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .winning-numbers svg, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .winning-numbers svg {
              width: 4.5rem;
              height: 4.5rem; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .winning-numbers div, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .winning-numbers div {
              width: 4.5rem;
              height: 4.5rem;
              display: flex;
              justify-content: center;
              align-items: center;
              background-color: #005BC9;
              border-radius: 50%;
              overflow: hidden; }
              body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .winning-numbers div p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .winning-numbers div p {
                font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                padding-bottom: 4px;
                font-size: 2rem;
                color: var(--opap-white); }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right {
            display: flex;
            align-items: end;
            column-gap: 0.75rem; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper {
              display: flex;
              flex-direction: column;
              justify-content: flex-end;
              align-items: center;
              row-gap: 0.75rem; }
              body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper .label-text, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper .label-text {
                font-size: 1rem;
                font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                text-align: center;
                color: var(--opap-neutral-90); }
              body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text {
                min-width: 4.5rem;
                height: 4.5rem;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: var(--opap-brand-navy-blue);
                border-radius: 2.25rem;
                overflow: hidden; }
                body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text p {
                  padding-bottom: 4px;
                  font-size: 2rem;
                  font-weight: 700;
                  color: var(--opap-white); }
                body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text.red, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text.red {
                  background-color: #E1251B; }
                body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text.yellow, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text.yellow {
                  background-color: #FCAF17; }
                body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text.green, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text.green {
                  background-color: #00A551; }
              body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper:first-of-type .rounded-text, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper:first-of-type .rounded-text {
                width: 12.5rem; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .divider, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .divider {
              display: flex; }
              body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .divider .column-wrapper:first-of-type .rounded-text, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .divider .column-wrapper:first-of-type .rounded-text {
                width: 9rem; }
              body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .divider .column-wrapper:last-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .divider .column-wrapper:last-of-type {
                width: 9rem; }
                body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .divider .column-wrapper:last-of-type .rounded-text, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .divider .column-wrapper:last-of-type .rounded-text {
                  padding: 0;
                  background-color: #005BC9;
                  border-radius: 50%; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper button, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper button {
            width: 5.75rem;
            display: flex;
            align-items: baseline;
            justify-content: space-around;
            position: absolute;
            bottom: 2.5rem;
            right: 2.5rem;
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            color: var(--opap-neutral-90);
            background-color: transparent;
            border: none; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper.old-super3, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper.old-super3 {
            column-gap: 25%; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw {
          display: flex;
          flex-direction: column;
          row-gap: 3rem;
          padding: 1.25rem 1.5rem;
          background: var(--opap-super3-primary); }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw > div:first-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw > div:first-of-type {
            display: flex;
            justify-content: space-between;
            color: var(--opap-white); }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table {
            width: 100%;
            text-align: center;
            font-size: 1.25rem;
            border-radius: 0.5rem;
            overflow: hidden; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th {
              min-width: 12.5rem;
              padding: 1.25rem 1rem 1rem 1rem;
              font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              font-weight: 700;
              text-align: center;
              color: var(--opap-white); }
              body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(1), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(1) {
                width: 22.5rem; }
              body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(1), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(2), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(3), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(1), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(2), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(3) {
                background-color: var(--opap-brand-navy-blue); }
              body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(4), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(5), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(4), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(5) {
                background-color: #068FFF; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr.light, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr.light {
              background-color: var(--opap-white); }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr.dark, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr.dark {
              background-color: var(--opap-neutral-10); }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr td, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr td {
              min-width: 12.5rem;
              padding: 1.25rem 1rem 1rem 1rem;
              font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              color: var(--opap-neutral-90); }
              body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr td:first-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr td:first-of-type {
                width: 22.5rem;
                font-weight: 700; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table.old-super3 thead tr th:nth-of-type(4), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table.old-super3 thead tr th:nth-of-type(4) {
              background-color: var(--opap-brand-navy-blue); }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw {
        background: var(--opap-powerspin_on_fire-primary);
        row-gap: unset; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw p {
          font-weight: bold; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-time p {
        font-size: 1.5rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-left .draw-number p {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 1rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-left .draw-number p:first-of-type {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 1rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .result {
        display: flex;
        padding-left: 17rem;
        column-gap: 4rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .result .number, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .result .bonus {
          display: flex;
          flex-direction: column;
          row-gap: 0.75rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .result .number .result-label, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .result .bonus .result-label {
            font-weight: bold;
            font-size: 1rem;
            text-align: center;
            text-transform: uppercase; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .result .number .winning-numbers div, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .result .bonus .winning-numbers div {
            background-color: #C30350; }
  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom {
    width: 100%;
    padding: 0 2.5rem 3rem 2.5rem;
    background-color: var(--opap-white);
    border-radius: 0 0 0.5rem 0.5rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom table {
      box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      width: 100%;
      max-width: 80rem;
      border-radius: 0.5rem;
      overflow: hidden; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom table th, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom table td {
        text-align: center;
        font-size: 1.25rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom table thead tr th {
        padding: 0.5rem 0.25rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom table tr {
        width: 100%;
        height: 4rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom table tr.row-white {
          background-color: var(--opap-white); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom table tr.row-grey {
          background-color: var(--opap-neutral-10); }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tr th, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tr td {
      width: 25%; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table thead tr {
      color: var(--opap-white);
      background-color: var(--opap-brand-navy-blue); }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table thead tr th:nth-child(3) {
        background-color: var(--greek-blue); }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table thead tr th span {
        width: 100%;
        display: block; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td {
      color: var(--opap-neutral-90); }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td.euro-jackpot-boosted-td {
        background: var(--opap-eurojackpot-boosted-black);
        position: relative; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td.euro-jackpot-boosted-td img {
          max-width: 8.5rem;
          margin-bottom: 0.5rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td div {
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td div.euro-jackpot-boosted-bottom-border {
          background: var(--opap-eurojackpot-boosted-gold);
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          height: 5px;
          background-size: 200% 200%; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td div.euro-jackpot-boosted-text {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          font-size: 2rem;
          text-align: center;
          background-image: var(--opap-eurojackpot-boosted-gold);
          background-size: 100%;
          background-repeat: repeat;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          -webkit-text-stroke-width: thin;
          -webkit-text-stroke-color: var(--opap-eurojackpot-text-stroke); }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr.euro-jackpot-boosted td {
      background: var(--opap-eurojackpot-boosted-black);
      background-size: 100% 200%;
      background-position: bottom;
      position: relative; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr.euro-jackpot-boosted td .euro-jackpot-boosted-text {
        padding-bottom: 0.5rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody .greek-row {
      background-color: var(--greek-blue); }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody .greek-row td {
        color: var(--opap-white); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody .greek-row td:first-child {
          position: relative;
          border-radius: 0 0 0 0.5rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody .greek-row td:first-child img {
            position: absolute;
            left: 0.5rem;
            bottom: 1rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody .greek-row td:last-child {
          border-radius: 0 0 0.5rem 0; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot .table-message {
      margin: 0.5rem 0 0 0.25rem;
      font-size: 1rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tr th, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tr td {
      width: 20%; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tr th:nth-of-type(2), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tr td:nth-of-type(2) {
        width: 40%;
        position: relative; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table thead tr {
      background-color: var(--opap-brand-navy-blue);
      color: var(--opap-white); }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr td:first-of-type {
      padding: 0.5rem 0; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr td:first-of-type .circle {
        width: 3rem;
        height: 3rem;
        display: inline-block;
        line-height: 2.75rem;
        color: var(--opap-clean-white);
        background-color: var(--opap-tzoker-blue);
        border-radius: 50%; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr.boosted {
      background-color: var(--opap-tzoker-blue);
      color: var(--opap-tzoker-extra);
      text-shadow: 0 0 2px var(--opap-pure-dark);
      -webkit-text-stroke-color: var(--opap-tzoker-text-stroke);
      -webkit-text-stroke-width: 0.5px; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr.boosted td {
        font-size: 1.5rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr.boosted td .circle {
          color: var(--opap-tzoker-extra);
          background-color: var(--opap-clean-white);
          text-shadow: 0 0 2px var(--opap-pure-dark);
          -webkit-text-stroke-color: var(--opap-tzoker-text-stroke);
          -webkit-text-stroke-width: 0.5px;
          font-size: 1.25rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr.boosted .bucket-field {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        gap: 0.75rem;
        white-space: nowrap; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr.boosted .bucket-field img {
          max-width: 105px;
          max-height: 40px; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.kratiko, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.ethniko, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.laiko {
      display: none; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation {
      width: 100%;
      height: 7.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 2.5rem;
      background-color: var(--opap-brand-navy-blue);
      border-radius: 0.5rem;
      overflow: hidden; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation div, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation div {
        display: flex; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation div.limit-wrapper, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation div.limit-wrapper {
          column-gap: 3rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation div.limit-wrapper > div, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation div.limit-wrapper > div {
            display: flex;
            column-gap: 1.25rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation div.page-wrapper, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation div.page-wrapper {
          column-gap: 2rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation div p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation div p {
          font-size: 1rem;
          color: var(--opap-white);
          margin: 0; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation div a, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation div a {
          font-size: 1rem;
          color: var(--opap-white);
          cursor: pointer; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation div a.active, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation div a.active {
            opacity: 50%;
            cursor: auto; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation {
      background: var(--opap-powerspinonfire-primary); }
  body #wrapper #opap-draws-and-results-app .winnability-banner {
    background: url("/o/opap-draws-and-results-app/images/tzoker-extra-background.png") center center/cover no-repeat;
    color: var(--opap-white);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    border-radius: 0.5rem;
    margin-top: 4rem;
    text-align: center; }
    body #wrapper #opap-draws-and-results-app .winnability-banner.euro-jackpot {
      background: url("/o/opap-draws-and-results-app/images/euro-jackpot-extra-background.jpg") center center/cover no-repeat; }
    body #wrapper #opap-draws-and-results-app .winnability-banner h1 {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700; }
    body #wrapper #opap-draws-and-results-app .winnability-banner h2 {
      font-weight: 500;
      line-height: 46px;
      margin-bottom: 0;
      text-shadow: 0 0 2px var(--opap-pure-dark);
      -webkit-text-stroke-color: var(--opap-tzoker-text-stroke);
      -webkit-text-stroke-width: 0.3px; }
      body #wrapper #opap-draws-and-results-app .winnability-banner h2.euro-jackpot {
        -webkit-text-stroke-color: var(--opap-eurojackpot-text-stroke); }
      body #wrapper #opap-draws-and-results-app .winnability-banner h2 .bucket-bolded {
        color: var(--opap-tzoker-extra);
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        padding: 0 0.25rem 0.25rem 0.25rem;
        text-shadow: 0 0 2px var(--opap-pure-dark);
        -webkit-text-stroke-color: var(--opap-tzoker-text-stroke);
        -webkit-text-stroke-width: 0.5px; }
        body #wrapper #opap-draws-and-results-app .winnability-banner h2 .bucket-bolded.euro-jackpot {
          background-image: var(--opap-eurojackpot-boosted-gold);
          background-size: 100%;
          background-repeat: repeat;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          -webkit-text-stroke-width: thin;
          -webkit-text-stroke-color: var(--opap-eurojackpot-text-stroke);
          text-shadow: none; }
    body #wrapper #opap-draws-and-results-app .winnability-banner .circle-bucket {
      margin-bottom: 1rem;
      max-width: 155px;
      max-height: 90px; }
    body #wrapper #opap-draws-and-results-app .winnability-banner .pattern-left, body #wrapper #opap-draws-and-results-app .winnability-banner .pattern-right {
      position: absolute;
      max-height: 100%;
      mix-blend-mode: plus-lighter; }
    body #wrapper #opap-draws-and-results-app .winnability-banner .pattern-left {
      left: 0; }
    body #wrapper #opap-draws-and-results-app .winnability-banner .pattern-right {
      right: 0; }
  body #wrapper #opap-draws-and-results-app .print-results-wrapper {
    width: 100%;
    max-width: 80rem;
    min-height: 10rem;
    position: relative;
    background-color: var(--opap-white);
    border-radius: 0.5rem; }
    body #wrapper #opap-draws-and-results-app .print-results-wrapper > button {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      width: 13.5rem;
      height: 4rem;
      position: absolute;
      top: 1.5rem;
      right: 2.5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1rem;
      color: var(--opap-white);
      background-color: var(--opap-brand-navy-blue);
      border-radius: 0.5rem;
      border: none; }
      body #wrapper #opap-draws-and-results-app .print-results-wrapper > button i {
        margin-left: 0.5rem; }
    body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 2rem 2.5rem; }
      body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header p {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        width: 100%;
        margin: 0;
        text-align: center;
        font-size: 1.75rem; }
      body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header img {
        display: none; }
      body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .super3-print-header, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-print-header, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-on-fire-print-header {
        max-width: 13.5rem;
        position: absolute;
        top: 2rem;
        left: 2.5rem; }
        body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .super3-print-header form .form-group, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-print-header form .form-group, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-on-fire-print-header form .form-group {
          display: flex;
          align-items: center;
          column-gap: 0.75rem;
          margin: 0; }
          body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .super3-print-header form .form-group label, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-print-header form .form-group label, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-on-fire-print-header form .form-group label {
            text-align: center;
            min-width: 100px;
            font-size: 1rem;
            color: var(--opap-neutral-90); }
          body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .super3-print-header form .form-group .input-calendar-wrapper, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-print-header form .form-group .input-calendar-wrapper, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-on-fire-print-header form .form-group .input-calendar-wrapper {
            position: relative;
            display: flex; }
            body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .super3-print-header form .form-group .input-calendar-wrapper input, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-print-header form .form-group .input-calendar-wrapper input, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-on-fire-print-header form .form-group .input-calendar-wrapper input {
              min-width: 8.5rem;
              height: 3rem;
              padding: 0.5rem 1rem;
              border-radius: 0.5rem;
              font-weight: bold; }
            body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .super3-print-header form .form-group .input-calendar-wrapper .calendar-icon, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-print-header form .form-group .input-calendar-wrapper .calendar-icon, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-on-fire-print-header form .form-group .input-calendar-wrapper .calendar-icon {
              position: absolute;
              right: 7px;
              cursor: pointer;
              font-size: 19px;
              top: 50%;
              transform: translateY(-50%); }
    body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table {
      width: 100%;
      font-size: 1rem;
      border-radius: 0.5rem;
      overflow: hidden;
      box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08); }
      body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th {
        height: 4rem;
        font-weight: bold;
        text-align: center;
        color: var(--opap-white);
        background-color: var(--opap-brand-navy-blue); }
        body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th:nth-of-type(1), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th:nth-of-type(2), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th:nth-of-type(4), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th:nth-of-type(5), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th:nth-of-type(1), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th:nth-of-type(2), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th:nth-of-type(4), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th:nth-of-type(5), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th:nth-of-type(1), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th:nth-of-type(2), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th:nth-of-type(4), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th:nth-of-type(5) {
          width: 15%; }
        body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th:nth-of-type(e), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th:nth-of-type(6), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th:nth-of-type(e), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th:nth-of-type(6), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th:nth-of-type(e), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th:nth-of-type(6) {
          width: 20%; }
      body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr {
        color: var(--opap-neutral-90); }
        body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr.row-white, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr.row-white, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr.row-white {
          background-color: var(--opap-white); }
        body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr.row-grey, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr.row-grey, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr.row-grey {
          background-color: var(--opap-neutral-10); }
        body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td {
          height: 4rem;
          font-weight: bold;
          text-align: center; }
          body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td:nth-of-type(1), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td:nth-of-type(2), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td:nth-of-type(4), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td:nth-of-type(5), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td:nth-of-type(1), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td:nth-of-type(2), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td:nth-of-type(4), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td:nth-of-type(5), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td:nth-of-type(1), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td:nth-of-type(2), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td:nth-of-type(4), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td:nth-of-type(5) {
            width: 15%; }
          body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td:nth-of-type(e), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td:nth-of-type(6), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td:nth-of-type(e), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td:nth-of-type(6), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td:nth-of-type(e), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td:nth-of-type(6) {
            width: 20%; }
          body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td .powerspin-colors, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td .powerspin-over-under, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td .powerspin-colors, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td .powerspin-over-under, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td .powerspin-colors, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td .powerspin-over-under {
            width: 100%; }
            body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td .powerspin-colors:nth-of-type(1), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td .powerspin-over-under:nth-of-type(1), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td .powerspin-colors:nth-of-type(1), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td .powerspin-over-under:nth-of-type(1), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td .powerspin-colors:nth-of-type(1), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td .powerspin-over-under:nth-of-type(1) {
              padding-top: 0.5rem; }
            body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td .powerspin-colors:nth-of-type(3), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td .powerspin-over-under:nth-of-type(3), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td .powerspin-colors:nth-of-type(3), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td .powerspin-over-under:nth-of-type(3), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td .powerspin-colors:nth-of-type(3), body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td .powerspin-over-under:nth-of-type(3) {
              padding-bottom: 0.5rem; }
      body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table.old-super3 thead tr th, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table.old-super3 thead tr th, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table.old-super3 thead tr th {
        width: 25%; }
      body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table.old-super3 tbody tr td, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table.old-super3 tbody tr td, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table.old-super3 tbody tr td {
        width: 25%; }
    body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th {
      width: 20%; }
    body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td {
      width: 20%; }
    body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-bottom.super3, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-bottom.powerspin, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-bottom.powerspin-on-fire {
      display: none; }
  @media (max-width: 1280px) {
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-segment, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-segment {
      column-gap: 1.25rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-segment .form-group .react-datepicker-wrapper, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-segment .form-group .react-datepicker-wrapper {
        min-width: 9.5rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-segment .form-group input, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-segment .form-group input {
        min-width: 9.5rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .form-segment .form-group select, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .form-segment .form-group select {
        min-width: 7rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper {
      column-gap: 1rem;
      padding: 0 1.5rem 3.5rem 1.5rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-left, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-left {
        min-width: 7rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .winning-numbers div, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .winning-numbers svg, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .winning-numbers div, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .winning-numbers svg {
        width: 3.5rem;
        height: 3.5rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .winning-numbers div p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .winning-numbers svg p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .winning-numbers div p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .winning-numbers svg p {
          font-size: 1.5rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text {
        min-width: 3.5rem;
        height: 3.5rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text p {
          font-size: 1.5rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .divider .column-wrapper:last-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .divider .column-wrapper:last-of-type {
        width: 8rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper button, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper button {
        bottom: 1rem;
        right: 1rem;
        font-size: 1rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper button i, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper button i {
          margin-left: 0.25rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper.old-super3, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper.old-super3 {
        column-gap: 25%; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw {
      row-gap: 1rem;
      overflow-x: scroll; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw > div:first-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw > div:first-of-type {
        column-gap: 1rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw.powerspin-on-fire, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw.powerspin-on-fire {
        overflow-x: hidden;
        padding: 1rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table {
        font-size: 1rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th {
          min-width: 8rem;
          padding: 1.25rem 1rem 1rem 1rem;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          text-align: center;
          color: var(--opap-white); }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(1), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(1) {
            width: auto; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr td, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr td {
          min-width: 8rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr td:first-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr td:first-of-type {
            width: auto; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .result {
      padding-left: 12rem; } }
  @media (max-width: 1279.98px) {
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .form-segment:first-of-type .form-group select, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-segment:first-of-type .form-group select {
      min-width: 9rem; } }
  @media (max-width: 991.98px) {
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top .collapsed {
      display: none; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top .expanded {
      display: flex; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top .toggle-filters {
      display: block;
      font-size: 1rem;
      text-align: right; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top .toggle-filters i {
        margin-left: 1rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top form.collapsed {
      display: none; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top form.expanded {
      display: flex; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form {
      flex-direction: column;
      align-items: flex-start;
      row-gap: 1rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .form-group, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form .form-group, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form .form-group, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form .form-group {
        width: 100%; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.kratiko form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.ethniko form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.laiko form .search {
        margin-left: auto; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form.expanded, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form.expanded, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form.expanded, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form.expanded {
      flex-direction: column; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form.expanded .form-segment, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form.expanded .form-segment, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form.expanded .form-segment, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form.expanded .form-segment {
        width: 100%;
        flex-direction: column;
        row-gap: 0.75rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form.expanded .form-segment:last-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form.expanded .form-segment:last-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form.expanded .form-segment:last-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form.expanded .form-segment:last-of-type {
          margin-top: 4rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form.expanded .form-segment p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form.expanded .form-segment p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form.expanded .form-segment p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form.expanded .form-segment p {
          top: -4rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form.expanded .form-segment .form-group, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form.expanded .form-segment .form-group, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form.expanded .form-segment .form-group, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form.expanded .form-segment .form-group {
          width: 100%; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.tzoker form .download, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.euro-jackpot form .download, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 form .download, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .search, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.powerspin-on-fire form .download {
      margin-left: auto; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center {
      padding: 1.25rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider {
        padding: 0.5rem 0.5rem 3.5rem 0.5rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-top .slider-title {
          font-size: 1.25rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-top .slider-details {
          flex-direction: column;
          column-gap: 1rem;
          padding-bottom: 2rem;
          text-align: center; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-top .slider-details p {
            font-size: 1rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom {
          row-gap: 1.25rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom .slider-title {
            font-size: 1.25rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers .draw-number {
            width: 3rem;
            height: 3rem;
            font-size: 1.5rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot {
            display: flex;
            flex-direction: column;
            align-items: center;
            row-gap: 0.75rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw {
        flex-direction: column;
        row-gap: 2rem;
        padding: 1.5rem 2rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .left {
          width: 100%;
          max-width: 100%;
          text-align: center; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .middle {
          width: 100%;
          max-width: 100%;
          align-items: center; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .right {
          width: 100%; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw .right a:last-of-type {
            margin: 0 auto; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw.kratiko .right a:first-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .laheia-draw-wrapper .draw.laiko .right a:first-of-type {
          display: none; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-left {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-left .draw-number {
          display: flex;
          flex-direction: column;
          align-items: flex-end; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .result {
        padding-left: 0; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper {
        flex-direction: column;
        align-items: center;
        row-gap: 1.75rem;
        padding: 0.5rem 1rem 3.5rem 1rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-left, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-left {
          min-width: 100%; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .winning-numbers, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .winning-numbers {
          display: flex;
          column-gap: 0.75rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .winning-numbers div, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .winning-numbers svg, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .winning-numbers div, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .winning-numbers svg {
            width: 4rem;
            height: 4rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right {
          flex-direction: column;
          align-items: center;
          row-gap: 1.75rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper .label-text, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper .label-text {
            font-size: 0.75rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text {
            min-width: 4rem;
            height: 4rem;
            border-radius: 2rem; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper .rounded-text p {
              font-size: 1.5rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .column-wrapper:first-of-type .rounded-text, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .column-wrapper:first-of-type .rounded-text {
            width: 14rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .divider, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .divider {
            width: 14rem; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .divider .column-wrapper:first-of-type .rounded-text, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .divider .column-wrapper:first-of-type .rounded-text {
              width: 8rem; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .draw-info-wrapper .draw-right .divider .column-wrapper:last-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .draw-info-wrapper .draw-right .divider .column-wrapper:last-of-type {
              width: 8rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw {
        display: flex;
        flex-direction: column;
        row-gap: 3rem;
        padding: 1.25rem 1.5rem;
        background: var(--opap-super3-primary); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw.powerspin-on-fire, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw.powerspin-on-fire {
          background: var(--opap-powerspin_on_fire-primary);
          row-gap: unset; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw.powerspin-on-fire p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw.powerspin-on-fire p {
            font-weight: bold; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw > div:first-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw > div:first-of-type {
          display: flex;
          justify-content: space-between;
          color: var(--opap-white); }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table {
          width: 100%;
          text-align: center;
          font-size: 1.25rem;
          border-radius: 0.5rem;
          overflow: hidden; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th {
            min-width: 12.5rem;
            padding: 1.25rem 1rem 1rem 1rem;
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700;
            text-align: center;
            color: var(--opap-white); }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(1), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(1) {
              width: 22.5rem; }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(1), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(2), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(3), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(1), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(2), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(3) {
              background-color: var(--opap-brand-navy-blue); }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(4), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(5), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(4), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(5) {
              background-color: #068FFF; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr.light, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr.light {
            background-color: var(--opap-white); }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr.dark, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr.dark {
            background-color: var(--opap-neutral-10); }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr td, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr td {
            min-width: 12.5rem;
            padding: 1.25rem 1rem 1rem 1rem;
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            color: var(--opap-neutral-90); }
            body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr td:first-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr td:first-of-type {
              width: 22.5rem;
              font-weight: 700; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom {
      padding: 0 0 1.5rem 0; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom table tr th, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom table tr td {
        font-size: 1rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td div.euro-jackpot-boosted-text {
        font-size: 1.5rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody .greek-row td:first-child img {
        width: 1.5rem;
        left: 0.5rem;
        bottom: 18px; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr.boosted {
        text-shadow: none; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr.boosted td {
          font-size: 1.25rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr td:first-of-type .circle {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1rem;
        line-height: 2.25rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr.boosted .bucket-field img {
        max-width: 90px;
        max-height: 35px; }
    body #wrapper #opap-draws-and-results-app .winnability-banner h2 {
      line-height: 39px;
      text-shadow: none;
      -webkit-text-stroke-width: 0.2px; }
      body #wrapper #opap-draws-and-results-app .winnability-banner h2 .bucket-bolded {
        text-shadow: none;
        -webkit-text-stroke-width: 0.3px; }
    body #wrapper #opap-draws-and-results-app .print-results-wrapper {
      padding-top: 2rem; }
      body #wrapper #opap-draws-and-results-app .print-results-wrapper > button {
        position: static;
        margin: 0 auto; }
      body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header {
        flex-wrap: wrap; }
        body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header p {
          font-size: 1.5rem; }
        body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .super3-print-header, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-print-header, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-on-fire-print-header {
          position: static;
          margin-top: 2rem; }
          body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .super3-print-header .react-datepicker-wrapper, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-print-header .react-datepicker-wrapper, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-on-fire-print-header .react-datepicker-wrapper {
            min-width: 7.5rem; }
      body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table {
        font-size: 0.875rem; } }
  @media (max-width: 767.98px) {
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div span {
      width: 1.5rem;
      height: 1.5rem;
      font-size: 0.75rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 0.75rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table {
      font-size: 1rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th {
        min-width: 8rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(1), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(1) {
          width: 8rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr td, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr td {
        min-width: 8rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr td:first-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr td:first-of-type {
          width: 8rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom table tr th, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom table tr td {
      font-size: 0.75rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot .table-message {
      font-size: 0.75rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td.euro-jackpot-boosted-td img {
      max-width: 6rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td div {
      height: 2.25rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td div.euro-jackpot-boosted-text {
        font-size: 1.25rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr.euro-jackpot-shrunk-row, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr.euro-jackpot-boosted {
      height: 2.25rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr.boosted td {
      font-size: 0.75rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr td:first-of-type .circle {
      width: 2rem;
      height: 2rem;
      font-size: 0.75rem;
      line-height: 1.75rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr.boosted .bucket-field {
      gap: 0.5rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr.boosted .bucket-field img {
        max-width: 70px;
        max-height: 20px;
        margin: 0;
        position: absolute;
        top: 2px; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation {
      padding: 0 1.5rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation div.limit-wrapper, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation div.limit-wrapper {
        align-items: center;
        column-gap: 1rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation div.limit-wrapper > p, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation div.limit-wrapper > p {
          max-width: 7rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation div.page-wrapper, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation div.page-wrapper {
        column-gap: 1rem; }
    body #wrapper #opap-draws-and-results-app .winnability-banner .circle-bucket {
      margin-bottom: 0.25rem;
      max-width: 100px;
      max-height: 58px; }
    body #wrapper #opap-draws-and-results-app .winnability-banner h1 {
      font-size: 1.25rem;
      margin-bottom: 0.25rem; }
    body #wrapper #opap-draws-and-results-app .winnability-banner h2 {
      font-size: 1.15rem;
      line-height: 2.25rem; }
    body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .super3-print-header form .form-group, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-print-header form .form-group, body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .powerspin-on-fire-print-header form .form-group {
      flex-direction: column;
      row-gap: 0.5rem; }
    body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .super3-print-header {
      width: 100%;
      display: flex;
      justify-content: center;
      position: static; }
      body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .super3-print-header .react-datepicker-wrapper {
        min-width: 8rem; }
    body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table {
      font-size: 0.625rem; } }
  @media (max-width: 575.98px) {
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation {
      flex-direction: column;
      justify-content: space-around; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation div.limit-wrapper, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation div.limit-wrapper {
        align-items: center;
        column-gap: 3rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation div.page-wrapper, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.powerspin-on-fire .navigation div.page-wrapper {
        column-gap: 2rem; }
    body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead, body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead {
      font-size: 0.5rem; }
    body #wrapper #opap-draws-and-results-app .winnability-banner {
      padding: 0.5rem 1rem; } }
  @media screen and (max-width: 480px) {
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-list, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-bonus, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-list, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-bonus {
      column-gap: 0.25rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-list .draw-number, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-bonus .draw-number, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-list .draw-number, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-bonus .draw-number {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw {
      row-gap: 1rem;
      padding: 1.5rem 0.75rem; }
      body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table {
        font-size: 0.75rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th {
          min-width: 5rem;
          padding: 1.25rem 0.25rem 1rem 0.25rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table thead tr th:nth-of-type(1), body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table thead tr th:nth-of-type(1) {
            width: 5rem; }
        body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr td, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr td {
          min-width: 5rem;
          padding: 1.25rem 0.25rem 1rem 0.25rem; }
          body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-draw .expanded-draw table tbody tr td:first-of-type, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .powerspin-on-fire-draw .expanded-draw table tbody tr td:first-of-type {
            width: 5rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom table tr th, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom table tr td {
      font-size: 9px; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tr th, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tr td {
      font-size: 0.75rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td.euro-jackpot-boosted-td img {
      max-width: 4.3rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td div.euro-jackpot-boosted-text {
      font-size: 0.75rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr.euro-jackpot-boosted td .euro-jackpot-boosted-text {
      padding-bottom: 5px; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody .greek-row td:first-child img {
      width: 1rem;
      left: 0.25rem;
      bottom: 1.5rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr.boosted td {
      font-size: 9px; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr td:first-of-type .circle {
      font-size: 0.75rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.tzoker table tbody tr.boosted .bucket-field img {
      max-width: 54px; } }
  @media screen and (max-width: 370px) {
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-list .draw-number, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-bonus .draw-number, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-list .draw-number, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-bonus .draw-number {
      width: 2rem;
      height: 2rem;
      font-size: 1rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tr th, body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tr td {
      font-size: 9px; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td.euro-jackpot-boosted-td img {
      max-width: 3.85rem; }
    body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.euro-jackpot table tbody tr td div.euro-jackpot-boosted-text {
      font-size: 9px; } }

@media print {
  .print-results-wrapper {
    width: 100%;
    max-width: 80rem;
    background-color: var(--opap-white);
    border-radius: 0.5rem; }
    .print-results-wrapper button {
      display: none; }
    .print-results-wrapper .print-results-header {
      padding-top: 1rem; }
      .print-results-wrapper .print-results-header p {
        display: none; }
      .print-results-wrapper .print-results-header img {
        height: 5rem;
        display: block;
        margin: 0 auto; }
      .print-results-wrapper .print-results-header .super3-print-header form, .print-results-wrapper .print-results-header .powerspin-print-header form, .print-results-wrapper .print-results-header .powerspin-on-fire-print-header form {
        display: none; }
    .print-results-wrapper .opap-draws-and-results-center {
      width: 100%;
      max-width: 80rem;
      padding: 2.5rem 0;
      background-color: var(--opap-white); }
      .print-results-wrapper .opap-draws-and-results-center .center-slider {
        width: 100%;
        max-width: 75rem;
        min-height: 21.75rem;
        padding: 1rem 3rem 3rem 3rem;
        background-color: #ECEEF5;
        border-radius: 0.5rem; }
        .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-top {
          width: 100%;
          max-width: 69rem;
          display: flex;
          flex-direction: column;
          align-items: center;
          row-gap: 1rem;
          padding: 1rem 0; }
          .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-top .slider-title {
            margin: 0;
            font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 2rem;
            font-weight: bold; }
          .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-top .slider-details {
            width: 100%;
            max-width: 69rem;
            display: flex;
            justify-content: center;
            align-items: center;
            column-gap: 2.5rem;
            padding-bottom: 1.25rem;
            border-bottom: 1px solid #999; }
            .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-top .slider-details p {
              width: fit-content;
              font-size: 1.25rem;
              color: var(--opap-neutral-80); }
              .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-top .slider-details p span {
                margin-right: 0.5rem;
                font-weight: bold;
                color: var(--opap-neutral-90); }
        .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom {
          display: flex;
          flex-direction: column;
          align-items: center;
          row-gap: 1.5rem; }
          .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom .slider-title {
            width: fit-content;
            margin: 0;
            font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 1.5rem;
            font-weight: bold; }
          .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom > div {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom > div span.disabled-button {
              visibility: hidden; }
            .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers {
              display: flex;
              justify-content: center;
              column-gap: 0.5rem; }
              .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers .draw-numbers-list, .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers .draw-numbers-bonus {
                width: fit-content;
                display: flex;
                align-items: center;
                column-gap: 0.5rem; }
                .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers .draw-numbers-list .draw-number, .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers .draw-numbers-bonus .draw-number {
                  width: 4rem;
                  height: 4rem;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  border-radius: 50%;
                  font-size: 1.75rem;
                  font-weight: bold; }
              .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-list, .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-bonus {
                width: fit-content;
                display: flex;
                align-items: center;
                column-gap: 0.5rem; }
              .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-list .draw-number {
                color: var(--opap-neutral-90);
                background-color: var(--opap-eurojackpot-gold); }
              .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.euro-jackpot .draw-numbers-bonus .draw-number {
                color: var(--opap-white);
                background-color: var(--opap-eurojackpot-black); }
              .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-list .draw-number {
                background-color: var(--opap-tzoker-blue);
                color: var(--opap-white); }
              .print-results-wrapper .opap-draws-and-results-center .center-slider .slider-bottom > div .draw-numbers.tzoker .draw-numbers-bonus .draw-number {
                background-color: var(--opap-tzoker-yellow);
                color: var(--opap-tzoker-blue); }
      .print-results-wrapper .opap-draws-and-results-center .super3-print-table, .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table, .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table {
        width: 100%;
        font-size: 1.25rem;
        border-radius: 0.5rem;
        overflow: hidden;
        box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08); }
        .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th, .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th, .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th {
          height: 4rem;
          font-weight: bold;
          text-align: center;
          color: var(--opap-white);
          background-color: var(--opap-brand-navy-blue); }
          .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th:nth-of-type(1), .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th:nth-of-type(2), .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th:nth-of-type(4), .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th:nth-of-type(5), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th:nth-of-type(1), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th:nth-of-type(2), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th:nth-of-type(4), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th:nth-of-type(5), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th:nth-of-type(1), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th:nth-of-type(2), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th:nth-of-type(4), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th:nth-of-type(5) {
            width: 15%; }
          .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th:nth-of-type(e), .print-results-wrapper .opap-draws-and-results-center .super3-print-table thead tr th:nth-of-type(6), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th:nth-of-type(e), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th:nth-of-type(6), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th:nth-of-type(e), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th:nth-of-type(6) {
            width: 20%; }
        .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr, .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr, .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr {
          color: var(--opap-neutral-90); }
          .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr.row-white, .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr.row-white, .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr.row-white {
            background-color: var(--opap-white); }
          .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr.row-grey, .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr.row-grey, .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr.row-grey {
            background-color: var(--opap-neutral-10); }
          .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td, .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td, .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td {
            height: 4rem;
            font-weight: bold;
            text-align: center; }
            .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td:nth-of-type(1), .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td:nth-of-type(2), .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td:nth-of-type(4), .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td:nth-of-type(5), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td:nth-of-type(1), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td:nth-of-type(2), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td:nth-of-type(4), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td:nth-of-type(5), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td:nth-of-type(1), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td:nth-of-type(2), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td:nth-of-type(4), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td:nth-of-type(5) {
              width: 15%; }
            .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td:nth-of-type(e), .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td:nth-of-type(6), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td:nth-of-type(e), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td:nth-of-type(6), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td:nth-of-type(e), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td:nth-of-type(6) {
              width: 20%; }
            .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td .powerspin-colors, .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td .powerspin-over-under, .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td .powerspin-colors, .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td .powerspin-over-under, .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td .powerspin-colors, .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td .powerspin-over-under {
              width: 100%; }
              .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td .powerspin-colors:nth-of-type(1), .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td .powerspin-over-under:nth-of-type(1), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td .powerspin-colors:nth-of-type(1), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td .powerspin-over-under:nth-of-type(1), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td .powerspin-colors:nth-of-type(1), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td .powerspin-over-under:nth-of-type(1) {
                padding-top: 0.5rem; }
              .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td .powerspin-colors:nth-of-type(3), .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr td .powerspin-over-under:nth-of-type(3), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td .powerspin-colors:nth-of-type(3), .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td .powerspin-over-under:nth-of-type(3), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td .powerspin-colors:nth-of-type(3), .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td .powerspin-over-under:nth-of-type(3) {
                padding-bottom: 0.5rem; }
        .print-results-wrapper .opap-draws-and-results-center .super3-print-table.old-super3 thead tr th, .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table.old-super3 thead tr th, .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table.old-super3 thead tr th {
          width: 25%; }
        .print-results-wrapper .opap-draws-and-results-center .super3-print-table.old-super3 tbody tr td, .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table.old-super3 tbody tr td, .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table.old-super3 tbody tr td {
          width: 25%; }
      .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr {
        border-bottom: 1px solid var(--opap-neutral-90); }
      .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr {
        border-bottom: 1px solid var(--opap-neutral-90); }
      .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table thead tr th, .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table thead tr th {
        width: 20%; }
      .print-results-wrapper .opap-draws-and-results-center .powerspin-print-table tbody tr td, .print-results-wrapper .opap-draws-and-results-center .powerspin-on-fire-print-table tbody tr td {
        width: 20%; }
    .print-results-wrapper .opap-draws-and-results-bottom {
      width: 100%;
      background-color: var(--opap-white);
      border-radius: 0 0 0.5rem 0.5rem; }
      .print-results-wrapper .opap-draws-and-results-bottom table {
        width: 100%;
        max-width: 80rem;
        border-radius: 0.5rem;
        overflow: hidden; }
        .print-results-wrapper .opap-draws-and-results-bottom table th, .print-results-wrapper .opap-draws-and-results-bottom table td {
          text-align: center;
          font-size: 1.25rem; }
        .print-results-wrapper .opap-draws-and-results-bottom table thead tr th {
          padding: 0.5rem 0.25rem; }
        .print-results-wrapper .opap-draws-and-results-bottom table tr {
          width: 100%;
          height: 4rem; }
          .print-results-wrapper .opap-draws-and-results-bottom table tr.row-white {
            background-color: var(--opap-white); }
          .print-results-wrapper .opap-draws-and-results-bottom table tr.row-grey {
            background-color: var(--opap-neutral-10); }
          .print-results-wrapper .opap-draws-and-results-bottom table tr:last-child {
            border-bottom: 0.5rem solid var(--opap-neutral-10);
            border-radius: 0 0 0.5rem 0.5rem;
            overflow: hidden; }
            .print-results-wrapper .opap-draws-and-results-bottom table tr:last-child td:first-child {
              border-radius: 0 0 0 0.5rem; }
            .print-results-wrapper .opap-draws-and-results-bottom table tr:last-child td:last-child {
              border-radius: 0 0 0.5rem 0; }
      .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tr {
        height: 3.75rem; }
        .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tr th, .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tr td {
          width: 25%;
          text-align: center;
          font-size: 1.25rem; }
        .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tr td {
          color: var(--opap-neutral-90); }
          .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tr td.euro-jackpot-boosted-td {
            background: var(--opap-eurojackpot-gold);
            position: relative; }
            .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tr td.euro-jackpot-boosted-td img {
              width: 70%; }
          .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tr td div.euro-jackpot-boosted-bottom-border {
            background: var(--opap-eurojackpot-boosted-black);
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            height: 5px;
            background-size: 200% 200%; }
          .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tr td div.euro-jackpot-boosted-text {
            font-weight: 800;
            font-size: 2rem;
            text-align: center;
            color: var(--opap-eurojackpot-black); }
      .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table thead tr {
        color: var(--opap-white); }
        .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table thead tr th {
          padding: 0.5rem 0;
          background-color: var(--opap-brand-navy-blue); }
          .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table thead tr th:nth-child(3) {
            background-color: var(--greek-blue); }
          .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table thead tr th span {
            width: 100%;
            display: block; }
      .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tbody {
        font-weight: bold; }
        .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tbody tr.euro-jackpot-boosted td {
          background: var(--opap-eurojackpot-gold);
          background-size: 100% 200%;
          background-position: bottom;
          position: relative; }
          .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tbody tr.euro-jackpot-boosted td .euro-jackpot-boosted-text {
            padding-bottom: 0.5rem; }
        .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tbody tr td.euro-jackpot-boosted-td {
          background: var(--opap-eurojackpot-gold);
          position: relative; }
          .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tbody tr td.euro-jackpot-boosted-td img {
            max-width: 8.5rem;
            margin-bottom: 0.5rem; }
        .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tbody tr div {
          height: 4rem;
          display: flex;
          align-items: center;
          justify-content: center; }
        .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tbody .greek-row {
          background-color: var(--greek-blue); }
          .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tbody .greek-row td {
            color: var(--opap-white); }
            .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tbody .greek-row td:first-child {
              position: relative; }
              .print-results-wrapper .opap-draws-and-results-bottom.euro-jackpot table tbody .greek-row td:first-child img {
                position: absolute;
                left: 0.5rem;
                bottom: 0.75rem; }
      .print-results-wrapper .opap-draws-and-results-bottom.tzoker table tr th, .print-results-wrapper .opap-draws-and-results-bottom.tzoker table tr td {
        width: 20%; }
        .print-results-wrapper .opap-draws-and-results-bottom.tzoker table tr th:nth-of-type(2), .print-results-wrapper .opap-draws-and-results-bottom.tzoker table tr td:nth-of-type(2) {
          width: 40%;
          position: relative; }
      .print-results-wrapper .opap-draws-and-results-bottom.tzoker table thead tr {
        background-color: var(--opap-brand-navy-blue);
        color: var(--opap-white); }
      .print-results-wrapper .opap-draws-and-results-bottom.tzoker table tbody tr td {
        font-weight: bold; }
        .print-results-wrapper .opap-draws-and-results-bottom.tzoker table tbody tr td:first-of-type {
          padding: 0.5rem 0; }
          .print-results-wrapper .opap-draws-and-results-bottom.tzoker table tbody tr td:first-of-type .circle {
            width: 3rem;
            height: 3rem;
            display: inline-block;
            line-height: 2.75rem;
            color: var(--opap-clean-white);
            background-color: var(--opap-tzoker-blue);
            border-radius: 50%; }
      .print-results-wrapper .opap-draws-and-results-bottom.tzoker table tbody tr.boosted {
        background-color: var(--opap-tzoker-blue);
        color: var(--opap-tzoker-extra);
        -webkit-text-stroke-color: var(--opap-tzoker-text-stroke);
        -webkit-text-stroke-width: 0.1px; }
        .print-results-wrapper .opap-draws-and-results-bottom.tzoker table tbody tr.boosted td {
          font-size: 1.5rem;
          font-weight: 800; }
          .print-results-wrapper .opap-draws-and-results-bottom.tzoker table tbody tr.boosted td .circle {
            color: var(--opap-tzoker-extra);
            background-color: var(--opap-clean-white);
            -webkit-text-stroke-color: var(--opap-tzoker-text-stroke);
            -webkit-text-stroke-width: 0.1px;
            font-size: 1.25rem; }
        .print-results-wrapper .opap-draws-and-results-bottom.tzoker table tbody tr.boosted .bucket-field {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          gap: 0.75rem;
          white-space: nowrap; }
          .print-results-wrapper .opap-draws-and-results-bottom.tzoker table tbody tr.boosted .bucket-field img {
            max-width: 105px;
            max-height: 40px; } }

body #wrapper #opap-scratch-second-chance-app.my-participations .submitted-entries {
  border: 1px solid var(--opap-neutral-20);
  border-radius: 0.5rem;
  background: var(--opap-scratch-2nd-chance-solid-light);
  color: var(--opap-white);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin: 1.5rem 0;
  user-select: none; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .submitted-entries .title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 2.25rem;
    text-align: center; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .submitted-entries .entries-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 6rem; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .submitted-entries .entries-wrapper .submitted-entry {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      gap: 1rem; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .submitted-entries .entries-wrapper .submitted-entry i {
        font-size: 6.25rem;
        color: #80D8FF; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .submitted-entries .entries-wrapper .submitted-entry .label {
        border: none;
        font-weight: 400;
        text-align: center; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .submitted-entries .entries-wrapper .submitted-entry .counter {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 2.25rem;
        line-height: 2.25rem; }

body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  color: var(--opap-white);
  border-bottom: 1px solid var(--opap-white);
  padding-bottom: 1.5rem;
  user-select: none; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper p {
    margin-bottom: 0; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper input {
    max-width: 390px;
    height: 52px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid var(--opap-neutral-30);
    background: var(--opap-white);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) inset; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper input::placeholder {
    color: var(--opap-neutral-90);
    opacity: 1; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper ::-ms-input-placeholder {
    color: var(--opap-neutral-90); }
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .error-message {
    color: #FF6060;
    text-align: center; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper a {
    cursor: pointer; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .qr-checker {
    border-radius: 8px;
    background: var(--opap-scratch-2nd-chance-main-cta);
    width: 100%;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    cursor: pointer;
    max-width: calc(100% - 3rem); }
    body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .qr-checker i {
      color: var(--opap-white);
      font-size: 45px; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .qr-checker .text-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.3rem;
      text-align: center;
      word-break: keep-all; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .qr-checker .text-wrapper .label {
        border: none;
        font-weight: 400;
        text-align: center;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    background: rgba(3, 15, 55, 0.67);
    z-index: 1020; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal {
      padding: 1em;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 2em;
      border-radius: 4px;
      position: absolute;
      width: 90vh;
      height: 90vh;
      max-width: 980px;
      max-height: 980px;
      overflow: hidden;
      user-select: none; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-title-subtitle {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
        color: var(--opap-neutral-90);
        width: 100%;
        gap: 1em; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-title-subtitle h1 {
          font-size: 1.5rem;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          margin-bottom: 0; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-title-subtitle .small-wheel-image {
          max-width: 100%; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal i {
        font-size: 2.35rem;
        position: absolute;
        right: 0.5em;
        top: 0.3em;
        cursor: pointer;
        color: var(--opap-neutral-80);
        z-index: 5; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content {
        width: 100%;
        height: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-static-dynamic-wrapper {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-static-dynamic-wrapper.blur {
            filter: blur(20px); }
          body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-static-dynamic-wrapper .wheel-container {
            transition: 3s all;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            max-width: fit-content;
            max-height: fit-content;
            width: auto;
            height: auto;
            z-index: 1; }
            body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-static-dynamic-wrapper .wheel-container.spin {
              transition: 0.2s all; }
          body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-static-dynamic-wrapper .wheel-dynamic {
            max-width: calc(100% - 8rem);
            max-height: calc(100% - 8rem);
            width: auto;
            height: auto;
            object-fit: contain;
            z-index: 2; }
          body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-static-dynamic-wrapper .wheel-indicator {
            position: absolute;
            z-index: 3;
            bottom: calc(100% - 3.25rem);
            max-width: 40px; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-message {
          color: var(--opap-clean-white);
          background: #0492DD;
          border-radius: 0.5rem;
          position: absolute;
          z-index: 3;
          padding: 2rem 3rem;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          text-align: center;
          gap: 1rem;
          max-width: calc(100% - 7rem); }
          body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-message .message-title {
            text-transform: uppercase;
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700;
            margin-bottom: 0; }
          body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-message .message-text {
            max-width: 450px; }
            body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-message .message-text .participations-text {
              color: #FFCA08;
              font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              font-weight: 700; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .scratch-logo {
        position: absolute;
        right: 1em;
        bottom: 1em;
        max-width: 150px;
        z-index: 5; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8); }
    body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .modal-backdrop .invalid-code-modal {
      width: 19rem;
      display: flex;
      flex-direction: column;
      row-gap: 1rem;
      text-align: left;
      color: var(--opap-neutral-90);
      background: var(--opap-white);
      border: 1px solid var(--opap-neutral-90);
      border-radius: 0.5rem;
      padding: 1rem;
      margin: 0 1rem; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .modal-backdrop .invalid-code-modal .modal-center {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 1.5rem;
        padding: 0 1rem;
        text-align: center; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .modal-backdrop .invalid-code-modal .modal-center p {
          font-size: 1rem;
          font-weight: 700; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .modal-backdrop .invalid-code-modal .modal-bottom {
        width: 100%;
        display: flex;
        justify-content: space-around; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .modal-backdrop .invalid-code-modal .modal-bottom button {
          height: 2.5rem;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 1.5rem 1rem;
          font-size: 1rem;
          font-weight: 700;
          border: none;
          border-radius: 0.5rem;
          color: var(--opap-white);
          background-color: var(--opap-brand-apple); }

body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8); }
    body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .modal-backdrop .download-modal {
      width: 19rem;
      display: flex;
      flex-direction: column;
      background-color: var(--opap-scratch-2nd-chance-solid-light);
      border: 1px solid var(--opap-white);
      border-radius: 0.5rem; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .modal-backdrop .download-modal .modal-top {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        padding: 0.5rem; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .modal-backdrop .download-modal .modal-top button {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 1.5rem;
          color: var(--opap-white);
          background-color: transparent;
          border: none; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .modal-backdrop .download-modal .modal-center {
        width: 100%;
        display: flex;
        justify-content: space-around;
        padding: 1rem 1rem 2rem 1rem; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .modal-backdrop .download-modal .modal-center div {
          display: flex;
          flex-direction: column;
          align-items: center;
          row-gap: 0.5rem;
          color: var(--opap-white);
          cursor: pointer; }
          body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .modal-backdrop .download-modal .modal-center div i {
            font-size: 2.5rem; }
          body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .modal-backdrop .download-modal .modal-center div p {
            margin: 0;
            font-size: 1rem;
            font-weight: 700; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper {
    width: 100%;
    min-height: 6rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 0.75rem; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group {
      display: flex;
      flex-direction: column;
      margin: 0; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group.categories {
        min-width: 20rem; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group.categories p {
          margin-bottom: 0.75rem;
          font-size: 1rem;
          font-weight: 600;
          color: var(--opap-white); }
        body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group.categories div {
          height: 2.5rem;
          display: flex;
          align-items: center;
          column-gap: 0.5rem; }
          body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group.categories div .category input:checked ~ label {
            background: var(--opap-glow-sky-blue);
            border: none;
            transition: all .3s ease-in-out; }
            body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group.categories div .category input:checked ~ label::before {
              content: "\f00c";
              font-family: fontawesome-alloy;
              margin: 0.25rem 0.5rem 0 0;
              font-size: 1rem;
              font-weight: 100;
              transition: all .3s ease-in-out; }
          body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group.categories div .category label {
            height: 2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0.75rem;
            margin: 0;
            font-size: 0.75rem;
            font-weight: 500;
            color: var(--opap-white);
            background-color: rgba(0, 0, 0, 0.1);
            border: 1px solid var(--opap-white);
            border-radius: 1rem;
            user-select: none; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group label {
        font-size: 1rem;
        font-weight: 700;
        color: var(--opap-white);
        margin-bottom: 0.75rem; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group input {
        width: 11rem;
        height: 2.5rem;
        padding: 0.5rem;
        border: none;
        border-radius: 0.5rem;
        color: var(--opap-neutral-90); }
        body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group input:focus {
          outline: none; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group input[type="date"]::-webkit-calendar-picker-indicator {
          filter: invert(100%); }
    body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .search-wrapper {
      display: flex;
      column-gap: 1rem; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .search-wrapper .search {
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--opap-white);
        background-color: transparent;
        border: none; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .search-wrapper .search i {
          font-size: 1.25rem; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .download {
      width: 3.25rem;
      height: 3.25rem;
      justify-content: center;
      align-items: center;
      color: var(--opap-white);
      background-color: rgba(0, 0, 0, 0.1);
      border: 1px solid var(--opap-white);
      border-radius: 0.5rem; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .download i {
        font-size: 1.25rem; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 0.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.2); }
    body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .list-header {
      width: 100%;
      height: 5rem;
      display: flex;
      justify-content: space-around;
      align-items: center; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .list-header.all p {
        width: 20%;
        text-align: center; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .list-header.weekly p {
        width: 30%;
        text-align: center; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .list-header p {
        margin: 0;
        font-size: 1rem;
        color: #80D8FF; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .participation-list-item {
      width: 100%;
      height: 5rem;
      display: flex;
      justify-content: space-around;
      align-items: center;
      border: 1px solid var(--opap-white);
      border-radius: 0.5rem;
      background-color: rgba(0, 0, 0, 0.1); }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .participation-list-item p {
        margin: 0;
        font-size: 1.25rem;
        color: var(--opap-white); }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .participation-list-item.all p {
        width: 20%;
        text-align: center; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .participation-list-item.weekly p {
        width: 30%;
        text-align: center; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-empty-message {
    width: 100%;
    margin: 1rem 0;
    text-align: center;
    font-size: 1rem;
    color: #80D8FF; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .load-more {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--opap-white);
    background-color: transparent;
    border: none; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .load-more i {
      font-size: 1rem;
      margin-left: 0.5rem; }

body #wrapper #opap-scratch-second-chance-app .draws-and-results {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--opap-white); }
  body #wrapper #opap-scratch-second-chance-app .draws-and-results .title {
    padding-bottom: 0.25rem;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
    color: var(--opap-white); }
  body #wrapper #opap-scratch-second-chance-app .draws-and-results .list-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem; }
    body #wrapper #opap-scratch-second-chance-app .draws-and-results .list-wrapper .list-header {
      width: 100%;
      height: 3rem;
      display: flex;
      justify-content: space-around;
      align-items: center; }
      body #wrapper #opap-scratch-second-chance-app .draws-and-results .list-wrapper .list-header p {
        width: 50%;
        margin: 0;
        text-align: center;
        font-size: 1rem;
        font-weight: 500;
        color: #80D8FF; }
    body #wrapper #opap-scratch-second-chance-app .draws-and-results .list-wrapper .draws-and-results-list-item {
      width: 100%;
      height: 4rem;
      display: flex;
      justify-content: space-around;
      align-items: center;
      border: 1px solid var(--opap-white);
      border-radius: 0.5rem;
      background-color: rgba(0, 0, 0, 0.1); }
      body #wrapper #opap-scratch-second-chance-app .draws-and-results .list-wrapper .draws-and-results-list-item p {
        width: 50%;
        margin: 0;
        text-align: center;
        color: var(--opap-white);
        font-size: 1rem;
        font-weight: 500; }
    body #wrapper #opap-scratch-second-chance-app .draws-and-results .list-wrapper .list-empty-message {
      width: 100%;
      margin: 1rem 0;
      text-align: center;
      font-size: 1rem;
      color: #80D8FF; }

body #wrapper #opap-scratch-second-chance-app .user-profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.5rem;
  padding: 1.5rem; }
  body #wrapper #opap-scratch-second-chance-app .user-profile .info-wrapper {
    width: 100%;
    height: 3.25rem;
    max-width: 28.5rem;
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    padding: 0.75rem;
    font-weight: 900;
    color: var(--opap-white);
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid var(--opap-white);
    border-radius: 0.5rem; }
    body #wrapper #opap-scratch-second-chance-app .user-profile .info-wrapper i {
      font-size: 1rem; }
    body #wrapper #opap-scratch-second-chance-app .user-profile .info-wrapper p {
      margin: 0;
      font-size: 0.75rem; }

@media (max-width: 1279.98px) {
  body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group input {
    width: 10rem; } }

@media (max-width: 991.98px) {
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .submitted-entries .title {
    font-size: 2rem; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal {
    max-width: 750px;
    max-height: 750px; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-message {
      max-width: 100%; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper {
    max-width: 100%;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.75rem;
    padding: 0; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group {
      min-width: 100%; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group.categories {
        min-width: 100%; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .filter-wrapper .form-group input {
        width: 100%; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .list-header.all p {
    width: 22%;
    font-size: 0.5rem; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .list-header.all p:first-of-type {
      width: 12%; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .list-header.weekly {
    justify-content: center; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .list-header.weekly p {
      font-size: 0.5rem; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .participation-list-item {
    justify-content: center; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .participation-list-item.all p {
      width: 21%; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .participation-list-item.all p:first-of-type {
        width: 16%; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .list-wrapper .participation-list-item p {
      font-size: 10px; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .load-more {
    font-size: 0.75rem; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .participation-list .load-more i {
      font-size: 0.75rem; }
  body #wrapper #opap-scratch-second-chance-app .draws-and-results .list-wrapper .list-header p {
    font-size: 0.75rem; }
  body #wrapper #opap-scratch-second-chance-app .draws-and-results .list-wrapper .draws-and-results-list-item p {
    font-size: 0.75rem; }
  body #wrapper #opap-scratch-second-chance-app .user-profile .delete-button {
    width: 9rem;
    height: 2.25rem;
    font-size: 10px; } }

@media (max-width: 767.98px) {
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal {
    max-width: 540px;
    max-height: 600px;
    display: flex;
    justify-content: center; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content {
      max-width: 450px;
      max-height: 450px; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-static-dynamic-wrapper .wheel-dynamic {
        max-width: calc(100% - 5rem);
        max-height: calc(100% - 5rem); }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-static-dynamic-wrapper .wheel-indicator {
        max-width: 35px;
        bottom: calc(100% - 2.5rem); } }

@media (max-width: 575.98px) {
  body #wrapper #opap-scratch-second-chance-app.my-participations .submitted-entries {
    margin-top: 0.5rem; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .submitted-entries .entries-wrapper {
      gap: 2rem; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .submitted-entries .entries-wrapper .submitted-entry i {
        font-size: 5rem; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .submitted-entries .entries-wrapper .submitted-entry .label {
        line-height: 18px; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .submitted-entries .entries-wrapper .submitted-entry .counter {
        font-size: 1.75rem;
        line-height: 1.75rem; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper {
    gap: 0.5rem;
    padding-bottom: 0.5rem; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper a {
      width: 100%;
      max-width: calc(100% - 3rem);
      height: 52px; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper input {
      max-width: calc(100% - 3rem); }
    body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal {
      max-width: 400px;
      max-height: 600px;
      height: fit-content; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-title-subtitle h1 {
        font-size: 1.3rem; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal i {
        font-size: 2rem; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content {
        padding: 2rem;
        height: auto; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-static-dynamic-wrapper .wheel-dynamic {
          max-width: 100%;
          max-height: 100%; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-static-dynamic-wrapper .wheel-indicator {
          max-width: 25px;
          bottom: calc(100% - 2rem); }
        body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-message {
          padding: 1rem;
          gap: 0.5rem; }
          body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-message .message-title {
            font-size: 1.5rem; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .scratch-logo {
        position: relative;
        right: auto;
        max-width: 125px;
        margin-top: 1rem; } }

@media screen and (max-width: 420px) {
  body #wrapper #opap-scratch-second-chance-app.my-participations .submitted-entries .entries-wrapper .submitted-entry .counter {
    font-size: 1.5rem;
    line-height: 1.5rem; }
  body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal {
    max-width: 270px;
    max-height: 500px;
    padding-top: 2rem; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-mobile-title h1 {
      font-size: 1rem; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal i {
      font-size: 1.5rem; }
    body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content {
      padding: 1rem;
      max-height: 238px;
      min-height: 238px;
      max-width: 238px;
      min-width: 238px; }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-static-dynamic-wrapper .wheel-indicator {
        max-width: 20px;
        bottom: calc(100% - 1.35rem); }
      body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-message {
        max-width: calc(100% - 2rem); }
        body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-message .message-title {
          font-size: 1rem; }
        body #wrapper #opap-scratch-second-chance-app.my-participations .code-checker-entries-wrapper .wheel-modal-wrapper .wheel-modal .wheel-modal-content .wheel-message .message-text {
          font-size: 0.75rem; } }

.scratch-modal-wrapper-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem; }
  .scratch-modal-wrapper-form .scratch-form-wrapper {
    background: var(--opap-clean-white);
    min-height: max-content;
    border-radius: 11px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0.5em 1.75em 1.25em 1.75em;
    gap: 0.5rem;
    max-width: 450px; }
    .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-close-button {
      position: absolute;
      right: 1rem;
      top: 1rem;
      cursor: pointer;
      filter: opacity(0.5); }
    .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-logo {
      margin-bottom: 2rem; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-logo.register {
        margin-bottom: 0; }
    .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-info-message {
      margin-bottom: 1.5rem; }
    .scratch-modal-wrapper-form .scratch-form-wrapper .form-group {
      width: 100%; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .form-group.input-checkbox-wrapper {
        margin-bottom: 0;
        margin-top: 0.5rem; }
        .scratch-modal-wrapper-form .scratch-form-wrapper .form-group.input-checkbox-wrapper label {
          display: flex;
          align-items: baseline;
          gap: 0.5rem; }
    .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-required-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 100%;
      gap: 0.5rem; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-required-wrapper i.fa-asterisk {
        position: absolute;
        color: #8B1010;
        width: fit-content;
        z-index: 2;
        top: 1.25rem;
        right: calc(100% + 0.25rem); }
    .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      width: 100%; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper i {
        position: absolute;
        color: var(--opap-neutral-50);
        width: fit-content;
        z-index: 2;
        top: 1.25rem; }
        .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper i.fa-circle-info {
          color: var(--opap-brand-sky-blue);
          left: calc(100% - 2rem);
          cursor: pointer; }
        .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper i.fa-circle-info:hover + .custom-tooltip {
          opacity: 1;
          height: auto;
          z-index: 5; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper i:first-child {
        left: 1rem; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper i:last-child {
        right: 1rem;
        cursor: pointer;
        left: calc(100% - 2rem); }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper .custom-tooltip {
        opacity: 0;
        right: 0;
        position: absolute;
        top: 26px;
        height: auto;
        width: auto;
        border-radius: 6px; }
        .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper .custom-tooltip .tooltip-lite {
          font-size: 14px;
          width: auto;
          min-height: 36px;
          margin: 0;
          font-weight: 500;
          background: #232633;
          color: var(--opap-clean-white);
          padding: 10px;
          border-radius: 5px;
          box-sizing: border-box;
          position: absolute;
          display: inline-block;
          min-width: 190px;
          max-width: 401px;
          right: 0;
          top: 16px; }
          .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper .custom-tooltip .tooltip-lite p {
            font-weight: normal;
            font-size: 14px;
            line-height: 16px; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper .custom-tooltip::after {
        content: " ";
        position: absolute;
        bottom: 100%;
        right: 19px;
        top: 4px;
        border-width: 6.5px;
        border-style: solid;
        border-color: transparent transparent #232633 transparent; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper .form-group {
        font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        margin-bottom: 0; }
        .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper .form-group label {
          display: none; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper.otp i {
        top: 2.75rem; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper.otp .custom-tooltip {
        top: 52px; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper.otp .form-group label {
        display: block; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper.three-icons i:nth-of-type(2) {
        right: 1rem;
        cursor: pointer;
        left: calc(100% - 3.5rem); }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper.three-icons input {
        padding-right: 3.8rem; }
    .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-required-message-wrapper {
      display: flex;
      align-items: center;
      width: 100%;
      gap: 0.25rem;
      margin-bottom: 0.5rem; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-required-message-wrapper i {
        position: relative;
        color: #8B1010; }
    .scratch-modal-wrapper-form .scratch-form-wrapper .button-holder {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.5rem;
      width: 100%; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .button-holder.space {
        padding-top: 1rem; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .button-holder .register-button, .scratch-modal-wrapper-form .scratch-form-wrapper .button-holder .login-button, .scratch-modal-wrapper-form .scratch-form-wrapper .button-holder .cancel-button {
        margin: 0.5rem 0;
        border-color: transparent; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .button-holder .login-button {
        margin-top: 2rem; }
    .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-message-wrapper {
      display: flex;
      align-items: center;
      width: 100%;
      gap: 0.25rem; }
      .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-message-wrapper i {
        color: #8B1010; }
    .scratch-modal-wrapper-form .scratch-form-wrapper input {
      font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      height: 50px;
      padding: 0 2rem;
      padding-right: 40px;
      border: 1px solid #DDDEE3;
      border-radius: 0.5rem;
      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
      background: var(--opap-white);
      font-size: 16px;
      outline: none;
      width: 100%; }
    .scratch-modal-wrapper-form .scratch-form-wrapper input[type="checkbox"] {
      width: fit-content;
      height: fit-content;
      border-radius: 0.5rem;
      border: 1px solid var(--opap-neutral-30);
      background: var(--opap-white);
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset; }
    .scratch-modal-wrapper-form .scratch-form-wrapper .login-button, .scratch-modal-wrapper-form .scratch-form-wrapper .register-button, .scratch-modal-wrapper-form .scratch-form-wrapper .cancel-button {
      display: flex;
      width: 390px;
      height: 52px;
      padding: 0.5rem 1rem;
      justify-content: center;
      align-items: center;
      gap: 0.5rem;
      border-radius: 0.5rem;
      color: var(--opap-white);
      user-select: none;
      text-transform: uppercase;
      margin: 1rem 0;
      border-color: transparent; }
    .scratch-modal-wrapper-form .scratch-form-wrapper input[type="text"]::placeholder,
    .scratch-modal-wrapper-form .scratch-form-wrapper input[type="password"]::placeholder {
      text-transform: lowercase; }
    .scratch-modal-wrapper-form .scratch-form-wrapper .login-button {
      background: #00598E;
      margin-top: 1.5rem; }
    .scratch-modal-wrapper-form .scratch-form-wrapper .register-button {
      background: var(--opap-brand-apple);
      margin-bottom: 0; }
    .scratch-modal-wrapper-form .scratch-form-wrapper .cancel-button {
      background: var(--opap-neutral-40); }
    .scratch-modal-wrapper-form .scratch-form-wrapper .forgot-your-password {
      color: var(--opap-neutral-50);
      text-decoration: underline; }
    .scratch-modal-wrapper-form .scratch-form-wrapper p, .scratch-modal-wrapper-form .scratch-form-wrapper a {
      font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    .scratch-modal-wrapper-form .scratch-form-wrapper p {
      margin-bottom: 0;
      font-size: 1rem; }
    .scratch-modal-wrapper-form .scratch-form-wrapper a {
      cursor: pointer; }
    .scratch-modal-wrapper-form .scratch-form-wrapper .accept-terms-full-label a {
      font-size: 0.875rem;
      color: var(--dark);
      text-decoration: underline; }
  .scratch-modal-wrapper-form .code-entry-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 800px;
    padding-top: 2rem;
    gap: 0.5rem; }
    .scratch-modal-wrapper-form .code-entry-wrapper h1 {
      width: 100%;
      color: white; }
    .scratch-modal-wrapper-form .code-entry-wrapper .scratch-form-wrapper {
      display: block;
      padding-top: 1.25em; }
  .scratch-modal-wrapper-form .otp-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 800px;
    padding-top: 2rem;
    gap: 0.5rem; }
    .scratch-modal-wrapper-form .otp-wrapper h1 {
      width: 100%;
      color: white; }
    .scratch-modal-wrapper-form .otp-wrapper .scratch-form-wrapper {
      padding-top: 1.25em; }
  .scratch-modal-wrapper-form .alert {
    max-width: 800px;
    width: 100%; }

.scratch-pop-up-header {
  height: auto;
  border: none; }
  .scratch-pop-up-header .close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem; }

body #wrapper .scratch-modal-wrapper-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem; }
  body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper {
    background: var(--opap-clean-white);
    min-height: max-content;
    border-radius: 11px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0.5em 1.75em 1.25em 1.75em;
    gap: 0.5rem;
    max-width: 800px;
    width: 100%; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-close-button {
      position: absolute;
      right: 1rem;
      top: 1rem;
      cursor: pointer;
      filter: opacity(0.5); }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-logo {
      margin-bottom: 2rem; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-logo.register {
        margin-bottom: 0; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-info-message {
      margin-bottom: 1.5rem; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .form-group {
      width: 100%; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .form-group.input-checkbox-wrapper {
        margin-bottom: 0;
        margin-top: 0.5rem;
        flex-direction: column;
        align-items: baseline; }
        body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .form-group.input-checkbox-wrapper label {
          display: flex;
          align-items: baseline;
          gap: 0.5rem; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-required-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      width: 100%;
      gap: 0.5rem; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-required-wrapper i.fa-asterisk {
        position: absolute;
        color: #8B1010;
        width: fit-content;
        z-index: 2;
        top: 1.25rem;
        right: calc(100% + 0.25rem); }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      width: 100%; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper i {
        position: absolute;
        color: var(--opap-neutral-50);
        width: fit-content;
        z-index: 2;
        top: 1.25rem; }
        body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper i.fa-circle-info {
          color: var(--opap-brand-sky-blue);
          left: calc(100% - 2rem); }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper i:first-child {
        left: 1rem; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper i:last-child {
        right: 1rem;
        cursor: pointer;
        left: calc(100% - 2rem); }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper .form-group {
        font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        margin-bottom: 0; }
        body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper .form-group label {
          display: none; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper.otp i {
        top: 2.75rem; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper.otp .custom-tooltip {
        top: 52px; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper.otp .form-group label {
        display: block; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper.three-icons i:nth-of-type(2) {
        right: 1rem;
        cursor: pointer;
        left: calc(100% - 3.5rem); }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-input-wrapper.three-icons input {
        padding-right: 3.8rem; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-required-message-wrapper {
      display: flex;
      align-items: center;
      width: 100%;
      gap: 0.25rem;
      margin-bottom: 0.5rem; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-required-message-wrapper i {
        position: relative;
        color: #8B1010; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .button-holder {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.5rem;
      width: 100%; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .button-holder.space {
        padding-top: 1rem; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .button-holder .register-button, body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .button-holder .login-button, body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .button-holder .cancel-button {
        margin: 0.5rem 0;
        border-color: transparent; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .button-holder .login-button {
        margin-top: 1rem; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-message-wrapper {
      display: flex;
      align-items: center;
      width: 100%;
      gap: 0.25rem; }
      body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-message-wrapper i {
        color: #8B1010; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper input {
      font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      height: 50px;
      padding: 0 2rem;
      padding-right: 40px;
      border: 1px solid #DDDEE3;
      border-radius: 0.5rem;
      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
      background: var(--opap-white);
      font-size: 16px;
      outline: none;
      width: 100%; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper input[type="checkbox"] {
      width: fit-content;
      height: fit-content;
      border-radius: 0.5rem;
      border: 1px solid var(--opap-neutral-30);
      background: var(--opap-white);
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .login-button, body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .register-button, body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .cancel-button {
      display: flex;
      width: 100%;
      height: 52px;
      padding: 0.5rem 1rem;
      justify-content: center;
      align-items: center;
      gap: 0.5rem;
      border-radius: 0.5rem;
      color: var(--opap-white);
      user-select: none;
      text-transform: uppercase;
      margin: 1rem 0;
      border-color: transparent; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper input[type="text"]::placeholder,
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper input[type="password"]::placeholder {
      text-transform: lowercase; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .login-button {
      background: #00598E;
      margin-top: 1.5rem; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .register-button {
      background: var(--opap-brand-apple);
      margin-bottom: 0; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .cancel-button {
      background: var(--opap-neutral-40); }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .forgot-your-password {
      color: var(--opap-neutral-50);
      text-decoration: underline; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper p, body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper a {
      font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper p {
      margin-bottom: 0;
      font-size: 1rem; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper a {
      cursor: pointer; }
    body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .accept-terms-full-label a {
      font-size: 0.875rem;
      color: var(--dark);
      text-decoration: underline; }
  body #wrapper .scratch-modal-wrapper-form .code-entry-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 800px;
    padding-top: 2rem;
    gap: 0.5rem; }
    body #wrapper .scratch-modal-wrapper-form .code-entry-wrapper h1 {
      width: 100%;
      color: white; }
    body #wrapper .scratch-modal-wrapper-form .code-entry-wrapper .scratch-form-wrapper {
      display: block;
      padding-top: 1.25em; }
  body #wrapper .scratch-modal-wrapper-form .otp-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 800px;
    padding-top: 2rem;
    gap: 0.5rem; }
    body #wrapper .scratch-modal-wrapper-form .otp-wrapper h1 {
      width: 100%;
      color: white; }
    body #wrapper .scratch-modal-wrapper-form .otp-wrapper .scratch-form-wrapper {
      padding-top: 1.25em; }
  body #wrapper .scratch-modal-wrapper-form .alert {
    max-width: 800px;
    width: 100%; }

@media (max-width: 767.98px) {
  .scratch-modal-wrapper-form .scratch-form-wrapper {
    padding: 1em 1.75em;
    width: calc(100% - 2rem); }
    .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-logo {
      max-width: 200px;
      margin-bottom: 1rem; }
    .scratch-modal-wrapper-form .scratch-form-wrapper .login-button, .scratch-modal-wrapper-form .scratch-form-wrapper .register-button, .scratch-modal-wrapper-form .scratch-form-wrapper .cancel-button {
      height: auto;
      font-size: 1em;
      width: 100%;
      margin: 0; }
  .scratch-pop-up-header .close {
    right: 1rem; }
  body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .scratch-logo {
    max-width: 200px;
    margin-bottom: 1rem; }
  body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .login-button, body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .register-button, body #wrapper .scratch-modal-wrapper-form .scratch-form-wrapper .cancel-button {
    height: auto;
    font-size: 1em;
    width: 100%; }
  body #wrapper .scratch-modal-wrapper-form .scratch-pop-up-header {
    height: auto;
    border: none; }
    body #wrapper .scratch-modal-wrapper-form .scratch-pop-up-header .close {
      position: absolute;
      top: 0.5rem;
      right: 0.5rem; } }

body #wrapper #opap-game-statistics-app {
  box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  border-radius: 0.5rem;
  background-color: var(--opap-clean-white); }
  body #wrapper #opap-game-statistics-app .opap-statistics-header {
    width: 100%;
    max-width: 80rem;
    display: flex;
    justify-content: center;
    row-gap: 1rem;
    padding: 1rem 2rem;
    background-color: var(--opap-brand-navy-blue);
    border-radius: 0.5rem 0.5rem 0 0; }
    body #wrapper #opap-game-statistics-app .opap-statistics-header p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      width: 100%;
      margin: 0;
      font-size: 1.5rem;
      color: var(--opap-white); }
    body #wrapper #opap-game-statistics-app .opap-statistics-header.laiko .form-group {
      display: flex;
      flex-direction: column;
      row-gap: 0.75rem;
      margin-bottom: 5px; }
      body #wrapper #opap-game-statistics-app .opap-statistics-header.laiko .form-group label {
        font-size: 1rem;
        color: var(--opap-white); }
      body #wrapper #opap-game-statistics-app .opap-statistics-header.laiko .form-group select {
        min-width: 12.5rem;
        height: 3rem;
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        font-weight: bold;
        text-align: center; }
        body #wrapper #opap-game-statistics-app .opap-statistics-header.laiko .form-group select option {
          font-weight: bold; }
  body #wrapper #opap-game-statistics-app .opap-game-statistics-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 2rem;
    padding: 0 4rem;
    background-color: #ECEEF5;
    border-radius: 0 0 0.5rem 0.5rem; }
    body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko {
      max-width: 80rem; }
      body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .title-wrapper {
        min-height: 6rem;
        display: flex;
        justify-content: center;
        align-items: center; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .title-wrapper p {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          color: var(--opap-laikolaxeio-solid);
          font-size: 2.5rem;
          margin: 0; }
      body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container {
        display: flex;
        flex-direction: row;
        column-gap: 2rem; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column {
          display: flex;
          flex-direction: column;
          row-gap: 0.5rem; }
          body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column .draws {
            width: 7.25rem;
            height: 3rem;
            display: flex;
            column-gap: 0.25rem; }
            body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column .draws .draw {
              font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              font-size: 1rem;
              display: flex;
              justify-content: center;
              align-items: center;
              background: var(--opap-laikolaxeio-background);
              color: var(--opap-white);
              flex: 1; }
              body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column .draws .draw.draw-null {
                background: var(--opap-laikolaxeio-solid); }
            body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column .draws .digit {
              position: relative;
              display: flex;
              justify-content: center;
              align-items: center;
              background: var(--opap-laikolaxeio-white);
              flex: 1; }
              body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column .draws .digit p {
                font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                color: var(--opap-neutral-90);
                margin: 0;
                font-size: 1.5rem;
                padding-right: 0.75rem; }
              body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column .draws .digit.digit-null {
                background: #EECCDC; }
              body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column .draws .digit .odd-even-indicator {
                font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                position: absolute;
                top: 0;
                right: 0;
                font-size: 10px;
                padding: 0.25rem 0.5rem;
                color: var(--opap-laikolaxeio-background); }
      body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 1.5rem;
        margin: 0; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence p {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          color: var(--opap-laikolaxeio-solid);
          font-size: 1.5rem;
          margin: 0; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows {
          display: flex;
          flex-direction: column;
          row-gap: 0.25rem; }
          body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row {
            display: flex;
            column-gap: 0.25rem;
            margin: 0 auto; }
            body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .number, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .sum, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .number, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .sum {
              height: 3rem;
              position: relative;
              display: flex;
              justify-content: center;
              align-items: center;
              background-color: var(--opap-white);
              min-width: 3.5rem; }
              body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .number .digit, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .number .sum-label, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .sum .digit, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .sum .sum-label, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .number .digit, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .number .sum-label, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .sum .digit, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .sum .sum-label {
                font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                margin: 0;
                font-size: 1.5rem;
                padding-right: 0.75rem;
                color: var(--opap-laikolaxeio-solid); }
              body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .number .freq1, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .number .freq2, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .sum .freq1, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .sum .freq2, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .number .freq1, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .number .freq2, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .sum .freq1, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .sum .freq2 {
                font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                position: absolute;
                display: flex;
                justify-content: center;
                align-items: center;
                right: 0.25rem;
                font-size: 10px;
                border-radius: 50%;
                border: 1px solid;
                width: 1rem;
                height: 1rem; }
              body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .number .freq1, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .sum .freq1, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .number .freq1, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .sum .freq1 {
                color: var(--opap-white);
                background: var(--opap-laikolaxeio-background);
                top: 0.25rem; }
              body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .number .freq2, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row .sum .freq2, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .number .freq2, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row .sum .freq2 {
                color: var(--opap-laikolaxeio-solid);
                bottom: 0.25rem; }
      body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .annotation {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 1rem;
        margin: 0; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .annotation p {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          color: var(--opap-laikolaxeio-solid);
          font-size: 1.5rem;
          margin: 0; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .annotation .wrapper {
          display: flex;
          column-gap: 2rem; }
          body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .annotation .wrapper div {
            display: flex; }
            body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .annotation .wrapper div .circle {
              width: 1rem;
              height: 1rem;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 10px;
              border-radius: 50%;
              border: 1px solid;
              margin: 0.25rem 0.5rem 0 0; }
            body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .annotation .wrapper div .left {
              background-color: var(--opap-laikolaxeio-solid);
              color: var(--opap-white); }
            body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .annotation .wrapper div .right {
              background-color: var(--opap-white);
              color: var(--opap-laikolaxeio-solid); }
            body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .annotation .wrapper div .text {
              display: flex;
              flex-direction: column; }
              body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .annotation .wrapper div .text .frequency {
                font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                font-size: 1rem;
                margin: 0; }
              body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .annotation .wrapper div .text .detail {
                font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
                font-weight: 700;
                color: var(--opap-laikolaxeio-solid);
                font-size: 1rem; }
      body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .statistics-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        row-gap: 0.75rem;
        padding-bottom: 1.75rem; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .statistics-info p {
          color: var(--opap-laikolaxeio-solid);
          font-size: 1rem;
          margin: 0; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .statistics-info .opap-laikolaxeio-main-cta {
          box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          width: 9.5rem;
          height: 3.25rem;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 1rem;
          color: var(--opap-white);
          background: var(--opap-laikolaxeio-primary);
          border: none;
          border-radius: 0.5rem; }
  body #wrapper #opap-game-statistics-app .ethniko-wrapper {
    width: 100%;
    min-height: 7.25rem;
    padding: 2rem;
    background-color: #ECEEF5;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2em;
    color: var(--opap-etnikolaxeio-solid);
    position: relative; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .ethniko-title {
      font-size: 40px;
      margin-bottom: 0.5em;
      text-align: center;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-auto-rows: auto;
      grid-gap: 3em;
      position: relative; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info {
        display: flex;
        gap: 1em;
        grid-column: span 2;
        justify-self: center; }
        body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info:nth-of-type(1), body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info:nth-of-type(2) {
          grid-column: span 3; }
        body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .draw-circle-wrapper {
          width: 31px;
          height: 31px;
          background: var(--opap-clean-white);
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center; }
          body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .draw-circle-wrapper p {
            margin-bottom: 3px;
            font-size: 15px;
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
        body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .day-thousands-wrapper {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          grid-auto-rows: auto;
          grid-gap: 5px;
          height: fit-content; }
          body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .day-thousands-wrapper .day-heading {
            max-width: 50px;
            text-align: center;
            font-size: 16px;
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
          body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .day-thousands-wrapper .thousand-box {
            width: 50px;
            height: 50px;
            background: var(--opap-etnikolaxeio-solid);
            display: flex;
            align-items: center;
            justify-content: center; }
            body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .day-thousands-wrapper .thousand-box p {
              color: var(--opap-clean-white);
              font-size: 21px;
              font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
            body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .day-thousands-wrapper .thousand-box.new-row {
              grid-column: 2 / span 1; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .consecutive-draws-subtitle {
        display: flex;
        align-items: center;
        justify-content: center;
        grid-column: span 6;
        width: 100%; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .winner-wrapper {
      display: flex;
      gap: 3em; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .winner-wrapper .winner-box {
        width: 200px;
        height: 50px;
        background: var(--opap-etnikolaxeio-solid);
        display: flex;
        align-items: center;
        justify-content: center; }
        body #wrapper #opap-game-statistics-app .ethniko-wrapper .winner-wrapper .winner-box p {
          color: var(--opap-clean-white);
          font-size: 21px;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .numbers-wrapper {
      display: flex;
      gap: 5px; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .numbers-wrapper .thousand-box {
        width: 50px;
        height: 50px;
        background: var(--opap-etnikolaxeio-solid);
        display: flex;
        align-items: center;
        justify-content: center; }
        body #wrapper #opap-game-statistics-app .ethniko-wrapper .numbers-wrapper .thousand-box p {
          color: var(--opap-clean-white);
          font-size: 21px;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper h2 {
      margin-bottom: 0;
      font-size: 25px;
      text-align: center;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .numbers-subtitle {
      margin-top: 2em; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper p {
      margin-bottom: 0;
      font-size: 22px; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .opap-etnikolaxeio-main-cta {
      background: var(--opap-etnikolaxeio-primary);
      color: var(--opap-clean-white);
      min-width: 133px;
      height: 52px;
      font-size: 16px;
      margin-top: 3em;
      margin-bottom: 1em;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .opap-etnikolaxeio-main-cta.thousands {
        margin-top: 0;
        margin-bottom: 3em; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .thousands-frequencies-wrapper {
      display: grid;
      grid-template-columns: repeat(14, 1fr);
      grid-auto-rows: auto;
      grid-gap: 5px;
      margin-bottom: 1em; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .thousands-frequencies-wrapper .thousands-frequencies-box {
        width: 57px;
        height: 50px;
        background-color: var(--opap-white);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        body #wrapper #opap-game-statistics-app .ethniko-wrapper .thousands-frequencies-wrapper .thousands-frequencies-box.not-drawn {
          background-color: var(--opap-etnikolaxeio-solid);
          color: var(--opap-white); }
          body #wrapper #opap-game-statistics-app .ethniko-wrapper .thousands-frequencies-wrapper .thousands-frequencies-box.not-drawn .frequency-circle {
            display: none; }
        body #wrapper #opap-game-statistics-app .ethniko-wrapper .thousands-frequencies-wrapper .thousands-frequencies-box .thousand {
          margin-bottom: 0;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
        body #wrapper #opap-game-statistics-app .ethniko-wrapper .thousands-frequencies-wrapper .thousands-frequencies-box .frequency-circle {
          width: 16px;
          height: 16px;
          background-color: var(--opap-etnikolaxeio-solid);
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          top: 1px;
          right: 1px; }
          body #wrapper #opap-game-statistics-app .ethniko-wrapper .thousands-frequencies-wrapper .thousands-frequencies-box .frequency-circle p {
            font-size: 10px;
            color: var(--opap-white);
            margin-bottom: 1px;
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .frequency-annotation-wrapper {
      display: flex;
      gap: 0.8em;
      align-items: baseline; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .frequency-annotation-wrapper .frequency-circle {
        width: 16px;
        height: 16px;
        background-color: var(--opap-etnikolaxeio-solid);
        border-radius: 50%; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .frequency-annotation-wrapper .frequency-message-wrapper {
        display: flex;
        flex-direction: column; }
        body #wrapper #opap-game-statistics-app .ethniko-wrapper .frequency-annotation-wrapper .frequency-message-wrapper p {
          font-size: 16px; }
          body #wrapper #opap-game-statistics-app .ethniko-wrapper .frequency-annotation-wrapper .frequency-message-wrapper p.editions-number {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .disclaimer-message {
      font-size: 16px; }
  body #wrapper #opap-game-statistics-app .super3-wrapper {
    width: 100%;
    padding: 2.5rem;
    background-color: #ECEEF5;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2em;
    color: var(--opap-neutral-90);
    position: relative; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-info-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 2rem;
      width: 100%;
      border-bottom: 1px solid var(--opap-super3-border); }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-info-wrapper .super3-title-wrapper {
        margin-bottom: 1.5rem; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-info-wrapper .super3-title-wrapper .super3-title {
          font-size: 1rem;
          font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-info-wrapper .super3-title-wrapper .super3-title-bold {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 1rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns {
      display: flex;
      justify-content: space-around;
      width: 100%; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-position {
          font-size: 1rem;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item {
          display: flex;
          align-items: center;
          margin: 10px 0;
          color: var(--opap-neutral-90);
          width: 100%; }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item.number {
            gap: 0.3rem;
            justify-content: space-between; }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .super3-frequencies-circle {
            width: 4rem;
            height: 4rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--opap-super3-generic-blue);
            color: var(--opap-white);
            margin-right: 5px;
            font-size: 1.75rem;
            line-height: 1.75rem; }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .chart-wrapper {
            width: 4.25rem;
            height: 100%;
            margin-right: 0.75rem; }
            body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .chart-wrapper .chart {
              height: 100%; }
              body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .chart-wrapper .chart.delays {
                background-color: var(--opap-super3-cold); }
              body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .chart-wrapper .chart.occurrences {
                background-color: var(--opap-super3-hot); }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .frequency, body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .frequency-number {
            font-size: 1.75rem;
            line-height: 1.75rem;
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            margin-bottom: 0; }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item.number .frequency-number {
            min-width: 4.25rem;
            display: flex;
            justify-content: center;
            align-items: center; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item {
        display: flex;
        align-items: center;
        justify-content: space-around;
        color: var(--opap-neutral-90);
        width: 100%; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval {
          width: 12rem;
          height: 4rem;
          border-radius: 6.25rem;
          display: flex;
          align-items: center;
          justify-content: center;
          color: var(--opap-white);
          font-size: 1.625rem;
          line-height: 1.625rem; }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval .color {
            font-size: 1.75rem;
            line-height: 1.75rem;
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            margin-bottom: 0; }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval.yellow {
            background-color: #FCAF17; }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval.green {
            background-color: #00A551; }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval.red {
            background-color: #E1251B; }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval.span {
            background-color: var(--opap-super3-sum-blue);
            width: 9.65rem; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-circle {
          width: 4rem;
          height: 4rem;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: var(--opap-super3-generic-blue);
          color: var(--opap-white);
          font-size: 1.75rem;
          line-height: 1.75rem; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .chart-wrapper {
          width: 9rem;
          height: 4rem;
          margin: 0 0.75rem;
          display: flex;
          align-items: center; }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .chart-wrapper .chart {
            height: 100%; }
            body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .chart-wrapper .chart.delays {
              background-color: var(--opap-super3-cold); }
            body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .chart-wrapper .chart.occurrences {
              background-color: var(--opap-super3-hot); }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .chart-wrapper.end {
            justify-content: flex-end; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .frequency, body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .frequency-number {
          font-size: 1.75rem;
          line-height: 1.75rem;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          margin-bottom: 0; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .frequency-number {
          margin-right: 5px;
          width: 3.375rem;
          text-align: center; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item p {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-position {
          font-size: 1rem; }
  body #wrapper #opap-game-statistics-app .statistics-wrapper {
    display: flex;
    padding: 50px 50px 25px 25px;
    min-height: 94rem;
    gap: 3rem; }
    body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column {
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 75%; }
      body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column.quarter {
        min-width: 25%; }
      body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .nav-column {
        padding: 0;
        width: 100%; }
        body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .nav-column .nav-item {
          border-radius: 0.5rem;
          box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
          width: 100%;
          border-bottom: 1px solid var(--opap-neutral-30);
          color: var(--opap-neutral-90);
          text-decoration: none;
          text-align: left;
          position: relative;
          cursor: pointer;
          padding: 1.5rem 1.5rem;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          user-select: none; }
          body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .nav-column .nav-item.active {
            color: #F8F8F8;
            background: var(--opap-super3-primary); }
      body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .title {
        font-size: 2rem;
        background: var(--opap-glow-navy-blue);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        width: 100%;
        line-height: 1.5;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700; }
      body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .description {
        margin-bottom: 2.25rem;
        font-size: 1rem;
        color: var(--opap-neutral-90); }
      body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .nav-tabs {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 0.625rem;
        border-bottom: 2px solid rgba(148, 153, 168, 0.4);
        width: 100%;
        gap: 3rem; }
        body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .nav-tabs .nav-item {
          align-items: center;
          display: flex;
          word-wrap: normal;
          max-width: 100%;
          cursor: pointer;
          user-select: none; }
          body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .nav-tabs .nav-item .nav-link {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            color: var(--opap-neutral-50);
            padding-bottom: 0.625rem; }
            body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .nav-tabs .nav-item .nav-link.active {
              position: relative;
              color: var(--opap-neutral-90);
              border: none; }
              body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .nav-tabs .nav-item .nav-link.active:after {
                border-bottom: 2px solid var(--opap-brand-royal-blue);
                content: "";
                position: absolute;
                width: 100%;
                height: 4px;
                left: 0;
                bottom: -2px;
                background: var(--opap-glow-sky-blue);
                border-radius: 4px;
                box-shadow: 0 -3px 6px -1px var(--opap-hl-navy-blue); }
          body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .nav-tabs .nav-item .nav-link:active {
            border: none; }
      body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .display-data {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: var(--opap-neutral-90);
        width: 100%; }
      body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .filters {
        font-size: 0.875rem;
        padding: 0.75rem 0;
        width: 100%;
        display: flex;
        align-items: center; }
        body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .filters .filter-item {
          display: inline-block;
          margin-right: 1rem;
          margin-bottom: 0.625rem;
          cursor: pointer;
          user-select: none; }
          body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .filters .filter-item .nav-link {
            font-size: 1rem;
            color: var(--opap-neutral-50);
            border: 1px solid var(--opap-neutral-40);
            border-radius: 1rem;
            background-color: var(--opap-neutral-20);
            padding-left: 1rem;
            padding-right: 1rem;
            padding-bottom: 3px;
            display: flex;
            align-items: center;
            height: 2rem;
            gap: 0.5rem; }
            body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .filters .filter-item .nav-link.active {
              color: var(--opap-white);
              background: var(--opap-glow-sky-blue);
              border: none;
              box-shadow: none; }
            body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .filters .filter-item .nav-link i {
              padding-top: 3px; }
  @media (max-width: 1279.98px) {
    body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container {
      column-gap: 1rem;
      justify-content: space-between; }
      body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column {
        flex: 1 1 calc(14.28% - 2rem);
        max-width: calc(14.28% - 2rem); }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column .draws {
          max-width: 100%; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .super3-frequencies-circle {
      width: 3.5rem;
      height: 3.5rem;
      font-size: 1.5rem;
      line-height: 1.5rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .chart-wrapper {
      width: 4rem;
      margin-right: 0.75rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .frequency, body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .frequency-number {
      font-size: 1.5rem;
      line-height: 1.5rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval {
      height: 3.5rem;
      font-size: 1.5rem;
      line-height: 1.5rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval .color {
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        margin-bottom: 0; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-circle {
      width: 3.5rem;
      height: 3.5rem;
      font-size: 1.5rem;
      line-height: 1.5rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .chart-wrapper {
      height: 3.5rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .frequency, body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .frequency-number {
      font-size: 1.5rem;
      line-height: 1.5rem;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      margin-bottom: 0; }
    body #wrapper #opap-game-statistics-app .statistics-wrapper {
      gap: 2rem;
      min-height: 88.75rem; }
      body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .nav-tabs {
        gap: 2rem; } }
  @media (max-width: 991.98px) {
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .thousands-frequencies-wrapper {
      grid-template-columns: repeat(10, 1fr); }
    body #wrapper #opap-game-statistics-app .opap-game-statistics-content {
      padding: 0 1rem;
      row-gap: 1rem; }
      body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .title-wrapper {
        min-height: 4.25px;
        margin-top: 0.5rem; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .title-wrapper p {
          font-size: 1.5rem; }
      body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container {
        flex-wrap: wrap;
        row-gap: 0.5rem;
        max-width: 16.5rem;
        margin: 0 auto;
        column-gap: 2rem;
        justify-content: center; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column {
          flex: 0;
          max-width: 100%; }
          body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column:nth-child(1) {
            order: 0; }
          body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column:nth-child(2) {
            order: 2; }
          body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column:nth-child(3) {
            order: 4; }
          body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column:nth-child(4) {
            order: 6; }
          body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column:nth-child(5) {
            order: 1; }
          body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column:nth-child(6) {
            order: 3; }
          body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column:nth-child(7) {
            order: 5; }
          body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .draws-container .column:nth-child(8) {
            order: 7; }
      body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence {
        row-gap: 1rem; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence p {
          font-size: 1.25rem;
          text-align: center; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows {
          display: flex;
          flex-direction: column;
          row-gap: 0.25rem; }
          body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .numbers-row, body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .frequency-of-occurrence .numbers-rows .sums-row {
            flex-wrap: wrap;
            justify-content: center;
            gap: 0.25rem; }
      body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .annotation p {
        font-size: 1.25rem; }
      body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .annotation .wrapper {
        flex-direction: column;
        row-gap: 1rem; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .annotation .wrapper div {
          display: flex;
          flex-direction: column; }
      body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .statistics-info {
        row-gap: 2.75rem; }
        body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .statistics-info .info {
          display: flex;
          flex-direction: column; }
          body #wrapper #opap-game-statistics-app .opap-game-statistics-content.laiko .statistics-info .info p span {
            width: 100%;
            display: block; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .super3-frequencies-circle {
      width: 3rem;
      height: 3rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .chart-wrapper {
      width: 4rem;
      margin-right: 0.5rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .frequency, body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .frequency-number {
      padding-bottom: 2px; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-circle {
      width: 3rem;
      height: 3rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-circle .frequency {
        padding-bottom: 2px; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .chart-wrapper {
      width: 8rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval {
      padding-bottom: 2px; }
    body #wrapper #opap-game-statistics-app .statistics-top .toggle-wrapper {
      width: 100%;
      max-width: 80rem;
      display: flex;
      flex-direction: column;
      row-gap: 1rem;
      padding: 1.5rem 2.5rem;
      background-color: var(--opap-brand-navy-blue);
      border-radius: 0.5rem 0.5rem 0 0; }
    body #wrapper #opap-game-statistics-app .statistics-top .collapsed {
      display: none; }
    body #wrapper #opap-game-statistics-app .statistics-top .expanded {
      display: flex; }
      body #wrapper #opap-game-statistics-app .statistics-top .expanded .nav-column {
        padding: 0;
        width: 100%; }
        body #wrapper #opap-game-statistics-app .statistics-top .expanded .nav-column .nav-item {
          width: 100%;
          border-bottom: 1px solid var(--opap-neutral-30);
          color: var(--opap-neutral-90);
          text-decoration: none;
          text-align: left;
          position: relative;
          cursor: pointer;
          padding: 1.5rem 1.5rem;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
          body #wrapper #opap-game-statistics-app .statistics-top .expanded .nav-column .nav-item.active {
            color: #F8F8F8;
            background: var(--opap-super3-primary); }
    body #wrapper #opap-game-statistics-app .statistics-top .toggle-views {
      display: block;
      font-size: 1rem;
      text-align: right; }
      body #wrapper #opap-game-statistics-app .statistics-top .toggle-views i {
        margin-left: 1rem; }
    body #wrapper #opap-game-statistics-app .statistics-top p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      width: fit-content;
      margin: 0;
      font-size: 1.25rem;
      color: var(--opap-white); }
    body #wrapper #opap-game-statistics-app .statistics-top .form-group {
      display: flex;
      flex-direction: column;
      row-gap: 0.75rem;
      margin: 0;
      width: 100%; }
      body #wrapper #opap-game-statistics-app .statistics-top .form-group label {
        font-size: 1rem;
        color: var(--opap-white); }
      body #wrapper #opap-game-statistics-app .statistics-top .form-group select {
        min-width: 13.5rem;
        height: 3rem;
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        font-weight: bold; }
        body #wrapper #opap-game-statistics-app .statistics-top .form-group select option {
          font-weight: bold; }
    body #wrapper #opap-game-statistics-app .statistics-wrapper {
      flex-direction: column;
      padding: 1rem;
      min-height: 93.75rem; }
      body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column {
        max-width: 100%; }
        body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column.quarter {
          display: none; }
        body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .title {
          font-size: 1.25rem; }
        body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .display-data {
          margin-bottom: 1.25rem; }
        body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .nav-tabs {
          flex-direction: column;
          align-items: flex-start;
          padding: 0;
          gap: 0;
          padding-bottom: 2.25rem;
          margin-bottom: 2.25rem; }
          body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .nav-tabs .nav-item .nav-link.active {
            margin-bottom: 0.5rem; }
        body #wrapper #opap-game-statistics-app .statistics-wrapper .statistics-column .filters {
          padding: 0 0 1.5rem 0;
          flex-direction: column;
          align-items: flex-start;
          border-bottom: 2px solid rgba(148, 153, 168, 0.4);
          width: 100%;
          margin-bottom: 2rem; } }
  @media (max-width: 767.98px) {
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .ethniko-title {
      font-size: 30px; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2em;
      width: 100%; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .day-thousands-wrapper .day-heading {
        padding-right: 0; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .day-thousands-wrapper .thousand-box p {
        font-size: 19px; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .consecutive-draws-subtitle {
        margin-top: 0; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper h2 {
      font-size: 21px; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .thousands-frequencies-wrapper {
      grid-template-columns: repeat(6, 1fr); }
    body #wrapper #opap-game-statistics-app .super3-wrapper {
      padding: 1.25rem 0;
      gap: 1rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-info-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 0; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-info-wrapper .super3-title-wrapper {
          margin-bottom: 1.5rem; }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-info-wrapper .super3-title-wrapper .super3-title {
            font-size: 0.85rem; }
            body #wrapper #opap-game-statistics-app .super3-wrapper .super3-info-wrapper .super3-title-wrapper .super3-title-bold {
              font-size: 0.85rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column {
        text-align: center; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-position {
          margin-bottom: 0; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item.number {
          gap: 0; }
          body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item.number .frequency-number {
            min-width: 2rem; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .super3-frequencies-circle {
          width: 2.25rem;
          height: 2.25rem; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .chart-wrapper {
          width: 2.25rem;
          margin-right: 0.25rem; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .frequency {
          font-size: 1rem;
          line-height: 0.85rem; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .frequency-number {
          font-size: 0.85rem;
          line-height: 0.85rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval {
        width: 12rem;
        height: 3.5rem; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval .color {
          font-size: 1.5rem;
          line-height: 1.5rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-circle {
        width: 3rem;
        height: 3rem; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-circle .frequency {
          font-size: 1.5rem;
          line-height: 1.5rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .frequency-number {
        font-size: 1.5rem;
        line-height: 1.5rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .chart-wrapper {
        width: 6rem;
        height: 3.5rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-position {
        margin-bottom: 0; }
    body #wrapper #opap-game-statistics-app .statistics-wrapper {
      min-height: 94.25rem; } }
  @media (max-width: 575.98px) {
    body #wrapper #opap-game-statistics-app .ethniko-wrapper {
      gap: 0.5em; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .ethniko-title {
        font-size: 25px; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .winner-wrapper {
        flex-direction: column;
        gap: 0.5em; }
        body #wrapper #opap-game-statistics-app .ethniko-wrapper .winner-wrapper .winner-box p {
          font-size: 19px; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .numbers-wrapper .thousand-box p {
        font-size: 19px; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper h2 {
        font-size: 20px;
        margin-top: 1em; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .numbers-subtitle {
        margin-top: 1em; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .thousands-frequencies-wrapper {
        grid-template-columns: repeat(6, 1fr); }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .frequency-annotation-wrapper {
        flex-direction: column;
        gap: 0; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .thousands-annotation-heading {
        margin-bottom: 1em; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .disclaimer-message {
        font-size: 16px;
        max-width: 290px; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .opap-etnikolaxeio-main-cta {
        font-size: 15px; }
        body #wrapper #opap-game-statistics-app .ethniko-wrapper .opap-etnikolaxeio-main-cta.thousands {
          margin-top: 0.5em;
          margin-bottom: 0; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-circle .frequency {
      font-size: 1.25rem;
      line-height: 1.25rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .frequency-number {
      font-size: 1.25rem;
      line-height: 1.25rem; }
    body #wrapper #opap-game-statistics-app .statistics-wrapper {
      min-height: 93.75rem; } }
  @media screen and (max-width: 440px) {
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .thousands-frequencies-wrapper {
      grid-template-columns: repeat(4, 1fr); }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns {
      gap: 0.5rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .super3-frequencies-circle {
        width: 1.75rem;
        height: 1.75rem; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .super3-frequencies-circle .frequency {
          font-size: 0.85rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .chart-wrapper {
        width: 1.25rem;
        margin-right: 0.25rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .frequency-number {
        font-size: 0.85rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval {
      width: 10rem;
      height: 2.25rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval .color {
        font-size: 1.25rem;
        line-height: 1.25rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval.span {
        width: 5rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-circle {
      width: 2rem;
      height: 2rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-circle .frequency {
        font-size: 1rem;
        line-height: 1rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .frequency-number {
      font-size: 1rem;
      line-height: 1rem; }
    body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .chart-wrapper {
      width: 4rem;
      height: 2.25rem;
      margin: 0 0.25rem; }
    body #wrapper #opap-game-statistics-app .statistics-wrapper {
      min-height: 81.5rem; } }
  @media screen and (max-width: 340px) {
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .ethniko-title {
      font-size: 21px; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .day-thousands-wrapper .day-heading {
      max-width: 40px;
      font-size: 12px; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .day-thousands-wrapper .thousand-box {
      width: 40px;
      height: 40px; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .day-thousands-wrapper .thousand-box p {
        font-size: 15px; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .draw-circle-wrapper {
      width: 28px;
      height: 28px; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .draws-wrapper .draw-info .draw-circle-wrapper p {
        font-size: 12px;
        margin-bottom: 1px; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .winner-wrapper {
      flex-direction: column;
      gap: 0.5em; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .winner-wrapper .winner-box {
        width: 150px;
        height: 40px; }
        body #wrapper #opap-game-statistics-app .ethniko-wrapper .winner-wrapper .winner-box p {
          font-size: 15px; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .numbers-wrapper .thousand-box {
      width: 40px;
      height: 40px; }
      body #wrapper #opap-game-statistics-app .ethniko-wrapper .numbers-wrapper .thousand-box p {
        font-size: 15px; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper h2 {
      font-size: 18px; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .frequency-annotation-wrapper .frequency-message-wrapper p {
      font-size: 15px; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .disclaimer-message {
      font-size: 15px; }
    body #wrapper #opap-game-statistics-app .ethniko-wrapper .opap-etnikolaxeio-main-cta {
      font-size: 14px; }
    body #wrapper #opap-game-statistics-app .super3-wrapper {
      padding: 1rem;
      gap: 1rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-info-wrapper .super3-title-wrapper {
        margin-bottom: 1rem;
        font-size: 0.75rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-position {
        font-size: 0.75rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .super3-frequencies-circle {
        width: 1.5rem;
        height: 1.5rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .frequency, body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-columns .super3-frequencies-column .super3-frequency-item .frequency-number {
        font-size: 0.75rem;
        line-height: 0.75rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval {
        width: 10rem;
        height: 1.75rem; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-oval .color {
          font-size: 1rem;
          line-height: 1rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-circle {
        width: 1.5rem;
        height: 1.5rem; }
        body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-frequencies-circle .frequency {
          font-size: 0.85rem;
          line-height: 0.85rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .frequency-number {
        font-size: 0.85rem;
        line-height: 0.85rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .chart-wrapper {
        width: 2rem; }
      body #wrapper #opap-game-statistics-app .super3-wrapper .super3-frequencies-row .super3-frequency-item .super3-position {
        font-size: 0.75rem; } }
  body #wrapper #opap-game-statistics-app .statistics-wrapper {
    min-height: 83.25rem; }

body #wrapper .static-card-container-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 3rem 0; }
  body #wrapper .static-card-container-wrapper .static-card-container {
    padding: 4rem 0 4rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
    position: relative;
    max-width: 1280px; }
    body #wrapper .static-card-container-wrapper .static-card-container__content-card-heading {
      text-shadow: 0 16px 16px rgba(0, 0, 0, 0.2);
      margin-top: 40px;
      margin-bottom: 0.5rem;
      text-align: center;
      padding: 0 1em;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700; }
    body #wrapper .static-card-container-wrapper .static-card-container h1 {
      font-size: 3rem; }
    body #wrapper .static-card-container-wrapper .static-card-container .content-logo-img {
      position: absolute;
      top: -40px;
      z-index: 1;
      height: 80px; }
    body #wrapper .static-card-container-wrapper .static-card-container__body {
      padding: 0 4rem; }
      body #wrapper .static-card-container-wrapper .static-card-container__body div {
        display: flex;
        gap: 2em;
        width: 100%; }

@media (max-width: 991.98px) {
  body #wrapper .static-card-container-wrapper .static-card-container h1 {
    font-size: 2rem; }
  body #wrapper .static-card-container-wrapper .static-card-container .content-logo-img {
    max-height: 70px;
    top: -35px; }
  body #wrapper .static-card-container-wrapper .static-card-container__content-card-heading {
    margin-top: 30px; } }

@media (max-width: 767.98px) {
  body #wrapper .static-card-container-wrapper .static-card-container__body {
    display: flex;
    flex-direction: column;
    align-items: stretch; }
    body #wrapper .static-card-container-wrapper .static-card-container__body div {
      flex-direction: column;
      align-items: center;
      gap: 2em; } }

@media (max-width: 575.98px) {
  body #wrapper .static-card-container-wrapper .static-card-container h1 {
    font-size: 1.5rem; } }

@media screen and (max-width: 360px) {
  body #wrapper .static-card-container-wrapper .static-card-container h1 {
    font-size: 19px; } }

body #wrapper .static-content-card {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
  max-width: 410px;
  min-width: 200px;
  height: 100%;
  position: relative;
  padding-bottom: 72px; }
  body #wrapper .static-content-card__wide-button-wrapper {
    width: 100%;
    height: 72px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1em;
    margin-top: auto;
    background: var(--opap-neutral-90);
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(24px);
    position: absolute;
    bottom: 0;
    border-radius: 0 0 8px 8px; }
    body #wrapper .static-content-card__wide-button-wrapper .static-content-card-btn {
      margin: auto 0;
      padding: 20px 0;
      font-size: 17px;
      line-height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--opap-white);
      font-weight: 700; }
    body #wrapper .static-content-card__wide-button-wrapper i {
      font-size: x-small;
      color: var(--opap-white);
      padding-top: 0.6em; }
  body #wrapper .static-content-card__card-content {
    flex-direction: column;
    align-items: center;
    padding: 2em;
    height: 100%; }
    body #wrapper .static-content-card__card-content .static-content-card-logo-img {
      max-width: 100%;
      max-height: 80px; }
  body #wrapper .static-content-card__text {
    font-size: 17px; }
    body #wrapper .static-content-card__text p {
      font-size: 17px; }

@media (max-width: 767.98px) {
  body #wrapper .static-content-card__text {
    font-size: 15px; }
    body #wrapper .static-content-card__text p {
      font-size: 15px; }
  body #wrapper .static-content-card__wide-button-wrapper {
    gap: 0.5em; }
    body #wrapper .static-content-card__wide-button-wrapper .static-content-card-btn {
      font-size: 15px; }
  body #wrapper .static-content-card__card-content {
    min-height: 250px; } }

@media (max-width: 767.98px) {
  body #wrapper .static-content-card__wide-button-wrapper i {
    padding-top: 0.5em; } }

@media screen and (max-width: 360px) {
  body #wrapper .static-content-card__text, body #wrapper .static-content-card__wide-button-wrapper .static-content-card-btn {
    font-size: 14px; }
  body #wrapper .static-content-card__text p {
    font-size: 14px; }
  body #wrapper .static-content-card__wide-button-wrapper i {
    padding-top: 0.2em; } }

body #wrapper .opap-lacheia-promo-banner-carousel-wrapper {
  overflow: hidden;
  border-radius: 0.5rem; }

@keyframes moveLeftActive {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(100%); } }

@keyframes moveLeft {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }

@keyframes moveRightActive {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }

@keyframes moveRight {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(0); } }
  body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel {
    display: block; }
  body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel {
    display: none; }
  body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel {
    position: relative;
    width: 100%; }
    body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel i, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel i {
      color: var(--opap-neutral-90); }
    body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-item, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-item {
      opacity: 0; }
      body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-item.move-right, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-item.move-left, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-item.move-right, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-item.move-left {
        animation-duration: 0.6s;
        animation-iteration-count: 1;
        display: block; }
      body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-item.active, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-item.move-left, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-item.move-right, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-item.active, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-item.move-left, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-item.move-right {
        opacity: 1; }
      body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-item.active, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-item.active {
        transform: translateX(0); }
        body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-item.active.move-left, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-item.active.move-left {
          animation-name: moveLeftActive; }
        body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-item.active.move-right, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-item.active.move-right {
          animation-name: moveRightActive; }
      body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-item.move-left, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-item.move-left {
        animation-name: moveLeft; }
      body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-item.move-right, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-item.move-right {
        animation-name: moveRight; }
    body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-control-next, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-control-prev, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-control-next, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-control-prev {
      background-color: transparent;
      border: 0; }
      body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-control-next .icon-background, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-control-prev .icon-background, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-control-next .icon-background, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-control-prev .icon-background {
        width: 3rem;
        height: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background-color: var(--opap-white); }
    body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel .carousel-navigation, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-navigation {
      display: none; }

@media (max-width: 991.98px) {
  body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .desktop-carousel {
    display: none; }
  body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel {
    display: block; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-control-next, body #wrapper .opap-lacheia-promo-banner-carousel-wrapper .mobile-carousel .carousel-control-prev {
    opacity: 0; } }

.csr-accordion-module {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #727272;
  margin-top: 1.5rem;
  margin-bottom: 0;
  padding: 2.75rem 1.5rem;
  position: relative;
  min-height: 128px;
  color: white;
  font-size: 1.875rem;
  cursor: pointer;
  border-radius: 0.5rem; }
  .csr-accordion-module .opap-accordion-panel-title {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700; }

@media (max-width: 768px) {
  .csr-accordion-module {
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem 1.5rem; } }

body #wrapper .opap-laiko-check-your-winnings {
  width: 100%;
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 40px 16px 40px;
  background: var(--opap-laikolaxeio-primary);
  border-radius: 8px; }
  body #wrapper .opap-laiko-check-your-winnings p {
    width: fit-content;
    margin: 0;
    text-align: center;
    font-size: 25px;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    color: var(--opap-white); }
  body #wrapper .opap-laiko-check-your-winnings form {
    width: 100%;
    display: flex;
    column-gap: 10px;
    margin: 16px 0 24px 0; }
    body #wrapper .opap-laiko-check-your-winnings form .form-group {
      width: 20%;
      display: flex;
      flex-direction: column;
      row-gap: 12px; }
      body #wrapper .opap-laiko-check-your-winnings form .form-group label {
        font-size: 16px;
        color: var(--opap-white); }
      body #wrapper .opap-laiko-check-your-winnings form .form-group input, body #wrapper .opap-laiko-check-your-winnings form .form-group select {
        height: 48px;
        padding: 8px;
        font-size: 16px;
        border-radius: 8px; }
      body #wrapper .opap-laiko-check-your-winnings form .form-group select option {
        font-size: 16px;
        font-weight: 700; }
      body #wrapper .opap-laiko-check-your-winnings form .form-group .error-message {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: var(--opap-white); }
  body #wrapper .opap-laiko-check-your-winnings .response-wrapper {
    width: 100%;
    padding: 10px 0;
    margin: 16px 0 20px 0;
    text-align: center;
    border-bottom: 1px solid var(--opap-white);
    border-top: 1px solid var(--opap-white); }
    body #wrapper .opap-laiko-check-your-winnings .response-wrapper p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      margin: 0;
      font-size: 25px;
      color: var(--opap-white); }
  body #wrapper .opap-laiko-check-your-winnings button {
    width: 20%;
    min-width: 200px;
    height: 52px;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--opap-neutral-90);
    border: none;
    border-radius: 8px; }

body #wrapper .opap-ethniko-check-your-winnings {
  width: 100%;
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 40px 16px 40px;
  background: var(--opap-etnikolaxeio-primary);
  border-radius: 8px; }
  body #wrapper .opap-ethniko-check-your-winnings p {
    width: fit-content;
    margin: 0;
    text-align: center;
    font-size: 25px;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    color: var(--opap-white); }
  body #wrapper .opap-ethniko-check-your-winnings form {
    width: 100%;
    display: flex;
    column-gap: 10px;
    margin: 16px 0 24px 0; }
    body #wrapper .opap-ethniko-check-your-winnings form .form-group {
      width: 25%;
      display: flex;
      flex-direction: column;
      row-gap: 12px; }
      body #wrapper .opap-ethniko-check-your-winnings form .form-group label {
        font-size: 16px;
        color: var(--opap-white); }
      body #wrapper .opap-ethniko-check-your-winnings form .form-group input, body #wrapper .opap-ethniko-check-your-winnings form .form-group select {
        height: 48px;
        padding: 8px;
        font-size: 16px;
        border-radius: 8px; }
      body #wrapper .opap-ethniko-check-your-winnings form .form-group select option {
        font-size: 16px;
        font-weight: 700; }
      body #wrapper .opap-ethniko-check-your-winnings form .form-group .error-message {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: var(--opap-white); }
  body #wrapper .opap-ethniko-check-your-winnings .response-wrapper {
    width: 100%;
    padding: 10px 0;
    margin: 16px 0 20px 0;
    text-align: center;
    border-bottom: 1px solid var(--opap-white);
    border-top: 1px solid var(--opap-white); }
    body #wrapper .opap-ethniko-check-your-winnings .response-wrapper p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      margin: 0;
      font-size: 25px;
      color: var(--opap-white); }
  body #wrapper .opap-ethniko-check-your-winnings button {
    width: 20%;
    min-width: 200px;
    height: 52px;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--opap-neutral-90);
    border: none;
    border-radius: 8px; }

body #wrapper .opap-kratiko-check-your-winnings {
  width: 100%;
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 40px 16px 40px;
  background: var(--opap-kratikolaxeio-primary);
  border-radius: 8px; }
  body #wrapper .opap-kratiko-check-your-winnings p {
    width: fit-content;
    margin: 0;
    text-align: center;
    font-size: 25px;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    color: var(--opap-white); }
  body #wrapper .opap-kratiko-check-your-winnings form {
    width: 100%;
    display: flex;
    column-gap: 10px;
    margin: 16px 0 24px 0; }
    body #wrapper .opap-kratiko-check-your-winnings form .form-group {
      width: 50%;
      display: flex;
      flex-direction: column;
      row-gap: 12px; }
      body #wrapper .opap-kratiko-check-your-winnings form .form-group label {
        font-size: 16px;
        color: var(--opap-white); }
      body #wrapper .opap-kratiko-check-your-winnings form .form-group input, body #wrapper .opap-kratiko-check-your-winnings form .form-group select {
        height: 48px;
        padding: 8px;
        font-size: 16px;
        border-radius: 8px; }
      body #wrapper .opap-kratiko-check-your-winnings form .form-group select option {
        font-size: 16px;
        font-weight: 700; }
      body #wrapper .opap-kratiko-check-your-winnings form .form-group .error-message {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        color: var(--opap-white); }
  body #wrapper .opap-kratiko-check-your-winnings .response-wrapper {
    width: 100%;
    padding: 10px 0;
    margin: 16px 0 20px 0;
    text-align: center;
    border-bottom: 1px solid var(--opap-white);
    border-top: 1px solid var(--opap-white); }
    body #wrapper .opap-kratiko-check-your-winnings .response-wrapper p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      margin: 0;
      font-size: 25px;
      color: var(--opap-white); }
  body #wrapper .opap-kratiko-check-your-winnings button {
    width: 20%;
    min-width: 200px;
    height: 52px;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--opap-neutral-90);
    border: none;
    border-radius: 8px; }

body #wrapper .opap-laiko-game-header {
  width: 100%;
  max-width: 1280px;
  min-height: 88px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px 0 56px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--opap-laikolaxeio-primary); }
  body #wrapper .opap-laiko-game-header .next-draw-winnings {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    body #wrapper .opap-laiko-game-header .next-draw-winnings p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      margin: 0;
      color: var(--opap-white); }
      body #wrapper .opap-laiko-game-header .next-draw-winnings p:first-child {
        font-size: 20px; }
      body #wrapper .opap-laiko-game-header .next-draw-winnings p:last-child {
        font-size: 31px; }
  body #wrapper .opap-laiko-game-header .banner-middle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; }
    body #wrapper .opap-laiko-game-header .banner-middle p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      margin: 0;
      color: var(--opap-white); }
      body #wrapper .opap-laiko-game-header .banner-middle p.draw-p {
        font-size: 20px; }
      body #wrapper .opap-laiko-game-header .banner-middle p.jackpot-p {
        font-size: 31px; }

body #wrapper .opap-ethniko-game-header {
  width: 100%;
  max-width: 1280px;
  min-height: 88px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--opap-etnikolaxeio-primary); }
  body #wrapper .opap-ethniko-game-header .edition-winnings-wrapper {
    display: flex;
    align-items: center;
    column-gap: 25px; }
    body #wrapper .opap-ethniko-game-header .edition-winnings-wrapper .edition p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      margin: 0;
      font-size: 20px;
      color: var(--opap-white); }
    body #wrapper .opap-ethniko-game-header .edition-winnings-wrapper .next-draw-winnings p {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      margin: 0;
      color: var(--opap-white); }
      body #wrapper .opap-ethniko-game-header .edition-winnings-wrapper .next-draw-winnings p:first-child {
        font-size: 20px; }
      body #wrapper .opap-ethniko-game-header .edition-winnings-wrapper .next-draw-winnings p:last-child {
        font-size: 31px; }

body #wrapper .laheia-configurable-game-header {
  width: 100%;
  max-width: 1280px;
  min-height: 88px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 24px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--opap-laxeiopurple-background); }
  body #wrapper .laheia-configurable-game-header h1, body #wrapper .laheia-configurable-game-header h2, body #wrapper .laheia-configurable-game-header h3, body #wrapper .laheia-configurable-game-header h4, body #wrapper .laheia-configurable-game-header h5, body #wrapper .laheia-configurable-game-header h6, body #wrapper .laheia-configurable-game-header p {
    margin-bottom: 0; }
  body #wrapper .laheia-configurable-game-header .left {
    max-width: 30%; }
    body #wrapper .laheia-configurable-game-header .left.full-width {
      max-width: 70%; }
  body #wrapper .laheia-configurable-game-header .middle {
    max-width: 30%; }
    body #wrapper .laheia-configurable-game-header .middle.full-width {
      max-width: 70%; }

body #wrapper .laheia-countdown-widget {
  display: flex;
  column-gap: 5px; }
  body #wrapper .laheia-countdown-widget div {
    width: 56px;
    height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--opap-white);
    border-radius: 8px;
    overflow: hidden; }
    body #wrapper .laheia-countdown-widget div p {
      margin: 0;
      color: var(--opap-online-brand-navy-blue-light); }
      body #wrapper .laheia-countdown-widget div p:first-child {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 26px; }
      body #wrapper .laheia-countdown-widget div p:last-child {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 10px; }

body #wrapper .opap-calendar-widget-wrapper {
  background: var(--opap-white);
  border-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  position: relative;
  gap: 1rem;
  min-height: 170px; }
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-left .laheia-calendar-title {
    font-size: 1.25rem;
    margin-bottom: 0;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    margin-left: 1.75rem;
    text-align: center; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-left .laheia-calendar-title.laiko {
      color: var(--opap-laikolaxeio-solid); }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-left .laheia-calendar-title.ethniko {
      color: var(--opap-etnikolaxeio-solid); }
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.75rem; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-title {
      font-size: 1.25rem;
      margin-bottom: 0;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 1.5rem; }
      body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .round-button {
        box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
        min-width: 3rem;
        height: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1rem;
        background-color: var(--opap-white);
        border-radius: 50%;
        cursor: pointer; }
        body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .round-button.disabled-button {
          visibility: hidden; }
      body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers {
        display: flex;
        justify-content: center;
        gap: 1.75rem;
        width: fit-content;
        align-items: baseline;
        min-height: 126px; }
        body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers.ethniko {
          flex-wrap: wrap; }
        body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          text-align: center;
          gap: 0.25rem; }
          body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .draw-number {
            width: 3rem;
            height: 3rem;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: 0.25rem;
            margin: 0;
            border-radius: 50%;
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 1.5rem;
            color: var(--opap-white); }
            body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .draw-number.drawn {
              background-color: var(--opap-laheia-gray); }
            body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .draw-number.laiko {
              background-color: var(--opap-laikolaxeio-solid); }
            body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .draw-number.ethniko {
              background-color: var(--opap-etnikolaxeio-solid); }
          body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .draw-data {
            margin-bottom: 0;
            line-height: 1.3;
            font-size: 1rem;
            max-width: min-content; }
            body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .draw-data.ethniko {
              min-width: 6rem;
              max-width: fit-content; }
          body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .results {
            font-size: 1rem;
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            margin-bottom: 0.25rem;
            text-align: center;
            text-decoration: underline; }
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-right {
    text-align: center;
    max-width: 242px; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-right p {
      font-size: 1rem;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      color: var(--opap-neutral-50);
      margin-bottom: 0; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-calendar-widget-wrapper {
    gap: 0.5rem; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-left .laheia-calendar-title {
      margin-left: 0;
      font-size: 1rem; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper {
      gap: 0.5rem; }
      body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers {
        gap: 1rem; }
        body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers.ethniko {
          min-width: 490px; }
        body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .draw-data.ethniko {
          min-width: auto; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-right p {
      font-size: 0.75rem; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-laiko-game-header {
    padding: 0 25px; }
  body #wrapper .opap-ethniko-game-header {
    padding: 0 25px; }
    body #wrapper .opap-ethniko-game-header .edition-winnings-wrapper {
      width: 100%;
      justify-content: space-between; }
  body #wrapper .laheia-configurable-game-header .left, body #wrapper .laheia-configurable-game-header .middle {
    max-width: 45%; }
    body #wrapper .laheia-configurable-game-header .left.full-width, body #wrapper .laheia-configurable-game-header .middle.full-width {
      max-width: 100%; }
  body #wrapper .laheia-countdown-widget {
    display: none; }
  body #wrapper .opap-calendar-widget-wrapper {
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-left .laheia-calendar-title {
      font-size: 1.25rem; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center {
      gap: 1.5rem; }
      body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .round-button {
        position: absolute;
        top: 3.75rem; }
        body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .round-button.previous {
          left: 20%; }
        body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .round-button.next {
          right: 20%; }
      body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers {
        gap: 1.25rem; }
        body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers.ethniko {
          min-width: auto; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-right p {
      font-size: 1rem; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-laiko-check-your-winnings form {
    flex-direction: column; }
    body #wrapper .opap-laiko-check-your-winnings form .form-group {
      width: 100%; }
      body #wrapper .opap-laiko-check-your-winnings form .form-group .error-message {
        position: static; }
  body #wrapper .opap-laiko-check-your-winnings button {
    margin-top: 25px; }
  body #wrapper .opap-ethniko-check-your-winnings form {
    flex-direction: column; }
    body #wrapper .opap-ethniko-check-your-winnings form .form-group {
      width: 100%; }
      body #wrapper .opap-ethniko-check-your-winnings form .form-group .error-message {
        position: static; }
  body #wrapper .opap-ethniko-check-your-winnings button {
    margin-top: 25px; }
  body #wrapper .opap-kratiko-check-your-winnings form {
    flex-direction: column; }
    body #wrapper .opap-kratiko-check-your-winnings form .form-group {
      width: 100%; }
      body #wrapper .opap-kratiko-check-your-winnings form .form-group .error-message {
        position: static; }
  body #wrapper .opap-kratiko-check-your-winnings button {
    margin-top: 25px; }
  body #wrapper .opap-laiko-game-header {
    flex-direction: column; }
    body #wrapper .opap-laiko-game-header .next-draw-winnings {
      text-align: center; }
  body #wrapper .opap-ethniko-game-header .edition-winnings-wrapper {
    flex-direction: column-reverse;
    text-align: center; }
    body #wrapper .opap-ethniko-game-header .edition-winnings-wrapper .edition {
      display: flex; }
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers {
    gap: 1rem;
    min-height: 92px; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .draw-data {
      font-size: 0.75rem; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .results {
      font-size: 0.65rem; } }

@media screen and (max-width: 480px) {
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .round-button.previous {
    left: 1rem; }
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .round-button.next {
    right: 1rem; }
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers {
    gap: 0.25rem; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers.ethniko {
      min-width: 280px;
      gap: 0.5rem; }
      body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers.ethniko .draw-item {
        padding: 0 0.25rem; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .draw-number {
      width: 2.25rem;
      height: 2.25rem;
      font-size: 1.125rem; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .results {
      font-size: 0.45rem; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .draw-data {
      font-size: 0.7rem; }
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-right p {
    font-size: 0.75rem; } }

@media screen and (max-width: 320px) {
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-left .laheia-calendar-title {
    font-size: 1rem; }
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .round-button {
    top: 3.5rem; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .round-button.previous {
      left: 0.25rem; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .round-button.next {
      right: 0.25rem; }
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers.ethniko {
    min-width: 250px;
    gap: 0.35rem; }
    body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers.ethniko .draw-item {
      padding: 0 0.15rem; }
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .round-button {
    min-width: 2.25rem;
    height: 2.25rem;
    top: 4rem; }
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .draw-number {
    font-size: 1rem; }
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .results {
    font-size: 0.4rem; }
  body #wrapper .opap-calendar-widget-wrapper .laheia-calendar-center .laheia-calendar-center-wrapper .draw-numbers .draw-item .draw-data {
    font-size: 0.6rem; } }

body #wrapper .opap-store-digital-events {
  font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: flex;
  flex-direction: column;
  background-color: var(--opap-brand-royal-blue);
  width: 100%;
  height: 100vh;
  justify-content: start;
  position: relative;
  align-items: center;
  box-sizing: border-box; }
  body #wrapper .opap-store-digital-events .navigation {
    display: flex;
    flex-direction: row;
    background: white;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 10px; }
    body #wrapper .opap-store-digital-events .navigation .navigation-left {
      display: flex; }
      body #wrapper .opap-store-digital-events .navigation .navigation-left img {
        width: 29.5px;
        height: 32px; }
    body #wrapper .opap-store-digital-events .navigation .navigation-right {
      display: flex;
      align-items: center;
      gap: 20px; }
      body #wrapper .opap-store-digital-events .navigation .navigation-right .language-switcher span {
        font-size: 14px; }
        body #wrapper .opap-store-digital-events .navigation .navigation-right .language-switcher span.active {
          font-weight: 800; }
  body #wrapper .opap-store-digital-events .user-screen {
    width: 100%;
    justify-content: center;
    margin: 10px 0;
    padding: 0 10px;
    position: relative;
    height: 100%;
    display: flex;
    flex-grow: 1; }
    body #wrapper .opap-store-digital-events .user-screen .quiz-has-finished {
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      display: flex;
      justify-content: center;
      color: black;
      font-size: 24px;
      padding: 30px;
      text-align: center;
      line-height: 100%;
      background-color: var(--opap-white);
      color: black;
      box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
      border-radius: 20px; }
    body #wrapper .opap-store-digital-events .user-screen .profile-page {
      position: fixed;
      background-color: rgba(0, 0, 0, 0.8);
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      animation: fadeIn 0.3s ease-out;
      padding-top: 60px; }
      body #wrapper .opap-store-digital-events .user-screen .profile-page .login-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center; }
        body #wrapper .opap-store-digital-events .user-screen .profile-page .login-container h1 {
          font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          width: 100%;
          background-color: var(--opap-white);
          color: black;
          padding: 12px 20px;
          box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
          border-radius: 20px;
          text-align: center; }
      body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 361px;
        gap: 10px;
        height: fit-content;
        border: 4px solid var(--opap-hl-forest-green);
        padding: 24px 16px 36px 16px;
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
        border-radius: 20px;
        background: #ffffff;
        position: relative; }
        body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form .close-btn {
          position: absolute;
          top: 0px;
          right: 5px;
          background: transparent;
          font-size: 26px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          color: var(--opap-error-red);
          font-weight: 900;
          border: none; }
        body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form input[type="text"],
        body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form input[type="tel"],
        body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form .non-editable-div,
        body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form .editable-div {
          border: 1px solid black;
          border-radius: 20px;
          width: 100%;
          height: 36px;
          padding: 0 10px;
          box-sizing: border-box; }
          body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form input[type="text"].error,
          body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form input[type="tel"].error,
          body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form .non-editable-div.error,
          body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form .editable-div.error {
            border: 2px solid #FF0000;
            outline: none; }
        body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form .editable-div,
        body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form .non-editable-div {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form .editable-div .edit-btn,
          body #wrapper .opap-store-digital-events .user-screen .profile-page .login-form .non-editable-div .edit-btn {
            border: none;
            background-color: inherit; }
    body #wrapper .opap-store-digital-events .user-screen .start-screen {
      display: flex;
      flex-direction: column;
      align-items: center;
      font-weight: 700;
      font-size: 32px;
      line-height: 52px; }
    body #wrapper .opap-store-digital-events .user-screen .logo-container {
      display: flex; }
    body #wrapper .opap-store-digital-events .user-screen .logo {
      object-fit: contain; }
    body #wrapper .opap-store-digital-events .user-screen .start-quiz-btn {
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      background-color: #16ba3a;
      width: fit-content;
      height: 4.5rem;
      color: #ffffff;
      border-radius: 16px;
      margin-top: 10rem;
      padding: 10px 24px;
      border: none; }
    body #wrapper .opap-store-digital-events .user-screen .login-container {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      body #wrapper .opap-store-digital-events .user-screen .login-container h1 {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        width: 100%;
        background-color: var(--opap-white);
        color: black;
        padding: 12px 20px;
        border: 2px solid black;
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
        border-radius: 20px;
        text-align: center; }
    body #wrapper .opap-store-digital-events .user-screen .login-form {
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: 361px;
      gap: 10px;
      height: fit-content;
      border: 4px solid var(--opap-hl-forest-green);
      padding: 16px;
      box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
      border-radius: 20px;
      background: #ffffff; }
      body #wrapper .opap-store-digital-events .user-screen .login-form input[type="text"],
      body #wrapper .opap-store-digital-events .user-screen .login-form input[type="tel"],
      body #wrapper .opap-store-digital-events .user-screen .login-form .non-editable-div,
      body #wrapper .opap-store-digital-events .user-screen .login-form .editable-div {
        border: 1px solid black;
        border-radius: 20px;
        width: 100%;
        height: 36px;
        padding: 0 10px;
        box-sizing: border-box; }
        body #wrapper .opap-store-digital-events .user-screen .login-form input[type="text"].error,
        body #wrapper .opap-store-digital-events .user-screen .login-form input[type="tel"].error,
        body #wrapper .opap-store-digital-events .user-screen .login-form .non-editable-div.error,
        body #wrapper .opap-store-digital-events .user-screen .login-form .editable-div.error {
          border: 2px solid #FF0000;
          outline: none; }
      body #wrapper .opap-store-digital-events .user-screen .login-form .editable-div,
      body #wrapper .opap-store-digital-events .user-screen .login-form .non-editable-div {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        body #wrapper .opap-store-digital-events .user-screen .login-form .editable-div .edit-btn,
        body #wrapper .opap-store-digital-events .user-screen .login-form .non-editable-div .edit-btn {
          border: none;
          background-color: inherit; }
    body #wrapper .opap-store-digital-events .user-screen .checkbox-field {
      display: flex;
      flex-direction: column;
      gap: 4px; }
      body #wrapper .opap-store-digital-events .user-screen .checkbox-field .checkbox-container {
        display: grid;
        grid-template-columns: 24px auto;
        gap: 8px;
        align-items: center; }
        body #wrapper .opap-store-digital-events .user-screen .checkbox-field .checkbox-container span {
          color: #FF0000; }
      body #wrapper .opap-store-digital-events .user-screen .checkbox-field input[type="checkbox"] {
        width: 24px;
        height: 24px;
        border-radius: 4px; }
      body #wrapper .opap-store-digital-events .user-screen .checkbox-field .checkbox-label {
        font-weight: 400;
        color: black;
        font-style: italic; }
    body #wrapper .opap-store-digital-events .user-screen .input-label {
      font-weight: 700;
      margin-bottom: 5px;
      display: block; }
    body #wrapper .opap-store-digital-events .user-screen .error {
      border: 2px solid #FF0000; }
    body #wrapper .opap-store-digital-events .user-screen .error-text {
      color: #FF0000;
      font-size: 12px;
      line-height: 20px;
      font-weight: 400;
      margin-top: 5px; }
    body #wrapper .opap-store-digital-events .user-screen .submit-btn {
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 18px;
      background-color: #16ba3a;
      width: fit-content;
      color: #ffffff;
      border-radius: 10px;
      margin-top: 14px;
      padding: 10px 24px;
      border: none; }
    body #wrapper .opap-store-digital-events .user-screen .edit {
      margin-top: 64px; }
    body #wrapper .opap-store-digital-events .user-screen .last-message {
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
      color: black;
      font-size: 24px;
      padding: 30px;
      text-align: center;
      line-height: 100%;
      margin-top: 100px;
      background: white;
      padding: 10px;
      border-radius: 10px;
      box-shadow: 0px 4px 2px 0px #00000080; }
  body #wrapper .opap-store-digital-events .leaderboard {
    position: relative;
    background-color: white;
    border-radius: 20px;
    padding: 24px 16px 36px 16px;
    width: 100%;
    border: 4px solid;
    z-index: 10;
    box-shadow: 0px 4px 2px 0px #00000080; }
    body #wrapper .opap-store-digital-events .leaderboard::before {
      content: "";
      position: absolute;
      top: -4px;
      left: -4px;
      right: -4px;
      bottom: -4px;
      background: linear-gradient(273.86deg, #EBD197 0.08%, #B48811 36.51%, #A2790D 68.78%, #BB9B49 100%);
      border-radius: 24px;
      z-index: -1; }
    body #wrapper .opap-store-digital-events .leaderboard::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: white;
      border-radius: 20px;
      z-index: 0; }
    body #wrapper .opap-store-digital-events .leaderboard .leaderboard-title {
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 18px;
      text-align: center;
      margin-bottom: 10px;
      text-align: center;
      position: relative;
      z-index: 10; }
    body #wrapper .opap-store-digital-events .leaderboard .leaderboardEntries {
      display: flex;
      flex-direction: column;
      overflow-y: auto;
      max-height: 250px;
      position: relative;
      z-index: 10;
      padding: 6px 8px 6px 0; }
      body #wrapper .opap-store-digital-events .leaderboard .leaderboardEntries .entry {
        display: flex;
        align-items: center;
        justify-content: start;
        font-weight: 700;
        line-height: 22.85px; }
        body #wrapper .opap-store-digital-events .leaderboard .leaderboardEntries .entry .winner-icon {
          display: flex;
          width: 20px;
          height: 20px; }
        body #wrapper .opap-store-digital-events .leaderboard .leaderboardEntries .entry .rank, body #wrapper .opap-store-digital-events .leaderboard .leaderboardEntries .entry .nickname {
          margin-left: 5px; }
        body #wrapper .opap-store-digital-events .leaderboard .leaderboardEntries .entry .points {
          margin-left: auto; }
  body #wrapper .opap-store-digital-events .spinner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 10px;
    position: relative; }
    body #wrapper .opap-store-digital-events .spinner-container .spinner {
      position: relative;
      width: 100%;
      height: 100%; }
    body #wrapper .opap-store-digital-events .spinner-container .circle {
      position: absolute;
      border-radius: 50%;
      transition: transform 0.5s ease-in-out, background-color 0.5s ease-in-out; }
  body #wrapper .opap-store-digital-events .waiting-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 10px; }
  body #wrapper .opap-store-digital-events .info {
    width: auto;
    display: flex;
    justify-content: center;
    border-radius: 21px;
    padding: 13px 20px;
    background: white;
    margin-bottom: 4rem;
    text-align: center;
    word-break: break-word; }
    body #wrapper .opap-store-digital-events .info.optional {
      margin-bottom: 10px;
      border: 4px solid var(--opap-hl-forest-green);
      box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
      padding: 8px 20px; }
    body #wrapper .opap-store-digital-events .info p {
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 18px;
      margin-bottom: 0; }
  body #wrapper .opap-store-digital-events .footer {
    background-color: var(--opap-brand-navy-blue, #30313f) !important; }
    body #wrapper .opap-store-digital-events .footer .footer-separator {
      border-bottom: 1px solid var(--opap-neutral-70); }
    body #wrapper .opap-store-digital-events .footer .regulation-info {
      background: #1A3362; }
      body #wrapper .opap-store-digital-events .footer .regulation-info .container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 111px;
        gap: 60px;
        padding-right: 24px;
        padding-left: 24px; }
        body #wrapper .opap-store-digital-events .footer .regulation-info .container .regulation-image {
          min-width: 168.84px;
          height: 80px;
          justify-content: flex-start;
          display: flex;
          align-items: center; }
          body #wrapper .opap-store-digital-events .footer .regulation-info .container .regulation-image img {
            height: 100%;
            max-height: 80px;
            max-width: 169px; }
        body #wrapper .opap-store-digital-events .footer .regulation-info .container .regulation-text {
          font-family: 'Verdana';
          font-style: normal;
          font-weight: 400;
          text-align: center;
          letter-spacing: 0.05em;
          color: var(--opap-clean-white);
          min-width: 909px;
          height: 81px;
          text-transform: uppercase;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          body #wrapper .opap-store-digital-events .footer .regulation-info .container .regulation-text p {
            margin: 0; }
          body #wrapper .opap-store-digital-events .footer .regulation-info .container .regulation-text a {
            color: var(--opap-clean-white); }
            body #wrapper .opap-store-digital-events .footer .regulation-info .container .regulation-text a:hover {
              color: var(--opap-clean-white); }
            body #wrapper .opap-store-digital-events .footer .regulation-info .container .regulation-text a:visited {
              color: var(--opap-clean-white); }
          body #wrapper .opap-store-digital-events .footer .regulation-info .container .regulation-text span {
            font-size: 19px;
            line-height: 28px;
            font-family: 'Verdana';
            margin-bottom: 0; }
  @media (max-width: 991.98px) {
    body #wrapper .opap-store-digital-events .footer {
      display: flex;
      box-sizing: border-box;
      justify-content: center;
      align-items: center; }
      body #wrapper .opap-store-digital-events .footer .regulation-info .container {
        justify-content: center;
        gap: 30px;
        height: revert;
        padding-top: 15px;
        padding-bottom: 15px;
        align-items: center; }
        body #wrapper .opap-store-digital-events .footer .regulation-info .container .regulation-text {
          min-width: revert;
          width: 100%;
          justify-content: start;
          height: revert; }
          body #wrapper .opap-store-digital-events .footer .regulation-info .container .regulation-text span {
            font-family: 'Verdana';
            font-style: normal;
            font-weight: 400;
            font-size: 13px !important;
            line-height: 18px;
            text-align: center;
            letter-spacing: 0.05em; }
        body #wrapper .opap-store-digital-events .footer .regulation-info .container .regulation-image {
          max-height: 50px;
          min-width: revert; }
          body #wrapper .opap-store-digital-events .footer .regulation-info .container .regulation-image img {
            max-height: 50px; } }
  body #wrapper .opap-store-digital-events .next-question-page {
    font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    display: flex;
    font-weight: 700;
    flex-direction: column;
    align-items: center;
    gap: 10px; }
    body #wrapper .opap-store-digital-events .next-question-page .logo-container logo {
      width: 180px;
      height: 90px; }
    body #wrapper .opap-store-digital-events .next-question-page .info {
      width: auto;
      margin-bottom: 0;
      word-break: break-word;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 10px;
      gap: 10px;
      border-radius: 10px;
      box-shadow: 0px 4px 2px 0px #00000080;
      color: black;
      background: white; }
      body #wrapper .opap-store-digital-events .next-question-page .info p {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 0px;
        color: black; }
    body #wrapper .opap-store-digital-events .next-question-page .congratulations {
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      justify-content: center;
      word-break: break-word;
      font-size: 18px;
      font-weight: 700;
      line-height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 10px;
      gap: 10px;
      border-radius: 10px;
      box-shadow: 0px 4px 2px 0px #00000080;
      color: black;
      background: white; }
      body #wrapper .opap-store-digital-events .next-question-page .congratulations .winner-p {
        margin-bottom: 0px;
        font-weight: 800;
        font-size: 16px;
        color: #B48811;
        text-align: center; }
    body #wrapper .opap-store-digital-events .next-question-page .leaderboard-container,
    body #wrapper .opap-store-digital-events .next-question-page .ranking-container {
      width: 100%; }
    body #wrapper .opap-store-digital-events .next-question-page .ranking-container {
      text-align: center; }
      body #wrapper .opap-store-digital-events .next-question-page .ranking-container p {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 16px;
        color: var(--opap-white);
        font-weight: 500;
        margin-bottom: 0; }
  body #wrapper .opap-store-digital-events .question-screen {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding: 0 11px; }
  body #wrapper .opap-store-digital-events .quiz-title-wrapper {
    width: 100%;
    position: relative;
    background: white;
    padding: 26px;
    border-radius: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    border: 6.42px solid;
    z-index: 10;
    box-shadow: 0px 4px 2px 0px #00000080; }
    body #wrapper .opap-store-digital-events .quiz-title-wrapper::before {
      content: "";
      position: absolute;
      top: -4px;
      left: -4px;
      right: -4px;
      bottom: -4px;
      background: conic-gradient(from 136.24deg at 50% 50%, #009FDD 0deg, #81BE14 90.11deg, #FFBA2A 196.6deg, #D0343B 351.28deg, #009FDD 360deg);
      border-radius: 33px;
      z-index: -1; }
    body #wrapper .opap-store-digital-events .quiz-title-wrapper::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: white;
      border-radius: 33px;
      z-index: 0; }
    body #wrapper .opap-store-digital-events .quiz-title-wrapper .quiz-title-normal {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 800;
      font-size: 16px;
      margin-bottom: 0;
      text-align: center;
      position: relative;
      z-index: 10; }
  body #wrapper .opap-store-digital-events .choice-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    padding: 0 16px; }
    body #wrapper .opap-store-digital-events .choice-wrapper .choice {
      border-radius: 10px;
      display: flex;
      flex-direction: row;
      align-items: center;
      position: relative;
      cursor: pointer;
      height: fit-content;
      word-break: break-word;
      background: white;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 800;
      font-size: 14px;
      line-height: 23px;
      padding: 20px;
      color: black;
      z-index: 1; }
  body #wrapper .opap-store-digital-events .progress-component {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0 16px;
    gap: 18px;
    align-items: center;
    margin-bottom: 30px; }
    body #wrapper .opap-store-digital-events .progress-component .progress-number-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      width: 100%; }
      body #wrapper .opap-store-digital-events .progress-component .progress-number-wrapper .progress-bar {
        height: 20px;
        background: #F2F2F2;
        border-radius: 32px;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        overflow: hidden; }
        body #wrapper .opap-store-digital-events .progress-component .progress-number-wrapper .progress-bar li {
          background: var(--opap-white);
          border-radius: 100px;
          width: 9px;
          height: 9px;
          z-index: 1;
          position: relative;
          margin: 5px 8px; }
        body #wrapper .opap-store-digital-events .progress-component .progress-number-wrapper .progress-bar .stop ~ li {
          background: #777; }
        body #wrapper .opap-store-digital-events .progress-component .progress-number-wrapper .progress-bar .stop ~ li::after {
          height: 0; }
        body #wrapper .opap-store-digital-events .progress-component .progress-number-wrapper .progress-bar li::after {
          content: "";
          position: absolute;
          background: var(--opap-white); }
    body #wrapper .opap-store-digital-events .progress-component .countdown {
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 15px;
      line-height: 106%;
      text-align: center;
      color: #FDFDFD;
      background: var(--opap-brand-apple);
      border-radius: 13px;
      padding: 3px 10px; }
  body #wrapper .opap-store-digital-events .admin-screen {
    display: flex;
    justify-content: center;
    max-width: 1080px;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100vh; }
    body #wrapper .opap-store-digital-events .admin-screen .ds-welcome-screen {
      display: flex;
      width: 100%;
      height: 100%;
      flex-direction: column;
      align-items: center;
      gap: 10px; }
      body #wrapper .opap-store-digital-events .admin-screen .ds-welcome-screen .ds-logo {
        width: 440px;
        height: 220px;
        margin-top: 10px; }
        body #wrapper .opap-store-digital-events .admin-screen .ds-welcome-screen .ds-logo img {
          width: 100%;
          height: 100%; }
      body #wrapper .opap-store-digital-events .admin-screen .ds-welcome-screen .ds-info {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 40px;
        line-height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px;
        gap: 10px;
        border-radius: 10px;
        box-shadow: 0px 4px 2px 0px #00000080;
        color: black;
        background: white;
        margin-bottom: 30px; }
        body #wrapper .opap-store-digital-events .admin-screen .ds-welcome-screen .ds-info .ds-start {
          font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          font-size: 40px;
          line-height: 100%;
          color: white;
          display: flex;
          gap: 15px;
          align-items: center; }
          body #wrapper .opap-store-digital-events .admin-screen .ds-welcome-screen .ds-info .ds-start .timer {
            font-size: 64px;
            line-height: 100%;
            color: #147D02; }
        body #wrapper .opap-store-digital-events .admin-screen .ds-welcome-screen .ds-info .ds-start span {
          color: var(--black); }
    body #wrapper .opap-store-digital-events .admin-screen .ds-questions {
      width: 100%;
      margin-top: 20px;
      padding: 0 50px;
      position: relative; }
      body #wrapper .opap-store-digital-events .admin-screen .ds-questions .correct-answer-div {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
        color: black;
        background: white;
        text-align: center;
        padding: 10px;
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
        border-radius: 20px; }
        body #wrapper .opap-store-digital-events .admin-screen .ds-questions .correct-answer-div .prize-span {
          display: flex;
          width: 60px;
          height: 70px; }
        body #wrapper .opap-store-digital-events .admin-screen .ds-questions .correct-answer-div .correct-answer-title {
          font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-size: 50px;
          font-weight: 700; }
    body #wrapper .opap-store-digital-events .admin-screen .ds-waiting-page {
      width: 100%;
      padding: 20px 50px; }
      body #wrapper .opap-store-digital-events .admin-screen .ds-waiting-page .congratulations {
        padding: 30px 0;
        color: black;
        background: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
        border-radius: 20px; }
      body #wrapper .opap-store-digital-events .admin-screen .ds-waiting-page .additional-text {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 500;
        font-size: 24px;
        line-height: 100%;
        word-break: break-word;
        width: 100%;
        text-align: center;
        color: black;
        display: flex; }
    body #wrapper .opap-store-digital-events .admin-screen .ds-end-screen {
      display: flex;
      flex-direction: column; }
      body #wrapper .opap-store-digital-events .admin-screen .ds-end-screen .end-screen-logo {
        width: 800px;
        height: 400px;
        margin: 30px 0; }
      body #wrapper .opap-store-digital-events .admin-screen .ds-end-screen .ds-last-message {
        font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 40px;
        width: 100%;
        word-break: break-word;
        letter-spacing: 0;
        color: black;
        background: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        padding: 10px;
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5);
        border-radius: 20px; }
  body #wrapper .opap-store-digital-events .small-qr {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0px 80px 20px 0; }
  body #wrapper .opap-store-digital-events .qr-code {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: stretch;
    box-shadow: 0px 12.2px 9.76px 0px #8A0094BF, 0px -12.2px 9.76px 0px #8A0094BF, 12.2px 0px 9.76px 0px #8A0094BF, -12.2px 0px 9.76px 0px #8A0094BF;
    border-radius: 26px;
    padding: 12px;
    background: var(--opap-white); }
    body #wrapper .opap-store-digital-events .qr-code .scan-to-play {
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      line-height: 100%;
      letter-spacing: 0;
      box-shadow: 0px 4.88px 4.88px 0px #00000080;
      color: #030F37;
      box-shadow: none;
      margin-bottom: 5px; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

body #wrapper .horizontal-layout {
  display: flex;
  flex-direction: row;
  /* changed from column to row */
  align-items: center;
  gap: 10px;
  background: linear-gradient(180deg, #CEDAE8 0%, #BDCDDD 100%); }
  body #wrapper .horizontal-layout .opap-navigation-wrapper {
    display: flex;
    justify-content: start;
    padding-left: 100px; }

body #wrapper .parent-div {
  padding: 0 16px;
  font-weight: 600;
  font-size: 16px;
  line-height: 165%;
  color: #030f37;
  position: relative; }

body #wrapper .parent-div::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: #030f37;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  margin: 3px 0; }

body #wrapper .opap-burger-menu-corporate.level-1 {
  padding: 0; }

body #wrapper .opap-burger-menu-corporate li.parent > a:not(.language-entry-long-text) {
  padding: 0 16px !important;
  display: flex; }

body #wrapper .opap-burger-menu-corporate li.parent {
  margin: 4px 0; }

body #wrapper .opap-burger-menu-corporate.level-2 .lfr-nav-item {
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 165%;
  padding: 0px 0px 5px 0px; }

body #wrapper .opap-burger-menu-corporate.level-2 {
  padding: 0;
  background: #EDEDED;
  color: #030F37 !important; }

body #wrapper .opap-burger-menu-corporate li a {
  font-weight: 400;
  font-size: 15px;
  padding: 12px 16px;
  color: #030f37 !important;
  position: relative;
  cursor: pointer;
  display: block; }

body #wrapper .opap-burger-menu-corporate li > ul {
  display: none;
  padding-left: 1rem; }

body #wrapper .opap-burger-menu-corporate li.open > ul {
  display: block; }

body #wrapper .opap-burger-menu-corporate li:not(.has-children) > a.active {
  font-weight: 700; }

body #wrapper .submenu-hidden {
  display: none; }

body #wrapper .submenu-visible {
  display: block; }

body #wrapper .accordion-arrow {
  margin-left: 10px;
  font-size: 12px;
  display: inline-block;
  transition: transform 0.3s ease;
  transform-origin: center;
  color: #1E1F24 !important; }

body #wrapper .accordion-arrow.rotate {
  transform: rotate(180deg); }

body #wrapper .anchor-flex {
  display: flex;
  justify-content: space-between;
  align-items: center; }

body #wrapper .anchor-text {
  flex-grow: 1; }

body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list {
  top: 64px;
  border-radius: 8px; }

body #wrapper .other-options,
body #wrapper .language-selector {
  list-style: none;
  color: #9499A8; }

body #wrapper .other-options,
body #wrapper .language-text {
  padding: 0 16px !important; }

body #wrapper .other-options {
  color: #9499A8;
  font-weight: 400; }

body #wrapper .opap-burger-menu-corporate.level-2.languages ul {
  padding: 0; }

body #wrapper .opap-burger-menu-corporate.lang {
  padding: 0; }

body #wrapper .opap-burger-menu-corporate.level-2.languages.submenu-visible {
  font-size: 16px;
  font-weight: 400;
  line-height: 165%;
  padding-left: 16px; }

body #wrapper .languages ul a {
  padding: 0 !important; }

@media (max-width: 991.98px) {
  body #wrapper .opap-nav-wrapper .opap-navigation .opap-desktop-burger-list.show {
    height: 100vh;
    width: 100vw !important;
    top: 0 !important;
    margin-top: 50px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-burger-menu-corporate-list-menu-container {
    padding-left: 15px; } }

.interactive-component {
  margin: 0 auto;
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }

.circles-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  flex: 1 1 100%; }

.center-text {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  font-weight: 800;
  font-size: 20px;
  max-width: 200px; }

.circle-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }

.circle-item {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-align: center;
  padding: 10px 0;
  gap: 5px;
  box-sizing: border-box;
  transition: all 0.3s ease; }

.circle-item:hover,
.circle-item.selected {
  background: var(--circle-selected-background-color); }

.circle-item.selected {
  border: 3px solid var(--circle-selected-border-color); }

.circle-icon {
  width: 32px;
  height: 32px;
  object-fit: contain; }

.content-container {
  padding-top: 50px;
  max-width: 100%; }

.circle-component-contents {
  position: relative;
  width: 100%; }

.circle-content {
  width: 100%; }
  .circle-content p {
    font-size: 16px !important; }
  .circle-content ul {
    list-style: disc !important;
    font-size: 16px !important; }

.circle-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px; }

.circle-content-icon-wrapper {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--circle-content-icon-wrapper-color);
  display: flex;
  align-items: center;
  justify-content: center; }

.circle-content-icon {
  width: 32px;
  height: 32px;
  object-fit: contain; }

.circle-content-title {
  font-size: 31px;
  font-weight: 800;
  margin: 0;
  background: var(--circle-title-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

@media (max-width: 500px) {
  .circle-item {
    width: 75px;
    height: 75px;
    font-size: 10px;
    padding: 5px 0;
    gap: 3px; }
  .content-container {
    padding-top: 10px; }
  .circle-content p {
    font-size: 14px !important; }
  .circle-content ul {
    font-size: 14px !important; }
  .circle-icon {
    width: 20px;
    height: 20px; }
  .center-text {
    font-size: 15px;
    max-width: 140px;
    transform: translate(-55%, -80%); } }

body #wrapper #opap-play-tournaments-app {
  font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
  body #wrapper #opap-play-tournaments-app .fa-spinner {
    color: var(--opap-brand-navy-blue);
    font-size: 5rem; }
  body #wrapper #opap-play-tournaments-app .wrapper .header {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }
    body #wrapper #opap-play-tournaments-app .wrapper .header .search-container {
      width: 100%;
      display: flex;
      justify-content: center;
      padding: 1rem;
      background-color: var(--opap-brand-navy-blue);
      border-radius: 0.5rem;
      box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08); }
      body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search {
        display: flex;
        align-items: flex-end;
        column-gap: 1.5rem; }
        body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search .form-group {
          display: flex;
          align-items: center;
          gap: 1rem;
          margin: 0; }
          body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search .form-group label {
            margin: 0;
            font-size: 1rem;
            white-space: nowrap;
            color: var(--opap-white); }
          body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search .form-group .input-with-clear {
            position: relative;
            display: flex;
            align-items: center; }
            body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search .form-group .input-with-clear input {
              width: 15rem;
              height: 3rem;
              padding: 0.5rem 1rem;
              font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              border-radius: 0.5rem; }
              body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search .form-group .input-with-clear input[type=number] {
                -moz-appearance: textfield;
                appearance: textfield; }
                body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search .form-group .input-with-clear input[type=number]::-webkit-outer-spin-button, body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search .form-group .input-with-clear input[type=number]::-webkit-inner-spin-button {
                  -webkit-appearance: none;
                  margin: 0; }
            body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search .form-group .input-with-clear .clear-button {
              position: absolute;
              right: 10px;
              border: none;
              background: transparent;
              cursor: pointer;
              color: var(--opap-brand-navy-blue);
              padding: 0;
              font-size: 1.25rem; }
            body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search .form-group .input-with-clear .clear-button:hover {
              color: #333; }
        body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search .search-button {
          width: 3rem;
          height: 3rem;
          font-size: 1.5rem;
          border: none;
          background-color: transparent;
          color: var(--opap-white); }
          body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search .search-button .fa-spinner {
            color: var(--opap-white);
            font-size: 1.5rem; }
    body #wrapper #opap-play-tournaments-app .wrapper .header .message-container {
      width: 100%;
      min-height: 3rem;
      padding: 0.5rem;
      text-align: center; }
      body #wrapper #opap-play-tournaments-app .wrapper .header .message-container .message {
        font-size: 1.25rem;
        color: var(--opap-hl-navy-blue); }
        body #wrapper #opap-play-tournaments-app .wrapper .header .message-container .message.error {
          color: var(--opap-error-red); }
  body #wrapper #opap-play-tournaments-app .wrapper .tabs {
    width: 100%;
    display: flex; }
    body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab {
      flex: 1;
      min-height: 3rem;
      position: relative;
      top: 1px;
      padding: 0.5rem 1rem;
      border-radius: 0.5rem 3rem 0 0;
      text-align: center;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 1.25rem;
      color: var(--opap-white);
      border: none;
      cursor: pointer;
      transition: filter 0.2s ease-in-out;
      filter: brightness(0.85); }
      body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab.active {
        filter: brightness(100%);
        top: 0; }
      body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab:hover {
        filter: brightness(1); }
      body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab.diamond {
        background: linear-gradient(to bottom, #A1CEB5, #83BC98); }
        body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab.diamond:hover {
          background: linear-gradient(to bottom, #83BC98, #A1CEB5); }
      body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab.platinum {
        background: linear-gradient(to bottom, #58949c, #125c84); }
        body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab.platinum:hover {
          background: linear-gradient(to bottom, #125c84, #58949c); }
      body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab.gold {
        background: linear-gradient(to bottom, #f0bf43, #daa520); }
        body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab.gold:hover {
          background: linear-gradient(to bottom, #daa520, #f0bf43); }
      body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab.silver {
        background: linear-gradient(to bottom, #ededed, #bdbdbd); }
        body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab.silver:hover {
          background: linear-gradient(to bottom, #bdbdbd, #ededed); }
      body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab.bronze {
        background: linear-gradient(to bottom, #db6c2b, #673208); }
        body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab.bronze:hover {
          background: linear-gradient(to bottom, #673208, #db6c2b); }
  body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper {
    box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08); }
    body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .custom-content-wrapper {
      width: 100%;
      min-height: 5rem;
      position: relative;
      padding: 0.5rem;
      background-color: var(--opap-brand-navy-blue); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .custom-content-wrapper .updated-on {
        position: absolute;
        bottom: 0.5rem;
        right: 0.5rem;
        margin: 0;
        font-size: 1rem;
        color: white; }
    body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table {
      width: 100%;
      border-collapse: collapse; }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table.sticky-header thead {
        position: sticky;
        top: var(--header-offset);
        z-index: 10; }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table thead tr.diamond {
        background: linear-gradient(to bottom, #A1CEB5, #83BC98); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table thead tr.platinum {
        background: linear-gradient(to bottom, #58949c, #125c84); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table thead tr.gold {
        background: linear-gradient(to bottom, #f0bf43, #daa520); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table thead tr.silver {
        background: linear-gradient(to bottom, #ededed, #bdbdbd); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table thead tr.bronze {
        background: linear-gradient(to bottom, #db6c2b, #673208); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table thead tr th {
        padding: 1rem;
        text-align: center;
        font-size: 1.25rem;
        color: var(--opap-white); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table tbody tr:nth-child(even) {
        background-color: var(--opap-neutral-10); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table tbody tr:nth-child(odd) {
        background-color: var(--opap-white); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table tbody tr.active.diamond {
        background: linear-gradient(to bottom, #83BC98, #A1CEB5); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table tbody tr.active.platinum {
        background: linear-gradient(to bottom, #125c84, #58949c); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table tbody tr.active.gold {
        background: linear-gradient(to bottom, #daa520, #f0bf43); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table tbody tr.active.silver {
        background: linear-gradient(to bottom, #bdbdbd, #ededed); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table tbody tr.active.bronze {
        background: linear-gradient(to bottom, #673208, #db6c2b); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table tbody tr.active td {
        color: var(--opap-white); }
      body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table tbody td {
        padding: 1rem;
        text-align: center;
        font-size: 1rem;
        color: var(--opap-neutral-90); }
    body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .skeleton-row td {
      padding: 0; }
    body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .skeleton-row .skeleton-bar {
      width: 100%;
      height: 3.25rem;
      background: linear-gradient(90deg, var(--opap-neutral-10) 25%, var(--opap-neutral-20) 50%, var(--opap-neutral-10) 75%);
      background-size: 200% 100%;
      animation: skeleton-loading 1.5s infinite linear; }

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0; }
  100% {
    background-position: -200% 0; } }
  body #wrapper #opap-play-tournaments-app .wrapper .footer .pagination {
    min-height: 3rem;
    display: flex;
    justify-content: center;
    column-gap: 0.5rem;
    background-color: var(--opap-brand-navy-blue);
    border-radius: 0 0 0.5rem 0.5rem; }
    body #wrapper #opap-play-tournaments-app .wrapper .footer .pagination button {
      min-width: 2.5rem;
      padding: 0.25rem;
      background-color: transparent;
      border: none;
      font-size: 1rem;
      color: var(--opap-white); }
      body #wrapper #opap-play-tournaments-app .wrapper .footer .pagination button.prev, body #wrapper #opap-play-tournaments-app .wrapper .footer .pagination button.next {
        min-width: 2rem;
        padding: 0.5rem; }
      body #wrapper #opap-play-tournaments-app .wrapper .footer .pagination button.active {
        font-size: 1.25rem;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

@media (max-width: 991.98px) {
  body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table thead tr th {
    font-size: 1rem; } }

@media (max-width: 767.98px) {
  body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search .form-group .input-with-clear input {
    width: 12rem; }
  body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab {
    padding: 0.25rem 0.5rem;
    border-radius: 1rem 1rem 0 0;
    font-size: 1.125rem; }
  body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .custom-content-wrapper .updated-on {
    font-size: 0.625rem; }
  body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table thead tr th {
    padding: 0.5rem;
    font-size: 0.875rem; }
  body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table tbody td {
    padding: 0.75rem;
    font-size: 0.75rem; } }

@media (max-width: 575.98px) {
  body #wrapper #opap-play-tournaments-app .wrapper .header .search-container .search .form-group {
    flex-direction: column; }
  body #wrapper #opap-play-tournaments-app .wrapper .tabs .tab {
    padding: 0.25rem 0.5rem;
    border-radius: 1rem 1rem 0 0;
    font-size: 0.75rem; }
  body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .custom-content-wrapper .updated-on {
    font-size: 0.625rem; }
  body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table thead tr th {
    padding: 0.5rem 0.25rem;
    font-size: 0.75rem; }
  body #wrapper #opap-play-tournaments-app .wrapper .shadow-wrapper .results .results-table tbody td {
    padding: 0.5rem 0.25rem; }
  body #wrapper #opap-play-tournaments-app .wrapper .footer .pagination {
    column-gap: 0.25rem; }
    body #wrapper #opap-play-tournaments-app .wrapper .footer .pagination .prev, body #wrapper #opap-play-tournaments-app .wrapper .footer .pagination .next {
      display: none; }
    body #wrapper #opap-play-tournaments-app .wrapper .footer .pagination button {
      min-width: 2.25rem;
      font-size: 0.875rem; } }

.marathon-footer .portlet {
  margin-bottom: 0; }
  .marathon-footer .portlet .portlet-content {
    padding-bottom: 0; }

.marathon-footer .footer-separator {
  border-bottom: 1px solid var(--opap-neutral-70); }

.marathon-footer .regulation-info {
  background: #1A3362; }
  .marathon-footer .regulation-info .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 111px;
    gap: 60px;
    padding-right: 24px;
    padding-left: 24px; }
    .marathon-footer .regulation-info .container .regulation-image {
      min-width: 168.84px;
      height: 80px;
      justify-content: flex-start;
      display: flex;
      align-items: center; }
      .marathon-footer .regulation-info .container .regulation-image img {
        height: 100%;
        max-height: 80px;
        max-width: 169px; }
    .marathon-footer .regulation-info .container .regulation-text {
      font-family: 'Verdana';
      font-style: normal;
      font-weight: 400;
      text-align: center;
      letter-spacing: 0.05em;
      color: var(--opap-clean-white);
      min-width: 909px;
      height: 81px;
      text-transform: uppercase;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .marathon-footer .regulation-info .container .regulation-text a {
        color: var(--opap-clean-white); }
        .marathon-footer .regulation-info .container .regulation-text a:hover {
          color: var(--opap-clean-white); }
        .marathon-footer .regulation-info .container .regulation-text a:visited {
          color: var(--opap-clean-white); }
      .marathon-footer .regulation-info .container .regulation-text p {
        font-size: 16px !important;
        line-height: 28px;
        font-family: 'Verdana';
        margin-bottom: 0; }

.marathon-footer .hellenic-info {
  background: var(--opap-clean-white); }
  .marathon-footer .hellenic-info .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 111px;
    gap: 60px; }
    .marathon-footer .hellenic-info .container .hellenic-image {
      min-width: 166px;
      height: 34px;
      justify-content: flex-start;
      display: flex;
      align-items: center; }
      .marathon-footer .hellenic-info .container .hellenic-image img {
        height: 100%;
        max-height: 34px;
        max-width: 166px; }
    .marathon-footer .hellenic-info .container .hellenic-text {
      font-family: 'Verdana';
      font-style: normal;
      font-weight: 400;
      text-align: center;
      letter-spacing: 0.05em;
      color: #023F80;
      min-width: 909px;
      height: 81px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .marathon-footer .hellenic-info .container .hellenic-text a {
        color: #023F80; }
        .marathon-footer .hellenic-info .container .hellenic-text a:hover {
          color: #023F80; }
        .marathon-footer .hellenic-info .container .hellenic-text a:visited {
          color: #023F80; }
      .marathon-footer .hellenic-info .container .hellenic-text p {
        font-size: 19px;
        line-height: 28px;
        font-family: 'Verdana';
        margin-bottom: 0; }

@media (max-width: 1279.98px) {
  .marathon-footer .regulation-info .container {
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    height: revert; }
    .marathon-footer .regulation-info .container .regulation-text {
      height: revert;
      min-width: revert; }
  .marathon-footer .hellenic-info .container {
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    height: revert; }
    .marathon-footer .hellenic-info .container .hellenic-text {
      height: revert;
      min-width: revert; } }

@media (max-width: 991.98px) {
  .marathon-footer .regulation-info .container {
    height: revert;
    padding-top: 15px;
    padding-bottom: 15px; }
  .marathon-footer .hellenic-info .container {
    height: revert;
    padding-top: 15px;
    padding-bottom: 15px; } }

@media (max-width: 767.98px) {
  .marathon-footer .regulation-info .container {
    justify-content: start;
    gap: 30px;
    height: revert;
    padding-top: 15px;
    padding-bottom: 15px;
    align-items: revert; }
    .marathon-footer .regulation-info .container .regulation-text {
      min-width: revert;
      width: 100%;
      justify-content: start; }
      .marathon-footer .regulation-info .container .regulation-text p {
        font-family: 'Verdana';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.05em; }
    .marathon-footer .regulation-info .container .regulation-image {
      max-height: 50px;
      min-width: revert; }
      .marathon-footer .regulation-info .container .regulation-image img {
        max-height: 50px; }
  .marathon-footer .hellenic-info .container {
    justify-content: start;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column; }
    .marathon-footer .hellenic-info .container .hellenic-text {
      min-width: revert;
      width: 100%;
      justify-content: start;
      text-align: center; }
      .marathon-footer .hellenic-info .container .hellenic-text p {
        font-family: 'Verdana';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 14.95px;
        text-align: center;
        letter-spacing: 0.05em; }
    .marathon-footer .hellenic-info .container .hellenic-image {
      max-height: 34px;
      min-width: revert; }
      .marathon-footer .hellenic-info .container .hellenic-image img {
        max-height: 34px; } }

body #wrapper .scratch-games-app {
  width: 100%;
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 25px;
  margin: 0 auto; }
  body #wrapper .scratch-games-app .scratch-games-filters {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
    padding-left: 10px; }
    body #wrapper .scratch-games-app .scratch-games-filters.winnings {
      justify-content: flex-start;
      margin-bottom: 3rem; }
      body #wrapper .scratch-games-app .scratch-games-filters.winnings .categories, body #wrapper .scratch-games-app .scratch-games-filters.winnings .price-categories {
        width: 40%; }
    body #wrapper .scratch-games-app .scratch-games-filters .categories, body #wrapper .scratch-games-app .scratch-games-filters .price-categories {
      width: 30%;
      display: flex;
      flex-direction: column; }
      body #wrapper .scratch-games-app .scratch-games-filters .categories > p, body #wrapper .scratch-games-app .scratch-games-filters .price-categories > p {
        margin-bottom: 16px;
        font-size: 16px;
        font-weight: 700;
        color: var(--opap-white); }
      body #wrapper .scratch-games-app .scratch-games-filters .categories .wrapper, body #wrapper .scratch-games-app .scratch-games-filters .price-categories .wrapper {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 16px; }
        body #wrapper .scratch-games-app .scratch-games-filters .categories .wrapper .category, body #wrapper .scratch-games-app .scratch-games-filters .categories .wrapper .price-category, body #wrapper .scratch-games-app .scratch-games-filters .price-categories .wrapper .category, body #wrapper .scratch-games-app .scratch-games-filters .price-categories .wrapper .price-category {
          width: fit-content;
          min-width: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 8px 10px;
          border: 1px solid var(--opap-white);
          border-radius: 20px;
          background: transparent;
          color: var(--opap-white); }
          body #wrapper .scratch-games-app .scratch-games-filters .categories .wrapper .category.active, body #wrapper .scratch-games-app .scratch-games-filters .categories .wrapper .price-category.active, body #wrapper .scratch-games-app .scratch-games-filters .price-categories .wrapper .category.active, body #wrapper .scratch-games-app .scratch-games-filters .price-categories .wrapper .price-category.active {
            border: none;
            background: var(--opap-glow-sky-blue); }
            body #wrapper .scratch-games-app .scratch-games-filters .categories .wrapper .category.active i, body #wrapper .scratch-games-app .scratch-games-filters .categories .wrapper .price-category.active i, body #wrapper .scratch-games-app .scratch-games-filters .price-categories .wrapper .category.active i, body #wrapper .scratch-games-app .scratch-games-filters .price-categories .wrapper .price-category.active i {
              margin-right: 8px; }
    body #wrapper .scratch-games-app .scratch-games-filters .sorting {
      display: flex;
      flex-direction: column; }
      body #wrapper .scratch-games-app .scratch-games-filters .sorting .form-group label {
        margin-bottom: 16px;
        font-size: 16px;
        font-weight: 700;
        color: var(--opap-white); }
      body #wrapper .scratch-games-app .scratch-games-filters .sorting .form-group select {
        width: fit-content;
        height: 50px;
        padding: 8px 16px;
        border-radius: 8px;
        font-weight: bold; }
  body #wrapper .scratch-games-app .scratch-grand-prize {
    width: 100%;
    max-width: 100%;
    border-radius: 0 0 0.5rem 0.5rem;
    display: flex;
    justify-content: center; }
    body #wrapper .scratch-games-app .scratch-grand-prize table {
      box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      width: 100%;
      max-width: 100%;
      border-radius: 0.5rem;
      overflow: hidden; }
      body #wrapper .scratch-games-app .scratch-grand-prize table th, body #wrapper .scratch-games-app .scratch-grand-prize table td {
        text-align: center;
        font-size: 1.25rem;
        max-width: 270px; }
      body #wrapper .scratch-games-app .scratch-grand-prize table th:first-child, body #wrapper .scratch-games-app .scratch-grand-prize table td:first-child {
        max-width: fit-content;
        min-width: 65px; }
      body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th {
        color: var(--opap-white);
        background-color: var(--opap-brand-navy-blue);
        padding: 0.5rem; }
        body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th .form-group {
          margin-bottom: 0; }
          body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th .form-group label {
            text-align: center;
            font-size: 1.25rem;
            color: var(--opap-white); }
          body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th .form-group .form-control {
            padding: 0;
            font-size: 1rem;
            text-align: center;
            text-align-last: center; }
      body #wrapper .scratch-games-app .scratch-grand-prize table tr {
        width: 100%;
        max-width: 100%;
        height: 4rem; }
        body #wrapper .scratch-games-app .scratch-grand-prize table tr.row-white {
          background-color: var(--opap-white); }
        body #wrapper .scratch-games-app .scratch-grand-prize table tr.row-grey {
          background-color: var(--opap-neutral-10); }
  body #wrapper .scratch-games-app .scratch-games-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 13px; }
    body #wrapper .scratch-games-app .scratch-games-list .game-cards-wrapper .game-card {
      width: 245px;
      height: 360px;
      position: relative;
      border-radius: 12px;
      box-shadow: 5px 5px 15px rgba(1, 244, 244, 0.7), -5px -5px 15px rgba(255, 8, 8, 0.5), 10px -10px 20px rgba(0, 148, 255, 0.4), -10px 10px 20px rgba(255, 203, 69, 0.4);
      -moz-box-shadow: 5px 5px 15px rgba(1, 244, 244, 0.7), -5px -5px 15px rgba(255, 8, 8, 0.5), 10px -10px 20px rgba(0, 148, 255, 0.4), -10px 10px 20px rgba(255, 203, 69, 0.4);
      -webkit-box-shadow: 5px 5px 15px rgba(1, 244, 244, 0.7), -5px -5px 15px rgba(255, 8, 8, 0.5), 10px -10px 20px rgba(0, 148, 255, 0.4), -10px 10px 20px rgba(255, 203, 69, 0.4);
      -o-box-shadow: 5px 5px 15px rgba(1, 244, 244, 0.7), -5px -5px 15px rgba(255, 8, 8, 0.5), 10px -10px 20px rgba(0, 148, 255, 0.4), -10px 10px 20px rgba(255, 203, 69, 0.4);
      cursor: pointer; }
      body #wrapper .scratch-games-app .scratch-games-list .game-cards-wrapper .game-card .new {
        width: 60px;
        height: 60px;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        top: -10px;
        right: -10px;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        border-radius: 50%; }
      body #wrapper .scratch-games-app .scratch-games-list .game-cards-wrapper .game-card img {
        width: 100%;
        height: 100%;
        object-fit: fill;
        border-radius: 12px; }
    body #wrapper .scratch-games-app .scratch-games-list.winnings .game-cards-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.625rem;
      width: 100%; }
      body #wrapper .scratch-games-app .scratch-games-list.winnings .game-cards-wrapper .game-card {
        height: 410px;
        box-shadow: 5px 5px 15px rgba(1, 244, 244, 0.7), -5px -5px 15px rgba(255, 8, 8, 0.5), 10px -10px 20px rgba(0, 148, 255, 0.4), -10px 10px 20px rgba(255, 203, 69, 0.4);
        -moz-box-shadow: 5px 5px 15px rgba(1, 244, 244, 0.7), -5px -5px 15px rgba(255, 8, 8, 0.5), 10px -10px 20px rgba(0, 148, 255, 0.4), -10px 10px 20px rgba(255, 203, 69, 0.4);
        -webkit-box-shadow: 5px 5px 15px rgba(1, 244, 244, 0.7), -5px -5px 15px rgba(255, 8, 8, 0.5), 10px -10px 20px rgba(0, 148, 255, 0.4), -10px 10px 20px rgba(255, 203, 69, 0.4);
        -o-box-shadow: 5px 5px 15px rgba(1, 244, 244, 0.7), -5px -5px 15px rgba(255, 8, 8, 0.5), 10px -10px 20px rgba(0, 148, 255, 0.4), -10px 10px 20px rgba(255, 203, 69, 0.4);
        border-radius: 0.625rem;
        min-width: 280px; }
        body #wrapper .scratch-games-app .scratch-games-list.winnings .game-cards-wrapper .game-card img {
          border-radius: 0.625rem; }
      body #wrapper .scratch-games-app .scratch-games-list.winnings .game-cards-wrapper .game-card, body #wrapper .scratch-games-app .scratch-games-list.winnings .game-cards-wrapper .game-card-info {
        cursor: pointer; }
  body #wrapper .scratch-games-app .game-card-info {
    width: 100%;
    height: 100%;
    background-color: var(--opap-scratch-2nd-chance-solid-light);
    color: var(--opap-white);
    padding: 1.125rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem; }
    body #wrapper .scratch-games-app .game-card-info .info-card-title {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 2.25rem;
      margin-bottom: 1rem; }
    body #wrapper .scratch-games-app .game-card-info .subtitle {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 1.125rem;
      margin-bottom: 0; }
    body #wrapper .scratch-games-app .game-card-info .group-row {
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding-top: 1.5rem;
      height: 100%;
      margin-bottom: 0.5rem; }
      body #wrapper .scratch-games-app .game-card-info .group-row .group-column {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.5rem; }
        body #wrapper .scratch-games-app .game-card-info .group-row .group-column img {
          margin-bottom: 0.5rem;
          max-height: 7.1rem; }
        body #wrapper .scratch-games-app .game-card-info .group-row .group-column .prize-label {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-size: 1.3rem;
          margin-bottom: 0; }
        body #wrapper .scratch-games-app .game-card-info .group-row .group-column .amount {
          font-size: 2.25rem;
          line-height: 1.25;
          margin-bottom: 0; }
  body #wrapper .scratch-games-app .scratch-detailed-view {
    padding: 3.125rem 1.5rem 2rem 1.5rem;
    background-color: var(--opap-clean-white);
    border-radius: 0.5rem;
    position: relative;
    width: 100%; }
    body #wrapper .scratch-games-app .scratch-detailed-view .back-button {
      width: 101px;
      height: 39px;
      background: var(--opap-clean-white);
      border-radius: 0.5rem;
      cursor: pointer;
      z-index: 5;
      gap: 4px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 3rem;
      right: 3rem; }
      body #wrapper .scratch-games-app .scratch-detailed-view .back-button i {
        color: var(--opap-neutral-90);
        font-size: 1rem;
        margin-top: 2px; }
      body #wrapper .scratch-games-app .scratch-detailed-view .back-button p {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0;
        text-align: center;
        color: var(--opap-neutral-90); }
    body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper {
      display: flex;
      gap: 3rem; }
      body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column {
        display: flex;
        flex-direction: column;
        max-width: 75%;
        width: 100%;
        gap: 2rem; }
        body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .title {
          font-size: 2rem;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          background: var(--opap-glow-navy-blue);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          width: 100%;
          line-height: 1.5;
          margin-bottom: 0; }
        body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .description {
          font-size: 1rem;
          color: var(--opap-neutral-90);
          line-break: anywhere; }
          body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .description ul {
            list-style-type: none;
            padding-left: 1rem;
            margin-bottom: 0; }
            body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .description ul li {
              position: relative;
              padding-left: 1rem;
              color: var(--opap-neutral-60);
              font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              margin-bottom: 1rem; }
            body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .description ul li::before {
              content: '';
              position: absolute;
              left: -10px;
              top: 50%;
              transform: translateY(-50%);
              width: 1.125rem;
              height: 1.125rem;
              background-color: var(--opap-brand-sky-blue);
              border-radius: 50%; }
          body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .description img {
            max-width: 100%; }
        body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .button-cluster {
          display: flex;
          align-items: center;
          gap: 2rem; }
          body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .button-cluster a, body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .button-cluster button {
            height: 52px;
            font-size: 1rem;
            gap: 0.5rem; }
        body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column.quarter {
          width: 25%; }
          body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column.quarter img {
            width: 100%; }
        body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper {
          position: fixed;
          inset: 0;
          background-color: rgba(88, 88, 88, 0.75);
          z-index: 10; }
          body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal {
            position: absolute;
            top: 50%;
            left: 50%;
            background: var(--opap-clean-white);
            border-radius: 11px;
            outline: none;
            margin-right: -50%;
            transform: translate(-50%, -50%);
            box-shadow: rgba(0, 0, 0, 0.5) 0 5px 15px;
            max-width: 75vw;
            max-height: 75vh; }
            body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-header {
              position: relative;
              padding: 1.25rem; }
              body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-header .button-close {
                position: absolute;
                right: 12px;
                top: 9px;
                width: 32px;
                height: 32px;
                opacity: 0.6;
                background: none;
                border: none;
                padding: 0; }
                body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-header .button-close:hover {
                  opacity: 1; }
                body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-header .button-close:before, body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-header .button-close:after {
                  position: absolute;
                  top: 2px;
                  right: 15px;
                  content: ' ';
                  height: 20px;
                  width: 2px;
                  background-color: #333; }
                body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-header .button-close:before {
                  transform: rotate(45deg); }
                body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-header .button-close:after {
                  transform: rotate(-45deg); }
            body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-body {
              padding: 0; }
              body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-body img {
                border-radius: 0 0 11px 11px;
                max-width: 100%;
                max-height: 75vh; }
              body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-body .scratch-slideshow-control {
                position: absolute;
                top: 50%;
                width: 3rem;
                height: 3rem;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 1rem;
                background-color: var(--opap-white);
                border-radius: 50%;
                border: none;
                cursor: pointer;
                box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
                -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
                -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
                -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08); }
                body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-body .scratch-slideshow-control.previous {
                  left: -5rem; }
                body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-body .scratch-slideshow-control.next {
                  right: -5rem; }
            body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal .carousel-indicators {
              position: absolute;
              display: flex;
              bottom: auto;
              margin-top: 1.5rem; }
              body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal .carousel-indicators li {
                border: 2px solid var(--opap-neutral-30);
                background-color: transparent;
                width: 1rem;
                height: 1rem;
                border-radius: 100%;
                margin: 0 10px; }
              body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal .carousel-indicators li.active {
                background-color: var(--opap-white); }
  body #wrapper .scratch-games-app .scratch-games-pagination {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px; }
    body #wrapper .scratch-games-app .scratch-games-pagination button {
      width: 32px;
      height: 32px;
      padding-bottom: 4px;
      font-size: 16px;
      font-weight: 700;
      color: var(--opap-white);
      background-color: transparent;
      border: 1px solid var(--opap-white);
      border-radius: 20px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center; }
      body #wrapper .scratch-games-app .scratch-games-pagination button.active {
        border: none;
        background: var(--opap-white);
        color: var(--opap-brand-sky-blue); }
      body #wrapper .scratch-games-app .scratch-games-pagination button.arrows {
        border: none; }
        body #wrapper .scratch-games-app .scratch-games-pagination button.arrows.invisible {
          visibility: hidden; }

body #wrapper .scratch-daily-celebration-app {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%; }
  body #wrapper .scratch-daily-celebration-app .scratch-daily-celebration-card {
    position: relative;
    width: 300px;
    height: 200px;
    background-color: #6200EA;
    border-radius: 8px;
    padding: 10px;
    color: var(--opap-clean-white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start; }
    body #wrapper .scratch-daily-celebration-app .scratch-daily-celebration-card span {
      flex: 1;
      font-size: 24px;
      font-weight: bold; }
    body #wrapper .scratch-daily-celebration-app .scratch-daily-celebration-card a {
      flex: 1;
      font-size: 18px;
      color: var(--opap-clean-white); }
    body #wrapper .scratch-daily-celebration-app .scratch-daily-celebration-card img {
      position: absolute;
      bottom: -10px;
      right: -10px;
      width: 80px;
      height: 100px;
      rotate: 14deg; }

body #wrapper .scratch-four-pillar-carousel-app {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 24px; }
  body #wrapper .scratch-four-pillar-carousel-app > button {
    box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    background-color: var(--opap-white);
    border: none;
    border-radius: 50%;
    cursor: pointer; }
  body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card {
    width: 302px;
    border-radius: 8px;
    overflow: hidden; }
    body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-up {
      width: 100%;
      height: 160px; }
      body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-up img {
        width: 100%;
        height: 100%;
        object-fit: fill;
        clip-path: circle(130% at 50% -105%); }
    body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-down {
      width: 100%;
      height: 248px;
      text-align: center;
      padding-top: 30px; }
      body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-down h3 {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 25px;
        margin-bottom: 4px; }
      body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-down p {
        font-size: 16px; }
  body #wrapper .scratch-four-pillar-carousel-app .opap-carousel-dots {
    margin-top: 24px;
    padding: 0;
    list-style: none;
    display: none; }
    body #wrapper .scratch-four-pillar-carousel-app .opap-carousel-dots li {
      background-color: var(--opap-neutral-50);
      width: 12px;
      height: 12px;
      border-radius: 100%;
      margin: 0 10px; }
      body #wrapper .scratch-four-pillar-carousel-app .opap-carousel-dots li.active {
        background-color: var(--opap-brand-yellow); }

body #wrapper .winning-banners-wrapper {
  display: flex;
  gap: 1rem;
  padding: 0 0.25rem; }
  body #wrapper .winning-banners-wrapper .banner-wrapper-left {
    width: 39.25rem;
    min-height: 25rem;
    position: relative;
    display: flex;
    border-radius: 0.5rem;
    overflow: hidden;
    background: url("../../images/scratch/scratch-left-banner.png") no-repeat;
    background-size: cover; }
    body #wrapper .winning-banners-wrapper .banner-wrapper-left .title {
      width: fit-content;
      height: 4rem;
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
      padding: 0 1.5rem;
      border-radius: 0 0 2.5rem 0;
      background-image: linear-gradient(to right, #f4e77e, #f0e178, #e6d168, #d6b74e, #d2af47, #cba53e, #c9a23c, #c3901b, #e5c95c, #f8e77f, #f4e179, #e9d269, #d8ba4e, #c0972a, #b48617); }
      body #wrapper .winning-banners-wrapper .banner-wrapper-left .title .title-p {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        margin: 0;
        font-weight: bold;
        font-size: 2rem;
        text-wrap: nowrap; }
    body #wrapper .winning-banners-wrapper .banner-wrapper-left .left-side {
      width: 23.5rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center; }
      body #wrapper .winning-banners-wrapper .banner-wrapper-left .left-side .amount-p {
        font-size: 4rem;
        word-break: break-all; }
      body #wrapper .winning-banners-wrapper .banner-wrapper-left .left-side .text-p {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        margin: 0;
        font-size: 1.5rem;
        color: var(--opap-white); }
    body #wrapper .winning-banners-wrapper .banner-wrapper-left .right-side {
      width: 15.75rem;
      display: flex;
      justify-content: end;
      align-items: center; }
      body #wrapper .winning-banners-wrapper .banner-wrapper-left .right-side .ticket-pic {
        width: 231px;
        height: 329px;
        background: url("../../images/scratch/scratch-ticket.png");
        background-repeat: no-repeat; }
  body #wrapper .winning-banners-wrapper .banner-wrapper-right {
    width: 39.25rem;
    min-height: 25rem;
    position: relative;
    display: flex;
    align-items: center;
    background-size: cover;
    border-radius: 0.5rem;
    overflow: hidden;
    background: url("../../images/scratch/scratch-right-banner.png") no-repeat;
    background-size: cover; }
    body #wrapper .winning-banners-wrapper .banner-wrapper-right .title {
      width: fit-content;
      height: 4rem;
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
      padding: 0 1.5rem;
      background-image: linear-gradient(to right, #f4e77e, #f0e178, #e6d168, #d6b74e, #d2af47, #cba53e, #c9a23c, #c3901b, #e5c95c, #f8e77f, #f4e179, #e9d269, #d8ba4e, #c0972a, #b48617);
      border-radius: 0 0 2.5rem 0; }
      body #wrapper .winning-banners-wrapper .banner-wrapper-right .title .title-p {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        margin: 0;
        font-weight: bold;
        font-size: 2rem;
        text-wrap: nowrap; }
    body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .amount-p {
        font-size: 5rem; }
      body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .text-p {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 1.5rem;
        color: var(--opap-white); }
  body #wrapper .winning-banners-wrapper .banner-wrapper-left .winner-alert, body #wrapper .winning-banners-wrapper .banner-wrapper-right .winner-alert {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    font-size: 1rem;
    color: var(--opap-white); }
    body #wrapper .winning-banners-wrapper .banner-wrapper-left .winner-alert .circle, body #wrapper .winning-banners-wrapper .banner-wrapper-right .winner-alert .circle {
      width: 0.75rem;
      height: 0.75rem;
      border-radius: 50%;
      background: radial-gradient(ellipse at top, #ffc900, #ffe600, #ffad1b, #ff7b1c);
      box-shadow: 0 0 3px 1px #ffad1b; }
  body #wrapper .winning-banners-wrapper .banner-wrapper-left .amount-p, body #wrapper .winning-banners-wrapper .banner-wrapper-right .amount-p {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin: 0;
    background-image: linear-gradient(to right, #f4e77e, #f0e178, #e6d168, #d6b74e, #d2af47, #cba53e, #c9a23c, #c3901b, #e5c95c, #f8e77f, #f4e179, #e9d269, #d8ba4e, #c0972a, #b48617);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--opap-white); }

body #wrapper .scratch-winners {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; }
  body #wrapper .scratch-winners .banner {
    background: var(--opap-scratch-2nd-chance-primary);
    color: var(--opap-white);
    border-radius: 0.5rem;
    flex-wrap: nowrap;
    height: 80px;
    box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.75rem; }
    body #wrapper .scratch-winners .banner .info {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 1rem;
      margin-bottom: 0;
      color: var(--opap-white); }
    body #wrapper .scratch-winners .banner .amount {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 1.75rem;
      margin-bottom: 0;
      color: var(--opap-white); }
    body #wrapper .scratch-winners .banner .loading-bars {
      height: 34px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      rotate: 180deg; }
      body #wrapper .scratch-winners .banner .loading-bars .bar {
        width: 21px;
        height: 5px;
        max-height: 23px;
        background: var(--opap-white);
        margin: 0 4px;
        animation: wave 1s ease-in-out infinite;
        border-radius: 6px; }
      body #wrapper .scratch-winners .banner .loading-bars .bar:nth-child(2) {
        animation-delay: 0.2s;
        height: 12px; }
      body #wrapper .scratch-winners .banner .loading-bars .bar:nth-child(3) {
        animation-delay: 0.4s; }

@keyframes wave {
  0% {
    height: 5px; }
  50% {
    height: 12px; }
  100% {
    height: 23px; } }

@keyframes fade-text {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  body #wrapper .scratch-winners .calendar-map-wrapper {
    display: flex;
    gap: 1.25rem;
    width: 100%;
    height: 100%; }
    body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker {
      background-color: var(--opap-clean-white);
      border: none;
      border-radius: 0;
      width: 400px;
      height: 310px; }
      body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__month-container {
        float: none;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        max-height: 250px; }
        body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__month-container .react-datepicker__header {
          background-color: var(--opap-clean-white);
          border-bottom: none;
          color: var(--opap-neutral-90);
          padding: 0;
          font-size: 1.5rem;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700; }
        body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__month-container .react-datepicker__month {
          display: grid;
          grid-template-columns: repeat(4, 0fr);
          grid-template-rows: repeat(3, auto); }
          body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__month-container .react-datepicker__month-wrapper {
            align-items: center;
            justify-content: center;
            display: contents; }
            body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__month-container .react-datepicker__month-wrapper .react-datepicker__month-text {
              background-color: var(--opap-datepicker-grey);
              width: 3rem;
              height: 3rem;
              border-radius: 0.3rem;
              color: var(--opap-neutral-90);
              text-transform: uppercase;
              display: flex;
              align-items: center;
              justify-content: center;
              margin: 0.25rem;
              user-select: none;
              font-size: 1rem;
              font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
              font-weight: 700; }
              body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__month-container .react-datepicker__month-wrapper .react-datepicker__month-text--selected {
                background-color: var(--opap-yellow); }
              body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__month-container .react-datepicker__month-wrapper .react-datepicker__month-text--disabled {
                cursor: unset;
                opacity: 0.5;
                background: var(--opap-dust-grey);
                border: 0.75rem solid var(--opap-dust-grey); }
      body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__navigation {
        top: 1.25rem; }
        body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__navigation-icon::before {
          border-color: var(--opap-neutral-90);
          height: 12px;
          width: 12px; }
        body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__navigation--previous {
          left: 0.75rem; }
        body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__navigation--next {
          right: 0.75rem; }
      body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__children-container {
        margin: 0;
        padding: 0;
        width: 100%; }
        body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__children-container .react-datepicker__footer {
          background-color: var(--opap-brand-navy-blue);
          height: 60px;
          display: flex;
          align-items: center;
          justify-content: center; }
          body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__children-container .react-datepicker__footer label {
            color: var(--opap-clean-white);
            font-size: 1rem;
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            gap: 0.5rem;
            margin: 0;
            font-family: "RobotoFlex", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
          body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__children-container .react-datepicker__footer .opap-switch {
            position: relative;
            visibility: hidden;
            width: 40px;
            -moz-appearance: initial; }
            body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__children-container .react-datepicker__footer .opap-switch::before {
              content: '';
              visibility: visible;
              position: absolute;
              top: 4px;
              left: 8px;
              width: 24px;
              height: 8px;
              border-radius: 4px;
              background: var(--opap-neutral-60);
              transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
              cursor: pointer; }
            body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__children-container .react-datepicker__footer .opap-switch::after {
              content: '';
              visibility: visible;
              position: absolute;
              left: 0;
              width: 16px;
              height: 16px;
              background: var(--opap-white);
              border-radius: 50%;
              transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
            body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__children-container .react-datepicker__footer .opap-switch:disabled::after {
              background: var(--opap-neutral-30); }
            body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__children-container .react-datepicker__footer .opap-switch:checked::before {
              background: var(--opap-white); }
            body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker__children-container .react-datepicker__footer .opap-switch:checked::after {
              background: var(--opap-glow-apple);
              left: 24px; }
    body #wrapper .scratch-winners .calendar-map-wrapper .map-container {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%; }
      body #wrapper .scratch-winners .calendar-map-wrapper .map-container svg {
        background: var(--opap-scratch-winners-map-blue);
        border-radius: 0.5rem; }
        body #wrapper .scratch-winners .calendar-map-wrapper .map-container svg path {
          fill: var(--opap-scratch-winners-map-beige);
          cursor: pointer;
          position: relative; }
          body #wrapper .scratch-winners .calendar-map-wrapper .map-container svg path.active, body #wrapper .scratch-winners .calendar-map-wrapper .map-container svg path:hover {
            fill: var(--opap-scratch-winners-map-active);
            opacity: 0.4; }
      body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box {
        opacity: 1;
        position: absolute;
        border-radius: 0.5rem;
        z-index: 5;
        pointer-events: none;
        min-height: 36px;
        background: var(--opap-scratch-2nd-chance-primary);
        color: var(--opap-clean-white);
        padding: 0.625rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 190px; }
        body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box p {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          font-size: 1rem;
          margin-bottom: 0; }
        body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box h2 {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          font-size: 1.75rem;
          margin-bottom: 0; }
      body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box::after {
        content: " ";
        position: absolute;
        top: 100%;
        left: 50%;
        border-width: 6.5px;
        border-style: solid;
        border-color: var(--opap-scratch-winners-map-active) transparent transparent transparent; }

@media (min-width: 1280px) and (max-width: 1384px) {
  body #wrapper .scratch-four-pillar-carousel-app {
    column-gap: 16px; }
    body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card {
      width: 276px;
      border-radius: 8px;
      overflow: hidden; }
      body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-up {
        width: 100%;
        height: 146px; }
        body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-up img {
          width: 100%;
          height: 100%;
          object-fit: fill;
          clip-path: circle(135% at 50% -105%); }
      body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-down {
        width: 100%;
        height: 248px;
        text-align: center; }
        body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-down h3 {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          font-size: 25px;
          margin-bottom: 4px; }
        body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-down p {
          font-size: 16px; } }

@media (max-width: 1279.98px) {
  body #wrapper .scratch-games-app .scratch-games-filters.winnings {
    gap: 3rem; }
    body #wrapper .scratch-games-app .scratch-games-filters.winnings .categories, body #wrapper .scratch-games-app .scratch-games-filters.winnings .price-categories {
      width: 45%; }
  body #wrapper .scratch-games-app .scratch-games-list.cards {
    max-width: 956px; }
  body #wrapper .scratch-games-app .scratch-grand-prize table th, body #wrapper .scratch-games-app .scratch-grand-prize table td {
    font-size: 1rem; }
  body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th .form-group label {
    font-size: 1rem; }
  body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th .form-group .form-control {
    padding: 5px;
    font-size: 1rem; }
  body #wrapper .scratch-four-pillar-carousel-app {
    column-gap: 20px; }
  body #wrapper .winning-banners-wrapper {
    flex-direction: column;
    align-items: center; }
  body #wrapper .scratch-winners .calendar-map-wrapper .react-datepicker {
    width: 300px; }
  body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box p {
    font-size: 0.85rem; }
  body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box h2 {
    font-size: 1.65rem; } }

@media (max-width: 991.98px) {
  body #wrapper .scratch-games-app .scratch-games-filters {
    flex-direction: column;
    row-gap: 16px;
    padding-right: 10px;
    padding-left: 10px; }
    body #wrapper .scratch-games-app .scratch-games-filters.winnings {
      gap: 1rem;
      margin-bottom: 0;
      max-width: 100%;
      align-items: center; }
      body #wrapper .scratch-games-app .scratch-games-filters.winnings .categories, body #wrapper .scratch-games-app .scratch-games-filters.winnings .price-categories {
        width: 100%; }
    body #wrapper .scratch-games-app .scratch-games-filters .categories, body #wrapper .scratch-games-app .scratch-games-filters .price-categories {
      width: 100%; }
    body #wrapper .scratch-games-app .scratch-games-filters .sorting .form-group select {
      width: 100%; }
  body #wrapper .scratch-games-app .scratch-games-list.cards {
    max-width: 633px; }
  body #wrapper .scratch-games-app .scratch-games-list.winnings {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%; }
    body #wrapper .scratch-games-app .scratch-games-list.winnings .game-cards-wrapper {
      flex-direction: column;
      width: 500px; }
      body #wrapper .scratch-games-app .scratch-games-list.winnings .game-cards-wrapper .game-card {
        min-width: auto;
        max-width: 192px;
        height: 280px; }
  body #wrapper .scratch-games-app .game-card-info {
    border-radius: 0.5rem;
    border: 1px solid var(--opap-neutral-20);
    max-width: 100%;
    max-height: 100%;
    height: fit-content;
    gap: 0; }
    body #wrapper .scratch-games-app .game-card-info .info-card-title {
      font-size: 2.15rem;
      text-align: center; }
    body #wrapper .scratch-games-app .game-card-info .subtitle {
      font-size: 1.25rem;
      text-align: center; }
    body #wrapper .scratch-games-app .game-card-info .group-row .group-column {
      gap: 0; }
      body #wrapper .scratch-games-app .game-card-info .group-row .group-column img {
        max-height: 3rem; }
      body #wrapper .scratch-games-app .game-card-info .group-row .group-column .prize-label {
        font-size: 0.75rem; }
      body #wrapper .scratch-games-app .game-card-info .group-row .group-column .amount {
        font-size: 1rem; }
  body #wrapper .scratch-games-app .scratch-detailed-view {
    padding: 5rem 0.5rem 1rem 0.5rem; }
    body #wrapper .scratch-games-app .scratch-detailed-view .back-button {
      top: 1rem;
      right: 0.5rem; }
    body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper {
      flex-direction: column;
      gap: 2rem; }
      body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column {
        max-width: 100%; }
        body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .description {
          font-size: 0.75rem; }
          body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .description ul li {
            padding-left: 0.5rem; }
          body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .description ul li::before {
            width: 0.75rem;
            height: 0.75rem; }
        body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .button-cluster {
          flex-direction: column; }
        body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column.quarter {
          width: 100%; }
          body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column.quarter img {
            width: 100%; }
        body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal {
          max-width: 90%; }
          body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-header {
            padding: 1rem; }
            body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-header .button-close {
              top: 7px; }
              body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-header .button-close:before, body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-header .button-close:after {
                height: 16px; }
          body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal-body .scratch-slideshow-control {
            display: none; }
          body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal .carousel-indicators {
            align-items: end;
            margin-top: 1rem; }
            body #wrapper .scratch-games-app .scratch-detailed-view .scratch-card-details-wrapper .scratch-details-column .scratch-slideshow-modal-wrapper .scratch-slideshow-modal .carousel-indicators li {
              width: 10px;
              height: 10px; }
  body #wrapper .scratch-games-app .scratch-grand-prize table th, body #wrapper .scratch-games-app .scratch-grand-prize table td {
    font-size: 0.55rem;
    max-width: 120px;
    padding: 0.25rem; }
  body #wrapper .scratch-games-app .scratch-grand-prize table th:first-child, body #wrapper .scratch-games-app .scratch-grand-prize table td:first-child {
    min-width: 55px; }
  body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th {
    padding: 0.25rem; }
    body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th .form-group label {
      font-size: 0.55rem; }
    body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th .form-group .form-control {
      font-size: 0.55rem; }
  body #wrapper .scratch-winners {
    gap: 0.625rem; }
    body #wrapper .scratch-winners .calendar-map-wrapper {
      flex-direction: column;
      align-items: center;
      gap: 0.625rem; }
      body #wrapper .scratch-winners .calendar-map-wrapper .map-container svg {
        border-radius: 0; }
      body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box {
        min-width: auto;
        min-height: auto; }
        body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box h2 {
          font-size: 1.5rem; } }

@media (max-width: 767.98px) {
  body #wrapper .scratch-games-app .scratch-games-filters.winnings {
    max-width: 310px; }
    body #wrapper .scratch-games-app .scratch-games-filters.winnings .categories, body #wrapper .scratch-games-app .scratch-games-filters.winnings .price-categories {
      width: 100%; }
  body #wrapper .scratch-games-app .scratch-games-list.cards {
    max-width: 310px; }
  body #wrapper .scratch-games-app .scratch-games-list.winnings .game-cards-wrapper {
    width: 400px; }
    body #wrapper .scratch-games-app .scratch-games-list.winnings .game-cards-wrapper .game-card {
      min-width: auto;
      max-width: 192px;
      height: 280px; }
  body #wrapper .scratch-games-app .game-card-info .info-card-title {
    font-size: 2rem; }
  body #wrapper .scratch-games-app .game-card-info .subtitle {
    font-size: 1rem; }
  body #wrapper .scratch-games-app .game-card-info .group-row .group-column img {
    max-height: 2.75rem; }
  body #wrapper .scratch-games-app .game-card-info .group-row .group-column .prize-label {
    font-size: 0.5rem; }
  body #wrapper .scratch-games-app .game-card-info .group-row .group-column .amount {
    font-size: 0.875rem; }
  body #wrapper .scratch-four-pillar-carousel-app {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    body #wrapper .scratch-four-pillar-carousel-app > button {
      display: none; }
    body #wrapper .scratch-four-pillar-carousel-app .opap-carousel-dots {
      display: flex;
      align-items: center;
      justify-content: center; }
  body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box p {
    font-size: 0.75rem; }
  body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box h2 {
    font-size: 1.25rem; } }

@media (max-width: 575.98px) {
  body #wrapper .scratch-games-app .scratch-games-filters.winnings {
    max-width: 100%; }
  body #wrapper .scratch-games-app .scratch-games-list.winnings .game-cards-wrapper {
    width: 350px; }
  body #wrapper .scratch-games-app .scratch-grand-prize table th, body #wrapper .scratch-games-app .scratch-grand-prize table td {
    font-size: 0.45rem; }
  body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th {
    padding: 0.2rem; }
    body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th .form-group label {
      font-size: 0.45rem; }
    body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th .form-group .form-control {
      font-size: 0.45rem; }
  body #wrapper .scratch-four-pillar-carousel-app {
    column-gap: 12px; } }

@media screen and (max-width: 640px) {
  body #wrapper .winning-banners-wrapper {
    width: 100%;
    padding: 0; }
    body #wrapper .winning-banners-wrapper .banner-wrapper-left {
      width: 100%;
      flex-direction: column;
      align-items: center;
      padding: 4rem 0; }
      body #wrapper .winning-banners-wrapper .banner-wrapper-left .left-side {
        width: 100%; }
    body #wrapper .winning-banners-wrapper .banner-wrapper-right {
      width: 100%;
      padding: 4rem 0; }
      body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .amount-p {
        font-size: 4rem; } }

@media screen and (max-width: 480px) {
  body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box {
    padding: 0.5rem; }
    body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box p {
      font-size: 0.65rem; }
    body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box h2 {
      font-size: 1.15rem; } }

@media screen and (max-width: 440px) {
  body #wrapper .scratch-four-pillar-carousel-app {
    position: relative; }
    body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card {
      width: 302px;
      border-radius: 8px;
      overflow: hidden; }
      body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-up {
        width: 100%;
        height: 160px; }
        body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-up img {
          width: 100%;
          height: 100%;
          object-fit: fill;
          clip-path: circle(130% at 50% -105%); }
      body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-down {
        width: 100%;
        height: 248px;
        text-align: center;
        padding: 30px 38px 0 38px; }
        body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-down h3 {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          font-size: 25px;
          margin-bottom: 4px; }
        body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card .card-down p {
          font-size: 16px; }
  body #wrapper .winning-banners-wrapper .banner-wrapper-left .left-side .amount-p {
    font-size: 3rem; }
  body #wrapper .winning-banners-wrapper .banner-wrapper-left .winner-alert {
    font-size: 0.75rem; }
  body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .amount-p {
    font-size: 3rem; }
  body #wrapper .winning-banners-wrapper .banner-wrapper-right .winner-alert {
    font-size: 0.75rem; } }

@media screen and (max-width: 380px) {
  body #wrapper .scratch-games-app .scratch-games-list.winnings .game-cards-wrapper {
    width: 100%; }
  body #wrapper .scratch-games-app .scratch-games-list.cards .game-cards-wrapper .game-card {
    width: 100%; }
  body #wrapper .scratch-games-app .scratch-grand-prize table th, body #wrapper .scratch-games-app .scratch-grand-prize table td {
    font-size: 0.35rem; }
  body #wrapper .scratch-games-app .scratch-grand-prize table th:first-child, body #wrapper .scratch-games-app .scratch-grand-prize table td:first-child {
    min-width: 45px; }
  body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th .form-group label {
    font-size: 0.35rem; }
  body #wrapper .scratch-games-app .scratch-grand-prize table thead tr th .form-group .form-control {
    font-size: 0.35rem;
    padding: 0; }
  body #wrapper .scratch-four-pillar-carousel-app {
    position: relative; }
    body #wrapper .scratch-four-pillar-carousel-app .scratch-four-pillar-card {
      max-width: 80%; }
  body #wrapper .scratch-daily-celebration-app .scratch-daily-celebration-card {
    width: 280px; }
    body #wrapper .scratch-daily-celebration-app .scratch-daily-celebration-card img {
      right: 2px;
      width: 60px;
      height: 80px; }
  body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box p {
    font-size: 0.5rem; }
  body #wrapper .scratch-winners .calendar-map-wrapper .map-container .info-box h2 {
    font-size: 1rem; } }

@media screen and (max-width: 320px) {
  body #wrapper .scratch-winners .calendar-map-wrapper div:first-child {
    width: 100%; }
    body #wrapper .scratch-winners .calendar-map-wrapper div:first-child .react-datepicker {
      width: auto;
      min-width: 100%; } }

body #wrapper .opap-news-top-story {
  position: relative;
  height: 650px; }
  body #wrapper .opap-news-top-story .content-curve {
    clip-path: circle(91% at 0 50%);
    width: 65%;
    z-index: 1; }
    body #wrapper .opap-news-top-story .content-curve .content {
      flex-direction: column;
      padding: 134px 8px 110px 100px;
      width: 67%; }
      body #wrapper .opap-news-top-story .content-curve .content .tag-shape {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        border-radius: 16px;
        height: 23px;
        font-size: 12.8px;
        line-height: 13.6px;
        font-weight: 700;
        margin-bottom: 10px; }
      body #wrapper .opap-news-top-story .content-curve .content .displayDate {
        background-color: var(--opap-white);
        color: var(--opap-hl-royal-blue);
        padding: 4px 8px;
        width: fit-content; }
      body #wrapper .opap-news-top-story .content-curve .content .article-category {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        row-gap: 6px; }
        body #wrapper .opap-news-top-story .content-curve .content .article-category .badge-category {
          color: var(--opap-white);
          padding: 4px 12px;
          margin-right: 8px; }
      body #wrapper .opap-news-top-story .content-curve .content .article-title {
        margin: 0 0 25px 0; }
        body #wrapper .opap-news-top-story .content-curve .content .article-title .font-size-mobile {
          display: none; }
        body #wrapper .opap-news-top-story .content-curve .content .article-title .top-story-title {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          line-height: 1.3;
          font-weight: 800;
          margin: 8px 0;
          padding-bottom: 5px;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical; }
  body #wrapper .opap-news-top-story .content-curve-fullscreen {
    background: transparent; }
  body #wrapper .opap-news-top-story .image-content {
    width: 65%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0; }
    body #wrapper .opap-news-top-story .image-content img {
      height: 100%;
      width: 100%; }
  body #wrapper .opap-news-top-story .image-content-fullscreen {
    width: 100%; }

@media screen and (max-width: 1300px) {
  body #wrapper .opap-news-top-story .content-curve {
    width: 65%;
    clip-path: circle(91% at 0 50%); }
    body #wrapper .opap-news-top-story .content-curve .content {
      width: 80%; } }

@media screen and (max-width: 1100px) {
  body #wrapper .opap-news-top-story .content-curve .content {
    width: 85%; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-news-top-story .content-curve {
    clip-path: circle(80% at 0 50%); }
    body #wrapper .opap-news-top-story .content-curve .content {
      width: 80%; }
      body #wrapper .opap-news-top-story .content-curve .content .article-title {
        margin-top: 10px; }
        body #wrapper .opap-news-top-story .content-curve .content .article-title .font-size-mobile {
          display: flex; }
        body #wrapper .opap-news-top-story .content-curve .content .article-title .font-size-desktop {
          display: none; }
        body #wrapper .opap-news-top-story .content-curve .content .article-title .top-story-title {
          font-weight: 800;
          margin: 0;
          -webkit-line-clamp: 5; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-news-top-story {
    flex-direction: column-reverse;
    height: 725px; }
    body #wrapper .opap-news-top-story .content-curve {
      width: 100%;
      height: 70%;
      clip-path: ellipse(115% 65% at 50% 65%); }
      body #wrapper .opap-news-top-story .content-curve .content {
        width: 100%;
        padding: 50px 20px 10px 20px; }
        body #wrapper .opap-news-top-story .content-curve .content .tag-shape {
          margin-bottom: 15px; }
        body #wrapper .opap-news-top-story .content-curve .content .article-title {
          margin-top: 10px; }
          body #wrapper .opap-news-top-story .content-curve .content .article-title .font-size-mobile {
            display: flex; }
            body #wrapper .opap-news-top-story .content-curve .content .article-title .font-size-mobile .top-story-title {
              width: 100%;
              font-weight: 800;
              margin: 0;
              -webkit-line-clamp: 5; }
          body #wrapper .opap-news-top-story .content-curve .content .article-title .font-size-desktop {
            display: none; }
    body #wrapper .opap-news-top-story .image-content {
      width: 100%;
      height: 40%; }
      body #wrapper .opap-news-top-story .image-content img {
        object-fit: cover; }
    body #wrapper .opap-news-top-story .image-content-fullscreen {
      width: 100%;
      height: 100%; } }

body #wrapper .opap-latest-news {
  display: flex;
  flex-direction: column;
  align-items: center; }
  body #wrapper .opap-latest-news .opap-latest-news-articles {
    max-width: 1280px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 40px; }
    body #wrapper .opap-latest-news .opap-latest-news-articles .news-card {
      border: 1.4 solid var(--opap-neutral-20);
      border-radius: 11px;
      box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      overflow: hidden;
      position: relative;
      z-index: 2;
      background-color: var(--opap-white); }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card:hover button {
        cursor: pointer; }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card:hover .opap-news-hover-line {
        height: 5px;
        width: 100%;
        position: absolute;
        top: 234px;
        left: 0;
        background-color: var(--opap-brand-sky-blue); }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card .news-card-image {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card .news-card-time {
        height: 23px;
        display: inline-block;
        background-color: var(--opap-corporate-background);
        box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        border-radius: 16px;
        margin-bottom: 16px;
        padding: 4px 8px;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 12.8px;
        line-height: 13.6px;
        font-weight: 700;
        color: var(--opap-hl-royal-blue); }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card .news-card-tags {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 8px; }
        body #wrapper .opap-latest-news .opap-latest-news-articles .news-card .news-card-tags .news-card-tag {
          height: 23px;
          display: inline-block;
          background: #D83509;
          box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          border-radius: 16px;
          padding: 4px 12px;
          margin: 0 16px 8px 0;
          font-size: 12.8px;
          line-height: 13.6px;
          color: var(--opap-white); }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card .news-card-title {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 800; }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card .news-card-image-poster {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card .news-card-video-play-button {
        width: 51px;
        height: 51px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--opap-neutral-90);
        border: none;
        border-radius: 50%;
        color: var(--opap-white);
        position: absolute;
        left: 24px;
        bottom: 13px;
        cursor: default;
        font-size: 18px; }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card .news-card-video-duration {
        width: 65px;
        height: 32px;
        position: absolute;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 12.8px;
        line-height: 14px;
        font-feature-settings: 'tnum' on, 'lnum' on;
        color: var(--opap-white);
        background-color: var(--opap-neutral-90);
        margin-bottom: 0; }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card.video-background-color {
        background-color: var(--opap-neutral-90); }
    body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-first {
      width: 628px;
      position: relative;
      z-index: 2; }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-first .news-card-video-play-button {
        left: unset;
        right: 24px;
        z-index: 3; }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-first .news-card-video-duration {
        right: 0;
        top: 0;
        z-index: 3; }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-first .news-card-content {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 16px 0 0 24px;
        background-color: rgba(0, 0, 0, 0.5); }
        body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-first .news-card-content .news-card-title {
          font-size: 44.8px;
          line-height: 62.7px;
          color: var(--opap-white);
          text-shadow: 0 0 24px rgba(0, 0, 0, 0.65);
          margin-bottom: 41px; }
        body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-first .news-card-content .news-card-read-more {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          font-size: 20px;
          line-height: 30px;
          text-align: center;
          color: var(--opap-neutral-90);
          width: 202px;
          min-height: 64px;
          height: fit-content;
          border-radius: 8px;
          padding: 14px 40px;
          background-color: var(--opap-corporate-background); }
    body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-other {
      width: 302px; }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-other .news-card-image-content {
        height: 243px;
        position: relative;
        border-bottom: 5px solid var(--opap-white);
        overflow: hidden; }
        body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-other .news-card-image-content .news-card-time {
          position: absolute;
          top: 16px;
          left: 15px; }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-other .video-border-color {
        border-bottom: 5px solid var(--opap-neutral-90); }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-other .news-card-content {
        padding: 16px 24px;
        position: relative; }
        body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-other .news-card-content .news-card-title {
          font-size: 25px;
          line-height: 35px;
          color: var(--opap-neutral-90);
          margin-bottom: 24px; }
        body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-other .news-card-content .news-card-video-text-color {
          color: var(--opap-white); }
      body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-other .news-card-video-text-color {
        color: var(--opap-white); }
  body #wrapper .opap-latest-news .latest-news-show-more {
    width: 100%;
    display: inline-block;
    margin: 39px 0 46px 0;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: var(--opap-neutral-90);
    background-color: transparent;
    border: none; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-latest-news .opap-latest-news-articles {
    max-width: 628px; }
    body #wrapper .opap-latest-news .opap-latest-news-articles .news-card {
      min-height: 468px; }
    body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-first .news-card-content .news-card-title {
      font-size: 29px;
      line-height: 36.2px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-first .news-card-content {
    min-height: 100%; }
  body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-other .news-card-content {
    padding: 16px 24px 34px 16px; }
    body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-other .news-card-content .news-card-tags .news-card-tag {
      margin-bottom: 8px; }
    body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-other .news-card-content .news-card-title {
      font-size: 20px;
      line-height: 28px; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-latest-news .opap-latest-news-articles {
    flex-direction: column; }
    body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-first .news-card-content .news-card-read-more {
      padding: 14px 10px; }
    body #wrapper .opap-latest-news .opap-latest-news-articles .news-card {
      width: 288px; }
    body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-first .news-card-image {
      min-height: 468px; } }

body #wrapper .opap-csr-news {
  display: flex;
  flex-direction: column;
  align-items: center; }
  body #wrapper .opap-csr-news .opap-latest-news-articles {
    max-width: 1280px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 40px; }
    body #wrapper .opap-csr-news .opap-latest-news-articles .news-card {
      border: 1.4 solid var(--opap-neutral-20);
      border-radius: 11px;
      box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      overflow: hidden;
      position: relative;
      z-index: 2;
      background-color: var(--opap-white); }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card:hover button {
        cursor: pointer; }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card:hover .opap-news-hover-line {
        height: 5px;
        width: 100%;
        position: absolute;
        top: 234px;
        left: 0;
        background-color: var(--opap-brand-sky-blue); }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card .news-card-image {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card .news-card-time {
        height: 23px;
        display: inline-block;
        background-color: var(--opap-corporate-background);
        box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        border-radius: 16px;
        margin-bottom: 16px;
        padding: 4px 8px;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 12.8px;
        line-height: 13.6px;
        font-weight: 700;
        color: var(--opap-hl-royal-blue); }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card .news-card-tags {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 8px; }
        body #wrapper .opap-csr-news .opap-latest-news-articles .news-card .news-card-tags .news-card-tag {
          height: 23px;
          display: inline-block;
          background: #D83509;
          box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          border-radius: 16px;
          padding: 4px 12px;
          margin: 0 16px 8px 0;
          font-size: 12.8px;
          line-height: 13.6px;
          color: var(--opap-white); }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card .news-card-title {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 800; }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card .news-card-image-poster {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card .news-card-video-play-button {
        width: 51px;
        height: 51px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--opap-neutral-90);
        border: none;
        border-radius: 50%;
        color: var(--opap-white);
        position: absolute;
        left: 24px;
        bottom: 13px;
        cursor: default;
        font-size: 18px; }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card .news-card-video-duration {
        width: 65px;
        height: 32px;
        position: absolute;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 12.8px;
        line-height: 14px;
        font-feature-settings: 'tnum' on, 'lnum' on;
        color: var(--opap-white);
        background-color: var(--opap-neutral-90);
        margin-bottom: 0; }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card.video-background-color {
        background-color: var(--opap-neutral-90); }
    body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-first {
      width: 628px;
      position: relative;
      z-index: 2; }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-first .news-card-video-play-button {
        left: unset;
        right: 24px;
        z-index: 3; }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-first .news-card-video-duration {
        right: 0;
        top: 0;
        z-index: 3; }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-first .news-card-content {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 16px 0 0 24px;
        background-color: rgba(0, 0, 0, 0.5); }
        body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-first .news-card-content .news-card-title {
          font-size: 44.8px;
          line-height: 62.7px;
          color: var(--opap-white);
          text-shadow: 0 0 24px rgba(0, 0, 0, 0.65);
          margin-bottom: 41px; }
        body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-first .news-card-content .news-card-read-more {
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          font-size: 20px;
          line-height: 30px;
          text-align: center;
          color: var(--opap-neutral-90);
          width: 202px;
          min-height: 64px;
          height: fit-content;
          border-radius: 8px;
          padding: 14px 40px;
          background-color: var(--opap-corporate-background); }
    body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-other {
      width: 302px;
      padding-bottom: 54px; }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-other .news-card-image-content {
        height: 243px;
        position: relative;
        border-bottom: 5px solid var(--opap-white);
        overflow: hidden; }
        body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-other .news-card-image-content .news-card-time {
          position: absolute;
          top: 16px;
          left: 15px; }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-other .video-border-color {
        border-bottom: 5px solid var(--opap-neutral-90); }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-other .news-card-content {
        padding: 16px 24px;
        position: relative; }
        body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-other .news-card-content .news-card-title {
          font-size: 25px;
          line-height: 35px;
          color: var(--opap-neutral-90);
          margin-bottom: 24px; }
        body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-other .news-card-content .news-card-video-text-color {
          color: var(--opap-white); }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-other .news-card-video-text-color {
        color: var(--opap-white); }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-other .news-card-read-more {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        position: absolute;
        bottom: 24px;
        left: 24px; }
        body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-other .news-card-read-more i {
          font-size: 16px;
          font-weight: bold; }
  body #wrapper .opap-csr-news .latest-news-show-more {
    width: 100%;
    display: inline-block;
    margin: 39px 0 46px 0;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: var(--opap-neutral-90);
    background-color: transparent;
    border: none; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-csr-news .opap-latest-news-articles {
    max-width: 628px; }
    body #wrapper .opap-csr-news .opap-latest-news-articles .news-card {
      min-height: 468px; }
    body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-first {
      width: 100%; }
      body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-first .news-card-content .news-card-title {
        font-size: 29px;
        line-height: 36.2px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-csr-news .opap-latest-news-articles .news-card {
    width: 288px; }
  body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-first .news-card-content {
    min-height: 100%;
    padding: 16px 24px 0 16px; }
  body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-other .news-card-content {
    padding: 16px 24px 0 16px; }
    body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-other .news-card-content .news-card-tags .news-card-tag {
      margin-bottom: 8px; }
    body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-other .news-card-content .news-card-title {
      font-size: 20px;
      line-height: 28px; }
  body #wrapper .opap-csr-news .opap-latest-news-articles .carousel-inner {
    width: 338px;
    padding-left: 25px;
    min-height: 650px; }
    body #wrapper .opap-csr-news .opap-latest-news-articles .carousel-inner .carousel-item .news-card {
      box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      border-radius: 16px; }
  body #wrapper .opap-csr-news .opap-latest-news-articles .carousel-indicators li {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: var(--opap-neutral-50);
    margin: 0 10px;
    border: none; }
    body #wrapper .opap-csr-news .opap-latest-news-articles .carousel-indicators li.active {
      background: var(--opap-glow-sky-blue);
      box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
      -moz-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
      -webkit-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
      -o-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue); } }

@media (max-width: 767.98px) {
  body #wrapper .opap-csr-news .opap-latest-news-articles {
    flex-direction: column; }
    body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-first .news-card-content .news-card-read-more {
      padding: 14px 10px; }
    body #wrapper .opap-csr-news .opap-latest-news-articles .news-card-first .news-card-image {
      min-height: 468px; }
  @supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    body #wrapper .opap-latest-news .opap-latest-news-articles .news-card-other .news-card-read-more {
      font-size: 18px; } } }

/* OPAP NEWS Navigation */
body #wrapper .opap-nav-wrapper .opap-navigation.opap-news-navigation .opap-corporate-primary {
  background: var(--opap-neutral-20); }
  body #wrapper .opap-nav-wrapper .opap-navigation.opap-news-navigation .opap-corporate-primary.logo.opap-home-logo {
    width: 150px; }
    body #wrapper .opap-nav-wrapper .opap-navigation.opap-news-navigation .opap-corporate-primary.logo.opap-home-logo img {
      height: 100%;
      object-fit: cover; }
  body #wrapper .opap-nav-wrapper .opap-navigation.opap-news-navigation .opap-corporate-primary.game-opap-logo.opap-home-logo {
    width: 25px; }
    body #wrapper .opap-nav-wrapper .opap-navigation.opap-news-navigation .opap-corporate-primary.game-opap-logo.opap-home-logo img {
      margin-bottom: 5px;
      padding-right: 5px; }

body #wrapper .opap-nav-wrapper .opap-navigation.opap-news-navigation button.opap-springboard-btn circle {
  fill: var(--opap-brand-navy-blue); }

body #wrapper .opap-nav-wrapper .opap-navigation.opap-news-navigation ul.navbar-nav > li.nav-item a.nav-link {
  font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: normal; }

body #wrapper .opap-nav-wrapper .opap-navigation.opap-news-navigation ul.navbar-nav > li.nav-item.selected.active a.nav-link {
  font-family: "RobotoFlexMedium", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
  body #wrapper .opap-nav-wrapper .opap-navigation.opap-news-navigation ul.navbar-nav > li.nav-item.selected.active a.nav-link::after {
    box-shadow: none; }

@media (max-width: 991.98px) {
  body #wrapper .opap-nav-wrapper .opap-navigation.opap-news-navigation .opap-springboard-btn.opap-corporate-primary {
    background: transparent; } }

@media (max-width: 575.98px) {
  body #wrapper .opap-nav-wrapper .opap-navigation.opap-news-navigation .opap-desktop-burger-list.show {
    min-width: 200px; } }

body #wrapper .opap-latest-videos {
  display: flex;
  flex-direction: column;
  align-items: center; }
  body #wrapper .opap-latest-videos.carousel {
    width: 302px;
    margin: 0 auto;
    min-height: 620px; }
    body #wrapper .opap-latest-videos.carousel .carousel-indicators li {
      border-radius: 50%;
      width: 16px;
      height: 16px;
      background-color: var(--opap-neutral-50);
      margin: 0 10px;
      border: none; }
      body #wrapper .opap-latest-videos.carousel .carousel-indicators li.active {
        background: var(--opap-glow-sky-blue);
        box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
        -moz-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
        -webkit-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
        -o-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue); }
  body #wrapper .opap-latest-videos .opap-latest-videos-articles {
    max-width: 1280px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 40px; }
    body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card {
      border: 1.4 solid var(--opap-neutral-20);
      border-radius: 11px;
      box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      overflow: hidden;
      position: relative;
      background-color: var(--opap-white); }
      body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card:hover .opap-news-hover-line {
        height: 5px;
        width: 100%;
        position: absolute;
        top: 234px;
        left: 0;
        background-color: var(--opap-brand-sky-blue); }
      body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card .news-card-image {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card .news-card-time {
        height: 23px;
        display: inline-block;
        background-color: var(--opap-corporate-background);
        box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        border-radius: 16px;
        margin-bottom: 16px;
        padding: 4px 8px;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 12.8px;
        line-height: 13.6px;
        font-weight: 700;
        color: var(--opap-hl-royal-blue); }
      body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card .news-card-tags {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 8px; }
        body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card .news-card-tags .news-card-tag {
          height: 23px;
          display: inline-block;
          background: #D83509;
          box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          border-radius: 16px;
          padding: 4px 12px;
          margin: 0 16px 8px 0;
          font-size: 12.8px;
          line-height: 13.6px;
          color: var(--opap-white); }
      body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card .news-card-title {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 800; }
      body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card .news-card-image-poster {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card .news-card-video-play-button {
        width: 51px;
        height: 51px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--opap-neutral-90);
        border: none;
        border-radius: 50%;
        color: var(--opap-white);
        position: absolute;
        left: 24px;
        bottom: 13px;
        cursor: default;
        font-size: 18px; }
        body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card .news-card-video-play-button:hover {
          cursor: pointer; }
      body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card .news-card-video-duration {
        width: 65px;
        height: 32px;
        position: absolute;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 12.8px;
        line-height: 14px;
        font-feature-settings: 'tnum' on, 'lnum' on;
        color: var(--opap-white);
        background-color: var(--opap-neutral-90);
        margin-bottom: 0; }
      body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card.video-background-color {
        background-color: var(--opap-neutral-90); }
    body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card-other {
      width: 302px; }
      body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card-other .news-card-image-content {
        height: 243px;
        position: relative;
        border-bottom: 5px solid var(--opap-white);
        overflow: hidden; }
        body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card-other .news-card-image-content .news-card-time {
          position: absolute;
          top: 16px;
          left: 15px; }
      body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card-other .video-border-color {
        border-bottom: 5px solid var(--opap-neutral-90); }
      body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card-other .news-card-content {
        padding: 16px 24px 34px 24px;
        position: relative; }
        body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card-other .news-card-content .news-card-title {
          font-size: 25px;
          line-height: 35px;
          color: var(--opap-neutral-90);
          margin-bottom: 24px; }
        body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card-other .news-card-content .news-card-video-text-color {
          color: var(--opap-white); }
      body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card-other .news-card-video-text-color {
        color: var(--opap-white); }
  body #wrapper .opap-latest-videos .latest-videos-show-more {
    width: 100%;
    display: inline-block;
    margin: 39px 0 46px 0;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: var(--opap-neutral-90);
    background-color: transparent;
    border: none; }
  body #wrapper .opap-latest-videos .carousel-inner {
    width: 338px;
    padding-left: 25px;
    min-height: 620px; }
  body #wrapper .opap-latest-videos .carousel-indicators li {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: var(--opap-neutral-50);
    margin: 0 10px;
    border: none; }
    body #wrapper .opap-latest-videos .carousel-indicators li.active {
      background: var(--opap-glow-sky-blue);
      box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
      -moz-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
      -webkit-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
      -o-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue); }
  body #wrapper .opap-latest-videos .news-no-show-more-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 40px; }
  body #wrapper .opap-latest-videos #opap-latest-videos-module-carousel, body #wrapper .opap-latest-videos #opap-top-videos-module-carousel {
    display: none; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-latest-videos .opap-latest-videos-articles {
    max-width: 628px; }
    body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card {
      min-height: 468px;
      width: 288px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card-other .news-card-content {
    padding: 16px 24px 34px 16px; }
    body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card-other .news-card-content .news-card-tags .news-card-tag {
      margin-bottom: 8px; }
    body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-card-other .news-card-content .news-card-title {
      font-size: 20px;
      line-height: 28px; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-latest-videos .opap-latest-videos-articles {
    flex-direction: column; }
    body #wrapper .opap-latest-videos .opap-latest-videos-articles .news-no-show-more-wrapper {
      display: none; }
    body #wrapper .opap-latest-videos .opap-latest-videos-articles #opap-latest-videos-module-carousel, body #wrapper .opap-latest-videos .opap-latest-videos-articles #opap-top-videos-module-carousel {
      display: flex;
      align-items: center; } }

body #wrapper #component-also-in-category.opap-news-also-in-category .component-header .title {
  display: flex;
  flex-flow: column;
  margin-bottom: 0; }
  body #wrapper #component-also-in-category.opap-news-also-in-category .component-header .title span {
    text-transform: uppercase; }

body #wrapper #component-also-in-category.opap-news-also-in-category .component-main .article {
  box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  background: var(--opap-white);
  border: 1.4px solid var(--opap-neutral-20);
  border-radius: 11px;
  padding: 20px 25px 30px;
  margin-top: 30px; }
  body #wrapper #component-also-in-category.opap-news-also-in-category .component-main .article .article-header {
    box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
    -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
    -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
    -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
    background: var(--opap-white);
    border-radius: 16px;
    padding: 2px 8px;
    width: fit-content;
    display: flex;
    align-items: center; }
    body #wrapper #component-also-in-category.opap-news-also-in-category .component-main .article .article-header .article-date {
      font-weight: 700;
      font-size: 13px;
      color: var(--opap-hl-royal-blue); }
  body #wrapper #component-also-in-category.opap-news-also-in-category .component-main .article .article-categories {
    margin: 25px 0;
    display: flex;
    flex-flow: wrap;
    column-gap: 16px;
    row-gap: 10px; }
    body #wrapper #component-also-in-category.opap-news-also-in-category .component-main .article .article-categories a {
      box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      color: var(--opap-white);
      border-radius: 16px;
      font-size: 13px;
      letter-spacing: 0.09em;
      line-height: 10px;
      height: 23px;
      padding: 4px 12px; }
  body #wrapper #component-also-in-category.opap-news-also-in-category .component-main .article .article-title:hover {
    text-decoration: underline;
    cursor: pointer; }
  body #wrapper #component-also-in-category.opap-news-also-in-category .component-main .article .article-title h3 {
    color: var(--opap-neutral-90);
    font-size: 25px;
    line-height: 1.4; }

@media (max-width: 991.98px) {
  body #wrapper #component-also-in-category.opap-news-also-in-category .component-header .title {
    font-size: 31px; } }

body #wrapper .opap-news-most-popular-vertical .component-header h2 {
  margin-bottom: 0; }

body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal {
  box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -moz-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -webkit-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  -o-box-shadow: 0 32px 64px rgba(3, 15, 55, 0.16), 0 16px 16px rgba(30, 31, 36, 0.08);
  border-radius: 8px;
  display: flex;
  flex-flow: column;
  margin-top: 30px;
  position: relative;
  background: var(--opap-clean-white); }
  body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal:hover .opap-news-hover-line {
    height: 5px;
    width: 100%;
    position: absolute;
    top: 239px;
    left: 0;
    background-color: var(--opap-brand-sky-blue); }
  body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-image {
    overflow: hidden;
    position: relative;
    height: 243px;
    border-radius: 8px 8px 0 0; }
    body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-image img {
      border-radius: 8px 8px 0 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-image .play-icon {
      background-color: var(--opap-pure-dark);
      color: var(--opap-white);
      position: absolute;
      line-height: 1.6;
      bottom: 15px;
      left: 25px;
      width: 51px;
      height: 51px;
      border-radius: 50%; }
      body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-image .play-icon span {
        position: relative;
        display: contents; }
        body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-image .play-icon span svg.lexicon-icon {
          font-size: 1.5em;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          margin-left: 2px; }
    body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-image .video-duration {
      background-color: var(--opap-pure-dark);
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 6px 15px;
      color: var(--opap-white);
      font-weight: 700;
      font-size: 13px;
      line-height: 1.6; }
    body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-image .article-date {
      box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      position: absolute;
      left: 25px;
      top: 20px;
      background: var(--opap-white);
      border-radius: 16px;
      padding: 2px 8px;
      width: fit-content;
      display: flex;
      align-items: center; }
      body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-image .article-date time {
        font-weight: 700;
        font-size: 13px;
        color: var(--opap-hl-royal-blue); }
  body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-main {
    padding: 20px 25px 30px; }
    body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-main .article-categories {
      margin: 0 0 25px;
      display: flex;
      flex-flow: wrap;
      column-gap: 16px;
      row-gap: 10px; }
      body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-main .article-categories a {
        box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        color: var(--opap-white);
        border-radius: 16px;
        font-size: 13px;
        letter-spacing: 0.09em;
        line-height: 10px;
        height: 23px;
        padding: 4px 12px; }
    body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-main .article-title h3 {
      color: var(--opap-neutral-90);
      font-size: 25px;
      line-height: 1.4; }
    body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-main.video-background-color {
      background-color: var(--opap-pure-dark);
      border-radius: 0 0 8px 8px; }
      body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-main.video-background-color .article-title h3, body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-main.video-background-color .article-footer a {
        color: var(--opap-white); }
      body #wrapper .opap-news-most-popular-vertical .component-main .article-horizontal .article-main.video-background-color .article-image {
        border-radius: 8px 8px 0 0; }

@media (max-width: 991.98px) {
  body #wrapper .opap-news-most-popular-vertical .component-header h2 {
    font-size: 31px; } }

body #wrapper .opap-choices-news {
  display: flex;
  flex-direction: column;
  align-items: center; }
  body #wrapper .opap-choices-news .opap-choices-news-articles {
    max-width: 1280px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 40px; }
    body #wrapper .opap-choices-news .opap-choices-news-articles .news-card {
      border: 1.4 solid var(--opap-neutral-20);
      border-radius: 11px;
      box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      overflow: hidden;
      position: relative;
      background-color: var(--opap-white); }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card:hover button {
        cursor: pointer; }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card:hover .opap-news-hover-line {
        height: 5px;
        width: 100%;
        position: absolute;
        top: 234px;
        left: 0;
        background-color: var(--opap-brand-sky-blue); }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card .news-card-image {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card .news-card-video {
        width: 100%;
        position: relative; }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card .news-card-time {
        height: 23px;
        display: inline-block;
        background-color: var(--opap-corporate-background);
        box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
        border-radius: 16px;
        margin-bottom: 16px;
        padding: 4px 8px;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 12.8px;
        line-height: 13.6px;
        font-weight: 700;
        color: var(--opap-hl-royal-blue); }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card .news-card-tags {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 8px; }
        body #wrapper .opap-choices-news .opap-choices-news-articles .news-card .news-card-tags .news-card-tag {
          height: 23px;
          display: inline-block;
          background: #D83509;
          box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
          border-radius: 16px;
          padding: 4px 12px;
          margin: 0 16px 8px 0;
          font-size: 12.8px;
          line-height: 13.6px;
          color: var(--opap-white); }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card .news-card-title {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 800; }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card .news-card-image-poster {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card .news-card-video-play-button {
        width: 51px;
        height: 51px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--opap-neutral-90);
        border: none;
        border-radius: 50%;
        color: var(--opap-white);
        position: absolute;
        left: 24px;
        bottom: 13px;
        cursor: default;
        font-size: 18px; }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card .news-card-video-duration {
        width: 65px;
        height: 32px;
        position: absolute;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 12.8px;
        line-height: 14px;
        font-feature-settings: 'tnum' on, 'lnum' on;
        color: var(--opap-white);
        background-color: var(--opap-neutral-90);
        margin-bottom: 0; }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card.video-background-color {
        background-color: var(--opap-neutral-90); }
    body #wrapper .opap-choices-news .opap-choices-news-articles .news-card-other {
      width: 302px; }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card-other.news-card-blog .news-card-content .news-card-title {
        color: var(--opap-clean-white); }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card-other .news-card-image-content {
        height: 243px;
        position: relative;
        border-bottom: 5px solid var(--opap-white);
        overflow: hidden; }
        body #wrapper .opap-choices-news .opap-choices-news-articles .news-card-other .news-card-image-content .news-card-time {
          position: absolute;
          top: 16px;
          left: 15px; }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card-other .video-border-color {
        border-bottom: 5px solid var(--opap-neutral-90); }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card-other .news-card-content {
        padding: 16px 24px;
        position: relative; }
        body #wrapper .opap-choices-news .opap-choices-news-articles .news-card-other .news-card-content .news-card-title {
          font-size: 25px;
          line-height: 35px;
          color: var(--opap-neutral-90);
          margin-bottom: 24px; }
        body #wrapper .opap-choices-news .opap-choices-news-articles .news-card-other .news-card-content .news-card-video-text-color {
          color: var(--opap-white); }
      body #wrapper .opap-choices-news .opap-choices-news-articles .news-card-other .news-card-video-text-color {
        color: var(--opap-white); }
  body #wrapper .opap-choices-news .latest-news-show-more {
    width: 100%;
    display: inline-block;
    margin: 39px 0 46px 0;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: var(--opap-neutral-90);
    background-color: transparent;
    border: none; }
  body #wrapper .opap-choices-news .carousel-indicators li {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: var(--opap-neutral-50);
    margin: 0 10px;
    border: none; }
    body #wrapper .opap-choices-news .carousel-indicators li.active {
      background: var(--opap-glow-sky-blue);
      box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
      -moz-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
      -webkit-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue);
      -o-box-shadow: -2px 1px 9px var(--opap-hl-royal-blue); }

@media (max-width: 1279.98px) {
  body #wrapper .opap-choices-news .opap-choices-news-articles {
    max-width: 628px; }
    body #wrapper .opap-choices-news .opap-choices-news-articles .news-card {
      min-height: 468px;
      width: 288px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-choices-news .opap-choices-news-articles .carousel-inner {
    width: 338px;
    padding-left: 25px;
    min-height: 620px; }
  body #wrapper .opap-choices-news .opap-choices-news-articles .news-card {
    width: 288px; }
  body #wrapper .opap-choices-news .opap-choices-news-articles .news-card-other .news-card-content {
    padding: 16px 24px 34px 16px; }
    body #wrapper .opap-choices-news .opap-choices-news-articles .news-card-other .news-card-content .news-card-tags .news-card-tag {
      margin-bottom: 8px; }
    body #wrapper .opap-choices-news .opap-choices-news-articles .news-card-other .news-card-content .news-card-title {
      font-size: 20px;
      line-height: 28px; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-choices-news .opap-choices-news-articles {
    flex-direction: column; } }

body #wrapper .opap-news-articles-page .component-main .article .article-info {
  display: flex;
  flex-flow: row;
  justify-content: space-between; }
  body #wrapper .opap-news-articles-page .component-main .article .article-info .article-date-categories .article-date {
    box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
    -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
    -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
    -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
    background: var(--opap-white);
    border-radius: 16px;
    padding: 2px 8px;
    width: fit-content;
    display: flex;
    align-items: center; }
    body #wrapper .opap-news-articles-page .component-main .article .article-info .article-date-categories .article-date time {
      font-weight: 700;
      font-size: 13px;
      color: var(--opap-hl-royal-blue); }
  body #wrapper .opap-news-articles-page .component-main .article .article-info .article-date-categories .article-categories {
    margin: 8px 0 15px;
    display: flex;
    flex-flow: wrap;
    column-gap: 16px;
    row-gap: 10px; }
    body #wrapper .opap-news-articles-page .component-main .article .article-info .article-date-categories .article-categories a {
      box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -moz-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -webkit-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      -o-box-shadow: 0 7px 8px rgba(30, 31, 36, 0.05), 0 2px 3px rgba(3, 15, 55, 0.08);
      color: var(--opap-white);
      border-radius: 16px;
      font-size: 13px;
      letter-spacing: 0.09em;
      line-height: 10px;
      height: 23px;
      padding: 4px 12px; }
  body #wrapper .opap-news-articles-page .component-main .article .article-info .article-share {
    margin-bottom: 20px; }
    body #wrapper .opap-news-articles-page .component-main .article .article-info .article-share.blog-share span, body #wrapper .opap-news-articles-page .component-main .article .article-info .article-share.blog-share a {
      color: var(--opap-clean-white); }

body #wrapper .opap-news-articles-page .component-main .article .article-title {
  display: flex;
  flex-flow: column;
  margin-bottom: 0; }
  body #wrapper .opap-news-articles-page .component-main .article .article-title h1 {
    font-size: 44px;
    color: var(--opap-brand-navy-blue);
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700; }

body #wrapper .opap-news-articles-page .component-main .article .article-image {
  margin-bottom: 35px; }

body #wrapper .opap-news-articles-page .component-main .article .article-content {
  margin-bottom: 0; }
  body #wrapper .opap-news-articles-page .component-main .article .article-content p {
    font-size: 20px;
    line-height: 33px; }
    body #wrapper .opap-news-articles-page .component-main .article .article-content p a {
      font-size: 20px;
      color: #008fe9; }
      body #wrapper .opap-news-articles-page .component-main .article .article-content p a:hover {
        text-decoration: underline; }

body #wrapper .opap-news-articles-page .component-main .article .author-wrapper .author-details {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500; }
  body #wrapper .opap-news-articles-page .component-main .article .author-wrapper .author-details .author-image-wrapper {
    min-width: 61px;
    height: 61px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    body #wrapper .opap-news-articles-page .component-main .article .author-wrapper .author-details .author-image-wrapper .img-fluid {
      max-width: 61px;
      min-height: 61px;
      border-radius: 50%; }
    body #wrapper .opap-news-articles-page .component-main .article .author-wrapper .author-details .author-image-wrapper .author-initials {
      font-size: 20px;
      margin-bottom: 0; }
  body #wrapper .opap-news-articles-page .component-main .article .author-wrapper .author-details .author-name {
    font-size: 14px;
    line-height: 35px;
    border-bottom: 1px solid #fff;
    width: 417px; }

body #wrapper .opap-news-articles-page .component-main .article .author-wrapper .author-quote {
  top: -38px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF; }
  body #wrapper .opap-news-articles-page .component-main .article .author-wrapper .author-quote p {
    background: transparent;
    z-index: 2; }

body #wrapper .opap-news-articles-page .component-main .article .author-wrapper .author-quote::before {
  content: '';
  background: var(--opap-neutral-90) url(../../images/opap/icons/quotes-3.png) top no-repeat;
  background-size: 50%;
  width: 84px;
  height: 62px;
  position: absolute;
  top: -21px;
  left: -24px;
  z-index: 1; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-news-articles-page .component-main .article .author-wrapper .author-details .author-name {
    width: 310px; } }

@media (max-width: 991.98px) {
  body #wrapper .opap-news-articles-page .component-main .article .article-info {
    flex-flow: column; }
  body #wrapper .opap-news-articles-page .component-main .article .article-title h1 {
    font-size: 29px; }
  body #wrapper .opap-news-articles-page .component-main .article .author-wrapper .author-quote::before {
    left: -16px; } }

@media (max-width: 767.98px) {
  body #wrapper .opap-news-articles-page .component-main .article .author-wrapper .author-details {
    margin-bottom: 6em; }
    body #wrapper .opap-news-articles-page .component-main .article .author-wrapper .author-details .author-name {
      width: 100vw; } }

.quiz-wrapper {
  box-sizing: border-box;
  background: #FDFDFD;
  border-radius: 11.027px;
  min-height: 505px;
  max-width: 840px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 0 16px rgba(30, 31, 36, 0.16), 0 0 16px rgba(30, 31, 36, 0.08);
  -moz-box-shadow: 0 0 16px rgba(30, 31, 36, 0.16), 0 0 16px rgba(30, 31, 36, 0.08);
  -webkit-box-shadow: 0 0 16px rgba(30, 31, 36, 0.16), 0 0 16px rgba(30, 31, 36, 0.08);
  -o-box-shadow: 0 0 16px rgba(30, 31, 36, 0.16), 0 0 16px rgba(30, 31, 36, 0.08);
  margin-right: 16px;
  margin-left: 16px;
  padding: 2em;
  gap: 2em; }
  .quiz-wrapper .quiz-image {
    width: 189px;
    height: 93px;
    display: flex;
    flex-direction: row;
    justify-content: center; }
  .quiz-wrapper .quiz-image img {
    max-height: 93px;
    max-width: 189px; }
  .quiz-wrapper .badge-pill-quiz {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 4px 12px;
    gap: 10px;
    width: 60px;
    height: 23px;
    box-shadow: 0px 7px 8px rgba(30, 31, 36, 0.05), 0px 2px 3px rgba(3, 15, 55, 0.08);
    border-radius: 16px;
    flex: none;
    order: 0;
    flex-grow: 0;
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 14px;
    font-size: 12.8px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    font-feature-settings: 'tnum' on, 'lnum' on;
    color: var(--opap-white);
    margin-bottom: 0;
    padding-bottom: 5px; }
  .quiz-wrapper .quiz-title-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1em;
    width: 100%; }
  .quiz-wrapper .quiz-title-normal {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 800;
    font-size: 25px;
    line-height: 35px;
    color: var(--opap-neutral-60);
    margin-bottom: 5px; }
  .quiz-wrapper .quiz-title-bold {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 800;
    font-size: 36px;
    line-height: 50px;
    text-align: center; }
  .quiz-wrapper .emailRequired {
    text-align: center; }
    .quiz-wrapper .emailRequired .email {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 800;
      font-size: 17px;
      text-align: center;
      min-width: 287px; }
  .quiz-wrapper .user-terms {
    text-align: center;
    display: flex;
    align-items: center;
    gap: 10px; }
    .quiz-wrapper .user-terms .conditions {
      text-align: justify;
      font-size: 16px; }
      .quiz-wrapper .user-terms .conditions a {
        text-decoration: underline; }
  .quiz-wrapper .choice-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%; }
    .quiz-wrapper .choice-wrapper .choice {
      border: 1px solid #C5C5C5;
      border-radius: 10px;
      min-height: 58px;
      display: flex;
      flex-direction: row;
      align-items: center;
      position: relative;
      cursor: pointer;
      height: fit-content;
      word-break: break-word;
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 25px;
      line-height: 23px;
      padding: 20px;
      z-index: 1; }
  .quiz-wrapper .opap-corporate-main-cta-secondary {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 800;
    font-size: 25px;
    line-height: 35px;
    color: var(--opap-white);
    box-shadow: 0px 7px 8px rgba(30, 31, 36, 0.05), 0px 2px 3px rgba(3, 15, 55, 0.08);
    width: 307px;
    height: 58px;
    cursor: pointer;
    padding: 0 10px;
    border: none;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    display: inline-flex;
    min-width: 220px;
    margin: 0;
    outline: none; }
  .quiz-wrapper .disabled {
    opacity: 0.5;
    pointer-events: none; }
  .quiz-wrapper .opap-corporate-main-cta-secondary:hover {
    text-decoration: none; }
  .quiz-wrapper .question-progress-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2em;
    width: 100%; }
    .quiz-wrapper .question-progress-wrapper .progress-number-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      width: 100%; }
      .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .progress-bar {
        max-width: 799px;
        height: 20px;
        background: #F2F2F2;
        border-radius: 32px;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        overflow: hidden; }
        .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .progress-bar li {
          background: var(--opap-white);
          border-radius: 100px;
          width: 9px;
          height: 9px;
          z-index: 1;
          position: relative;
          margin: 5px 8px; }
        .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .progress-bar li .stop ~ li {
          background: #777; }
        .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .progress-bar li .stop ~ li::after {
          height: 0; }
        .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .progress-bar li::after {
          content: "";
          position: absolute;
          background: var(--opap-white); }
      .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .progress-bar::after {
        content: "";
        position: absolute;
        background: var(--progress-bar-background);
        width: var(--progress-bar-width);
        height: 100%;
        border-radius: 32px; }
      .quiz-wrapper .question-progress-wrapper .progress-number-wrapper .question-number {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 15px;
        line-height: 21px;
        text-align: right;
        color: var(--opap-neutral-60);
        margin-right: 1em;
        margin-bottom: 0; }
    .quiz-wrapper .question-progress-wrapper .question-text {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 800;
      font-size: 22px;
      line-height: 31px;
      text-align: center; }
    .quiz-wrapper .question-progress-wrapper .results-text {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      font-size: 24px;
      line-height: 34px;
      text-align: center; }
      .quiz-wrapper .question-progress-wrapper .results-text strong {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    .quiz-wrapper .question-progress-wrapper i {
      font-size: 128px; }

.loader {
  border: 16px solid #F2F2F2;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 1s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@media (max-width: 575.98px) {
  .quiz-wrapper .choice-wrapper .choice {
    font-size: 20px;
    line-height: 18px; }
  .quiz-wrapper .user-terms .conditions {
    display: flex;
    flex-direction: column; }
  .quiz-wrapper .emailRequired .email {
    min-width: 230px;
    font-size: 14px; }
  .quiz-wrapper .quiz-title-bold {
    font-size: 30px; }
  .quiz-wrapper .quiz-title-normal {
    font-size: 23px; }
  .quiz-wrapper .question-progress-wrapper .question-text, .quiz-wrapper .question-progress-wrapper .results-text {
    font-size: 20px; }
  .quiz-wrapper .question-progress-wrapper i {
    font-size: 100px; }
  .quiz-wrapper .opap-corporate-main-cta-secondary {
    max-width: 230px;
    font-size: 18px; } }

@media screen and (max-width: 320px) {
  .quiz-wrapper .quiz-title-bold {
    font-size: 27px; }
  .quiz-wrapper .emailRequired .email {
    min-width: 190px;
    font-size: 11px; }
  .quiz-wrapper .opap-corporate-main-cta-secondary {
    max-width: 190px;
    min-width: 150px; } }

@media screen and (max-width: 290px) {
  .quiz-wrapper .choice-wrapper .choice {
    font-size: 16px;
    line-height: 17px; } }

body #wrapper .opap-main-category-carousel-module {
  position: relative;
  width: 100%;
  height: 650px;
  background-size: cover;
  background-position: center;
  display: flex;
  overflow: hidden; }
  body #wrapper .opap-main-category-carousel-module .container {
    display: flex;
    flex-flow: row;
    height: 100%;
    padding: 100px 0 35px;
    column-gap: 10px;
    justify-content: space-between; }
    body #wrapper .opap-main-category-carousel-module .container .header {
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      padding-bottom: 100px;
      min-width: 230px;
      max-width: calc(100% - 936px); }
      body #wrapper .opap-main-category-carousel-module .container .header .title {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 43px;
        line-height: 53px;
        color: var(--opap-white); }
      body #wrapper .opap-main-category-carousel-module .container .header a.btn {
        width: 211px;
        min-width: 211px; }
    body #wrapper .opap-main-category-carousel-module .container .content {
      min-width: 302px;
      max-width: 926px;
      position: relative; }
      body #wrapper .opap-main-category-carousel-module .container .content .slide {
        visibility: hidden;
        position: absolute; }
        body #wrapper .opap-main-category-carousel-module .container .content .slide .slide-category {
          height: 65px;
          width: 100%;
          background: rgba(255, 255, 255, 0.24);
          backdrop-filter: blur(16px);
          -webkit-backdrop-filter: blur(16px);
          border-radius: 8px;
          text-align: center;
          padding: 10px 0;
          font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
          font-weight: 700;
          font-size: 20px;
          line-height: 2;
          color: var(--opap-white);
          position: absolute;
          bottom: 0; }
        body #wrapper .opap-main-category-carousel-module .container .content .slide.active {
          visibility: visible;
          position: static; }
      body #wrapper .opap-main-category-carousel-module .container .content .rounded-circle {
        width: 40px;
        height: 40px;
        display: block;
        vertical-align: middle;
        position: absolute;
        bottom: 12px;
        z-index: 2; }
        body #wrapper .opap-main-category-carousel-module .container .content .rounded-circle i {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        body #wrapper .opap-main-category-carousel-module .container .content .rounded-circle.opap-carousel-control-prev {
          left: 20px; }
        body #wrapper .opap-main-category-carousel-module .container .content .rounded-circle.opap-carousel-control-next {
          right: 20px; }

@media (max-width: 1279.98px) {
  body #wrapper .opap-main-category-carousel-module {
    height: auto; }
    body #wrapper .opap-main-category-carousel-module .container {
      flex-flow: column;
      align-items: center;
      padding-top: 20px; }
      body #wrapper .opap-main-category-carousel-module .container .header {
        padding-bottom: 15px;
        align-items: center; }
        body #wrapper .opap-main-category-carousel-module .container .header .title {
          text-align: center;
          margin-bottom: 20px;
          font-size: 25px;
          line-height: 31px; }
      body #wrapper .opap-main-category-carousel-module .container .content {
        width: 95%; }
        body #wrapper .opap-main-category-carousel-module .container .content .slide .slide-category {
          position: relative;
          margin-top: 10px; } }

body #wrapper .opap-main-category-carousel-module .opap-main-category-slide {
  height: 418px;
  display: flex;
  align-items: center;
  column-gap: 10px; }
  body #wrapper .opap-main-category-carousel-module .opap-main-category-slide .inner-slide {
    display: flex;
    flex-direction: column;
    row-gap: 14px; }
    body #wrapper .opap-main-category-carousel-module .opap-main-category-slide .inner-slide > div {
      width: 302px;
      border-radius: 8px;
      overflow: hidden; }
    body #wrapper .opap-main-category-carousel-module .opap-main-category-slide .inner-slide .half-size {
      height: 202px; }
    body #wrapper .opap-main-category-carousel-module .opap-main-category-slide .inner-slide .full-size {
      height: 418px; }

@media (max-width: 991.98px) {
  body #wrapper .opap-main-category-carousel-module .opap-main-category-slide {
    height: 277px;
    column-gap: 7px; }
    body #wrapper .opap-main-category-carousel-module .opap-main-category-slide .inner-slide {
      row-gap: 7px; }
      body #wrapper .opap-main-category-carousel-module .opap-main-category-slide .inner-slide > div {
        width: 260px; }
      body #wrapper .opap-main-category-carousel-module .opap-main-category-slide .inner-slide .half-size {
        height: 135px; }
      body #wrapper .opap-main-category-carousel-module .opap-main-category-slide .inner-slide .full-size {
        height: 277px; } }

body #wrapper .opap-main-category-carousel-slide-static-tile-module {
  position: relative;
  width: 302px;
  height: 100%;
  max-height: 418px; }
  body #wrapper .opap-main-category-carousel-slide-static-tile-module .background-image {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-wrapper {
    width: 282px;
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
    body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-wrapper img {
      max-width: 100px;
      max-height: 60px;
      object-fit: contain; }
    body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-wrapper .tile-static-content-title {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 182px; }
      body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-wrapper .tile-static-content-title p {
        font-family: "RobotoFlex", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 800;
        color: var(--opap-white);
        font-size: 20px;
        line-height: 28px; }
  body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-rich-text {
    width: 282px;
    position: absolute;
    top: 80px;
    left: 10px; }
  body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-cta {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 46px; }
    body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-cta a {
      color: var(--opap-neutral-90);
      width: 211px;
      min-width: 211px;
      height: 46px;
      font-weight: 700;
      line-height: 20px;
      font-size: 14px; }

@media (max-width: 991.98px) {
  body #wrapper .opap-main-category-carousel-slide-static-tile-module {
    width: 260px;
    max-height: 277px; }
    body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-wrapper {
      width: 248px;
      top: 6px;
      left: 6px; }
      body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-wrapper img {
        max-width: 80px;
        max-height: 45px; }
      body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-wrapper .tile-static-content-title {
        width: 168px; }
        body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-wrapper .tile-static-content-title p {
          font-size: 16px;
          line-height: 22px; }
    body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-rich-text {
      width: 248px;
      top: 50px;
      left: 6px; }
    body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-cta {
      bottom: 6px;
      left: 55px; }
      body #wrapper .opap-main-category-carousel-slide-static-tile-module .tile-static-content-cta a {
        width: 150px;
        min-width: 150px;
        height: 39px;
        line-height: 17px;
        font-size: 12px; } }

body #wrapper .opap-main-category-carousel-module .opap-ghr-module {
  min-width: 302px;
  max-width: 302px;
  min-height: 202px;
  max-height: 202px;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px;
  align-items: center !important;
  padding: 10px;
  position: relative; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-ghr-draw-break {
    font-size: 22px; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-ticket-submission {
    font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: inherit !important; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-show-time {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none !important;
    display: flex;
    justify-content: flex-end;
    position: absolute !important;
    top: 5px;
    right: 10px;
    min-width: 50%;
    text-align: right;
    padding: 0;
    gap: 0 !important;
    opacity: 1;
    color: inherit !important; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-show-time::before {
      display: none !important; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-show-time .opap-unit {
      font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 600;
      font-size: 16px;
      order: -1;
      margin: 0; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-show-time .opap-counter {
      font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-weight: 700;
      margin: 0;
      line-height: 1; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module img {
    align-self: flex-start;
    width: 69px;
    object-fit: scale-down; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module a {
    max-width: 211px;
    min-width: 211px;
    max-height: 46px;
    font-size: 14px !important; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module [class^="col"] {
    position: static;
    padding: 0; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-winners {
    font-size: 14px;
    text-align: center; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-jackpot {
    color: inherit !important; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-jackpot .opap-jackpot-label {
      font-size: 14px; }
      body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-jackpot .opap-jackpot-label::after {
        content: '\A';
        white-space: pre; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-jackpot .opap-jackpot-amount {
      font-size: 25px; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-countdown {
    max-width: 42px;
    max-height: 43px;
    gap: 8px;
    margin: 0; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-countdown .opap-counter {
      font-size: 16px !important; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module [class*="col"]:nth-of-type(1) {
    width: 100%;
    justify-content: center !important;
    display: block !important; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module [class*="col"]:nth-of-type(2) {
    width: 100%;
    gap: 8px; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module [class*="col"]:nth-of-type(3) {
    display: none !important; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module [class*="col"]:nth-of-type(4) {
    display: flex !important;
    order: 0 !important;
    margin-left: auto;
    gap: 8px; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module.daily [class*="col"]:nth-of-type(3) {
    display: flex !important;
    margin: 0 auto;
    justify-content: center; }
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module.daily [class*="col"]:nth-of-type(4) {
    display: none !important; }

@media (max-width: 991.98px) {
  body #wrapper .opap-main-category-carousel-module .opap-ghr-module {
    min-height: 135px;
    max-height: 135px;
    min-width: 260px;
    max-width: 260px;
    gap: 0;
    padding: 5px 6px; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-show-time {
      flex-wrap: nowrap !important;
      align-items: center;
      height: 42px;
      gap: 5px !important;
      margin-top: -7px; }
      body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-show-time .opap-unit {
        white-space: nowrap;
        font-size: 12px !important; }
      body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-show-time .opap-counter {
        width: auto !important;
        font-size: 14px !important; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-counter {
      margin-top: 0; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module img {
      width: 48px;
      max-height: 22px;
      object-fit: scale-down;
      margin-right: auto; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-countdown {
      height: 38px;
      width: 36px; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-ticket-submission {
      font-size: 12px;
      margin-bottom: 4px; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-jackpot .opap-jackpot-label {
      font-size: 12px; }
      body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-jackpot .opap-jackpot-label::after {
        display: none; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module .opap-jackpot .opap-jackpot-amount {
      font-size: 18px; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module a {
      max-height: 39px; }
    body #wrapper .opap-main-category-carousel-module .opap-ghr-module.daily {
      gap: 0; }
      body #wrapper .opap-main-category-carousel-module .opap-ghr-module.daily [class*="col"]:nth-of-type(1) {
        margin-top: -3px; }
      body #wrapper .opap-main-category-carousel-module .opap-ghr-module.daily a {
        margin-top: 4px; } }

.aspect-ratio:not([class*='aspect-ratio-']) {
  padding-bottom: var(--aspect-ratio, 100%); }

.aspect-ratio-4-to-3 {
  padding-bottom: var(--aspect-ratio-4-to-3, 75%); }

.aspect-ratio-8-to-3 {
  padding-bottom: var(--aspect-ratio-8-to-3, 37.5%); }

.aspect-ratio-16-to-9 {
  padding-bottom: var(--aspect-ratio-16-to-9, 56.25%); }

.card-type-asset .aspect-ratio {
  padding-bottom: var(--aspect-ratio-16-to-9, 56.25%); }

#wrapper {
  --portlet-topper-bg: var(--primary);
  --portlet-topper-color: var(--white);
  --portlet-topper-link-color: var(--portlet-topper-color);
  background-color: var(--body-bg, var(--body-bg, #fff));
  color: var(--body-color, var(--body-color, #1c1c24));
  font-size: var(--font-size-base, 1rem); }

.portlet .portlet-content {
  background-color: var(--portlet-bg, transparent); }

@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: var(--portlet-topper-border, var(--portlet-topper-bg, #0b5fff)); } }

@media (min-width: 576px) {
  .controls-visible .portlet:hover > .portlet-content-editable, .controls-visible .portlet.open > .portlet-content-editable, .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: var(--portlet-topper-border, var(--portlet-topper-bg, #0b5fff)); } }

.portlet-layout .portlet-header {
  margin-bottom: var(--portlet-header-margin-bottom, calc(var(--spacer) * var(--spacer-5, 3rem))); }

#footer {
  background-color: var(--brand-color-4, #30313f); }

body {
  /* Liferay alert message */ }
  body .alert-container #ToastAlertContainer div .alert-info {
    background-color: white !important;
    border-color: #103976 !important;
    color: #103976 !important; }
    body .alert-container #ToastAlertContainer div .alert-info .lead {
      color: #103976 !important; }
  body:not(.portal-popup).guest-user .d-guest {
    display: block !important; }
  body:not(.portal-popup).guest-user .d-registered {
    display: none !important; }
  body:not(.portal-popup).registered-user .d-guest {
    display: none !important; }
  body:not(.portal-popup).registered-user .d-registered {
    display: block !important; }
  body header .field-wrapper {
    position: absolute;
    right: 4px;
    top: 2px; }
    body header .field-wrapper a {
      color: #fff; }
  body header .field-wrapper,
  body header .form-group {
    margin-bottom: 0; }
  body header .portlet {
    margin-bottom: 0; }
    body header .portlet:hover {
      z-index: 1034; }
  body header .search-input {
    font-size: 0.88rem;
    padding: 0.28rem 2rem 0.28rem 1rem; }
  body header .text-default {
    color: #6b6c7e;
    font-weight: 600; }
  body header .user-personal-bar .fieldset {
    position: relative; }
  body header .user-personal-bar .user-avatar-link .panel-notifications-count {
    right: calc(100% - 0.75rem);
    top: -0.35rem; }
  body .user-avatar-link {
    display: block;
    position: relative; }
    body .user-avatar-link .panel-notifications-count {
      display: block;
      margin: 0;
      max-width: none;
      position: absolute;
      right: calc(100% - 0.7rem);
      top: -0.4rem; }
    body .user-avatar-link .text-default {
      align-items: center;
      display: flex; }
      body .user-avatar-link .text-default .user-full-name {
        margin-left: 0.5rem; }
        @media (max-width: 575.98px) {
          body .user-avatar-link .text-default .user-full-name {
            display: none; } }
  body .liferay-ddm-form-field-paragraph,
  body .liferay-ddm-form-field-tip {
    color: #5b7b86;
    line-height: inherit; }
  body .lfr-ddm-form-container .lfr-ddm-form-pagination-controls button {
    margin: inherit; }
  body .portlet-forms {
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    background-color: var(--opap-white);
    border-radius: 8px; }
    body .portlet-forms .ddm-form-basic-info {
      text-align: center;
      padding-bottom: 40px;
      border-bottom: 2px solid var(--opap-hl-navy-blue);
      margin: 0 40px; }
      body .portlet-forms .ddm-form-basic-info .ddm-form-name {
        font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 2.3em;
        color: var(--opap-pure-dark); }
      body .portlet-forms .ddm-form-basic-info .ddm-form-description {
        font-size: 16px;
        color: var(--opap-pure-dark);
        width: 75%;
        text-align: center;
        margin: 0 auto; }
    body .portlet-forms .ddm-form-builder-app {
      padding: 0 36px 30px;
      border-radius: 8px; }
      body .portlet-forms .ddm-form-builder-app .react-component-adapter {
        background: var(--opap-accordian-gradient-light-gray); }
        body .portlet-forms .ddm-form-builder-app .react-component-adapter .lfr-ddm-form-container .lfr-ddm-form-page {
          padding: 30px 15px 0; }
          body .portlet-forms .ddm-form-builder-app .react-component-adapter .lfr-ddm-form-container .lfr-ddm-form-page .lfr-ddm-form-page-title {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 700;
            font-size: 20px;
            margin-bottom: 30px; }
          body .portlet-forms .ddm-form-builder-app .react-component-adapter .lfr-ddm-form-container .lfr-ddm-form-page label.ddm-label {
            font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: 16px;
            margin-bottom: 15px; }
          body .portlet-forms .ddm-form-builder-app .react-component-adapter .lfr-ddm-form-container .lfr-ddm-form-page .form-control:focus {
            color: var(--opap-neutral-90); }
        body .portlet-forms .ddm-form-builder-app .react-component-adapter .lfr-ddm-form-container .lfr-ddm-form-pagination-controls {
          padding: 25px;
          padding-bottom: 35px; }
  body .portlet-borderless .portlet-content {
    padding: 1rem 0; }
  body .portlet-borderless.portlet-asset-publisher .portlet-content {
    padding: 0; }

@media (min-width: 576px) {
  .btn-group + .info-panel {
    top: auto; } }

body #wrapper h1 {
  font-size: 31px; }

body #wrapper h2 {
  font-size: 25px; }

body #wrapper h3 {
  font-size: 20px; }

body #wrapper h4 {
  font-size: 16px; }

body #wrapper h5 {
  font-size: 14px; }

body #wrapper .rotate-180 {
  transform: rotate(180deg); }

body .ddm-user-view-content .form-group .custom-control-inline:not(:last-of-type) {
  margin-right: 16px; }

body .ddm-user-view-content .form-group .ddm-radio .custom-control-inline + .custom-control-inline {
  margin-left: 0; }

body.opap-news-site #wrapper #content #main-content div:first-child:not(.container) .portlet-borderless .portlet-content {
  padding-top: 0; }

@media (max-width: 991.98px) {
  body #wrapper h1 {
    font-size: 24px; }
  body #wrapper h2 {
    font-size: 20px; }
  body #wrapper h3 {
    font-size: 18px; }
  body #wrapper h4 {
    font-size: 16px; }
  body #wrapper h5 {
    font-size: 14px; } }

@media (max-width: 575.98px) {
  body #wrapper .portlet-forms .ddm-form-basic-info {
    margin: 0 8px; }
  body #wrapper .portlet-forms .ddm-form-builder-app {
    padding: 0; }
    body #wrapper .portlet-forms .ddm-form-builder-app .react-component-adapter .lfr-ddm-form-container .lfr-ddm-form-page {
      padding: 20px 5px 0; }
      body #wrapper .portlet-forms .ddm-form-builder-app .react-component-adapter .lfr-ddm-form-container .lfr-ddm-form-page label.ddm-label, body #wrapper .portlet-forms .ddm-form-builder-app .react-component-adapter .lfr-ddm-form-container .lfr-ddm-form-page legend.lfr-ddm-legend {
        font-size: 15px; }
    body #wrapper .portlet-forms .ddm-form-builder-app .g-recaptcha {
      transform: scale(0.85);
      transform-origin: top left;
      -webkit-transform: scale(0.85);
      -webkit-transform-origin-x: 0; } }

/*# sourceMappingURL=main.css.map */