body {
  color: #c9d1d9;
  background: #1f2328;
}

a:not(.button):not(.custom-btn),
a:not(.button):not(.custom-btn):active,
a:not(.button):not(.custom-btn):visited {
  color: #c9d1d9;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

h3 a {
  color: #c9d1d9;
}

.header-content-container {
  background: rgba(31, 35, 40, 0.95);
  border-bottom: 1px solid #2A2F34;
}

.header-top-line {
  background: #4b1970;
  background: linear-gradient(90deg, #4b1970 0%, #1960ca 100%);
}

.header-bottom-line {
  background: #4b1970;
  background: linear-gradient(90deg, #4b1970 0%, #1960ca 100%);
}

.header-sub {
  background: rgba(34, 38, 43, 0.9);
  border-bottom: 1px solid #2A2F34;
}

.header-sub-profile-image-border {
  background: #21252B;
  border: 3px solid #732C66;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.12);
}

.header-sub-content {
  color: #b2b3bf;
}

.header-sub-content .title {
  color: #b2b3bf;
}

.header-sub-content .subtitle {
  color: #b2b3bf;
}

.header-logo-container {
  background-image: url("/img/jeckdesk-logo-horizontal-w.svg");
  opacity: 0.9;
}

.griv-nav-content {
  background: #FFFFFF;
  border: 1px solid #EBEBEB;
}

.griv-nav-item.active {
  background: #F6F6F6;
  color: #666666;
}

.griv-nav-item:hover {
  background: #FCFCFC;
}

.articles-grid-item-container {
  color: #000;
}

.articles-grid-item {
  border: 1px solid rgba(255, 255, 255, 0.025);
}

.articles-grid-info-item {
  background: #171C20;
  border: 1px solid #171C20;
}

.article-grid-image {
  background-color: #1b2023;
}

.articles-grid-info-item-date {
  background: #732C66;
  color: #fff;
}

.articles-grid-info-item-title .title {
  color: #fff;
}

.articles-grid-info-item-title .subtitle {
  color: #B1B3BF;
}

.article-status-label {
  color: #fff;
}

.article-details-info-container {}

.client-info-image {
  border: 1px solid rgba(255, 255, 255, 0.025);
  background: #1b2023;
}

.tickets-list-item-container {
  border-bottom: 1px solid #2A2F34;
}

.tickets-grid-divider {
  background: #2A2F34;
}

.tickets-list-item .title .title-type {
  background: #3C4248;
  border: 1px solid #2A2F34;
  color: #B1B3BF;
}

.tickets-list-item .title .title-status {
  background: #3C4248;
  border: 1px solid #2A2F34;
  color: #B1B3BF;
}

.tickets-list-item .amount .amount-value {
  background: #171A1D;
  border: 1px solid #363c42;
  color: #fff;
}

.tickets-list-item .amount .amount-btn {
  background: #171A1D;
  color: #C8D1D9;
}

.tickets-list-item .amount .amount-add {
  background: #171A1D;
  color: #C8D1D9;
}

.tickets-list-item .amount .amount-add:not(.disabled):hover {
  background: #442B85;
  color: #fff;
}

.tickets-list-item .amount .amount-remove {
  background: #171A1D;
  color: #C8D1D9;
}

.tickets-list-item .amount .amount-remove:not(.disabled):hover {
  background: #FF4A4A;
  color: #fff;
}

.checkout-timer {
  background: #442B85;
  color: #fff;
}

.checkout-v-divider-gap {
  background: #2A2F34;
}

.payment-method-item {
  background: #1f2328;
  border: 1px solid #2A2F34;
  color: #C8D1D9;
}

.payment-method-item:not(.active):hover {
  border: 1px solid rgba(88, 54, 172, 0.8);
  box-shadow: 0px 0px 5px 0px rgba(69, 43, 133, 0.1);
}

input[type="text"]:not(.custom-form),
input[type="email"]:not(.custom-form),
input[type="number"]:not(.custom-form),
input[type="password"]:not(.custom-form),
textarea:not(.custom-form),
select:not(.custom-form) {
  color: #fff;
  background-color: #171a1d;
  border: 1px solid #363c42;
}

input[type="text"]:not(.error):not(.custom-form):focus,
input[type="number"]:not(.error):not(.custom-form):focus,
input[type="email"]:not(.error):not(.custom-form):focus,
input[type="password"]:not(.error):not(.custom-form):focus,
textarea:not(.error):not(.custom-form):focus,
select:not(.error):not(.custom-form):focus {
  background-color: #171a1d !important;
  border: 1px solid #676f77;
}

.input-table-list {
  border-left: 2px solid #363c42 !important;
}

.custom-file-input {
  color: #8e8e8e;
  background-color: #171a1d;
  border: 1px solid #363c42;
}

.status-container {
  background: #22262b;
  border: 1px solid #363c42;
  color: #c9d1d9;
}

.checkbox_label {
  color: #fff;
}

.checkbox_label:before {
  background-color: #1B1F23;
  border: 1px solid #2E3338;
}

.checkbox_label:after {
  background-color: #CAD1D9;
  border: 1px solid #CAD1D9;
}

input[type="checkbox"]:checked+.checkbox_label:before {
  border: 1px solid #2E3338;
}

input[type="checkbox"].disabled+.checkbox_label:before,
input[type="checkbox"]:disabled+.checkbox_label:before {
  background-color: #1B1F23;
}

input[type="checkbox"].disabled+.checkbox_label:after,
input[type="checkbox"]:disabled+.checkbox_label:after {
  background-color: #CAD1D9;
}

select {
  background-image: url("/img/chevron-down.svg");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}

select.error {
  background-image: url("/img/chevron-down.svg");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}

.ui.modal {
  background: #1f2328;
}

.ui.modal>.content {
  background: #1f2328;
  color: #c8d1d9;
}

.ui.modal>.actions {
  background: #22262b;
  border-top: 1px solid #363c42;
}

.ui.modal>.content>.description {}

.ui.label {
  color: #c9d1d9 !important;
  background-color: #171a1d !important;
}

.ui.dropdown {
  color: #fff !important;
  background-color: #171a1d !important;
  border: 1px solid #363c42 !important;
  background-image: url("/img/chevron-down.svg") !important;
  background-size: 14px !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 20px) center !important;
}

.ui.selection.dropdown:focus {
  border-color: #676f77 !important;
}

.ui.dropdown .menu {
  background: #171a1d !important;
}

.ui.search.selection.dropdown.custom-dropdown>input.search {
  color: #fff !important;
}

.ui.multiple.search.dropdown>input.search {
  color: #fff !important;
}

.ui.search.dropdown.active>input.search,
.ui.search.dropdown.visible>input.search {
  color: #fff !important;
}

.ui.dropdown .menu>.message:not(.ui) {
  color: #8e8e8e;
}

.ui.search.selection.dropdown.custom-dropdown {
  background-image: url("/img/icon-search-dark.svg") !important;
  background-size: 14px !important;
  background-repeat: no-repeat !important;
  background-position: 17px center !important;
}

.ui.selection.dropdown {
  background-color: #171a1d !important;
}

.ui.selection.active.dropdown .menu {
  border-color: #676f77 !important;
}

.ui.selection.active.dropdown:hover .menu {
  border-color: #676f77 !important;
}

.ui.selection.dropdown .menu>.item {
  border-top: 1px solid #363c42;
}

.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
  background: #171a1d;
}

.ui.dropdown .menu>.item:hover {
  background: #171a1d;
}

.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
  color: #fff !important;
}

.ui.dropdown .menu>.item:hover {
  color: #fff !important;
}

.ui.dropdown .menu>.item {
  color: #fff !important;
}

.ui.selection.visible.dropdown>.text:not(.default) {
  color: #fff !important;
}

.detail-dropdown-item .dropdown-image {
  background: #22262b;
  border: 1px solid #363c42;
}

.button.neutral {
  color: #c9d1d9;
  border: 1px solid #c9d1d9;
}

.button.neutral.filled {
  background-color: #2e3237;
  color: #fff;
  border: 1px solid #2e3237;
}

.button.neutral:hover {
  background-color: #292c31;
  color: #fff;
  border: 1px solid #292c31;
}

.button.textual {
  color: #c9d1d9;
}

.button.disabled {
  background-color: none;
  color: #acafbb;
  border: 1px solid #424950;
}

.button.filled.disabled {
  background: #3c4248;
  color: #acafbb;
  border: 1px solid #424950;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.datepicker--cell.-focus- {
  background: #c9d1d9;
  color: #22262b;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.datepicker {
  background: #22262b;
  border-bottom: 1px solid #363c42;
  color: #c9d1d9;
}

.datepicker--pointer {
  position: absolute;
  top: -5px;
  background: #22262b;
  border-top: 1px solid #22262b;
  border-right: 1px solid #22262b;
  width: 10px;
  height: 10px;
  z-index: -1;
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
  color: #c9d1d9;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #c9d1d9;
}

.datepicker--nav {
  border-bottom: 1px solid #363c42;
}

.datepicker--nav-title:hover {
  background: #f0f0f0;
  color: #22262b;
}

.datepicker--nav-title:hover i {
  color: #22262b;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.datepicker--time {
  border-top: 1px solid #363c42;
}

.datepicker--time-current-hours.-focus-,
.datepicker--time-current-minutes.-focus- {
  color: #22262b;
}

.datepicker--time-row {
  background: linear-gradient(to right, #363c42, #363c42) left 50%/100% 1px no-repeat;
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
  color: #22262b;
}

.status-container {
  background: #22262B;
  border: 1px solid #363c42;
  color: #c9d1d9;
}

.status-container.success:before {
  background: #39d67b;
}

.status-container.error:before {
  background: #ff4a4a;
}

.status-container.warning:before {
  background: #fbbd09;
}

.status-container.info:before {
  background: #732d67;
}

footer .footer-content {
  background: #1f2328;
  border: 1px solid #2A2F34;
}

.overlay-processing-container {
  background: rgba(3, 3, 4, 0.7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.overlay-processing-container .text {
  color: #c9d1d9;
}

.chart-content-frame {
  background: #22262B;
  border: 1px solid #363C42;
}

.package-indicator {
  background: #732c66;
  border: 1px solid #732c66;
  color: #fff;
}

.package-info-container {
  background: #22262B;
  border: 1px solid #363C42;

  .package-info-text {
    color: #C8D1DA;
  }

  .package-sub-articles {
    color: #C8D1DA;

    .package-sub-price {
      color: #C8D1DA;
    }
  }

  .package-total-info {
    border-top: 1px solid #363C42;
    color: #C8D1DA;
  }
}

/* Ticket-Portal */

.portal-order-event-container {
  background: #22262B;
  border: 1px solid #363C42;
}

.portal-order-info-container {
  background: #22262B;
  border: 1px solid #363C42;
}

.portal-tickets-item {
  background: #1F2328;
  border: 1px solid #363C42;
  border-bottom: 1px solid #363C42;
}

.portal-container-title {
  background: #181A1D;
  color: #fff;
}

.portal-tickets-item::before {
  background: #732C66;
}

.portal-tickets-item.ticket-type-sub::before {
  background: #6c6c6c;
}

.ticket-header {
  border-bottom: 1px solid #363C42;
  background: #22262B;
}

.ticket-label {
  background: #181A1D;
  color: #fff;
}

.ticket-actions {
  border-top: 1px solid #363C42;
}

.ticket-actions-wallet {
  border-top: 1px solid #363C42;
  background: #171A1D;
}

.wallet-button-container {
  background: #22262B;
  border: 1px solid #363C42;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.wallet-button-container:hover {
  background: #252A2F;
  border-color: #4A5158;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.event-description-text {
  color: #C8D1D9;
}

.segment-toggle {
  background: #22262B;
  border: 1px solid #363C42;
}

.segment-indicator {
  background: #732C66;
}

.segment-button {
  color: #8B949E;

  &.active {
    color: #fff;
  }

  &:hover:not(.active) {
    color: #C8D1D9;
  }
}

.portal-tickets-list-item {
  background: #1F2328;
  border: 1px solid #363C42;
}

.portal-tickets-list-item::before {
  background: #732C66;
}

.portal-tickets-list-item.ticket-type-sub::before {
  background: #6c6c6c;
}

.list-item-title .ticket-category {
  color: #C8D1D9;
}

.ticket-type-badge-small {
  background: #22262B;
  color: #C8D1D9;
  border: 1px solid #363C42;
}

.list-item-details {
  color: #8B949E;
}

.list-item-price {
  color: #C8D1D9;
}

.list-item-wallet-container {
  background: #171A1D;
  border-top: 1px solid #363C42;
}

.list-item-wallet-buttons .wallet-button-container {
  background: transparent;
  border: none;
  box-shadow: none;
}

.list-item-wallet-buttons .wallet-button-container:hover {
  background: transparent;
  border: none;
  box-shadow: none;
}

.notification-text {
  margin-top: 50px;
  font-size: 11px;
  text-align: justify;
  color: #50545a;
}

/* Wallet Hint Dark Mode */
.wallet-hint-container {
  background: #22262B;
  border: 1px solid #363C42;
}

.wallet-hint-icon {
  background: #732C66;
}

.wallet-hint-title {
  color: #C8D1D9;
}

.wallet-hint-description {
  color: #8B949E;
}

.wallet-hint-description strong {
  color: #C8D1D9;
}

@media screen and (max-width: 1280px) {
  .header-sub-profile-image-border {
    border: 2px solid #732C66;
  }
}

@media screen and (max-width: 1100px) {
  .articles-grid-item-container {
    color: #000;
  }
}

/* Share Modal Dark Mode */
.share-modal-overlay {
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.share-modal-overlay.show {
  opacity: 1;
  visibility: visible;
}

.share-modal {
  background: #1F2328;
  border: 1px solid #363C42;
  transform: translateY(100px);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

.share-modal.show {
  transform: translateY(0);
  opacity: 1;
}

.share-modal-header {
  border-bottom: 1px solid #363C42;

  h3 {
    color: #C8D1D9;
  }
}

.share-modal-close {
  color: #8B949E;
  border: 1px solid transparent;

  &:hover {
    background: #22262B;
    color: #C8D1D9;
    border: 1px solid #363C42;
  }
}

.share-option-item {
  &:hover {
    background: #22262B;
  }

  span {
    color: #8B949E;
  }
}

.share-option-icon {
  background: #C8D1DA !important;
  border: 1px solid #363C42 !important;
  color: #37393b !important;
}

.share-option-icon.native {
  background: #732C66 !important;
  border: 1px solid #732C66 !important;
  color: #FFFFFF !important;
}

.share-link-section {
  label {
    color: #C8D1D9;
  }
}

.share-link-input {
  border: 1px solid #363C42;
  background: #22262B;

  input {
    color: #C8D1D9;
    background: transparent;

    &::placeholder {
      color: #6C737A;
    }
  }
}

.share-copy-btn {
  background: #22262B;
  border-left: 1px solid #363C42 !important;
  color: #8B949E;

  &:hover {
    background: #171A1D;
    color: #C8D1D9;
  }

  &.positive {
    background: #19E181;
    color: #fff;

    &:hover {
      background: #19E181;
    }
  }
}

/* Personalize Modal Dark Mode */
.personalize-modal-overlay {
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.personalize-modal-overlay.show {
  opacity: 1;
  visibility: visible;
}

.personalize-modal {
  background: #1F2328;
  border: 1px solid #363C42;
  transform: translateY(100px);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

.personalize-modal.show {
  transform: translateY(0);
  opacity: 1;
}

.personalize-modal-header {
  border-bottom: 1px solid #363C42;
}

.personalize-modal-header h3 {
  color: #C8D1D9;
}

.personalize-modal-close {
  color: #8B949E;
  border: 1px solid transparent;
}

.personalize-modal-close:hover {
  background: #22262B;
  color: #C8D1D9;
  border: 1px solid #363C42;
}

@media screen and (max-width: 767px) {
  .event-info-item {
    border-bottom: 1px solid #32373B;
  }
}