@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap");

:root {
  --exchange-blue: #4b8ecb;
  --exchange-dark: #2f4154;
  --exchange-dark-2: #394b5d;
  --exchange-sidebar: #cfcfcf;
  --exchange-sidebar-border: #a7a7a7;
  --exchange-table-border: #c9c9c9;
  --exchange-back: #72bbef;
  --exchange-lay: #f7a8c1;
}

html,
body {
  background: #ffffff !important;
  color: #111 !important;
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 14px !important;
}

body::before,
body::after {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
small,
label,
a,
li,
div {
  font-family: "Roboto Condensed", sans-serif;
}

.container-fluid,
.container {
  max-width: 100%;
}

.header-primary {
  position: static !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.exchange-header {
  background: var(--exchange-blue);
  color: #fff;
}

.exchange-header__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 4px 14px 6px;
  min-height: 78px;
}

.exchange-header__brand {
  display: flex;
  align-items: center;
}

.exchange-header__brand a {
  display: inline-flex;
  align-items: center;
}

.exchange-header__logo {
  height: 62px;
  width: auto;
  object-fit: contain;
}

.exchange-header__meta {
  display: flex;
  align-items: flex-start;
  gap: 28px;
  margin-left: auto;
  padding-top: 6px;
}

.exchange-header__meta-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
}

.exchange-header__meta-item i {
  font-size: 22px;
  line-height: 1;
}

.exchange-header__meta-item div,
.exchange-header__meta-item span {
  display: block;
  color: #fff !important;
}

.exchange-header__meta-item--user {
  align-items: center;
  gap: 6px;
}

.exchange-header__meta-item--user a,
.exchange-header__meta-item--user i {
  color: #fff !important;
}

.exchange-login-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: #fff;
  font-weight: 700;
}

.exchange-header__nav {
  background: var(--exchange-dark);
  border-bottom: 1px solid #20303f;
}

.exchange-menu {
  display: flex;
  align-items: center;
  gap: 0;
  overflow-x: auto;
  white-space: nowrap;
}

.exchange-menu li {
  flex: 0 0 auto;
}

.exchange-menu a {
  display: block;
  padding: 10px 14px;
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.exchange-menu li:first-child a {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.exchange-menu__crash a {
  color: #ff808f !important;
}

.home-page {
  display: flex !important;
  align-items: flex-start;
  gap: 0 !important;
  padding: 0 !important;
  background: #fff !important;
}

.sports-category {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  width: 224px !important;
  min-width: 224px !important;
  height: calc(100vh - 0px);
  overflow: auto;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--exchange-sidebar) !important;
  z-index: 3;
}

.exchange-sidebar__group {
  border-bottom: 1px solid var(--exchange-sidebar-border);
}

.exchange-sidebar__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px;
  background: var(--exchange-blue);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.exchange-sidebar__items {
  background: var(--exchange-sidebar);
}

.exchange-sidebar__item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-top: 1px solid #bdbdbd;
  color: #111 !important;
  font-size: 12px;
  line-height: 1.2;
}

.exchange-sidebar__item.active {
  font-weight: 700;
}

.exchange-sidebar__item--muted {
  color: #6a6a6a !important;
}

.exchange-sidebar__plus {
  width: 12px;
  display: inline-block;
  font-weight: 700;
}

.sports-body {
  width: calc(100% - 224px - var(--right-side)) !important;
  min-width: 0;
  padding: 0 0 12px !important;
  background: #fff !important;
}

.sports-body > .row {
  margin: 0 !important;
  display: block !important;
}

.sports-body > .row > .col-12 {
  padding: 0 !important;
}

.top-sticky {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  margin-bottom: 6px;
  background: #fff !important;
  box-shadow: 0 1px 0 var(--exchange-table-border);
}

.exchange-home-table__leagues.top-sticky {
  top: 33px !important;
  margin-bottom: 0;
  box-shadow: none;
}

.sub-category-drawer {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.sub-category-drawer__list {
  display: flex;
  gap: 1px;
  padding: 0 0 1px;
  overflow-x: auto;
  white-space: nowrap;
  background: #fff;
}

.sub-category-drawer__list li {
  flex: 0 0 auto;
}

.sub-category-drawer__link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  max-width: none;
  padding: 7px 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #d7d7d7 !important;
  color: #111 !important;
  font-size: 12px;
  font-weight: 500;
}

.sub-category-drawer__link.active {
  background: var(--exchange-dark) !important;
  color: #fff !important;
}

.sub-category-drawer__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit !important;
}

.sub-category-drawer__live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d90000;
  flex: 0 0 auto;
}

.betting-shell,
.market-shell {
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.betting-body {
  padding: 0 6px 8px !important;
}

.betting-shell__intro,
.market-shell__intro,
.sports-card,
.sports-card-wrapper,
.sports-card-wrapper-lg,
.sports-card-left,
.sports-card-inner,
.sports-card-heading,
.sports-card-top-inner,
.sports-card-body,
.sports-card-left-bottom,
.sports-card__team-flag,
.sports-card__team-flag-img {
  all: unset;
}

.exchange-board {
  display: grid;
  gap: 10px;
}

.exchange-home-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  border: 1px solid var(--exchange-table-border);
  border-bottom: 0;
  background: #d7d7d7;
}

.exchange-home-tabs__item {
  flex: 0 0 auto;
  padding: 6px 12px;
  border-right: 1px solid #9f9f9f;
  color: #111 !important;
  font-size: 12px;
}

.exchange-home-tabs__item.active {
  background: var(--exchange-dark);
  color: #fff !important;
  font-weight: 700;
}

.exchange-home-table {
  border: 1px solid var(--exchange-table-border);
  background: #fff;
}

.exchange-home-table__head,
.exchange-home-table__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 66px 66px 66px;
}

.exchange-home-table__head {
  background: #f2f2f2;
  border-bottom: 1px solid var(--exchange-table-border);
}

.exchange-home-table__head .exchange-home-table__game,
.exchange-home-table__head .exchange-home-table__col {
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 700;
  color: #111;
}

.exchange-home-table__head .exchange-home-table__col {
  text-align: center;
}

.exchange-home-table__row {
  border-bottom: 1px solid var(--exchange-table-border);
}

.exchange-home-table__row:last-child {
  border-bottom: 0;
}

.exchange-home-table__row .exchange-home-table__game {
  padding: 4px 8px;
  min-width: 0;
}

.exchange-home-table__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
  color: #666;
  font-size: 11px;
}

.exchange-home-table__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #38aa49;
}

.exchange-home-table__title {
  color: #111;
  font-size: 12px;
  line-height: 1.2;
}

.exchange-home-table__markets {
  display: inline-block;
  margin-top: 2px;
  color: #2a5f8f !important;
  font-size: 11px;
}

.exchange-home-table__row .exchange-home-table__col {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  padding: 0;
  border-left: 1px solid var(--exchange-table-border);
}

.exchange-home-table__row .exchange-home-table__col .option-odd-list__item {
  width: 100%;
}

.exchange-home-table__row .exchange-home-table__col .btn {
  min-height: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

.exchange-detail-page {
  padding: 0 6px 10px;
}

.exchange-detail-page__toplink {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0 6px;
  color: #111;
  font-size: 12px;
}

.exchange-detail-page__toplink a {
  color: #b46800 !important;
  text-decoration: underline;
}

.exchange-detail-page__eventbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px;
  background: var(--exchange-dark);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.exchange-market-section {
  margin-bottom: 6px;
  border-left: 1px solid var(--exchange-table-border);
  border-right: 1px solid var(--exchange-table-border);
  border-bottom: 1px solid var(--exchange-table-border);
  background: #fff;
}

.exchange-market-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 8px;
  background: var(--exchange-dark-2);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.exchange-market-section__subhead {
  display: flex;
  gap: 10px;
  padding: 4px 8px;
  background: #f7f7f7;
  color: #0f6f87;
  font-size: 11px;
  font-weight: 700;
}

.exchange-market-section__table {
  background: #fff;
}

.exchange-market-section__labels,
.exchange-market-section__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: stretch;
}

.exchange-market-section__labels {
  border-top: 1px solid var(--exchange-table-border);
  border-bottom: 1px solid var(--exchange-table-border);
  background: #fff;
}

.exchange-market-section__oddcols {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.exchange-market-section__oddcols span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  font-size: 12px;
  font-weight: 700;
  color: #111;
}

.exchange-market-section__oddcols .back {
  background: var(--exchange-back);
}

.exchange-market-section__oddcols .lay {
  background: var(--exchange-lay);
}

.exchange-market-section__row {
  border-bottom: 1px solid var(--exchange-table-border);
}

.exchange-market-section__row:last-child {
  border-bottom: 0;
}

.exchange-market-section__name {
  padding: 5px 8px;
  color: #111;
  font-size: 12px;
  line-height: 1.1;
}

.exchange-market-section__name-main {
  font-weight: 700;
}

.exchange-market-section__name-sub {
  margin-top: 2px;
  color: #4f7ea6;
  font-size: 10px;
}

.exchange-market-section__prices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.exchange-market-section__labels--compact,
.exchange-market-section__row--compact {
  grid-template-columns: minmax(0, 1fr) 180px;
}

.exchange-market-section__oddcols--compact,
.exchange-market-section__prices--compact {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.exchange-market-section__prices--compact .exchange-price {
  min-height: 34px;
}

.exchange-price-group {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.exchange-price-group--lay {
  border-left: 1px solid var(--exchange-table-border);
}

.exchange-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  border: 0;
  border-left: 1px solid var(--exchange-table-border);
  min-height: 40px;
  padding: 2px 4px;
  font-size: 13px;
  font-weight: 700;
  color: #111;
}

.exchange-price:first-child {
  border-left: 0;
}

.exchange-price__odd {
  line-height: 1;
}

.exchange-price__size {
  color: #666;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
}

.exchange-price--back {
  background: var(--exchange-back);
}

.exchange-price--lay {
  background: var(--exchange-lay);
}

.exchange-price.active {
  outline: 2px solid #20327b;
  outline-offset: -2px;
}

.exchange-price.locked {
  opacity: 0.5;
}

.exchange-price--empty {
  pointer-events: none;
}

.exchange-market-section__empty {
  padding: 10px 8px;
  color: #666;
  font-size: 12px;
}

.exchange-normal-section {
  margin-top: 8px;
  border: 1px solid var(--exchange-table-border);
  background: #fff;
}

.exchange-normal-section__header {
  padding: 4px 8px;
  background: var(--exchange-dark-2);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.exchange-normal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--exchange-table-border);
}

.exchange-normal-card {
  background: #fff;
}

.exchange-normal-card__title {
  min-height: 40px;
  padding: 6px 8px;
  color: #111;
  font-size: 12px;
  line-height: 1.2;
}

.exchange-normal-card__labels,
.exchange-normal-card__prices,
.exchange-normal-card__limits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.exchange-normal-card__labels span,
.exchange-normal-card__limits span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  font-size: 11px;
  font-weight: 700;
}

.exchange-normal-card__labels .lay {
  background: var(--exchange-lay);
}

.exchange-normal-card__labels .back {
  background: var(--exchange-back);
}

.exchange-normal-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 0;
  color: #111;
  font-size: 13px;
  font-weight: 700;
}

.exchange-normal-price small {
  color: #666;
  font-size: 10px;
  font-weight: 400;
}

.exchange-normal-price--lay {
  background: var(--exchange-lay);
}

.exchange-normal-price--back {
  background: var(--exchange-back);
}

.exchange-normal-card__limits span {
  padding: 3px 6px;
  background: #fff;
  color: #0f6f87;
}

.exchange-row {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 6px;
  align-items: stretch;
}

.exchange-row__main {
  border: 1px solid var(--exchange-table-border);
  background: #fff;
  padding: 8px;
}

.exchange-row__time {
  display: inline-block;
  margin-bottom: 8px;
  padding: 4px 8px;
  border: 1px solid var(--exchange-table-border);
  background: #f7f7f7;
  color: #111;
  font-size: 12px;
  font-weight: 700;
}

.exchange-row__teams {
  display: grid;
  gap: 8px;
  margin-bottom: 10px;
  color: #111;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
}

.exchange-row__markets-link {
  color: #2a5f8f !important;
  font-size: 12px;
}

.exchange-row__columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 6px;
}

.exchange-row__columns--outright {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.exchange-market-cell {
  border: 1px solid var(--exchange-table-border);
  background: #fff;
}

.exchange-market-cell__title {
  padding: 5px 6px;
  border-bottom: 1px solid var(--exchange-table-border);
  background: #f7f7f7;
  color: #111;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.exchange-market-cell__odds {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 8px 6px 6px;
  align-items: stretch;
}

.exchange-market-cell__odds--single {
  grid-template-columns: 1fr;
}

.exchange-market-cell__middle {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  border: 1px solid var(--exchange-table-border);
  background: #fff;
  color: #111;
  font-size: 12px;
  font-weight: 700;
}

.option-odd-lists {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px !important;
}

.option-odd-list__item .btn,
.odd-list__outcome {
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 4px !important;
  border: 1px solid var(--exchange-table-border) !important;
  border-radius: 0 !important;
  background: var(--exchange-back) !important;
  box-shadow: none !important;
  color: #000 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.option-odd-list__item:nth-child(2) .btn,
.option-odd-list__item:nth-child(3) .btn {
  background: var(--exchange-lay) !important;
}

.point {
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border: 1px solid var(--exchange-table-border) !important;
  border-radius: 0 !important;
  background: #fff !important;
  font-weight: 400 !important;
}

.odd-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.odd-list {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.odd-list__title {
  margin: 0 !important;
  padding: 6px 8px !important;
  border: 1px solid var(--exchange-table-border) !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: var(--exchange-dark) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.odd-list__head {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
  gap: 12px;
  padding: 6px 8px !important;
  border: 1px solid var(--exchange-table-border) !important;
  background: #fff !important;
  border-radius: 0 !important;
}

.odd-list__team-name,
.odd-list__team-divide {
  color: #111 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.accordion--odd .accordion-item {
  margin-top: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
}

.accordion-button {
  padding: 6px 8px !important;
  border: 1px solid var(--exchange-table-border) !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: var(--exchange-dark-2) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.accordion-body {
  padding: 0 !important;
  background: #fff !important;
}

.odd-list__outcomes li {
  display: grid !important;
  grid-template-columns: 1fr 150px;
  gap: 0 !important;
  border-left: 1px solid var(--exchange-table-border);
  border-right: 1px solid var(--exchange-table-border);
  border-bottom: 1px solid var(--exchange-table-border);
}

.odd-list__outcome-text {
  display: flex;
  align-items: center;
  min-height: 28px;
  padding: 0 8px;
  background: #fff;
  color: #111 !important;
  font-size: 12px !important;
}

.betslip {
  display: block !important;
  position: sticky !important;
  top: 0 !important;
  right: auto !important;
  width: var(--right-side) !important;
  max-width: var(--right-side) !important;
  height: calc(100vh - 0px);
  padding: 0 !important;
  border-left: 1px solid var(--exchange-table-border);
  background: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  box-shadow: none !important;
}

.betslip-inner {
  max-height: calc(100vh - 66px);
  overflow: auto;
}

.betslip-header {
  margin: 0 !important;
  padding: 4px !important;
  border-radius: 0 !important;
  background: var(--exchange-dark) !important;
}

.bet-type {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}

.bet-type__btn span {
  min-height: 32px !important;
  border-radius: 0 !important;
  background: #213242 !important;
  color: #d6d6d6 !important;
  font-size: 12px;
  font-weight: 700;
}

.bet-type__btn input:checked + span {
  background: #4c6dff !important;
  color: #fff !important;
}

.betslip__body,
.mybet-container,
.bet-slip-container {
  background: #fff !important;
}

.betslip__body {
  padding: 0 !important;
  max-height: calc(100vh - 255px);
  overflow: auto;
}

.betslip__list {
  gap: 0 !important;
}

.betslip-item,
.bet-list-item {
  border-bottom: 1px solid var(--exchange-table-border);
  padding: 6px !important;
  border-radius: 0 !important;
  background: #fff !important;
}

.betslip__footer {
  background: #fff !important;
  border-top: 1px solid var(--exchange-table-border);
  border-radius: 0 !important;
}

.betslip-select {
  padding: 6px;
}

.betslip__footer .form-select,
.betslip__footer .form-control,
.betslip__footer-bottom .form--control {
  min-height: 30px !important;
  height: 30px !important;
  border: 1px solid #bbb !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #111 !important;
  box-shadow: none !important;
  font-size: 12px !important;
}

.betslip__footer-bottom {
  gap: 4px;
  padding: 6px;
}

.betslip-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 6px;
}

.betslip-item-league {
  display: flex;
  align-items: center;
  gap: 6px;
}

.betslip-item-league__name {
  color: #111;
  font-size: 12px;
  font-weight: 700;
}

.betslip-item-close {
  border: 0;
  background: transparent;
  color: #999;
}

.betslip-item-body {
  display: grid;
  gap: 8px;
}

.betslip-item-teams {
  display: grid;
  gap: 4px;
}

.betslip-item-team {
  display: flex;
  align-items: center;
  gap: 8px;
}

.betslip-item-team__logo {
  width: 18px;
  height: 18px;
  object-fit: cover;
  border-radius: 50%;
}

.betslip-item-team__name,
.betslip-item-market__type,
.betslip-item-market__label,
.betslip-item-stake__label,
.betslip-item-return__text {
  color: #111 !important;
  font-size: 12px;
}

.betslip-item-market__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.betslip-item-market__score {
  color: #3749ff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

.betslip__footer-btn,
.bet-place-btn,
.delete-btn {
  min-height: 30px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.bet-place-btn {
  background: #3d8b40 !important;
  color: #fff !important;
}

.delete-btn {
  width: 34px;
  background: #a31515 !important;
  color: #fff !important;
}

.custom--modal .modal-dialog {
  max-width: 440px;
}

.custom--modal .modal-body {
  padding: 0 !important;
  background: #74b7eb;
}

.exchange-popup__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  background: #4e9ce0;
  color: #fff;
}

.exchange-popup__header h4 {
  margin: 0;
  color: #fff !important;
  font-size: 18px;
  font-weight: 700;
}

.exchange-popup__close {
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 24px;
  line-height: 1;
}

.exchange-popup__panel {
  padding: 8px 10px 10px;
}

.exchange-popup__titlebar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  color: #111;
  font-size: 12px;
  font-weight: 700;
}

.exchange-popup__gridhead,
.exchange-popup__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.exchange-popup__gridhead {
  margin-bottom: 4px;
  color: #111;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.exchange-popup__field {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
}

.exchange-popup__field:last-child {
  grid-template-columns: 1fr;
}

.exchange-popup__step {
  min-height: 26px;
  border: 0;
  background: transparent;
  color: #111;
  font-size: 30px;
  line-height: 1;
}

.exchange-popup__input {
  width: 100%;
  min-height: 26px;
  padding: 4px 8px;
  border: 1px solid #9caaba;
  background: #fff;
  color: #111;
  font-size: 13px;
  font-weight: 700;
}

.exchange-popup__quick {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  margin-top: 12px;
  background: #8fb9db;
}

.exchange-popup__quick button {
  min-height: 26px;
  border: 0;
  background: #d8d8d8;
  color: #111;
  font-size: 12px;
  font-weight: 700;
}

.exchange-popup__clear {
  margin-top: 10px;
  border: 0;
  background: transparent;
  color: #3470bf;
  font-size: 12px;
  text-decoration: underline;
}

.exchange-popup__footer {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px 10px;
}

.exchange-popup__btn {
  min-width: 64px;
  min-height: 30px;
  border: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.exchange-popup__btn--edit {
  background: #4b6f83;
}

.exchange-popup__btn--reset {
  background: #c82333;
}

.exchange-popup__btn--place {
  background: #4c9c6f;
}

.empty-slip-message,
.login-message {
  padding: 12px;
  color: #666 !important;
}

.footer,
.footer-bottom {
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.exchange-footer-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
  background: var(--exchange-blue);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.exchange-footer-strip__links {
  display: flex;
  gap: 16px;
}

.exchange-footer-strip__links a,
.exchange-footer-strip__support {
  color: #fff !important;
}

.exchange-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 12px;
  border-top: 1px solid var(--exchange-table-border);
  background: #fff;
}

.exchange-footer-bottom__secure {
  display: flex;
  align-items: center;
  gap: 10px;
}

.exchange-footer-bottom__secure img {
  height: 34px;
  width: auto;
}

.exchange-footer-bottom__secure strong,
.exchange-footer-bottom__secure span,
.exchange-footer-bottom__copy {
  display: block;
  color: #111 !important;
  font-size: 12px;
}

.app-nav,
.hero-slider,
.hero-slide__overlay,
.section-kicker,
.section-copy,
.section-meta-grid,
.exchange-sidebar__item .sports-category__icon,
.header-overlay,
.body-overlay,
.back-to-top,
.preloader {
  display: none !important;
}

@media (max-width: 991.98px) {
  .home-page {
    display: block !important;
  }

  .sports-category,
  .betslip {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .sports-body {
    width: 100% !important;
  }

  .exchange-row {
    grid-template-columns: 1fr;
  }

  .exchange-home-table__head,
  .exchange-home-table__row {
    grid-template-columns: minmax(0, 1fr) 56px 56px 56px;
  }

  .exchange-market-section__labels,
  .exchange-market-section__row {
    grid-template-columns: minmax(0, 1fr) 160px;
  }

  .exchange-row__columns,
  .exchange-row__columns--outright {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
  }

  .exchange-header__top,
  .exchange-footer-strip,
  .exchange-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (min-width: 992px) and (max-width: 1320px) {
  .sports-body {
    width: calc(100% - 224px - 250px) !important;
  }

  .betslip {
    width: 250px !important;
    max-width: 250px !important;
  }

  .exchange-row__columns {
    grid-template-columns: repeat(4, minmax(96px, 1fr));
  }
}