/*1745839540000*/
@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: 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: ;
}

.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 {}

.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 {}

.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-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;
  --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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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 {}

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 {
    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: 450;
}

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: inline-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 p.copyright-first-info {
  font-size: 13px;
}

#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 .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 .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 .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;
  }
}

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 {
  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 {
  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: ;
  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: ;
  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 {
  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-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;
  line-height: 44px;
  text-align: center;
  margin: 4px 4px 4px 4px;
  display: inline-block;
  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-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.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 .opap-draw-circle {
    font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    width: 32px;
    height: 32px;
    line-height: 31px;
    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: ;
  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: ;
}

#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: ;
}

#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: ;
}

#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: ;
  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: ;
  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-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-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-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-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;
}

.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: ;
  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;
}

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: ;
  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: ;
  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: ;
  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: ;
  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: ;
  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: ;
  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;
  align-items: flex-start;
  row-gap: 15px;
}

body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row:nth-of-type(2) label {
  cursor: default;
}

body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 60px;
}

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 {
  margin: 0 20px 0 0;
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: var(--opap-white);
}

body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-search-box {
  width: 650px;
  height: 46px;
  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: 8px;
  padding-right: 30px;
}

body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-search-box+.icon-search {
  color: var(--opap-neutral-90);
  position: absolute;
  bottom: 15px;
  right: 15px;
}

body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-near-me {
  width: 40px;
  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: 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-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-near-me::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-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: 24px;
}

body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group .store-locator-range-value {
  min-width: 75px;
  margin: 0 25px;
  font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 26px;
  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: 850px;
    height: 8px;
    margin-top: 4px;
    -webkit-appearance: none;
    background-color: var(--opap-neutral-1);
    border-radius: 4px;
  }

  body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-distance-range::-webkit-slider-runnable-track {
    height: 8px;
    -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: 16px;
    height: 16px;
    margin-top: -4px;
    -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 20px 10px 0;
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  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: 5px;
}

body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .tora-services label {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px 5px 11px;
  margin: 0;
  font-family: "RobotoFlexRegular", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 23px;
  color: var(--opap-white);
  background-color: transparent;
  border: 1px solid var(--opap-clean-white);
  border-radius: 16px;
  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: ;
  font-family: fontawesome-alloy;
  margin-right: 6px;
  font-size: 14px;
  font-weight: 100;
  transition: all .3s ease-in-out;
}

body #wrapper #opap-stores-locator-app .google-maps-container {
  width: 100%;
  height: 450px;
  border-radius: 8px;
  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;
  padding: 0;
  max-height: 340px !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: 350px;
  height: 275px;
  position: relative;
}

body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex {
  margin: 30px 15px 0 15px;
  column-gap: 15px;
}

body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex img {
  width: 35px;
  height: 35px;
}

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: 16px;
  line-height: 26px;
  color: var(--opap-neutral-50);
  margin-bottom: 3px;
  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: 20px;
  line-height: 28px;
  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 {
  position: absolute;
  bottom: 15px;
  left: 55px;
  display: flex;
  justify-content: center;
  column-gap: 80px;
  margin: 0;
  text-align: center;
}

body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .actions-icons a {
  width: 80px;
  position: relative;
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  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: 30px;
}

body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .actions-icons a:first-child::after {
  content: "";
  position: absolute;
  right: -40px;
  height: 45px;
  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: 15px;
  border-bottom: 1px solid var(--opap-white);
}

body #wrapper #opap-stores-locator-app .stores-info>div {
  width: 265px;
  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: 16px;
  line-height: 26px;
  text-align: center;
  color: var(--opap-clean-white);
  margin: 0;
}

body #wrapper #opap-stores-locator-app .stores-info>div .stores-info-item {
  height: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body #wrapper #opap-stores-locator-app .stores-info>div .stores-info-item img {
  height: 70px;
  margin: 10px 20px 10px 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: 30px;
  line-height: 52px;
  margin: 0;
}

body #wrapper #opap-stores-locator-app .stores-info>div a {
  width: 177px;
  height: 52px;
  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: 48px;
  line-height: 84px;
}

body #wrapper #opap-stores-locator-app .stores-info>div:last-of-type .stores-info-item img {
  height: 40px;
}

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.scratch {
  padding: 25px 0 0 0 !important;
}

body #wrapper #opap-stores-locator-app .scratch-line {
  border-color: var(--opap-white);
  margin-bottom: 0;
  opacity: 80%;
}

body #wrapper #opap-stores-locator-app .grid {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 15px;
  padding: 25px 10px 0 10px;
  margin-bottom: 15px;
}

body #wrapper #opap-stores-locator-app .grid .grid-filters {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 50px;
  row-gap: 25px;
}

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: 34px;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 34px;
  margin-bottom: 0;
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  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: 6px 0;
  width: 22px;
  height: 22px;
  transition: transform 0.28s ease;
  border-radius: 3px;
  border: 2px solid var(--opap-white);
}

body #wrapper #opap-stores-locator-app .grid .grid-filters div label:after {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  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.25s;
  will-change: transform;
  position: absolute;
  top: 14px;
  left: 6px;
}

body #wrapper #opap-stores-locator-app .grid .grid-filters div label img {
  height: 30px;
  width: 30px;
  margin-right: 10px;
}

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 .grid {
  padding: 16px 0 0 0;
}

body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator {
  background: var(--opap-white);
  border-radius: 8px;
  height: 64px;
}

body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location i {
  font-size: 30px;
  color: #4588D7;
}

body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location .image-logo {
  min-width: 100px;
  max-width: 150px;
  justify-content: center;
  display: flex;
}

body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location .image-logo img {
  width: 33px;
}

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: 20px;
}

body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location .actions-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-right: 10px;
}

body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location .actions-wrapper .phone {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 170px;
}

body #wrapper #opap-stores-locator-app .grid .store-location-card {
  width: 410px;
  height: 510px;
  position: relative;
  padding: 15px;
  border-radius: 14px;
  background-color: var(--opap-white);
}

body #wrapper #opap-stores-locator-app .grid .store-location-card>img {
  display: block;
  margin: 0 auto 10px auto;
}

body #wrapper #opap-stores-locator-app .grid .store-location-card>div {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 9px;
}

body #wrapper #opap-stores-locator-app .grid .store-location-card>div div {
  width: 20px;
  display: flex;
  justify-content: center;
  margin: 0 15px 0 2px;
}

body #wrapper #opap-stores-locator-app .grid .store-location-card>div div i {
  font-size: 25px;
  color: var(--opap-neutral-40);
}

body #wrapper #opap-stores-locator-app .grid .store-location-card>div p {
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  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: 52px;
}

body #wrapper #opap-stores-locator-app .grid .store-location-card>p {
  margin-bottom: 10px;
}

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: 15px;
  right: 15px;
}

body #wrapper #opap-stores-locator-app .grid .store-location-card .location-route i {
  margin: 0 5px 0 35px;
  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;
  line-height: 22px;
  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: 16px;
}

body #wrapper #opap-stores-locator-app .grid .store-location-card .location-services {
  max-height: 158px;
  overflow: hidden;
  flex-wrap: wrap;
  gap: 7px;
}

body #wrapper #opap-stores-locator-app .grid .store-location-card .location-services.retail-store-tora-services {
  max-height: 95px;
}

body #wrapper #opap-stores-locator-app .grid .store-location-card .location-services p {
  height: 26px;
  margin-right: 7px;
  border-radius: 24px;
  color: var(--opap-white);
  font-size: 12px;
  line-height: 23px;
  padding: 0 10px;
}

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: 15px;
  left: 0;
  display: flex;
  justify-content: center;
  column-gap: 80px;
  margin: 0;
  text-align: center;
}

body #wrapper #opap-stores-locator-app .grid .store-location-card .actions-icons a {
  width: 80px;
  position: relative;
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  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: 30px;
}

body #wrapper #opap-stores-locator-app .grid .store-location-card .actions-icons a:first-child::after {
  content: "";
  position: absolute;
  right: -40px;
  height: 55px;
  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: 3px;
  border: none;
  background-color: transparent;
  color: var(--opap-neutral-50);
  user-select: none;
}

body #wrapper #opap-stores-locator-app .pagination>button i {
  font-size: 20px;
  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 6px;
  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 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 #opap-stores-locator-app .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 #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: 350px;
  }

  body #wrapper #opap-stores-locator-app .grid {
    max-width: 430px;
    margin: 0 auto 15px 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: 450px;
  }

  body #wrapper #opap-stores-locator-app .stores-locator-filters .filter-row .filter-input-group #store-locator-search-box {
    width: 250px;
  }

  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: 83px;
    min-height: 83px;
    text-align: center;
    justify-content: center;
    line-height: 28px;
    padding-bottom: 20px;
    padding-top: 15px;
  }

  body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location>.grid:first-of-type .phone {
    height: 65px;
    min-height: 65px;
    justify-content: start;
  }

  body #wrapper #opap-stores-locator-app .grid .opap-events-stores .scratch-locator .store-location>.grid:first-of-type .phone i {
    width: 87px;
  }

  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: 230px;
  }

  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: 65px;
    min-height: 65px;
    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: 87px;
  }

  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 10px 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: 10px;
  }

  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: 25px;
  }
}

@media screen and (max-width: 510px) {
  body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location {
    width: 210px;
    height: 285px;
  }

  body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex {
    margin: 5px 5px 0 5px;
    column-gap: 5px;
  }

  body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex div p {
    font-size: 13px;
    line-height: 23px;
  }

  body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex div p:first-of-type {
    font-size: 16px;
    line-height: 24px;
    -webkit-line-clamp: 4;
  }

  body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .d-flex div .location-route p {
    font-size: 13px;
  }

  body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .actions-icons {
    bottom: 5px;
    left: 5px;
    column-gap: 40px;
  }

  body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .actions-icons a {
    font-size: 14px;
  }

  body #wrapper #opap-stores-locator-app .google-maps-container .map-popup-location .actions-icons a:first-child::after {
    right: -20px;
    height: 40px;
  }
}

@media screen and (max-width: 499px) {
  body #wrapper #opap-stores-locator-app .grid {
    max-width: 307px;
  }

  body #wrapper #opap-stores-locator-app .grid .store-location-card {
    width: 287px;
  }

  body #wrapper #opap-stores-locator-app .grid .store-location-card .location-services.retail-store-tora-services {
    max-height: 95px;
  }
}

@media screen and (max-width: 450px) {
  body #wrapper #opap-stores-locator-app .pagination ul li {
    padding: 0 4px;
  }
}

.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(/o/opap-global-theme/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(/o/opap-global-theme/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(/o/opap-global-theme/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(/o/opap-global-theme/images/opap/icons/Dropdown-Open.png) no-repeat;
  width: 22px;
  height: 23px;
}

body #wrapper .podcast-wrapper .button-navbar-wrapper .dropdown .dropdown-closed {
  background: url(/o/opap-global-theme/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;
}

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 .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;
  }

  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 .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;
  }

  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  -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] {
  -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 {
  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 {
  justify-content: space-between;
  align-items: center;
}

body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 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 {
  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 {
  row-gap: 0;
}

body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 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 {
  min-width: 9.5rem;
}

body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  column-gap: 25%;
}

body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-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 {
  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 {
  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 {
  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) {
  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) {
  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) {
  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 {
  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 {
  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 {
  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 {
  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) {
  background-color: var(--opap-brand-navy-blue);
}

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 {
  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 {
  display: flex;
}

body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .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 {
  display: flex;
  column-gap: 1.25rem;
}

body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .navigation div.page-wrapper {
  column-gap: 2rem;
}

body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .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 {
  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 {
  opacity: 50%;
  cursor: auto;
}

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: 2rem;
}

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 .supper3-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 .supper3-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 .supper3-print-header form .form-group label {
  font-size: 1rem;
  color: var(--opap-neutral-90);
}

body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .supper3-print-header form .form-group input {
  height: 3rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-weight: bold;
}

body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-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 {
  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) {
  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) {
  width: 20%;
}

body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-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 {
  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 {
  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 {
  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) {
  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) {
  width: 20%;
}

body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-center .super3-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 {
  width: 25%;
}

body #wrapper #opap-draws-and-results-app .print-results-wrapper .opap-draws-and-results-bottom.super3 {
  display: none;
}

@media (max-width: 1280px) {
  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 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 {
    min-width: 9.5rem;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-top.super3 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 {
    min-width: 7rem;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    width: 8rem;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-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 {
    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 {
    column-gap: 25%;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-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 {
    column-gap: 1rem;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-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 {
    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) {
    width: auto;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-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 {
    width: auto;
  }
}

@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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 .super3-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 {
    min-width: 100%;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    width: 14rem;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-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 {
    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 {
    width: 8rem;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-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 {
    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 {
    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 {
    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) {
    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) {
    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) {
    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 {
    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 {
    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 {
    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 {
    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 .supper3-print-header {
    position: static;
    margin-top: 2rem;
  }

  body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .supper3-print-header label {
    display: none;
  }

  body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .supper3-print-header .react-datepicker-wrapper {
    min-width: 7.5rem;
  }
}

@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 {
    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 {
    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) {
    width: 8rem;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-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 {
    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 {
    padding: 0 1.5rem;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .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 {
    max-width: 7rem;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .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 .supper3-print-header {
    width: 100%;
    display: flex;
    justify-content: center;
    position: static;
  }

  body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .supper3-print-header label {
    display: none;
  }

  body #wrapper #opap-draws-and-results-app .print-results-wrapper .print-results-header .supper3-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 {
    font-size: 0.625rem;
  }
}

@media (max-width: 575.98px) {
  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .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 {
    align-items: center;
    column-gap: 3rem;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-bottom.super3 .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 {
    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 {
    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 {
    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 {
    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) {
    width: 5rem;
  }

  body #wrapper #opap-draws-and-results-app .opap-draws-and-results-center .draw-list .super3-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 {
    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 .supper3-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 {
    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 {
    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) {
    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) {
    width: 20%;
  }

  .print-results-wrapper .opap-draws-and-results-center .super3-print-table tbody tr {
    color: var(--opap-neutral-90);
  }

  .print-results-wrapper .opap-draws-and-results-center .super3-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 {
    background-color: var(--opap-neutral-10);
  }

  .print-results-wrapper .opap-draws-and-results-center .super3-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) {
    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) {
    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: ;
  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 .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;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0 10px;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 39.5rem;
  height: 100%;
  min-height: 25.5rem;
  border-radius: 0 10px 10px 10px;
  position: relative;
  background: url("/o/opap-global-theme/images/scratch/scratch-left-banner.png") no-repeat;
  background-size: cover;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide {
  display: flex;
  flex-direction: column;
  width: 60%;
  justify-content: center;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  height: 4rem;
  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 3rem 0;
  position: absolute;
  top: 0;
  left: 0;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .title .title-p {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 650;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  padding: 0 24px;
  text-wrap: nowrap;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .prize-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .prize-wrapper .amount-p {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 5rem;
  line-height: 6.5rem;
  font-weight: 800;
  margin: 0;
  background-image: linear-gradient(to right, #f4e77e, #f0e178, #e6d168, #d6b74e, #d2af47, #cba53e, #c9a23c, #c3901b, #e5c95c, #f8e77f, #f4e179, #e9d269, #d8ba4e, #c0972a, #b48617);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 3.5px;
  -webkit-text-stroke-color: var(--opap-white);
}

body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .prize-wrapper .text-p {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--opap-white);
  text-align: center;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .winner-alert {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: #fdfdfd;
  font-weight: 700;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .winner-alert .circle {
  width: 12px;
  height: 12px;
  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 .rightSide {
  display: flex;
  justify-content: end;
  width: 40%;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-left .rightSide .ticket-pic {
  width: 100%;
  height: 100%;
  min-width: 14rem;
  min-height: 20.5rem;
  background: url("/o/opap-global-theme/images/scratch/scratch-ticket.png") center center/cover no-repeat;
  margin: 1.25rem 0.25rem 0 0.25rem;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-right {
  display: flex;
  width: 100%;
  max-width: 40rem;
  height: 100%;
  min-height: 25.5rem;
  align-items: center;
  background-size: cover;
  border-radius: 0 10px 10px 10px;
  background: url("/o/opap-global-theme/images/scratch/scratch-right-banner.png") no-repeat;
  background-size: cover;
  position: relative;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-right .title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  height: 4rem;
  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 3rem 0;
  position: absolute;
  top: 0;
  left: 0;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-right .title .title-p {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 650;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  padding: 0 24px;
  text-wrap: nowrap;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .amount-p {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 5rem;
  line-height: 6.5rem;
  font-weight: 800;
  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: 3.5px;
  -webkit-text-stroke-color: var(--opap-white);
}

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;
  font-weight: 700;
  color: var(--opap-white);
  text-align: center;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-right .winner-alert {
  font-family: "RobotoFlexBold", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: var(--opap-white);
  font-weight: 700;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

body #wrapper .winning-banners-wrapper .banner-wrapper-right .winner-alert .circle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(ellipse at top, #ffc900, #ffe600, #ffad1b, #ff7b1c);
  box-shadow: 0 0 3px 1px #ffad1b;
}

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;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .prize-wrapper .amount-p {
    font-size: 5rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .prize-wrapper .text-p {
    font-size: 1.3rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .amount-p {
    font-size: 4.7rem;
  }

  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 .winning-banners-wrapper .banner-wrapper-left .leftSide {
    width: 50%;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .title {
    height: 3rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .title .title-p {
    font-size: 1.9rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .prize-wrapper .amount-p {
    font-size: 4rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .prize-wrapper .text-p {
    font-size: 1.2rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .winner-alert {
    font-size: 0.7rem;
    bottom: 0.2rem;
    gap: 0.5rem;
    left: 0.5rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .winner-alert .circle {
    width: 8px;
    height: 8px;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .rightSide {
    width: 50%;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .title {
    height: 3rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .title .title-p {
    font-size: 1.9rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .amount-p {
    font-size: 4rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .text-p {
    font-size: 1.5rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .winner-alert {
    font-size: 0.7rem;
    bottom: 0.2rem;
    gap: 0.5rem;
    left: 0.5rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .winner-alert .circle {
    width: 8px;
    height: 8px;
  }

  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 .winning-banners-wrapper .banner-wrapper-left .leftSide .prize-wrapper .amount-p {
    font-size: 3.5rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .amount-p {
    font-size: 3.5rem;
  }

  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: 480px) {
  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide {
    width: 50%;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .title {
    height: 3rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .title .title-p {
    font-size: 1.75rem;
    padding: 0 18px;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .prize-wrapper .amount-p {
    font-size: 3rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .prize-wrapper .text-p {
    font-size: 1.2rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .winner-alert {
    font-size: 0.7rem;
    bottom: 0.2rem;
    gap: 0.5rem;
    left: 0.5rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .winner-alert .circle {
    width: 8px;
    height: 8px;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .rightSide {
    width: 50%;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .title {
    height: 3rem;
    justify-content: flex-start;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .title .title-p {
    font-size: 1.75rem;
    padding: 0 18px;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .amount-p {
    font-size: 3rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .text-p {
    font-size: 1.5rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .winner-alert {
    font-size: 0.7rem;
    bottom: 0.2rem;
    gap: 0.5rem;
    left: 0.5rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .winner-alert .circle {
    width: 8px;
    height: 8px;
  }

  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 {
    flex-direction: column-reverse;
    background: url("/o/opap-global-theme/images/scratch/scratch-left-banner - vertical.png") no-repeat;
    background-size: cover;
    min-height: 35rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide {
    width: 100%;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .title .title-p {
    font-size: 1.5rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .prize-wrapper .amount-p {
    -webkit-text-stroke-width: 2.5px;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .rightSide {
    justify-content: center;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .title .title-p {
    font-size: 1.5rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .amount-p {
    font-size: 3.2rem;
    -webkit-text-stroke-width: 2.5px;
  }
}

@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 .winning-banners-wrapper .banner-wrapper-left {
    min-height: 31rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide {
    height: 6rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .title {
    height: 2rem;
    align-items: center;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .title .title-p {
    font-size: 1rem;
    margin-bottom: 0.25rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .prize-wrapper .amount-p {
    font-size: 2.25rem;
    padding-top: 1rem;
    line-height: 4rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .prize-wrapper .text-p {
    font-size: 1.2rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .leftSide .winner-alert {
    font-size: 0.5rem;
    gap: 0.3rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-left .rightSide .ticket-pic {
    margin-top: 0;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right {
    min-height: 22rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .title {
    height: 2rem;
    align-items: center;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .title .title-p {
    font-size: 1rem;
    margin-bottom: 0.25rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .amount-p {
    font-size: 2.25rem;
    line-height: 3rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .prize-wrapper .text-p {
    font-size: 1rem;
  }

  body #wrapper .winning-banners-wrapper .banner-wrapper-right .winner-alert {
    font-size: 0.5rem;
    gap: 0.3rem;
  }

  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(/o/opap-global-theme/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: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 */