:root {
  color-scheme: dark;
  --t3-bg: #3a3a3a;
  --t3-bg-2: #2a2a2a;
  --t3-bg-3: #1f1f1f;
  --t3-card: #2d2d2d;
  --t3-elevated: #444444;
  --t3-input: #3a3a3a;
  --t3-fg: #ffffff;
  --t3-fg-2: #c2c2c2;
  --t3-muted: #a3a3a3;
  --t3-border: #4a4a4a;
  --t3-border-2: #555555;
  --t3-hero: #ffd100;
  --t3-hero-hover: #cca700;
  --t3-hero-fg: #000000;
  --t3-hero-rgb: 255, 209, 0;
  --t3-hero-text: #ffd100;
  --t3-odd: #f5a623;
  --t3-odd-bg: #444444;
  --t3-live: #d32f2f;
  --t3-live-rgb: 211, 47, 47;
  --t3-live-text: #ff8f91;
  --t3-success: #16c72e;
  --t3-success-text: #3ee05a;
  --t3-danger: #ff7380;
  --t3-danger-text: #ff9aa4;
  --t3-danger-rgb: 255, 115, 128;
  --t3-success-rgb: 22, 199, 46;
  --t3-info: #3fd3d4;
  --t3-pressed: #565656;
  --t3-hover: #333333;
  --t3-stripe: rgba(255, 255, 255, .025);
  --t3-tint: rgba(255, 255, 255, .04);
  --t3-line: rgba(255, 255, 255, .07);
  --t3-radius: 12px;
  --t3-radius-sm: 8px;
  --t3-font: Roboto, Arial, Helvetica, sans-serif;
}

html body {
  background: var(--t3-bg) none !important;
  color: var(--t3-fg);
  font-family: var(--t3-font);
  font-size: 12px;
  margin-top: 0;
  padding-top: 8px;
}

html body input,
html body select,
html body textarea,
html body button {
  font-family: var(--t3-font);
}

html body a:hover {
  color: var(--t3-hero-text);
}

html body h1 {
  color: var(--t3-fg);
}

html body ::selection {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
}

html body ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html body ::-webkit-scrollbar-track {
  background: var(--t3-bg-2);
}

html body ::-webkit-scrollbar-thumb {
  background: var(--t3-border-2);
  border-radius: 4px;
}

html body #main[id] {
  width: min(1200px, calc(100% - 24px)) !important;
  min-width: 976px;
  padding-bottom: 8px;
}

html body .modern-ticker {
  box-sizing: border-box;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  box-shadow: none;
  height: 34px;
  margin-bottom: 8px;
  overflow: hidden;
}

html body .modern-ticker .mt-label {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
  font-weight: 700;
  font-size: 12px;
  height: 34px;
  line-height: 34px;
  padding: 0 14px;
  width: auto !important;
  border-radius: 0;
  text-shadow: none;
  box-shadow: none;
}

html body .modern-ticker .mt-news {
  height: 34px;
  line-height: 34px;
}

html body .modern-ticker .mt-news a,
html body .modern-ticker .mt-news li {
  color: var(--t3-fg-2);
  font-size: 12px;
  line-height: 34px;
  text-shadow: none;
}

html body .modern-ticker .mt-controls {
  right: 0;
  margin: 0;
  background: var(--t3-bg-3);
  border-left: 1px solid var(--t3-border);
  border-radius: 0;
  height: 34px;
  box-shadow: none;
}

html body .modern-ticker .mt-controls div {
  width: 34px;
  height: 34px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--t3-bg-3);
  background-image: none !important;
  color: var(--t3-fg-2);
  cursor: pointer;
  border-radius: 0;
  transition: background-color .15s, color .15s;
}

html body .modern-ticker .mt-controls div::before {
  font-family: FontAwesome;
  font-size: 12px;
  line-height: 1;
}

html body .modern-ticker .mt-controls .mt-prev::before {
  content: "\f053";
}

html body .modern-ticker .mt-controls .mt-next::before {
  content: "\f054";
}

html body .modern-ticker .mt-controls .mt-play::before {
  content: "\f04b";
}

html body .modern-ticker .mt-controls .mt-play.mt-pause::before {
  content: "\f04c";
}

html body .modern-ticker .mt-controls div:hover,
html body .modern-ticker .mt-controls div:active {
  background-color: var(--t3-elevated);
  color: var(--t3-hero-text);
}

html body .headerBottom .banner1000 {
  z-index: 3;
}

html body .divDerbiBantSayac {
  display: flex;
  align-items: center;
  gap: 8px;
  top: 80px !important;
  left: 440px !important;
  width: auto !important;
  max-width: 560px;
  height: 34px !important;
  overflow: hidden;
  color: var(--t3-fg-2);
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 34px;
  text-align: left;
  white-space: nowrap;
}

html body .divDerbiBantSayac br {
  display: none;
}

html body .divDerbiBantSayac span,
html body .divDerbiBantSayac div,
html body .divDerbiBantSayac div.name,
html body .divDerbiBantSayac div.detail {
  display: inline-flex;
  margin: 0;
  color: var(--t3-fg-2);
  font-size: 12px !important;
  line-height: 34px !important;
  letter-spacing: 0;
}

html body .divDerbiBantSayac span,
html body .divDerbiBantSayac .pos {
  position: static;
  color: var(--t3-hero-text) !important;
  font-size: 14px !important;
  font-weight: 700;
}

html body #header {
  position: relative;
  height: auto !important;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
  padding: 0 12px 10px;
  box-sizing: border-box;
  text-align: left;
}

html body #header::after {
  content: "";
  display: table;
  clear: both;
}

html body #header .t3-brand {
  position: absolute;
  left: 18px;
  top: 0;
  height: 64px;
  line-height: 64px;
  color: var(--t3-hero-text);
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -.5px;
  text-transform: capitalize;
  text-decoration: none;
  z-index: 2;
}

html body #header .t3-brand:hover {
  color: var(--t3-hero-hover);
}

html body #header .navheader {
  height: 64px !important;
  border-bottom: 1px solid var(--t3-border);
  margin: 0 -12px 10px;
  padding: 0 12px;
  width: auto !important;
}

html body .accountbox {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  float: right;
  width: auto !important;
  height: 64px !important;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  text-shadow: none;
  z-index: 2;
}

html body .accountbox .user {
  display: contents;
}

html body .accountbox .userinfo {
  order: 1;
  float: none;
  width: auto;
  max-width: 260px;
  padding: 0 4px 0 0;
  color: var(--t3-muted);
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html body .accountbox .userinfo span {
  color: var(--t3-fg);
  margin: 0 4px;
}

html body .accountbox .userbalance {
  order: 2;
  float: none;
  width: auto;
  padding: 0 14px;
  height: 36px;
  line-height: 36px;
  background: var(--t3-bg-3);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  color: var(--t3-fg);
}

html body .accountbox .userbalance span {
  color: var(--t3-hero-text);
  font-size: 15px;
  margin: 0;
}

html body .accountbox .usermessages {
  order: 3;
  float: none;
  width: auto !important;
  margin: 0 !important;
  padding: 0 12px;
  height: 36px;
  line-height: 36px !important;
  border-radius: var(--t3-radius-sm);
  background: var(--t3-elevated);
  color: var(--t3-fg);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  transition: background .15s;
}

html body .accountbox .usermessages:hover {
  background: var(--t3-pressed);
}

html body .accountbox .usermessages span {
  color: var(--t3-hero-text);
  font-size: 13px;
}

html body .accountbox .usermessages.itext-1 {
  order: 4;
  background: var(--t3-hero);
  color: var(--t3-hero-fg) !important;
  font-weight: 700;
}

html body .accountbox .usermessages.itext-1:hover {
  background: var(--t3-hero-hover);
}

html body .accountbox .usermessages.itext-1 + .usermessages.itext-1 {
  background: var(--t3-elevated);
  color: var(--t3-fg) !important;
}

html body .accountbox .usermessages.itext-1 + .usermessages.itext-1:hover {
  background: var(--t3-pressed);
}

html body .accountbox .logout {
  order: 5;
  float: none !important;
  width: auto;
  height: 36px;
  margin: 0 !important;
  padding: 0 12px;
  line-height: 36px;
  background: transparent;
  border: 1px solid var(--t3-border-2);
  border-radius: var(--t3-radius-sm);
  color: var(--t3-fg-2);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  box-sizing: border-box;
}

html body .accountbox .logout::before {
  content: "\f011";
  font-family: FontAwesome;
  margin-right: 6px;
  color: var(--t3-danger);
}

html body .accountbox .logout:hover {
  border-color: var(--t3-danger);
  color: var(--t3-fg);
}

html body #topmenu {
  float: left;
  width: auto !important;
  height: 34px;
  margin: 0;
  display: flex;
  gap: 4px;
}

html body #topmenu div {
  height: 34px;
}

html body #topmenu .splitter {
  display: none;
}

html body #topmenu .menuItem,
html body #topmenu .menuActive {
  background: transparent !important;
  border-radius: var(--t3-radius-sm);
  transition: background .15s;
}

html body #topmenu .menuItem:hover {
  background: var(--t3-elevated) !important;
}

html body #topmenu .menuItem a {
  display: flex;
  align-items: center;
  height: 34px;
  margin: 0;
  padding: 0 16px;
  color: var(--t3-fg-2) !important;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
}

html body #topmenu .menuActive {
  background: var(--t3-hero) !important;
}

html body #topmenu .menuActive:hover {
  background: var(--t3-hero-hover) !important;
}

html body #topmenu .menuActive a {
  color: var(--t3-hero-fg) !important;
}

html body #topmenu .menuItem span {
  display: none;
}

html body #tarih {
  height: 34px;
  line-height: 34px;
  margin: 0 !important;
  padding: 0 10px !important;
  width: auto !important;
  color: var(--t3-muted);
  font-weight: 500;
}

html body #tarih .times {
  color: var(--t3-fg);
}

html body .t3-mobile-link {
  margin: 0 4px 0 0 !important;
  height: 34px;
  display: flex;
  align-items: center;
}

html body .t3-mobile-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: var(--t3-radius-sm);
  background: var(--t3-elevated);
}

html body .t3-mobile-link a:hover {
  background: var(--t3-pressed);
}

html body .t3-mobile-link img {
  height: 20px;
  filter: invert(1);
}

html body #language {
  margin: 0 4px 0 0 !important;
}

html body #language .dropdown dt a {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 8px !important;
  background: var(--t3-elevated);
  border: 1px solid var(--t3-elevated);
  border-radius: var(--t3-radius-sm);
}

html body #language .dropdown dt a:hover,
html body #language .dropdown dt a:focus {
  border-color: var(--t3-hero);
}

html body #language .dropdown dt a span {
  padding: 0;
}

html body #language .dropdown dt a span::after {
  content: "\f107";
  font-family: FontAwesome;
  color: var(--t3-fg-2);
  margin-left: 6px;
}

html body #language .dropdown img.flag {
  margin: 0;
  padding: 0;
}

html body #language .dropdown dd ul {
  top: 4px;
  padding: 4px;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border-2);
  border-radius: var(--t3-radius-sm);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
}

html body #language .dropdown dd ul li a {
  display: block !important;
  padding: 6px 8px;
  border-radius: 6px;
}

html body #language .dropdown dd ul li a:hover {
  background: var(--t3-elevated);
}

html body #soundBox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0 !important;
  border-radius: var(--t3-radius-sm);
  background: var(--t3-elevated);
  color: var(--t3-fg-2);
  font-size: 16px !important;
}

html body #soundBox:hover {
  background: var(--t3-pressed);
  color: var(--t3-hero-text);
}

html body #header .whatsapp {
  float: right !important;
  margin: 0 6px 0 0 !important;
  height: 34px;
  display: flex;
  align-items: center;
}

html body #header .whatsapp a {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--t3-success-text);
  font-size: 13px !important;
}

html body #header .whatsapp img {
  height: 22px;
}

html body #navmenu {
  margin-top: 10px;
  background: var(--t3-bg-3);
  border-radius: var(--t3-radius-sm);
  padding: 4px;
  box-sizing: border-box;
}

html body #navmenu::after {
  content: "";
  display: table;
  clear: both;
}

html body #navmenu .first,
html body #navmenu .end {
  display: none;
}

html body #navmenu .wrap {
  width: 100% !important;
  height: auto;
  background: none;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

html body #navmenu .flex-item {
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  color: var(--t3-fg-2);
  font-size: 12px;
  font-weight: 500;
  transition: background .15s, color .15s;
}

html body #navmenu .flex-item:hover {
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body #navmenu .flex-item span {
  color: var(--t3-muted);
}

html body #navmenu .flex-item.active {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
  font-weight: 700;
}

html body #navmenu .flex-item.active span {
  color: var(--t3-hero-fg);
}

html body #navmenu .flex-item.moreGrow,
html body #navmenu .flex-item.moreGrow:hover {
  background: none;
  padding: 0;
}

html body #navmenu .flex-item.more {
  position: relative;
}

html body #navmenu .flex-item.more::after {
  content: "\f107";
  font-family: FontAwesome;
  margin-left: 6px;
}

html body #navmenu .flex-item.more .dropdown::before {
  content: "";
  position: absolute;
  top: -8px;
  right: 0;
  left: 0;
  height: 8px;
}

html body #navmenu .flex-item.more .dropdown {
  top: calc(100% + 4px);
  padding: 4px;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border-2);
  border-radius: var(--t3-radius-sm);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
}

html body #navmenu .dropdown-item {
  height: 32px;
  line-height: 32px;
  margin: 0;
  padding: 0 12px;
  background: none;
  border-radius: 6px;
  color: var(--t3-fg-2);
  text-align: left;
}

html body #navmenu .dropdown-item:hover {
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body #main #content {
  background: transparent;
  padding: 10px 0 0;
  width: 100% !important;
  border-radius: 0;
}

html body #content::after {
  content: "";
  display: table;
  clear: both;
}

html body .left-container {
  width: calc(100% - 252px) !important;
  margin-right: 12px;
}

html body .right-container {
  width: 240px;
  vertical-align: top;
}

html body .search-a {
  height: auto;
  margin: 0 0 10px;
  padding: 8px !important;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
  box-sizing: border-box;
}

html body .search-a .filterTable {
  margin: 0;
}

html body .search-a .filterTable td {
  vertical-align: middle;
}

html body .search-a #ac_results {
  top: 46px !important;
}

html body .inputText,
html body .inputCombo,
html body .inputTextarea,
html body input[type=text],
html body input[type=password],
html body input[type=number],
html body input[type=email],
html body input[type=tel],
html body select,
html body textarea {
  background-color: var(--t3-input);
  border: 1px solid var(--t3-border-2);
  border-radius: var(--t3-radius-sm);
  color: var(--t3-fg);
  font-size: 12px;
  outline: none;
  box-shadow: none;
}

html body .inputText,
html body input[type=text],
html body input[type=password],
html body input[type=number],
html body input[type=email],
html body input[type=tel] {
  height: 30px;
  padding: 0 6px;
  box-sizing: content-box;
}

html body select {
  height: 32px;
  padding: 0 6px;
}

html body .filterTable input.inputText {
  font-size: 11px;
}

html body input.tcalInput {
  padding-right: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
  background-position: right 6px center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  font-size: 11px;
  cursor: pointer;
}

html body input.tcalInput.tcalActive {
  border-color: var(--t3-hero);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffd100' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
}

html body textarea {
  padding: 8px 10px;
}

html body input:focus,
html body select:focus,
html body textarea:focus {
  border-color: var(--t3-hero);
}

html body input::placeholder,
html body textarea::placeholder {
  color: var(--t3-muted);
  opacity: 1;
}

html body #searchinput {
  width: 260px !important;
}

html body .chosen-container .chosen-single {
  height: 32px;
  line-height: 30px;
  padding: 0 0 0 10px;
  background: var(--t3-input);
  border: 1px solid var(--t3-border-2);
  border-radius: var(--t3-radius-sm);
  box-shadow: none;
  color: var(--t3-fg);
  font-size: 12px;
}

html body .chosen-container .chosen-single div b {
  background: none;
  position: relative;
}

html body .chosen-container .chosen-single div b::after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  left: 4px;
  line-height: 30px;
  color: var(--t3-fg-2);
  font-size: 14px;
}

html body .chosen-container .chosen-single div b,
html body .chosen-container .chosen-search input[type=text] {
  background-image: none !important;
}

html body .chosen-container-active .chosen-single,
html body .chosen-container-active.chosen-with-drop .chosen-single {
  border-color: var(--t3-hero);
  background: var(--t3-input);
  box-shadow: none;
}

html body .chosen-container .chosen-drop {
  margin-top: 4px;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border-2);
  border-radius: var(--t3-radius-sm);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
}

html body .chosen-container .chosen-search input[type=text] {
  width: 100%;
  height: 32px;
  padding: 0 8px;
  box-sizing: border-box;
  background: var(--t3-input);
  border-color: var(--t3-border-2);
}

html body .chosen-container .chosen-results {
  color: var(--t3-fg-2);
  padding: 4px;
  margin: 0;
}

html body .chosen-container .chosen-results li {
  padding: 7px 8px;
  border-radius: 6px;
  line-height: 16px;
}

html body .chosen-container .chosen-results li.highlighted {
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body .chosen-container .chosen-results li em {
  color: var(--t3-hero-text);
  font-style: normal;
  text-decoration: none;
}

html body .chosen-container .chosen-results li.no-results {
  color: var(--t3-muted);
  background: transparent;
}

html body .chosen-container .chosen-results li.result-selected {
  color: var(--t3-hero-text);
}

html body .btn {
  height: auto;
  padding: 0 16px;
  line-height: 32px;
  border: 0;
  border-radius: var(--t3-radius-sm);
  background: var(--t3-elevated);
  background-image: none;
  color: var(--t3-fg);
  font-size: 12px;
  font-weight: 700;
  text-shadow: none;
  box-shadow: none;
  transition: background .15s;
}

html body .btn:hover,
html body .btn:focus {
  background: var(--t3-pressed);
  color: var(--t3-fg);
  outline: none;
}

html body .btn-primary,
html body .btn-danger,
html body .btn-warning {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
}

html body .btn-primary:hover,
html body .btn-primary:focus,
html body .btn-danger:hover,
html body .btn-danger:focus,
html body .btn-warning:hover,
html body .btn-warning:focus {
  background: var(--t3-hero-hover);
  color: var(--t3-hero-fg);
}

html body .btn-success {
  background: var(--t3-success);
  color: #0b0d10;
}

html body .btn-success:hover {
  background: var(--t3-success-text);
  color: #0b0d10;
}

html body .btn-mini,
html body .btn-small {
  height: auto;
  line-height: 28px;
  padding: 0 10px;
}

html body .btn[disabled],
html body .btn.disabled {
  opacity: .5;
}

html body .search-a .btn {
  min-width: 96px;
  text-transform: uppercase;
}

html body .bulten-image {
  border-radius: var(--t3-radius);
  overflow: hidden;
  margin-bottom: 10px;
}

html body .pre-match-container {
  margin: 0;
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
  overflow: hidden;
  background: var(--t3-bg-2);
}

html body .pre-match-header {
  height: 34px;
  background: var(--t3-bg-3);
  color: var(--t3-muted);
  font-size: 11px;
  letter-spacing: .5px;
}

html body .pre-match-header > li,
html body .pre-match-header > li:first-child,
html body .pre-match-header > li:last-child,
html body .pre-match-header .pre-match-multi-column-SPECIAL.multi-column-count-2,
html body .pre-match-header .pre-match-multi-column-SPECIAL.multi-column-count-3 {
  border-color: var(--t3-border);
  justify-content: center;
}

html body .pre-match-header > li:first-child {
  border-left: 0;
}

html body .pre-match-header > li:last-child {
  border-right: 0;
}

html body .pre-match-league {
  height: 36px;
  background: var(--t3-elevated);
  color: var(--t3-fg);
  font-size: 12px;
}

html body .pre-match-league > li,
html body .pre-match-league > li:first-child,
html body .pre-match-league > li:nth-child(2),
html body .pre-match-league > li:nth-child(3),
html body .pre-match-league > li:last-child,
html body .pre-match-league > li > div > b {
  border-color: var(--t3-line);
}

html body .pre-match-league > li:first-child {
  border-left: 0;
}

html body .pre-match-league > li:last-child {
  border-right: 0;
}

html body .pre-match-league > li > div > b {
  line-height: 36px;
  color: var(--t3-fg-2);
}

html body .pre-match-league > li:nth-child(3) p {
  color: var(--t3-fg-2);
}

html body .pre-match-content {
  height: 40px;
  font-size: 12px;
  background: var(--t3-card);
  border-top: 1px solid var(--t3-border);
  color: var(--t3-fg);
}

html body .pre-match-content:hover {
  background: var(--t3-hover);
}

html body .pre-match-content > li,
html body .pre-match-content > li:nth-child(2),
html body .pre-match-content > li:nth-child(3),
html body .pre-match-content > li:nth-child(4),
html body .pre-match-content > li:nth-last-of-type(2),
html body .pre-match-content > li:last-child,
html body .pre-match-content > li .pre-match-market-bc {
  border-color: var(--t3-border);
}

html body .pre-match-content > li:first-child {
  background: transparent;
  border-left: 0;
  color: var(--t3-muted);
  font-weight: 500;
}

html body .pre-match-content > li:nth-child(2) {
  color: var(--t3-muted);
  font-weight: 500;
}

html body .pre-match-content > li:nth-child(3) {
  color: var(--t3-fg);
  cursor: pointer;
  font-weight: 500;
}

html body .pre-match-content > li:nth-child(3):hover {
  color: var(--t3-hero-text);
}

html body .pre-match-content > li:nth-child(4) {
  color: var(--t3-fg);
}

html body .pre-match-content > li:last-child {
  border-right: 0;
  color: var(--t3-hero-text);
  font-size: 11px;
}

html body .pre-match-content > li:nth-last-of-type(2) img {
  filter: invert(1);
  opacity: .7;
}

html body .pre-match-content > li:nth-last-of-type(2):hover img {
  opacity: 1;
}

html body .pre-match-content > li .pre-match-market-bc {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-right: 0;
  padding: 0 2px;
  box-sizing: border-box;
  background: transparent;
}

html body .pre-match-content > li .pre-match-market-bc .pre-match-market-coefficient-bc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  border-radius: 6px;
  background: var(--t3-odd-bg);
  transition: background .15s;
}

html body .pre-match-content > li .pre-match-market-bc .pre-match-market-odd-bc {
  color: var(--t3-odd);
  font-weight: 700;
  font-size: 12px;
}

html body .pre-match-content > li .pre-match-market-bc:hover {
  background: transparent;
}

html body .pre-match-content > li .pre-match-market-bc:hover .pre-match-market-coefficient-bc {
  background: var(--t3-pressed);
}

html body .pre-match-content > li .pre-match-market-bc.active {
  background: transparent !important;
}

html body .pre-match-content > li .pre-match-market-bc.active .pre-match-market-coefficient-bc {
  background: var(--t3-hero);
}

html body .pre-match-content > li .pre-match-market-bc.active .pre-match-market-odd-bc {
  color: var(--t3-hero-fg);
}

html body .pre-match-content > li .pre-match-market-bc.norate .market-coefficient-bc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  border-radius: 6px;
  background: var(--t3-bg-3);
}

html body .pre-match-content > li .pre-match-market-bc.norate .market-odd-bc,
html body .pre-match-content > li.pre-match-multi-column-base {
  color: var(--t3-muted);
}

html body .pre-match-header .pre-match-multi-column-base,
html body .pre-match-league .pre-match-multi-column-base,
html body .pre-match-content .pre-match-multi-column-base {
  border-color: var(--t3-border);
}

html body .pre-match-content.loadMore {
  height: 64px;
  background: var(--t3-bg-2);
  border-top: 1px solid var(--t3-border);
}

html body .pre-match-content.loadMore li h1 {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 24px;
  border-radius: var(--t3-radius-sm);
  background: var(--t3-elevated);
  color: var(--t3-fg);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s, color .15s;
}

html body .pre-match-content.loadMore li h1:hover {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
}

html body .mbp1,
html body .mbp2,
html body .mbp3,
html body .mbp4,
html body .mbp5 {
  border-radius: 4px;
  border-color: transparent;
  line-height: 18px;
  font-size: 11px;
}

html body .right-container-menu-div {
  height: auto;
  margin: 0;
}

html body .kupon-menu {
  position: static;
  width: 100% !important;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0 14px;
  box-sizing: border-box;
  float: none;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-bottom: 0;
  border-radius: var(--t3-radius) var(--t3-radius) 0 0;
  color: var(--t3-fg);
  font-size: 14px;
  text-align: left;
}

html body .kupon-menu #betnum {
  color: var(--t3-hero-text);
}

html body .kupon-detay {
  float: none;
  width: 100%;
  padding: 0 10px 10px;
  box-sizing: border-box;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-top: 0;
  border-radius: 0 0 var(--t3-radius) var(--t3-radius);
}

html body .kupon-bos {
  float: none;
  width: 100%;
  background: transparent;
}

html body .kupon-bos-text {
  width: 100%;
  min-height: 56px;
  margin: 0 0 10px;
  padding: 10px;
  box-sizing: border-box;
  background: var(--t3-card);
  border: 1px dashed var(--t3-border-2);
  border-radius: var(--t3-radius-sm);
  color: var(--t3-muted);
  font-size: 12px;
  text-align: center;
}

html body .kupon-full-delete {
  float: none;
  width: 100%;
  background: transparent;
}

html body .kupon-full-delete:empty {
  display: none;
}

html body .kupon-full-delete .btn,
html body .kupon-full-delete input {
  width: 100%;
  margin: 0 !important;
  box-sizing: border-box;
}

html body .kupon-item {
  margin: 0 0 8px;
  background: var(--t3-card);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  overflow: hidden;
  color: var(--t3-fg);
}

html body .kupon-item-detay .kupon-item-secim-name {
  background: var(--t3-elevated);
  color: var(--t3-fg-2);
  border-radius: 6px 6px 0 0;
}

html body .kupon-item-detay .kupon-item-secim-secim {
  background: var(--t3-bg-3);
  color: var(--t3-fg);
  border-radius: 0 0 6px 6px;
}

html body .kupon-hesap-div {
  height: auto !important;
  width: 100%;
  background: transparent;
  color: var(--t3-fg);
  border-radius: 0;
}

html body .bahis-say-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 30px;
  border-bottom: 1px solid var(--t3-border);
}

html body #betSlipInlineContentFooterBox .bahis-say-div:first-child {
  border-bottom: 0;
  padding: 0 0 8px;
}

html body .bahis-say {
  float: none;
  width: auto;
  color: var(--t3-muted);
  text-align: left;
}

html body #betSlipInlineContentFooterBox .bahis-say-div:first-child .bahis-say {
  display: block;
  width: 100% !important;
  font-size: 0;
  text-indent: 0;
  white-space: nowrap;
}

html body .bahis-say-no {
  float: none;
  width: auto;
  color: var(--t3-fg);
  font-weight: 700;
  text-align: right;
}

html body .bahis-say-no .bahis-say-not {
  width: 120px;
  height: 28px;
  box-sizing: border-box;
  text-align: right;
}

html body #twin {
  color: var(--t3-hero-text);
}

html body .bahis-say .btn-mini {
  display: inline-block;
  width: calc((100% - 16px) / 5);
  margin: 0 4px 0 0;
  padding: 0 2px;
  font-size: 12px;
  text-indent: 0;
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body .bahis-say .btn-mini:last-of-type {
  margin-right: 0;
}

html body .bahis-say .btn-mini:hover {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
}

html body .couponButtons {
  float: none !important;
  margin: 12px 0 0 !important;
}

html body .couponButtons .btn {
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
}

html body .kupon-bos:has(~ .kupon-hesap-div) .kupon-bos-text {
  background: rgba(var(--t3-success-rgb), .12);
  border: 1px solid rgba(var(--t3-success-rgb), .5);
  color: var(--t3-success-text);
  font-weight: 700;
}

html body .CpnPuls {
  float: none;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  gap: 8px;
  margin-top: 10px;
}

html body .CpnPuls .btnCoupon.three {
  flex: 1;
  float: none;
  width: auto;
  height: 40px;
  margin: 0;
  border: 0;
  box-shadow: none;
  font-family: var(--t3-font);
  font-size: 13px;
  text-transform: uppercase;
  flex-direction: row;
  gap: 6px;
  border-radius: var(--t3-radius-sm);
  background: var(--t3-elevated);
  color: var(--t3-fg);
  font-weight: 700;
  text-decoration: none;
}

html body .CpnPuls .btnCoupon.three.dx {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
}

html body .CpnPuls .btnCoupon.three:hover {
  background: var(--t3-pressed);
}

html body .CpnPuls .btnCoupon.three.dx:hover {
  background: var(--t3-hero-hover);
}

html body .CpnPuls .imgButtonCoupon {
  display: none;
}

html body .kupon-item .kupon-item-live {
  padding: 8px 10px 0;
}

html body .kupon-item .kupon-item-live .kupon-item-live-info {
  color: var(--t3-muted);
  font-size: 11px;
  font-weight: 500;
}

html body .kupon-item .kupon-item-name {
  padding: 2px 10px 0;
  color: var(--t3-fg);
  font-weight: 700;
}

html body .kupon-item-detay {
  padding: 6px 10px 10px;
}

html body .kupon-item-detay .kupon-item-oran {
  align-items: center;
  gap: 8px;
}

html body .kupon-item-detay .kupon-item-oran-oran {
  color: var(--t3-odd);
  font-size: 13px;
  font-weight: 700;
}

html body .kupon-item-detay .kupon-item-oran .kupon-item-oran-sil {
  display: flex;
  margin: 0;
}

html body .kupon-item-delete {
  background: var(--t3-bg-3);
  color: var(--t3-fg-2);
  align-items: center;
  margin: 0 0 8px;
  padding: 0 10px;
  width: 100%;
  height: 32px;
  box-sizing: border-box;
  border-radius: var(--t3-radius-sm);
}

html body .kupon-item-delete a,
html body .kupon-item-detay .kupon-item-oran-sil a {
  display: flex;
  opacity: .85;
}

html body .kupon-item-delete a:hover,
html body .kupon-item-detay .kupon-item-oran-sil a:hover {
  opacity: 1;
}

html body .pre-match-content.events-detail {
  height: auto;
  padding: 10px;
  background: var(--t3-bg-3);
  border: 0;
  border-top: 1px solid var(--t3-border);
}

html body .pre-match-content.events-detail:hover {
  background: var(--t3-bg-3);
}

html body .events-detail .sgm-market-search {
  height: 40px;
  margin: 0 0 10px;
  padding: 0 4px;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  box-shadow: none;
}

html body .events-detail .sgm-market-search .horizontal-sl-tab {
  background: transparent;
}

html body .events-detail .horizontal-sl-tab-bc {
  height: 32px;
  line-height: 32px;
  margin: 4px 2px;
  padding: 0 12px;
  border-radius: 6px;
  color: var(--t3-fg-2);
  font-size: 12px;
  font-weight: 500;
}

html body .events-detail .horizontal-sl-tab-bc:hover {
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body .events-detail .horizontal-sl-tab-bc:after {
  color: var(--t3-muted);
}

html body .events-detail .horizontal-sl-tab-bc.active,
html body .events-detail .horizontal-sl-tab-bc.active:hover {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
  font-weight: 700;
}

html body .events-detail .horizontal-sl-tab-bc.active:after {
  color: var(--t3-hero-fg);
}

html body .events-detail .horizontal-sl-tab-bc.selected-underline:before {
  display: none;
}

html body .events-detail .horizontal-sl-arrow {
  color: var(--t3-fg-2);
}

html body .pre-match-content.events-detail .bet-morebets {
  gap: 8px;
}

html body .pre-match-content.events-detail .bet-morebets .bet-more {
  margin: 0;
  background: var(--t3-card);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  overflow: hidden;
}

html body .pre-match-content.events-detail .bet-morebets .bet-more-title {
  height: 32px;
  padding: 0 10px;
  background: var(--t3-elevated);
  color: var(--t3-fg);
  font-size: 12px;
  font-weight: 700;
}

html body .pre-match-content.events-detail .bet-morebets .bet-more-alt {
  gap: 4px;
  padding: 6px;
  border: 0;
}

html body .pre-match-content.events-detail .bet-morebets .bet-m {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-radius: 6px;
  background: var(--t3-odd-bg);
  overflow: hidden;
  cursor: pointer;
  transition: background .15s;
}

html body .pre-match-content.events-detail .bet-morebets .bet-m:hover {
  background: var(--t3-pressed);
}

html body .pre-match-content.events-detail .bet-morebets .bet-t,
html body .pre-match-content.events-detail .bet-morebets .bet {
  height: 22px;
  border: 0;
  background: transparent;
  font-size: 11px;
}

html body .pre-match-content.events-detail .bet-morebets .bet-t {
  padding: 0 6px;
  color: var(--t3-fg-2);
  font-weight: 500;
}

html body .pre-match-content.events-detail .bet-morebets .bet {
  height: 24px;
  color: var(--t3-odd);
  font-size: 12px;
  font-weight: 700;
}

html body .pre-match-content.events-detail .bet-morebets .bet-m.active,
html body .pre-match-content.events-detail .bet-morebets .bet-m.active:hover {
  background: var(--t3-hero) !important;
}

html body .pre-match-content.events-detail .bet-morebets .rate.active .bet,
html body .pre-match-content.events-detail .bet-morebets .rate.active .bet-t {
  background: transparent !important;
  color: var(--t3-hero-fg) !important;
}

html body .live-left-container {
  width: 100%;
  margin: 12px 0 0;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
  color: var(--t3-fg);
  text-shadow: none;
}

html body .live-left-container .title-container {
  display: none;
}

html body .live-left-container .title-header {
  border-radius: var(--t3-radius) var(--t3-radius) 0 0;
  align-items: center;
  height: 44px;
  padding: 0 14px;
  background: var(--t3-bg-2);
  font-family: var(--t3-font);
  font-size: 14px;
  font-style: normal;
  color: var(--t3-fg);
  border-bottom: 1px solid var(--t3-border);
}

html body .live-left-container .title-header img {
  display: none;
}

html body .live-left-container .title-header::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--t3-live);
  box-shadow: 0 0 0 3px rgba(var(--t3-live-rgb), .3);
}

html body .live-left-container .search-box {
  width: auto;
  height: auto;
  margin: 8px;
  background: none;
}

html body .live-left-container .search-box .search-input {
  width: 100%;
  height: 34px;
  box-sizing: border-box;
  padding: 0 10px;
  background: var(--t3-input);
  border: 1px solid var(--t3-border-2);
  color: var(--t3-fg);
}

html body .live-left-container .live-box {
  padding: 0 0 6px;
  border-radius: 0 0 var(--t3-radius) var(--t3-radius);
  overflow: hidden;
}

html body .live-left-container .live-box .empty,
html body .live-left-container .live-box .loading {
  background: transparent;
}

html body .live-left-container .live-box .empty .detail,
html body .live-left-container .live-box .loading .detail {
  width: auto;
  margin: 8px;
  background: var(--t3-card);
  border-radius: var(--t3-radius-sm);
  color: var(--t3-muted);
}

html body .live-left-container .sports-box,
html body .live-left-container .country-box {
  height: 34px;
  padding: 0 8px;
  box-sizing: border-box;
  border: 0;
  border-top: 1px solid var(--t3-border);
  color: var(--t3-fg);
}

html body .live-left-container .sports-box {
  background: var(--t3-bg-3);
  font-size: 13px;
}

html body .live-left-container .country-box {
  background: var(--t3-elevated);
  font-weight: 500;
}

html body .live-left-container .sports-box .title > span,
html body .live-left-container .country-box .title > span {
  color: var(--t3-fg-2);
  margin-left: 2px;
}

html body .live-left-container .sports-box .openClose,
html body .live-left-container .country-box .openClose,
html body .live-left-container .sports-box.close .openClose,
html body .live-left-container .country-box.close .openClose {
  background: none;
  width: 16px;
  height: 16px;
  margin-right: 0;
  text-align: center;
  line-height: 16px;
  color: var(--t3-fg-2);
}

html body .live-left-container .sports-box .openClose::before,
html body .live-left-container .country-box .openClose::before {
  content: "\f106";
  font-family: FontAwesome;
  font-size: 14px;
}

html body .live-left-container .sports-box.close .openClose::before,
html body .live-left-container .country-box.close .openClose::before {
  content: "\f107";
}

html body .live-left-container .event-item {
  padding: 6px 0 0;
  border: 0;
  border-top: 1px solid var(--t3-border);
  background: var(--t3-card);
  color: var(--t3-fg);
  font-weight: 500;
}

html body .live-left-container .event-item:hover {
  background: var(--t3-hover);
}

html body .live-left-container .event-item.active {
  background: var(--t3-hover);
  box-shadow: inset 3px 0 0 var(--t3-hero);
}

html body .live-left-container .event-item .home,
html body .live-left-container .event-item .away {
  padding: 2px 0 2px 4px;
}

html body .live-left-container .event-item .home .score,
html body .live-left-container .event-item .away .score {
  width: 18px;
  padding: 1px 0;
  margin-right: 8px;
  background: var(--t3-bg-3);
  color: var(--t3-hero-text);
  font-weight: 700;
  text-align: center;
  border-radius: 4px;
}

html body .live-left-container .event-item .period {
  height: auto;
  margin-top: 4px;
  padding: 4px 2px;
  background: transparent;
  color: var(--t3-muted);
  font-size: 11px;
  font-weight: 500;
}

html body .live-left-container .event-item .period .minutes {
  color: var(--t3-live-text);
  font-weight: 700;
  margin-right: 8px;
}

html body #scrollUp {
  right: 24px;
  bottom: 24px !important;
  left: auto;
  margin-left: 0 !important;
  z-index: 50;
}

html body #scrollUp a {
  width: 40px;
  height: 40px;
  background: var(--t3-hero);
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .45);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

html body #scrollUp a::before {
  content: "\f106";
  font-family: FontAwesome;
  font-size: 22px;
  color: var(--t3-hero-fg);
}

html body #scrollUp a:hover {
  background: var(--t3-hero-hover);
}

html body .menubar {
  height: auto;
  margin-top: 16px;
  font-family: var(--t3-font);
  font-size: 12px;
}

html body .menubar::after {
  content: "";
  display: table;
  clear: both;
}

html body .menubar .sol,
html body .menubar .sag,
html body .menubar .themeSelector {
  display: none;
}

html body #main .menubar .middle {
  width: 100% !important;
  height: auto;
  background: transparent;
}

html body .menubar .menubar-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: none;
  height: 48px;
  line-height: 48px;
  margin: 0;
  padding: 0 16px;
  box-sizing: border-box;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius) var(--t3-radius) 0 0;
}

html body .menubar .uyari {
  margin: 0;
  color: var(--t3-muted);
}

html body .menubar .uyari::before {
  content: "18+";
  display: inline-block;
  margin-right: 8px;
  padding: 0 6px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
  background: var(--t3-live);
  color: var(--t3-fg);
  font-weight: 700;
  font-size: 11px;
}

html body .menubar .link ul {
  display: flex;
  margin: 0;
  padding: 0;
}

html body .menubar ul li a,
html body .menubar ul li a:active,
html body .menubar ul li a:visited {
  padding: 0 12px;
  border-right: 1px solid var(--t3-border);
  color: var(--t3-fg-2);
  font-size: 12px;
}

html body .menubar ul li:last-child a {
  border-right: 0;
  padding-right: 0;
}

html body .menubar ul li a:hover {
  color: var(--t3-hero-text);
}

html body .footer {
  height: auto;
  margin: 0 0 24px;
  padding: 16px;
  box-sizing: border-box;
  background: var(--t3-bg-3);
  border: 1px solid var(--t3-border);
  border-top: 0;
  border-radius: 0 0 var(--t3-radius) var(--t3-radius);
}

html body .footer h6 {
  margin: 0 0 8px;
  padding: 0;
  color: var(--t3-hero-text);
  font-size: 13px;
  text-align: left;
}

html body .footer .infotext {
  padding: 0;
  color: var(--t3-muted);
  font-size: 11px;
  line-height: 17px;
}

html body #scoreboard {
  border-radius: var(--t3-radius);
}

html body #LiveContentDetails .livestatsradar {
  filter: invert(1) brightness(1.2);
}

html body #livescoreboard {
  margin: 10px 0;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  box-shadow: none;
}

html body #livescoreboard:has(> .livescoreboard-content:empty) {
  display: none !important;
}

html body #mainBet {
  background: transparent;
}

html body .new_filtr_div.bg3 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  height: auto;
  margin: 10px 0;
  padding: 4px;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
}

html body .new_filtr_div.bg3 .new_filtr_item {
  height: 32px;
  line-height: 32px;
  margin: 0;
}

html body .new_filtr_div.bg3 .new_filtr_item1,
html body .new_filtr_div.bg3 .new_filtr_item3 {
  display: none;
}

html body .new_filtr_div.bg3 .new_filtr_item .new_filtr_item2 {
  height: 32px;
  padding: 0 14px;
  background: none;
  border-radius: 6px;
  color: var(--t3-fg-2);
  font-weight: 500;
  text-shadow: none;
  transition: background .15s, color .15s;
}

html body .new_filtr_div.bg3 .new_filtr_item:hover .new_filtr_item2 {
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body .new_filtr_div.bg3 .new_filtr_item.active .new_filtr_item2 {
  padding: 0 14px;
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
  font-weight: 700;
  text-shadow: none;
}

html body #mainBet .market-groups * {
  font-family: var(--t3-font);
  font-size: 12px;
}

html body #mainBet .sgm-market-g:not(.outright-sgm-market) {
  margin: 0 0 8px;
  padding: 0 0 2px;
  background: var(--t3-card);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  color: var(--t3-fg);
  filter: none;
}

html body #mainBet .sgm-market-g-head-bc {
  height: 38px;
  padding: 0 12px;
  color: var(--t3-fg);
}

html body #mainBet .sgm-market-g-h-title-bc {
  font-size: 13px;
}

html body #mainBet .sgm-market-g-h-toggle-icon-bc {
  color: var(--t3-fg-2);
}

html body #mainBet .sgm-market-g-item-bc {
  grid-gap: 6px;
}

html body #mainBet .sgm-market-g-item-bc > .market-bc {
  min-height: 34px !important;
}

html body #mainBet .market-bc {
  background: var(--t3-odd-bg);
  border: 0;
  border-radius: 6px;
  color: var(--t3-fg-2);
  transition: background .15s;
}

html body #mainBet .market-bc .market-name-bc {
  color: var(--t3-fg-2);
  font-weight: 500;
}

html body #mainBet .market-odd-bc:not(.not-boosted-odd) {
  color: var(--t3-odd);
}

html body #mainBet .market-bc:not(.active):hover {
  background-color: var(--t3-pressed) !important;
}

html body #mainBet .market-bc:not(.active):hover .market-name-bc {
  color: var(--t3-fg) !important;
}

html body #mainBet .market-bc:not(.active):hover .market-odd-bc,
html body #mainBet .market-bc:not(.active):hover .market-icon-bc {
  color: var(--t3-odd) !important;
}

html body #mainBet .market-bc.active {
  background: var(--t3-hero) !important;
  color: var(--t3-hero-fg) !important;
}

html body #mainBet .market-bc.active .market-name-bc,
html body #mainBet .market-bc.active .market-odd-bc,
html body #mainBet .market-bc.active .market-icon-bc {
  color: var(--t3-hero-fg) !important;
}

html body #mainBet .market-bc.disabled-market-bc,
html body #mainBet .market-bc.disabled-market-bc:hover {
  background: var(--t3-bg-3) !important;
  color: var(--t3-muted);
  cursor: default;
}

html body #mainBet .market-bc.disabled-market-bc .market-icon-bc {
  color: var(--t3-muted) !important;
}

html body #mainBet .sgm-market-g-item-bc > .market-bc.m-g-header {
  background: var(--t3-bg-3) !important;
  color: var(--t3-muted);
}

html body #LiveContentDetails .notice,
html body .notice.info {
  width: 100%;
  margin-top: 10px !important;
  padding: 12px 14px;
  box-sizing: border-box;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  color: var(--t3-muted);
  font-size: 11px;
  line-height: 17px;
  text-align: left;
}

html body #navmenu:not(:has(.flex-item)) {
  display: none;
}

html body .z-left-container {
  width: 176px !important;
  margin: 0 12px 0 0 !important;
  padding: 12px 8px !important;
  box-sizing: border-box;
  background: var(--t3-bg-2);
  background-image: none;
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
  box-shadow: none;
}

html body .t3-side-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 8px;
  padding: 0 8px 10px;
  border-bottom: 1px solid var(--t3-border);
}

html body .t3-side-role {
  color: var(--t3-hero-text);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .5px;
}

html body .t3-side-toggle {
  display: none;
}

html body .z-right-container {
  width: calc(100% - 188px) !important;
  margin-top: 0;
  float: left;
  vertical-align: top;
}

html body .z-left-menu {
  font-weight: 500;
}

html body .z-left-menu div {
  height: auto;
  line-height: 18px;
  padding: 0;
}

html body .z-left-menu .z-left-menu-a {
  margin: 10px 0 2px;
  padding: 0 8px;
  background: none;
  color: var(--t3-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .6px;
  text-indent: 0;
  text-transform: uppercase;
  line-height: 24px;
}

html body .z-left-menu .z-left-menu-a img {
  width: 14px !important;
  margin-top: 5px;
  opacity: .7;
}

html body .z-left-menu .z-left-menu-a:hover img {
  opacity: 1;
}

html body .z-left-menu .z-left-menu-b {
  padding: 0;
  color: var(--t3-fg-2);
}

html body .z-left-menu .z-left-menu-b:before,
html body .z-left-menu .active:before {
  display: none;
}

html body .z-left-menu .z-left-menu-b a {
  display: block;
  padding: 6px 8px;
  border-radius: 6px;
  color: var(--t3-fg-2);
  font-size: 12px;
  transition: background .15s, color .15s;
}

html body .z-left-menu .z-left-menu-b a strong {
  font-weight: 500;
}

html body .z-left-menu .z-left-menu-b a:hover {
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body .z-left-menu .active,
html body .z-left-menu .z-left-menu-b.active a {
  color: var(--t3-hero-text);
}

html body .z-left-menu .z-left-menu-b.active a {
  background: rgba(var(--t3-hero-rgb), .12);
  box-shadow: inset 3px 0 0 var(--t3-hero);
}

html body table.tablesorter {
  margin: 0 0 12px;
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
  border-spacing: 0;
  background: var(--t3-card);
  box-shadow: none;
  color: var(--t3-fg);
  font-size: 12px;
}

html body table.tablesorter th:first-child {
  border-radius: var(--t3-radius) 0 0 0;
}

html body table.tablesorter th:last-child {
  border-radius: 0 var(--t3-radius) 0 0;
}

html body table.tablesorter th:only-child {
  border-radius: var(--t3-radius) var(--t3-radius) 0 0;
}

html body table.tablesorter tr:last-child td:first-child {
  border-radius: 0 0 0 var(--t3-radius);
}

html body table.tablesorter tr:last-child td:last-child {
  border-radius: 0 0 var(--t3-radius) 0;
}

html body table.tablesorter tr:last-child td:only-child {
  border-radius: 0 0 var(--t3-radius) var(--t3-radius);
}

html body table.tablesorter th {
  padding: 10px;
  background: var(--t3-bg-3);
  background-image: none;
  border-color: var(--t3-border);
  box-shadow: none;
  color: var(--t3-fg-2);
  font-size: 12px;
  font-weight: 700;
  text-shadow: none;
}

html body table.tablesorter td {
  border-color: var(--t3-border);
  color: var(--t3-fg);
}

html body table.tablesorter tbody tr:nth-child(2n+1) td {
  background-color: var(--t3-stripe);
}

html body table.tablesorter tr:hover {
  background: var(--t3-tint);
}

html body table.tablesorter tr td.last {
  background-color: var(--t3-bg-2) !important;
}

html body table.tablesorter thead tr .headerSortUp,
html body table.tablesorter thead tr .headerSortDown {
  color: var(--t3-hero-text);
}

html body ul.isotope-widgets li {
  width: calc(25% - 10px) !important;
}

html body ul.isotope-widgets li a,
html body ul.isotope-widgets > li a {
  padding: 14px;
  background: var(--t3-bg-2);
  background-image: none;
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  box-shadow: none;
  filter: none;
  transition: border-color .15s, background .15s;
}

html body ul.isotope-widgets li a.button-blue:hover {
  border-color: var(--t3-hero);
  background: var(--t3-hover);
}

html body ul.isotope-widgets li a strong,
html body ul.isotope-widgets li a.button-blue strong {
  padding: 0 0 12px;
  border-bottom: 1px solid var(--t3-border);
  color: var(--t3-fg);
  font-family: var(--t3-font);
  font-size: 28px;
  text-shadow: none;
}

html body ul.isotope-widgets li a.button-blue strong {
  color: var(--t3-hero-text);
}

html body ul.isotope-widgets li a span,
html body ul.isotope-widgets li a.button-blue span {
  padding-top: 10px;
  border: 0;
  color: var(--t3-fg-2);
  font-family: var(--t3-font);
  font-size: 12px;
  text-shadow: none;
}

html body .c-block {
  margin: 8px 0 0;
  padding: 0 0 14px;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
}

html body .c-block .icon2 img {
  filter: grayscale(1) brightness(1.8);
}

html body .c-block h4 {
  padding: 4px 0 6px;
  color: var(--t3-hero-text);
  font-size: 18px;
}

html body .c-block p,
html body .c-block p a {
  color: var(--t3-fg-2);
}

html body .c-block p a:hover {
  color: var(--t3-hero-text);
}

html body .itext-0 {
  color: var(--t3-odd) !important;
}

html body .itext-1 {
  color: var(--t3-success-text) !important;
}

html body .itext-2 {
  color: var(--t3-danger-text) !important;
}

html body .itext-3 {
  color: var(--t3-fg) !important;
}

html body .itext-4 {
  color: var(--t3-info) !important;
}

html body .anaKulak {
  display: flex;
  float: none;
  width: 100%;
  margin: 0 0 10px !important;
  padding: 4px;
  box-sizing: border-box;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
}

html body .anaKulak:not(:has(a)) {
  display: none;
}

html body .anaKulak .anaKulakSol,
html body .anaKulak .anaKulakSag,
html body .anaKulak .icKulakSol,
html body .anaKulak .icKulakSag {
  display: none;
}

html body .anaKulak .anaKulakOrta {
  display: flex;
  gap: 4px;
  float: none;
  width: auto !important;
  height: auto;
  background: none;
}

html body .anaKulak .anaKulakOrta > div {
  display: flex;
}

html body .anaKulak .icKulakOrta,
html body .anaKulak .containerHelpDefaultActive .icKulakOrta {
  float: none;
  height: auto;
  padding: 0;
  background: none;
}

html body .anaKulak a,
html body .anaKulak a:active,
html body .anaKulak a:visited {
  float: none;
  height: 32px;
  padding: 0 14px;
  border-radius: 6px;
  color: var(--t3-fg-2);
  font: 500 12px/32px var(--t3-font);
  transition: background .15s, color .15s;
}

html body .anaKulak a:hover {
  float: none;
  height: 32px;
  padding: 0 14px;
  background: var(--t3-elevated);
  color: var(--t3-fg);
  font: 500 12px/32px var(--t3-font);
}

html body .anaKulak .containerHelpDefaultActive a,
html body .anaKulak a.anasayfaAktif {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
  font-weight: 700;
}

html body div.errormsg,
html body div.infomsg {
  margin: 0 0 12px;
  padding: 12px 14px 12px 38px;
  background-color: rgba(var(--t3-danger-rgb), .12);
  background-position: 14px 50%;
  border: 1px solid rgba(var(--t3-danger-rgb), .5) !important;
  border-radius: var(--t3-radius-sm);
  box-shadow: none;
  color: var(--t3-danger-text);
  font-size: 12px;
}

html body div.infomsg {
  background-color: rgba(var(--t3-success-rgb), .12);
  border-color: rgba(var(--t3-success-rgb), .5) !important;
  color: var(--t3-success-text);
}

html body div.errormsg a,
html body div.infomsg a {
  color: inherit;
}

html body .notice {
  background: var(--t3-bg-2);
  border-left: 4px solid var(--t3-border-2);
  box-shadow: none;
  color: var(--t3-fg-2);
}

html body .notice.info {
  border-left-color: var(--t3-info);
}

html body #tcal {
  width: 260px;
  margin-top: 4px;
  padding: 8px;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border-2);
  border-radius: var(--t3-radius-sm);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .55);
  filter: none;
  color: var(--t3-fg);
}

html body #tcalControls th {
  color: var(--t3-fg);
  font-family: var(--t3-font);
  font-size: 13px;
  line-height: 30px;
}

html body #tcalControls td {
  width: 24px;
  height: 28px;
  border-radius: 6px;
  background-size: 14px 14px;
}

html body #tcal #tcalPrevYear {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2c2c2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 17l-5-5 5-5M18 17l-5-5 5-5'/%3E%3C/svg%3E");
}

html body #tcal #tcalPrevMonth {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2c2c2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
}

html body #tcal #tcalNextMonth {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2c2c2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
}

html body #tcal #tcalNextYear {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2c2c2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 17l5-5-5-5M6 17l5-5-5-5'/%3E%3C/svg%3E");
}

html body #tcalControls td:hover {
  background-color: var(--t3-elevated);
}

html body #tcalGrid {
  border: 0;
}

html body #tcalGrid th {
  padding: 6px 0;
  background: transparent;
  border: 0;
  color: var(--t3-muted);
  font-family: var(--t3-font);
  font-size: 11px;
}

html body #tcalGrid td {
  padding: 6px 0;
  border-radius: 6px;
  color: var(--t3-fg);
  font-family: var(--t3-font);
  font-size: 12px;
}

html body #tcalGrid td:hover {
  background: var(--t3-elevated);
}

html body #tcalGrid td.tcalOtherMonth {
  color: var(--t3-border-2);
}

html body #tcalGrid td.tcalWeekend {
  background: var(--t3-tint);
}

html body #tcalGrid td.tcalToday {
  border: 1px solid var(--t3-hero);
}

html body #tcalGrid td.tcalSelected {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
  font-weight: 700;
}

html body:has(> .header) {
  padding-top: 0;
}

html body > .header {
  padding: 0;
  background: var(--t3-bg-2);
  background-image: none;
  border-bottom: 1px solid var(--t3-border);
}

html body > .header .logo {
  position: absolute;
  top: 0;
  left: 50%;
  float: none;
  margin: 0 0 0 -470px;
  z-index: 3;
}

html body > .header .logo h2 {
  width: auto;
  margin: 0;
  padding: 0;
  color: var(--t3-hero-text);
  font-family: var(--t3-font);
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -.5px;
  line-height: 72px;
  text-align: left;
  text-shadow: none;
}

html body > .header .logo h2::first-letter {
  text-transform: uppercase;
}

html body > .header .inner {
  height: 72px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

html body > .header .nav-pills {
  margin-top: 18px;
}

html body > .header .nav-pills li a,
html body > .header .nav-pills li.active a {
  padding: 0 14px;
  line-height: 36px;
  border-radius: var(--t3-radius-sm);
  background: none;
  box-shadow: none;
  color: var(--t3-fg-2);
  font-family: var(--t3-font);
  font-weight: 500;
  text-shadow: none;
}

html body > .header .nav-pills li a:hover {
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body > .header .nav-pills li.active a,
html body > .header .nav-pills li.active a:hover {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
  font-weight: 700;
}

html body .hero {
  height: auto;
  min-height: 300px;
  background-size: cover;
  padding: 30px 0;
  color: var(--t3-fg);
  box-sizing: border-box;
}

html body .hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(31, 31, 31, .92), rgba(31, 31, 31, .55));
}

html body .hero > .container {
  position: relative;
}

html body .hero .hero-copy {
  height: auto;
  padding: 10px 0 0;
}

html body .hero h2 {
  margin: 0 0 16px;
  color: var(--t3-fg);
  font-family: var(--t3-font);
  font-size: 30px;
  font-weight: 900;
  line-height: 36px;
  text-shadow: none;
}

html body .hero ul li {
  position: relative;
  padding-left: 22px;
  background: none;
  color: var(--t3-fg-2);
  font-family: var(--t3-font);
  font-size: 14px;
  line-height: 30px;
  text-shadow: none;
}

html body .hero ul li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 50%;
  background: var(--t3-hero);
}

html body .hero .btn-register,
html body .btn-register {
  height: auto;
  padding: 0 28px;
  background: var(--t3-hero);
  background-image: none;
  border: 0;
  border-radius: var(--t3-radius-sm);
  box-shadow: none;
  color: var(--t3-hero-fg);
  font-family: var(--t3-font);
  font-size: 14px;
  font-weight: 700;
  line-height: 46px;
  text-shadow: none;
}

html body .hero .btn-register:hover,
html body .btn-register:hover {
  background: var(--t3-hero-hover);
  color: var(--t3-hero-fg);
}

html body .hero .login-form form {
  height: auto;
  margin: 10px 0 0;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .45);
  overflow: hidden;
}

html body .hero .login-form form legend {
  margin: 0;
  padding: 0 18px;
  background: var(--t3-bg-3);
  background-image: none;
  border: 0;
  border-bottom: 1px solid var(--t3-border);
  border-radius: 0;
  box-shadow: none;
  color: var(--t3-fg);
  font-family: var(--t3-font);
  font-size: 15px;
  font-weight: 700;
  line-height: 48px;
  text-indent: 0;
  text-shadow: none;
}

html body .hero .login-form form .inner {
  padding: 16px 18px 18px !important;
}

html body .hero .login-form form label {
  margin: 0 0 6px;
  color: var(--t3-fg-2);
  font-family: var(--t3-font);
  font-weight: 500;
}

html body .hero .login-form form input[type=text],
html body .hero .login-form form input[type=password] {
  display: block;
  width: 100%;
  height: 40px;
  margin: 0 0 14px;
  padding: 0 12px;
  box-sizing: border-box;
  background: var(--t3-input);
  border: 1px solid var(--t3-border-2);
  border-radius: var(--t3-radius-sm);
  box-shadow: none;
  color: var(--t3-fg);
  font-size: 13px;
  line-height: 40px;
}

html body .hero .login-form form input[type=text]:focus,
html body .hero .login-form form input[type=password]:focus {
  border-color: var(--t3-hero);
}

html body .hero .login-form form .btn {
  width: 100%;
  height: 42px;
  padding: 0;
  background: var(--t3-hero);
  background-image: none;
  border-radius: var(--t3-radius-sm);
  box-shadow: none;
  color: var(--t3-hero-fg);
  font-size: 14px;
  font-weight: 700;
  line-height: 42px;
  text-shadow: none;
}

html body .hero .login-form form .btn:hover {
  background: var(--t3-hero-hover);
}

html body .home-features {
  margin-top: 30px;
}

html body .home-features .inner {
  border-top: 3px solid var(--t3-border);
  color: var(--t3-fg-2);
}

html body .home-features .inner:hover {
  border-color: var(--t3-hero);
  color: var(--t3-fg);
}

html body .home-features .inner img {
  border-color: var(--t3-line);
  box-shadow: none;
}

html body .home-features .inner h2 {
  color: var(--t3-hero-text);
  font-family: var(--t3-font);
  font-weight: 700;
}

html body .home-features .inner p {
  color: var(--t3-muted);
  font-family: var(--t3-font);
}

html body #login-errors {
  color: var(--t3-danger-text) !important;
  font-size: 14px !important;
}

html body .container .footer {
  margin: 30px 0 30px;
  padding: 16px;
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
  color: var(--t3-muted);
  text-align: left;
}

html body .container .footer a {
  color: var(--t3-fg-2);
}

html body .container .footer a:hover {
  color: var(--t3-hero-text);
}

html body .container .footer p {
  color: var(--t3-muted);
  font-size: 11px !important;
  line-height: 18px;
}

html body.t3-notfound {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  margin: 0;
  padding: 24px;
  box-sizing: border-box;
  text-align: center;
}

html body .not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 520px;
  padding: 56px 32px;
  box-sizing: border-box;
  background: var(--t3-card);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
}

html body .not-found-code {
  color: var(--t3-hero-text);
  font-size: 96px;
  font-weight: 900;
  line-height: 1;
}

html body .not-found h1 {
  margin: 0;
  color: var(--t3-fg);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

html body .not-found h1 span {
  color: var(--t3-hero-text);
  font-weight: 700;
}

html body .not-found .btn {
  display: inline-flex;
  align-items: center;
  height: 46px;
  padding: 0 28px;
  border-radius: var(--t3-radius);
  font-size: 14px;
  line-height: 46px;
  text-decoration: none;
}

html body #content [style*="background:#dce9f9"],
html body #content [style*="background-color:#F0F0F6"],
html body #content [style*="background-color:#E6E7E8"],
html body #content [style*="background:#ccc"] {
  background: var(--t3-bg-3) !important;
}

html body #content [style*="background-color:#7DACB3"] {
  background-color: var(--t3-border) !important;
}

html body .regular-checkbox + label {
  padding: 8px;
  background: var(--t3-input);
  border: 1px solid var(--t3-border-2);
  border-radius: 4px;
  box-shadow: none;
  vertical-align: middle;
  cursor: pointer;
}

html body .regular-checkbox + label:hover {
  border-color: var(--t3-hero);
}

html body .regular-checkbox:checked + label {
  background: var(--t3-hero);
  border-color: var(--t3-hero);
  box-shadow: none;
}

html body .regular-checkbox:checked + label:after {
  top: 0;
  left: 3px;
  color: var(--t3-hero-fg);
  font-size: 12px;
  line-height: 16px;
}

html body a.btn-primary[style*="color:white"] {
  color: var(--t3-hero-fg) !important;
}

html body .fielditems li {
  color: var(--t3-fg-2);
  font-family: var(--t3-font);
}

html body .fielditems li label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

html body .inputCheck,
html body .inputRadio,
html body input[type=checkbox],
html body input[type=radio] {
  accent-color: var(--t3-hero);
}

html body .widget {
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
  box-shadow: none;
}

html body .widget-tabs {
  padding: 8px 10px 0;
  background: var(--t3-bg-3);
  border-bottom: 1px solid var(--t3-border);
  border-radius: var(--t3-radius) var(--t3-radius) 0 0;
}

html body .widget-tabs .widget-tab {
  margin-top: 0;
  background: transparent;
  border: 0;
  color: var(--t3-fg-2);
  line-height: 36px;
}

html body .widget-tabs .widget-tab:last-child,
html body .widget-list:target ~ .widget-tabs > .widget-tab {
  bottom: -1px;
  padding-bottom: 0;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-bottom: 0;
  border-radius: var(--t3-radius-sm) var(--t3-radius-sm) 0 0;
  color: var(--t3-fg);
  line-height: 36px;
}

html body .widget-tabs .widget-tab:last-child > .widget-tab-link {
  margin: 0;
  border-top: 3px solid var(--t3-hero);
  border-radius: var(--t3-radius-sm) var(--t3-radius-sm) 0 0;
}

html body .widget-list > li + li {
  border-top-color: var(--t3-border);
}

html body .widget-list-link {
  color: var(--t3-fg);
}

html body .widget-list-link:hover {
  background: var(--t3-elevated);
}

html body .widget-list-link > span {
  color: var(--t3-muted);
}

html body nav[class*="zipagin"] {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 4px 0 12px;
  padding: 6px;
  background: var(--t3-bg-2);
  background-image: none;
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  box-shadow: none;
}

html body nav[class*="zipagin"] > a,
html body nav[class*="zipagin"] > span {
  float: none;
  min-width: 32px;
  height: 32px;
  margin: 0;
  padding: 0 8px;
  box-sizing: border-box;
  background: var(--t3-elevated);
  background-image: none;
  border: 0;
  border-radius: 6px;
  box-shadow: none;
  color: var(--t3-fg-2);
  font-family: var(--t3-font);
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  text-shadow: none;
}

html body nav[class*="zipagin"] > a:hover {
  background: var(--t3-pressed);
  color: var(--t3-fg);
}

html body nav[class*="zipagin"] > span,
html body nav[class*="zipagin"] > a:active {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
  font-weight: 700;
}

html body #content .page,
html body #content .page-in {
  color: var(--t3-fg-2);
}

html body #content #title-container {
  height: 48px;
  margin: 0 0 12px !important;
  background: var(--t3-bg-2);
  background-image: none;
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
  overflow: hidden;
}

html body #content #title-container > div,
html body #content #title-left,
html body #content #title-right {
  height: 48px;
  background-image: none;
}

html body #content #title-right h1 {
  margin: 0;
  padding: 0 16px;
  color: var(--t3-hero-text) !important;
  font-size: 15px;
  line-height: 48px;
  text-shadow: none;
}

html body #content .bankaBaslik,
html body #content .bankaKutu,
html body #content .bankaAlt {
  float: none;
  width: 100% !important;
  margin-left: 0;
  box-sizing: border-box;
  border: 1px solid var(--t3-border);
  box-shadow: none !important;
}

html body #content .bankaBaslik {
  height: 48px;
  margin-top: 0 !important;
  background: var(--t3-bg-2) !important;
  border-bottom: 0;
  border-radius: var(--t3-radius) var(--t3-radius) 0 0 !important;
}

html body #content .bankaBaslikIc {
  margin: 0;
  padding: 0 16px;
  color: var(--t3-hero-text);
  font-family: var(--t3-font);
  font-size: 14px;
  line-height: 48px;
}

html body #content .bankaBaslikIc a {
  color: inherit;
}

html body #content .bankaKutu {
  padding: 8px 0 16px !important;
  background: var(--t3-card) !important;
  border-top: 1px solid var(--t3-border);
  border-bottom: 0;
  color: var(--t3-fg-2);
}

html body #content .bankaKutu::after {
  content: "";
  display: table;
  clear: both;
}

html body #content .bankaKutu .sag {
  font-family: var(--t3-font);
  font-size: 13px;
  line-height: 22px;
}

html body #content .bankaKutu .sag h1 {
  margin: 16px 0 6px;
  color: var(--t3-hero-text);
  font-size: 15px;
  font-weight: 700;
}

html body #content .bankaKutu .sag ul {
  margin-top: 0;
}

html body #content .bankaKutu .sag a {
  color: var(--t3-fg);
}

html body #content .bankaAlt {
  height: 12px;
  margin-bottom: 12px;
  background: var(--t3-card) !important;
  border-top: 0;
  border-radius: 0 0 var(--t3-radius) var(--t3-radius) !important;
}

html body #content > div[style*="color: red"] {
  color: var(--t3-fg-2) !important;
}

html body #content > div[style*="color: red"] span {
  color: var(--t3-hero-text);
}

html body #selectTypes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

html body #selectTypes .reagent {
  display: none;
}

html body #selectTypes a.activeTypes {
  height: 34px;
  padding: 0 18px;
  border-radius: var(--t3-radius-sm);
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  color: var(--t3-fg-2);
  line-height: 32px;
}

html body #selectTypes a.activeTypes strong {
  font-weight: 700;
}

html body #selectTypes a.activeTypes:hover,
html body #selectTypes a.activeTypes:focus {
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body #selectTypes a.activeTypes.active,
html body #selectTypes a.activeTypes.active:hover {
  background: var(--t3-hero);
  border-color: var(--t3-hero);
  color: var(--t3-hero-fg);
}

html body #selectTypes .gameSearchInput {
  background-color: var(--t3-bg-2);
  border-color: var(--t3-border-2);
}

html body #selectTypes .gameSearchInput:focus {
  border-color: var(--t3-hero);
}

html body #popup_container {
  overflow: hidden;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border-2);
  border-radius: var(--t3-radius);
  box-shadow: 0 20px 50px rgba(0, 0, 0, .6);
  color: var(--t3-fg);
  font-family: var(--t3-font);
  font-size: 13px;
}

html body #popup_title {
  padding: 0 16px;
  background: var(--t3-bg-3);
  border: 0;
  border-bottom: 1px solid var(--t3-border);
  color: var(--t3-fg);
  font-size: 14px;
  line-height: 44px;
  text-align: left;
}

html body #popup_content,
html body #popup_content.alert,
html body #popup_content.confirm {
  padding: 18px 16px 16px;
  background-image: none;
}

html body #popup_message {
  padding: 0;
  color: var(--t3-fg-2);
  line-height: 20px;
  text-align: center;
}

html body #popup_panel {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 16px 0 0;
}

html body #popup_container input[type=button] {
  min-width: 96px;
  height: 36px;
  margin: 0;
  padding: 0 16px;
  background: var(--t3-elevated);
  border: 0;
  border-radius: var(--t3-radius-sm);
  color: var(--t3-fg);
  font-weight: 700;
  cursor: pointer;
}

html body #popup_container input[type=button]:hover {
  background: var(--t3-pressed);
}

html body #popup_container #popup_ok {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
}

html body #popup_container #popup_ok:hover {
  background: var(--t3-hero-hover);
}

html body #cboxOverlay {
  background: rgba(0, 0, 0, .75);
  opacity: 1 !important;
}

html body #cboxTopLeft,
html body #cboxTopCenter,
html body #cboxTopRight,
html body #cboxMiddleLeft,
html body #cboxMiddleRight,
html body #cboxBottomLeft,
html body #cboxBottomCenter,
html body #cboxBottomRight {
  background: var(--t3-bg-2);
}

html body #cboxTopLeft {
  border-radius: var(--t3-radius) 0 0 0;
}

html body #cboxTopRight {
  border-radius: 0 var(--t3-radius) 0 0;
}

html body #cboxBottomLeft {
  border-radius: 0 0 0 var(--t3-radius);
}

html body #cboxBottomRight {
  border-radius: 0 0 var(--t3-radius) 0;
}

html body #cboxContent,
html body .cboxIframe {
  background: var(--t3-bg-2);
  color: var(--t3-fg);
}

html body #cboxTitle,
html body #cboxCurrent {
  color: var(--t3-muted);
  font-family: var(--t3-font);
}

html body #cboxClose,
html body #cboxNext,
html body #cboxPrevious {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--t3-elevated);
  text-indent: 0;
  font-size: 0;
}

html body #cboxClose::before,
html body #cboxNext::before,
html body #cboxPrevious::before {
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 28px;
  color: var(--t3-fg);
}

html body #cboxClose::before {
  content: "\f00d";
}

html body #cboxNext::before {
  content: "\f105";
}

html body #cboxPrevious::before {
  content: "\f104";
}

html body #cboxClose:hover,
html body #cboxNext:hover,
html body #cboxPrevious:hover {
  background: var(--t3-hero);
}

html body #cboxClose:hover::before,
html body #cboxNext:hover::before,
html body #cboxPrevious:hover::before {
  color: var(--t3-hero-fg);
}

html body #cboxLoadingOverlay {
  background: var(--t3-bg-2);
}

html body #cboxError {
  border-color: var(--t3-border);
  color: var(--t3-danger-text);
}

html body div.jGrowl div.jGrowl-notification,
html body div.jGrowl div.jGrowl-closer {
  width: 280px;
  padding: 12px 14px;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border-2);
  border-left: 4px solid var(--t3-hero);
  border-radius: var(--t3-radius-sm);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .5);
  color: var(--t3-fg-2);
  font-family: var(--t3-font);
  font-size: 13px !important;
  opacity: 1 !important;
}

html body div.jGrowl div.jGrowl-notification div.header {
  margin-bottom: 4px;
  color: var(--t3-fg);
  font-size: 13px;
}

html body div.jGrowl div.jGrowl-notification div.close {
  color: var(--t3-muted);
  line-height: 16px;
}

html body div.jGrowl div.jGrowl-notification div.close:hover {
  color: var(--t3-fg);
}

html body .topBarCampaing,
html body .topBarCampaing.yellowbg,
html body .topBarCampaing.darkbg {
  width: 100% !important;
  margin-bottom: 8px;
  background: rgba(var(--t3-hero-rgb), .1);
  border: 1px solid rgba(var(--t3-hero-rgb), .45);
  border-radius: var(--t3-radius-sm);
}

html body .campaingCnt {
  width: 100% !important;
  padding: 0 52px 0 14px;
  box-sizing: border-box;
}

html body .campaingCnt .cnt {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
}

html body .campaingCnt .cnt img {
  float: none;
  margin: 0;
}

html body .campaingCnt .cnt p {
  margin: 0 !important;
}

html body .campaingCnt .cnt p,
html body .campaingCnt .cnt p a {
  color: var(--t3-fg-2);
  font: 400 12px/1.5 var(--t3-font);
}

html body .campaingCnt .cnt p span {
  color: var(--t3-hero-text);
  font: 700 14px var(--t3-font);
}

html body .campaingCnt span.closeBtn {
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--t3-elevated);
}

html body .campaingCnt span.closeBtn::before {
  content: "\f00d";
  display: block;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: var(--t3-fg);
}

html body .campaingCnt span.closeBtn:hover {
  background: var(--t3-hero);
}

html body .campaingCnt span.closeBtn:hover::before {
  color: var(--t3-hero-fg);
}

html body .loadmask {
  background-color: var(--t3-bg-3);
  opacity: .6;
}

html body .loadmask-msg {
  padding: 0;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border-2);
  border-radius: var(--t3-radius-sm);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .5);
}

html body .loadmask-msg div {
  padding: 10px 14px 10px 34px;
  background-color: transparent;
  background-position: 12px 50%;
  border: 0;
  color: var(--t3-fg);
  font: 500 12px var(--t3-font);
}

html body .loadmask-msg.error,
html body .loadmask-msg div.error {
  background: rgba(var(--t3-danger-rgb), .12);
  border-color: rgba(var(--t3-danger-rgb), .5);
  color: var(--t3-danger-text);
}

html body .tooltipster-sidetip.tooltipster-punk .tooltipster-box {
  background: var(--t3-bg-3);
  border: 1px solid var(--t3-border-2);
  border-bottom: 3px solid var(--t3-hero);
  border-radius: var(--t3-radius-sm);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
}

html body .tooltipster-sidetip.tooltipster-punk .tooltipster-content {
  color: var(--t3-fg);
  font-family: var(--t3-font);
  font-weight: 500;
}

html body .tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border {
  border-top-color: var(--t3-hero);
}

html body .tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: var(--t3-border-2);
}

html body .tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border {
  border-left-color: var(--t3-border-2);
}

html body .tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border {
  border-right-color: var(--t3-border-2);
}

html body .ac_results {
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border-2);
  border-radius: var(--t3-radius-sm);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .5);
}

html body .ac_results ul {
  padding: 4px;
  background: none;
}

html body .ac_results li {
  padding: 6px 8px;
  border-radius: 6px;
  color: var(--t3-fg-2);
  font-family: var(--t3-font);
}

html body .ac_results li:hover,
html body .ac_results li.ac_over {
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body .ac_results .sport-search-result-header-bc {
  height: 38px;
  padding: 0 4px 0 12px;
  background: var(--t3-bg-3);
  border-radius: var(--t3-radius-sm) var(--t3-radius-sm) 0 0;
  box-shadow: none;
  color: var(--t3-fg);
}

html body .ac_results .sport-search-result-title-bc {
  font-weight: 700;
  line-height: 38px;
}

html body .ac_results .search-close-btn {
  color: var(--t3-fg-2);
}

html body .ac_results .search-close-btn:hover {
  color: var(--t3-hero-text);
}

html body .ac_results .sport-search-result-body-bc .sg-head-bc {
  height: 30px;
  margin: 4px 0 2px;
  border-radius: 6px;
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body .ac_results .sg-collapse-icon-bc {
  color: var(--t3-fg-2);
}

html body .ac_results .sport-search-result-item-bc {
  margin: 4px 0;
  padding: 8px 10px;
  border-radius: 6px;
  background: var(--t3-card);
  color: var(--t3-fg);
  font-size: 12px;
  line-height: 17px;
}

html body .ac_results .sport-search-result-item-bc:hover {
  background: var(--t3-pressed);
}

html body .ac_results .empty-b-text-v-bc {
  margin: 0;
  padding: 18px 12px;
  color: var(--t3-muted);
  font-size: 13px;
  text-align: center;
}

html body .ac_results .s-g-competition-n-bc,
html body .ac_results .s-g-r-time-bc {
  color: var(--t3-muted);
  font-size: 11px;
}

html body #live_ac_results {
  z-index: 50;
}

html body .LiveBettingSportMain {
  margin: 0;
  padding: 0 0 8px;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border-2);
  border-radius: var(--t3-radius);
  box-shadow: 0 16px 40px rgba(0, 0, 0, .55);
}

html body .LiveBettingSportMain .title {
  height: 40px;
  margin: 0;
  padding: 0 14px;
  background: var(--t3-bg-3);
  border-bottom: 1px solid var(--t3-border);
  color: var(--t3-fg);
  font-family: var(--t3-font);
  font-size: 13px;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
}

html body .LiveBettingSportCnt {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px 8px 0;
}

html body .LiveBettingSportCnt .noresults {
  padding: 4px 6px;
  color: var(--t3-muted);
  font-size: 13px;
}

html body .LiveBettingSportMain .item {
  display: flex;
  flex-direction: column;
  float: none;
  width: calc(33.333% - 4px);
  height: auto;
  min-height: 64px;
  margin: 0;
  padding: 8px 10px;
  box-sizing: border-box;
  background: var(--t3-card);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
}

html body .LiveBettingSportMain .item:hover {
  border-color: var(--t3-hero);
}

html body .LiveBettingSportMain .item .evento2,
html body .LiveBettingSportMain .item .LBFase,
html body .LiveBettingSportMain .item .LBRisultato {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  text-align: left;
}

html body .LiveBettingSportMain .item .evento2 {
  color: var(--t3-fg);
  font-size: 12px;
}

html body .LiveBettingSportMain .item .LBFase {
  color: var(--t3-muted);
  font-size: 11px;
}

html body .LiveBettingSportMain .item .LBRisultato {
  margin-top: 4px;
  color: var(--t3-hero-text);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 22px;
}

html body .events-detail .sgm-market-g:not(.outright-sgm-market) {
  overflow: hidden;
  background: var(--t3-card);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
}

html body .events-detail .sgm-market-g-head-bc {
  background: var(--t3-elevated);
  border-radius: 0;
  color: var(--t3-fg);
}

html body .events-detail .pre-match-market-name-bc {
  background: transparent;
  border-bottom-color: var(--t3-border);
  color: var(--t3-fg-2);
}

html body .events-detail .pre-match-market-bc {
  border-right-color: var(--t3-border);
}

html body .events-detail .pre-match-market-coefficient-bc {
  background: var(--t3-odd-bg);
  color: var(--t3-odd);
  font-weight: 700;
}

html body .events-detail .rate:hover .pre-match-market-coefficient-bc {
  background: var(--t3-pressed);
  color: var(--t3-odd);
}

html body .events-detail .rate.active .pre-match-market-coefficient-bc {
  background: var(--t3-hero) !important;
  color: var(--t3-hero-fg) !important;
}

@media (max-width: 1199px) {
  html body .left-container {
    width: calc(100% - 232px) !important;
  }

  html body .right-container {
    width: 220px;
  }

  html body .pre-match-content > li:first-child,
  html body .pre-match-league > li:first-child {
    width: 30px;
  }

  html body .pre-match-content > li:nth-child(2) {
    width: 72px;
  }

  html body .pre-match-content > li:nth-last-of-type(2) {
    width: 28px;
  }

  html body .pre-match-content > li:last-child {
    width: 34px;
    padding: 0 2px;
  }

  html body .pre-match-header > li:last-child,
  html body .pre-match-league > li:last-child {
    width: 62px;
  }

  html body .z-right-container .filterTable,
  html body .z-right-container .filterTable > tbody,
  html body .z-right-container .filterTable > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    width: 100%;
  }

  html body .z-right-container .filterTable td {
    flex: 0 0 auto;
    min-width: max-content;
  }

  html body .z-right-container .filterTable td.filtersCell0 {
    display: none;
  }
}

@media (max-width: 1239px) {
  html body .divDerbiBantSayac {
    left: 330px !important;
    font-size: 0 !important;
  }
}

html body #content .bankaBaslikIc .t3-terms-badge {
  float: right;
  margin-top: 10px;
  padding: 0 12px;
  height: 28px;
  border-radius: 6px;
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
  font-size: 12px;
  font-weight: 700;
  line-height: 28px;
}

html body #content .bankaKutu form .btn {
  margin-top: 16px;
  padding: 0 24px;
  line-height: 42px;
  font-size: 14px;
}

html body table.tablesorter td.last p.input .chosen-container {
  min-width: max-content;
}

html body .fancybox-bg {
  background: var(--t3-bg-3);
}

html body .fancybox-is-open .fancybox-bg {
  opacity: .92;
}

html body .fancybox-content,
html body .fancybox-slide--iframe .fancybox-content {
  overflow: hidden;
  background: var(--t3-bg-2);
  border-radius: var(--t3-radius);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .6);
}

html body .fancybox-close-small,
html body .fancybox-button {
  width: 36px;
  height: 36px;
  padding: 8px;
  border-radius: 50%;
  background: var(--t3-elevated);
  color: var(--t3-fg);
  opacity: 1;
}

html body .fancybox-slide--iframe .fancybox-close-small {
  top: -42px;
  right: 0;
}

html body .fancybox-close-small:hover,
html body .fancybox-button:hover {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
}

html body .fancybox-loading {
  border-color: var(--t3-border-2);
  border-bottom-color: var(--t3-hero);
}

html body #content .middle {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0 0 12px;
}

html body #content .middle .informer {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}

html body #content .middle .informer > a {
  float: none;
  min-width: 72px;
  padding: 10px 14px;
  background: var(--t3-bg-2);
  background-image: none;
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  box-shadow: none;
  transition: border-color .15s, background .15s;
}

html body #content .middle .informer > a:hover {
  background: var(--t3-hover);
  border-color: var(--t3-hero);
}

html body #content .middle .informer > a > span.title {
  color: var(--t3-hero-text);
  font-family: var(--t3-font);
  font-size: 22px;
  line-height: 30px;
  text-shadow: none;
}

html body #content .middle .informer > a > span.text {
  color: var(--t3-fg-2);
  font-family: var(--t3-font);
  font-weight: 500;
  text-shadow: none;
}

html body [id^="chartdiv"] svg text {
  fill: var(--t3-fg-2);
  font-family: var(--t3-font);
}

html body [id^="chartdiv"] svg path[stroke-opacity="0.2"] {
  stroke: var(--t3-fg-2);
}

html body img[src$="/sports/undefined"] {
  display: none;
}

html body .t3-side-body {
  display: flex;
  flex-direction: column;
}

html body .t3-side-search {
  order: 0;
  position: relative;
  display: block;
  margin: 0 0 6px;
}

html body .t3-side-search .fa {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -7px;
  color: var(--t3-muted);
  font-size: 13px;
  pointer-events: none;
}

html body .t3-side-search input[type=search] {
  width: 100%;
  height: 34px;
  padding: 0 10px 0 30px;
  box-sizing: border-box;
  background: var(--t3-bg-3);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  color: var(--t3-fg);
  font-family: var(--t3-font);
  font-size: 12px;
  outline: none;
}

html body .t3-side-search input[type=search]:focus {
  border-color: var(--t3-hero);
}

html body .t3-sec-fav {
  order: 1;
  margin-bottom: 4px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--t3-border);
}

html body .t3-sec-coupons {
  order: 2;
}

html body .t3-sec-accounting {
  order: 3;
}

html body .t3-sec-payments {
  order: 4;
}

html body .t3-sec-members {
  order: 5;
}

html body .t3-sec-betting {
  order: 6;
}

html body .t3-sec-games {
  order: 7;
}

html body .t3-sec-system {
  order: 8;
}

html body .t3-sec-services {
  order: 9;
}

html body .t3-sec-fav[hidden] {
  display: none;
}

html body .t3-sec .z-left-menu-a {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: default;
  user-select: none;
}

html body .t3-sec .z-left-menu-a::before {
  width: 14px;
  color: var(--t3-hero-text);
  font-family: FontAwesome;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}

html body .t3-sec-fav .z-left-menu-a::before {
  content: "\f005";
}

html body .t3-sec-coupons .z-left-menu-a::before {
  content: "\f145";
}

html body .t3-sec-accounting .z-left-menu-a::before {
  content: "\f201";
}

html body .t3-sec-payments .z-left-menu-a::before {
  content: "\f09d";
}

html body .t3-sec-members .z-left-menu-a::before {
  content: "\f0c0";
}

html body .t3-sec-betting .z-left-menu-a::before {
  content: "\f1e3";
}

html body .t3-sec-games .z-left-menu-a::before {
  content: "\f11b";
}

html body .t3-sec-system .z-left-menu-a::before {
  content: "\f2be";
}

html body .t3-sec-services .z-left-menu-a::before {
  content: "\f0e0";
}

html body .t3-sec-toggle .z-left-menu-a,
html body .t3-sec-games .z-left-menu-a {
  cursor: pointer;
}

html body .t3-sec-toggle .z-left-menu-a::after,
html body .t3-sec-games .z-left-menu-a::after {
  content: "\f107";
  margin-left: auto;
  color: var(--t3-muted);
  font-family: FontAwesome;
  font-size: 14px;
  transition: transform .15s;
}

html body .t3-sec-toggle.t3-closed .z-left-menu-a::after,
html body .t3-sec-games .z-left-menu-a.minus::after {
  transform: rotate(-90deg);
}

html body .t3-sec-toggle .z-left-menu-a:hover,
html body .t3-sec-games .z-left-menu-a:hover {
  color: var(--t3-fg);
}

html body .t3-sec-toggle.t3-closed .z-left-menu-b {
  display: none;
}

html body .t3-sec .z-left-menu-b a {
  display: flex;
  align-items: center;
  gap: 10px;
}

html body .t3-sec .z-left-menu-b a::before {
  content: "\f105";
  flex: 0 0 16px;
  color: var(--t3-muted);
  font-family: FontAwesome;
  font-size: 13px;
  text-align: center;
  transition: color .15s;
}

html body .t3-sec .z-left-menu-b a:hover::before,
html body .t3-sec .z-left-menu-b.active a::before {
  color: var(--t3-hero-text);
}

html body .t3-sec .z-left-menu-b a > span {
  margin-left: auto;
}

html body .t3-sec a[href$="/kuponlar/kupon"]::before {
  content: "\f145";
}

html body .t3-sec a[href$="/kuponlar/yogunluklar"]::before {
  content: "\f06d";
}

html body .t3-sec a[href$="/kuponlar/supheliler"]::before {
  content: "\f06e";
}

html body .t3-sec a[href$="/kuponlar/ciftKontrol"]::before {
  content: "\f24d";
}

html body .t3-sec a[href$="/kuponlar/haksizKazanc"]::before {
  content: "\f071";
}

html body .t3-sec a[href$="/kuponlar/ayarlar"]::before {
  content: "\f1de";
}

html body .t3-sec a[href$="/muhasebe/kuponRaporu"]::before {
  content: "\f080";
}

html body .t3-sec a[href$="/muhasebe/bakiyeRaporu"]::before,
html body .t3-sec-games a[href$="/bakiyeRaporu"]::before {
  content: "\f0ec";
}

html body .t3-sec a[href$="/muhasebe/hesapRaporu"]::before,
html body .t3-sec-games a[href$="/hesapRaporu"]::before {
  content: "\f0f6";
}

html body .t3-sec a[href$="/muhasebe/komisyonRaporu"]::before {
  content: "\f295";
}

html body .t3-sec a[href$="/muhasebe/bakiyeYukle"]::before,
html body .t3-sec-games a[href$="/bakiyeYukle"]::before {
  content: "\f055";
}

html body .t3-sec a[href$="/bakiyelerim"]::before {
  content: "\f0d6";
}

html body .t3-sec a[href$="/odemeler/paraYatir"]::before {
  content: "\f01a";
}

html body .t3-sec a[href$="/odemeler/paraCek"]::before,
html body .t3-sec-games a[href$="/bakiyeCek"]::before {
  content: "\f056";
}

html body .t3-sec-games a[href$="/oyunlar"]::before {
  content: "\f11b";
}

html body .t3-sec-games a[href$="/oyunRaporu"]::before {
  content: "\f080";
}

html body .t3-sec a[href$="/sistem/bilgiler"]::before {
  content: "\f05a";
}

html body .t3-sec a[href$="/sistem/sifreDegistir"]::before {
  content: "\f023";
}

html body .t3-sec a[href$="/sistem/hesapBilgilerim"]::before {
  content: "\f2c3";
}

html body .t3-sec a[href$="/sistem/acKapat"]::before {
  content: "\f011";
}

html body .t3-sec a[href$="/uyelikler/uyeListesi"]::before {
  content: "\f0c0";
}

html body .t3-sec a[href$="/uyelikler/uyeOlustur"]::before {
  content: "\f234";
}

html body .t3-sec a[href$="/uyelikler/cevirimIci"]::before {
  content: "\f012";
}

html body .t3-sec a[href$="/uyelikler/girisler"]::before {
  content: "\f090";
}

html body .t3-sec a[href$="/uyelikler/islemler"]::before {
  content: "\f1da";
}

html body .t3-sec a[href$="/uyelikler/karaListe"]::before {
  content: "\f05e";
}

html body .t3-sec a[href$="/uyelikler/suresiAzalanlar"]::before {
  content: "\f017";
}

html body .t3-sec a[href$="/uyelikler/kayitlar"]::before {
  content: "\f007";
}

html body .t3-sec a[href$="/bahisYonetimi/sporlar"]::before {
  content: "\f1e3";
}

html body .t3-sec a[href$="/bahisYonetimi/oyunlar"]::before {
  content: "\f0ca";
}

html body .t3-sec a[href$="/bahisYonetimi/bahisler"]::before {
  content: "\f0cb";
}

html body .t3-sec a[href$="/bahisYonetimi/canli"]::before {
  content: "\f0e7";
}

html body .t3-sec a[href$="/bahisYonetimi/canliLigler"]::before {
  content: "\f091";
}

html body .t3-sec a[href$="/bahisYonetimi/arsiv"]::before {
  content: "\f187";
}

html body .t3-sec a[href$="/bahisYonetimi/ligler"]::before {
  content: "\f0ae";
}

html body .t3-sec a[href$="/bahisYonetimi/mbs"]::before {
  content: "\f1ec";
}

html body .t3-sec a[href$="/bahisYonetimi/oranmetre"]::before {
  content: "\f0e4";
}

html body .t3-sec a[href$="/bahisYonetimi/ayarlar"]::before {
  content: "\f013";
}

html body .t3-sec a[href$="/bahisYonetimi/odemeler"]::before {
  content: "\f09d";
}

html body .t3-sec a[href$="/hizmetler/yazicilar"]::before {
  content: "\f02f";
}

html body .t3-sec a[href$="/hizmetler/duyurular"]::before {
  content: "\f0a1";
}

html body .t3-sec a[href$="/hizmetler/uyarilar"]::before {
  content: "\f0f3";
}

html body .t3-sec a[href$="/hizmetler/mesajlar"]::before {
  content: "\f0e0";
}

html body .t3-sec a[href$="/hizmetler/mesajTalepleri"]::before {
  content: "\f003";
}

html body .t3-searching .z-left-menu-b {
  display: block !important;
}

html body .t3-searching .t3-hide,
html body .t3-searching .t3-sec-fav {
  display: none !important;
}

html body .t3-seg-cell .chosen-container,
html body .t3-seg-cell select {
  display: none !important;
}

html body .t3-seg {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  background: var(--t3-bg-3);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
}

html body .t3-seg button {
  height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--t3-fg-2);
  font-family: var(--t3-font);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

html body .t3-seg button:hover {
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body .t3-seg button.t3-seg-in.active {
  background: var(--t3-success);
  color: #0b0d10;
}

html body .t3-seg button.t3-seg-out.active {
  background: var(--t3-danger);
  color: #0b0d10;
}

@media (min-width: 992px) {
  html body form.form input.inputText {
    font-size: 13px;
  }
}

html body .t3-amount-cell #balance {
  width: 140px !important;
  font-size: 16px;
  font-weight: 700;
}

html body .t3-amounts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

html body .t3-amounts button {
  height: 30px;
  padding: 0 12px;
  border: 1px solid var(--t3-border-2);
  border-radius: 15px;
  background: var(--t3-bg-3);
  color: var(--t3-fg);
  font-family: var(--t3-font);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

html body .t3-amounts button:hover {
  border-color: var(--t3-hero);
  color: var(--t3-hero-text);
}

html body .t3-amounts .t3-amounts-clear {
  width: 30px;
  padding: 0;
  color: var(--t3-muted);
}

@media (max-width: 991px) {
  html body #main[id] {
    width: calc(100% - 16px) !important;
    min-width: 0;
  }

  html body .modern-ticker .mt-label {
    padding: 0 10px;
  }

  html body #header {
    padding: 0 10px 10px;
  }

  html body #header .navheader {
    height: auto !important;
    margin: 0 -10px 10px;
    padding: 0 10px 10px;
  }

  html body #header .t3-brand {
    position: static;
    display: block;
    height: 52px;
    line-height: 52px;
    font-size: 26px;
  }

  html body .accountbox {
    float: none;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: auto !important;
    gap: 6px;
  }

  html body .accountbox .userinfo {
    flex: 0 0 100%;
    max-width: none;
    order: 0;
  }

  html body .accountbox .userbalance,
  html body .accountbox .usermessages,
  html body .accountbox .logout {
    height: 34px;
    line-height: 34px !important;
    padding: 0 10px;
  }

  html body .accountbox {
    position: static;
  }

  html body .accountbox .logout {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 36px;
    height: 36px;
    padding: 0;
    font-size: 0;
    text-align: center;
  }

  html body .accountbox .logout::before {
    margin: 0;
    font-size: 16px;
    line-height: 34px;
  }

  html body input[type=text],
  html body input[type=password],
  html body input[type=search],
  html body input[type=number],
  html body select,
  html body textarea {
    font-size: 16px;
  }

  html body #tarih,
  html body .divDerbiBantSayac {
    display: none !important;
  }

  html body #topmenu {
    float: none;
    clear: both;
    width: 100% !important;
    padding-top: 8px;
  }

  html body #topmenu .menuItem {
    flex: 1;
  }

  html body #topmenu .menuItem a {
    justify-content: center;
    padding: 0 8px;
    font-size: 12px;
  }

  html body #navmenu .wrap {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }

  html body #navmenu .wrap::-webkit-scrollbar {
    display: none;
  }

  html body #navmenu .flex-item {
    flex: 0 0 auto;
  }

  html body .left-container,
  html body .right-container {
    width: 100% !important;
    margin: 0;
    float: none;
    display: block;
  }

  html body .right-container {
    margin-top: 12px;
  }

  html body .z-left-container {
    float: none;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 8px !important;
  }

  html body .z-right-container {
    float: none;
    width: 100% !important;
  }

  html body .t3-side-head {
    margin: 0;
    padding: 0 0 0 8px;
    border-bottom: 0;
  }

  html body .t3-side-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    height: 38px;
    padding: 0 12px;
    border: 1px solid var(--t3-border-2);
    border-radius: var(--t3-radius-sm);
    background: var(--t3-elevated);
    color: var(--t3-fg);
    font-family: var(--t3-font);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
  }

  html body .t3-side-current {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html body .t3-side-body {
    display: none;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--t3-border);
  }

  html body .t3-side-open .t3-side-body {
    display: flex;
  }

  html body .t3-side-open .t3-side-toggle {
    border-color: var(--t3-hero);
  }

  html body .t3-sec .z-left-menu-b a {
    padding: 10px 8px;
    font-size: 13px;
  }

  html body .z-right-container .filterTable,
  html body .z-right-container .filterTable > tbody,
  html body .z-right-container .filterTable > tbody > tr {
    justify-content: flex-start;
  }

  html body table.tablesorter:has(> thead > tr > th:nth-child(3)),
  html body table.tablesorter:has(> tbody > tr > td:nth-child(3)) {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  html body form.form table.tablesorter:not(:has(> thead > tr > th:nth-child(3))):not(:has(> tbody > tr > td:nth-child(3))) > tbody > tr {
    display: flex;
    flex-direction: column;
  }

  html body form.form table.tablesorter:not(:has(> thead > tr > th:nth-child(3))):not(:has(> tbody > tr > td:nth-child(3))) > tbody > tr > td {
    width: auto !important;
    border-left: 0;
  }

  html body form.form table.tablesorter td input.inputText:not(#balance):not(#balance2),
  html body form.form table.tablesorter td textarea,
  html body form.form table.tablesorter td .chosen-container {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  html body ul.isotope-widgets li {
    width: calc(50% - 10px) !important;
  }

  html body .c-block .c-block-1col,
  html body .c-block .c-2coltext {
    width: auto;
  }

  html body .anaKulak .anaKulakOrta {
    overflow-x: auto;
  }

  html body #content > div[style*="color: red"] {
    width: calc(50% - 40px) !important;
  }

  html body .menubar .menubar-in {
    flex-wrap: wrap;
    height: auto;
    padding: 8px 12px;
    line-height: 28px;
  }

  html body .menubar .link ul {
    flex-wrap: wrap;
  }

  html body #scrollUp {
    right: 12px;
    bottom: 12px !important;
  }

  html body > .header .logo {
    position: static;
    margin: 0;
    padding: 0 16px;
  }

  html body > .header .logo h2 {
    line-height: 56px;
    font-size: 24px;
  }

  html body > .header .inner {
    height: auto;
    padding: 0 16px 12px;
  }

  html body > .header .nav-pills {
    float: none;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0;
  }

  html body > .container,
  html body .hero > .container,
  html body > .header .container {
    width: auto;
    padding: 0 16px;
  }

  html body > .container .row,
  html body .hero > .container .row {
    margin-left: 0;
  }

  html body > .container .row > [class*=span],
  html body .hero > .container .row > [class*=span] {
    float: none;
    width: auto;
    margin-left: 0;
  }

  html body .hero {
    padding: 20px 0;
  }

  html body .hero h2 {
    font-size: 24px;
    line-height: 30px;
  }

  html body .hero .login-form form {
    margin-top: 20px;
  }

  html body .home-features .span4 {
    margin-bottom: 20px;
  }
}

html body .t3-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 12px 0 0;
  padding: 10px;
  background: var(--t3-bg-3);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  text-align: left;
}

html body .t3-share-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: auto;
  color: var(--t3-fg);
  font-size: 12px;
  font-weight: 700;
}

html body .t3-share-label .fa {
  color: var(--t3-hero-text);
}

html body .t3-share button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 16px;
  background: var(--t3-elevated);
  color: var(--t3-fg);
  font-family: var(--t3-font);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s, color .15s;
}

html body .t3-share button:hover {
  background: var(--t3-pressed);
}

html body .t3-share button[disabled] {
  opacity: .7;
  cursor: wait;
}

html body .t3-share .t3-share-native {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
}

html body .t3-share .t3-share-wa {
  background: #1fa855;
  color: #ffffff;
}

html body .t3-share .t3-share-tg {
  background: #2481cc;
  color: #ffffff;
}

html body .t3-share .t3-share-wa:hover {
  background: #188a46;
}

html body .t3-share .t3-share-tg:hover {
  background: #1d6aa8;
}

html body .kupon-detay .t3-share {
  padding: 8px;
}

html body .kupon-detay .t3-share-label {
  flex: 0 0 100%;
  margin: 0 0 2px;
}

html body .kupon-detay .t3-share button {
  flex: 1 1 calc(50% - 3px);
  justify-content: center;
  padding: 0 8px;
}

html body .t3-slip-deposit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  margin: 10px 0 0;
  border: 1px dashed var(--t3-hero);
  border-radius: var(--t3-radius-sm);
  color: var(--t3-hero-text);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background .15s;
}

html body .t3-slip-deposit:hover {
  background: rgba(var(--t3-hero-rgb), .1);
  color: var(--t3-hero-text);
}

html body .t3-share-stage {
  position: fixed;
  top: 0;
  left: -10000px;
  z-index: -1;
}

html body .t3-share-card {
  width: 420px;
  padding: 20px;
  box-sizing: border-box;
  background: #1f1f1f;
  border: 1px solid #4a4a4a;
  border-radius: 16px;
  color: #ffffff;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  text-align: left;
}

html body .t3-sc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #4a4a4a;
}

html body .t3-sc-brand {
  color: #ffd100;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -.5px;
  text-transform: capitalize;
}

html body .t3-sc-id {
  padding: 4px 10px;
  border-radius: 6px;
  background: #ffd100;
  color: #000000;
  font-size: 13px;
  font-weight: 700;
}

html body .t3-sc-meta {
  margin: 10px 0 6px;
  color: #a3a3a3;
  font-size: 12px;
}

html body .t3-sc-row {
  margin: 8px 0 0;
  padding: 10px 12px;
  background: #2d2d2d;
  border-radius: 10px;
}

html body .t3-sc-league {
  color: #a3a3a3;
  font-size: 11px;
}

html body .t3-sc-teams {
  margin: 4px 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}

html body .t3-sc-pick {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #c2c2c2;
  font-size: 12px;
}

html body .t3-sc-pick b {
  color: #ffffff;
}

html body .t3-sc-odd {
  padding: 3px 10px;
  border-radius: 6px;
  background: #444444;
  color: #f5a623;
  font-size: 13px;
  font-weight: 700;
}

html body .t3-sc-total {
  display: flex;
  gap: 8px;
  margin: 12px 0 0;
}

html body .t3-sc-total div {
  flex: 1;
  padding: 10px;
  background: #2d2d2d;
  border-radius: 10px;
  text-align: center;
}

html body .t3-sc-total span {
  display: block;
  color: #a3a3a3;
  font-size: 11px;
}

html body .t3-sc-total b {
  display: block;
  margin-top: 4px;
  color: #ffffff;
  font-size: 15px;
}

html body .t3-sc-total .t3-sc-win {
  color: #ffd100;
}

html body .t3-sc-status {
  margin: 10px 0 0;
  color: #c2c2c2;
  font-size: 12px;
}

html body .t3-sc-foot {
  margin: 14px 0 0;
  padding-top: 10px;
  border-top: 1px solid #4a4a4a;
  color: #a3a3a3;
  font-size: 11px;
  text-align: center;
}

@media (max-width: 1199px) {
  html body #colorbox,
  html body #cboxWrapper {
    max-width: calc(100vw - 16px) !important;
    box-sizing: border-box;
  }

  html body #cboxContent,
  html body #cboxLoadedContent,
  html body #cboxTopCenter,
  html body #cboxBottomCenter {
    max-width: calc(100vw - 32px) !important;
    box-sizing: border-box;
  }

  html body #colorbox {
    left: 8px !important;
  }

  html body #cboxLoadedContent {
    overflow-x: auto !important;
  }

  html body #cboxMiddleLeft,
  html body #cboxMiddleRight,
  html body #cboxTopLeft,
  html body #cboxTopRight,
  html body #cboxBottomLeft,
  html body #cboxBottomRight {
    width: 8px !important;
  }

  html body #CouponAjaxDetailBox,
  html body #CouponAjaxDetailBox > div {
    min-width: 0 !important;
  }

  html body .t3-share-label {
    flex: 0 0 100%;
  }

  html body .t3-share button {
    flex: 1 1 calc(50% - 3px);
    justify-content: center;
  }
}

@media (max-width: 991px) {
  html body table.tablesorter:not(:has(> thead > tr > th:nth-child(3))):not(:has(> tbody > tr > td:nth-child(3))) {
    table-layout: fixed;
    width: 100%;
  }

  html body table.tablesorter > tbody > tr:has(> td > table) {
    display: flex;
    flex-direction: column;
  }

  html body table.tablesorter > tbody > tr:has(> td > table) > td {
    display: block;
    width: auto !important;
    border-left: 0;
  }

  html body .notice {
    max-width: 100%;
    box-sizing: border-box;
  }

  html body #selectTypes > div[style*="width: 30%"] {
    width: 100% !important;
  }

  html body #content .bankaKutu .sag {
    margin-left: 2.5%;
  }
}

html[data-t3-theme="light"] {
  color-scheme: light;
  --t3-bg: #eceef2;
  --t3-bg-2: #ffffff;
  --t3-bg-3: #f6f7f9;
  --t3-card: #ffffff;
  --t3-elevated: #e8eaef;
  --t3-input: #ffffff;
  --t3-fg: #15171c;
  --t3-fg-2: #3f4450;
  --t3-muted: #6b7180;
  --t3-border: #dde0e6;
  --t3-border-2: #c7ccd5;
  --t3-hero-hover: #e6bc00;
  --t3-hero-text: #8f6c00;
  --t3-odd: #b85f00;
  --t3-odd-bg: #f1f2f5;
  --t3-live-text: #c62828;
  --t3-success-text: #12852a;
  --t3-danger: #e5484d;
  --t3-danger-text: #c42b37;
  --t3-danger-rgb: 229, 72, 77;
  --t3-info: #0e8a94;
  --t3-pressed: #dadde4;
  --t3-hover: #f4f5f8;
  --t3-stripe: rgba(0, 0, 0, .025);
  --t3-tint: rgba(0, 0, 0, .04);
  --t3-line: rgba(0, 0, 0, .08);
}

html[data-t3-theme="light"] body .t3-mobile-link img,
html[data-t3-theme="light"] body .pre-match-content > li:nth-last-of-type(2) img,
html[data-t3-theme="light"] body #LiveContentDetails .livestatsradar {
  filter: none;
}

html[data-t3-theme="light"] body .c-block .icon2 img {
  filter: grayscale(1);
}

html[data-t3-theme="light"] body .hero::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .6));
}

html body .t3-theme-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  width: 34px;
  height: 34px;
  margin: 0 6px 0 0;
  border-radius: var(--t3-radius-sm);
  background: var(--t3-elevated);
  color: var(--t3-fg-2);
  font-size: 16px;
  cursor: pointer;
  transition: background .15s, color .15s;
}

html body .t3-theme-toggle:hover,
html body .t3-theme-toggle:focus-visible {
  background: var(--t3-pressed);
  color: var(--t3-hero-text);
  outline: 0;
}

html body .t3-theme-item {
  display: flex;
  align-items: center;
  margin-left: 6px;
}

html body .t3-theme-item .t3-theme-toggle {
  float: none;
  margin: 0;
}

html body #betSlipInlineContentFooterBox .t3-stakes-row {
  flex-wrap: wrap;
}

html body #betSlipInlineContentFooterBox .t3-stakes-row > .bahis-say {
  display: none !important;
}

html body .t3-stakes {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
}

html body .t3-stakes button {
  height: 30px;
  min-width: 0;
  padding: 0 4px;
  border: 0;
  border-radius: 6px;
  background: var(--t3-elevated);
  color: var(--t3-fg);
  font-family: var(--t3-font);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  transition: background .15s, color .15s;
}

html body .t3-stakes .t3-stake {
  flex: 1 1 calc(20% - 4px);
}

html body .t3-stakes:has(.t3-stake:nth-child(6)) .t3-stake {
  flex-basis: calc(33.333% - 4px);
}

html body .t3-stakes .t3-stake:hover,
html body .t3-stakes .t3-stake:active {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
}

html body .t3-stakes .t3-stake-tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 1 1 calc(50% - 2px);
  height: 26px;
  background: transparent;
  border: 1px solid var(--t3-border);
  color: var(--t3-fg-2);
  font-size: 11px;
  font-weight: 600;
}

html body .t3-stakes .t3-stake-tool:hover {
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body .t3-stakes .t3-stake-tool:disabled {
  opacity: .45;
  cursor: default;
  background: transparent;
  color: var(--t3-fg-2);
}

html body .t3-stakes .t3-stake-tool svg {
  flex: 0 0 auto;
}

html body .t3-stakes-editor {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  margin: 6px 0 0;
  padding: 8px;
  background: var(--t3-bg-3);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius-sm);
  box-sizing: border-box;
}

html body .t3-stakes-editor[hidden] {
  display: none;
}

html body .t3-stakes-editor input {
  flex: 1 1 calc(33.333% - 4px);
  min-width: 0;
  height: 30px;
  padding: 0 2px;
  box-sizing: border-box;
  text-align: center;
  font-size: 12px;
  -moz-appearance: textfield;
}

html body .t3-stakes-editor input::-webkit-outer-spin-button,
html body .t3-stakes-editor input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

html body .t3-stakes-editor button {
  flex: 1 1 calc(50% - 2px);
  height: 30px;
  border: 0;
  border-radius: 6px;
  font-family: var(--t3-font);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

html body .t3-stakes-editor .t3-stakes-save {
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
}

html body .t3-stakes-editor .t3-stakes-reset {
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body .t3-fav-star {
  flex: 0 0 auto;
  margin: 0 6px;
  color: var(--t3-muted);
  font-size: 13px;
  cursor: pointer;
  transition: color .15s, transform .15s;
}

html body .t3-fav-star:hover {
  color: var(--t3-hero-text);
  transform: scale(1.2);
}

html body .t3-fav-star.on {
  color: var(--t3-hero-text);
}

html body ul.pre-match-content.t3-fav-row,
html body .live-left-container .event-item.t3-fav-row {
  box-shadow: inset 3px 0 0 var(--t3-hero);
}

html body .live-left-container .t3-fav-team {
  color: var(--t3-hero-text);
}

html body .t3-fav-filter ul.pre-match-content.events-list:not(.t3-fav-row),
html body .t3-fav-filter .competition-bc:not(.t3-fav-block),
html body .t3-fav-filter .pre-match-league:not(.t3-fav-block) {
  display: none !important;
}

html body .left-container.t3-fav-filter.t3-fav-none::after {
  content: attr(data-t3-empty);
  display: block;
  padding: 24px 12px;
  color: var(--t3-muted);
  font-size: 13px;
  text-align: center;
}

html body #searchcontainer .filtersCell0 {
  padding: 0 6px;
  vertical-align: top;
}

html body .t3-fav-tool {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 32px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  border: 1px solid var(--t3-border-2);
  border-radius: var(--t3-radius-sm);
  background: var(--t3-bg-2);
  color: var(--t3-fg-2);
  cursor: pointer;
}

html body .t3-fav-tool:hover {
  color: var(--t3-hero-text);
}

html body .t3-fav-tool.on {
  background: rgba(var(--t3-hero-rgb), .14);
  border-color: rgba(var(--t3-hero-rgb), .7);
  color: var(--t3-hero-text);
}

html body .t3-fav-tool .fa {
  margin: 0;
  font-size: 14px;
}

html body .t3-fav-tool b {
  position: absolute;
  top: 1px;
  right: 1px;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  box-sizing: border-box;
  border-radius: 7px;
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
  font-size: 9px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
}

html body .t3-fav-tool:focus-visible {
  outline: 2px solid var(--t3-hero);
  outline-offset: 1px;
}

html body .pre-match-container.t3-ordered {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1199px) {
  html body .pre-match-column-teams:has(.t3-fav-star) .teamLogo {
    display: none;
  }

  html body .t3-fav-star {
    margin: 0 4px;
    font-size: 12px;
  }
}

html body .live-left-container .event-item .t3-fav-star {
  margin: 0 2px 0 4px;
  font-size: 11px;
}

html body .pre-match-league > li:nth-child(2) {
  color: var(--t3-fg);
}

html body .t3-fav-star:focus-visible {
  outline: 2px solid var(--t3-hero);
  outline-offset: 1px;
  border-radius: 3px;
}

html body .t3-share-note {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--t3-fg-2);
  font-size: 12px;
}

html body .t3-share-note a {
  color: var(--t3-hero-text);
  font-weight: 700;
  text-decoration: underline;
}

html body .t3-gbal {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 14px;
}

html body .t3-gbal-item {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 10px;
  align-items: center;
  padding: 10px 12px;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
  text-align: left;
}

html body .t3-gbal-item > .fa {
  grid-row: 1 / span 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(var(--t3-hero-rgb), .14);
  color: var(--t3-hero-text);
  font-size: 15px;
}

html body .t3-gbal-label {
  overflow: hidden;
  color: var(--t3-muted);
  font-size: 11px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body .t3-gbal-value {
  color: var(--t3-fg);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

html body .t3-casino {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin: 0 0 20px;
}

html body .t3-casino > .t3-casino-side,
html body .t3-casino-main > .z-right-container {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .t3-casino-side {
  position: sticky;
  top: 12px;
}

html body .t3-casino-side #providers {
  padding: 8px;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
}

html body .t3-casino-side #providers .z-left-menu-a {
  margin: 4px 6px 8px;
  padding: 0;
  background: none;
  border: 0;
  color: var(--t3-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;
}

html body .t3-casino-side #providers .z-left-menu-a::before,
html body .t3-casino-side #providers .z-left-menu-a::after,
html body .t3-casino-side #providers .z-left-menu-b a::before {
  display: none !important;
}

html body .t3-casino-side #providers .z-left-menu-b {
  margin: 0 0 2px;
  padding: 0;
  background: none;
  border: 0;
}

html body .t3-casino-side #providers .z-left-menu-b a {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 10px;
  border-radius: var(--t3-radius-sm);
  color: var(--t3-fg-2);
  font-size: 13px;
  text-decoration: none;
  transition: background .15s, color .15s;
}

html body .t3-casino-side #providers .z-left-menu-b a strong {
  overflow: hidden;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body .t3-casino-side #providers .z-left-menu-b a:hover {
  background: var(--t3-elevated);
  color: var(--t3-fg);
}

html body .t3-casino-side #providers .z-left-menu-b.active a {
  background: rgba(var(--t3-hero-rgb), .14);
  box-shadow: inset 3px 0 0 var(--t3-hero);
  color: var(--t3-hero-text);
}

html body .t3-pskel {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border);
  border-radius: var(--t3-radius);
}

html body .t3-pskel span,
html body .t3-gskel-item span,
html body .t3-gskel-item b {
  background: linear-gradient(90deg, var(--t3-card) 0%, var(--t3-elevated) 50%, var(--t3-card) 100%);
  background-size: 200% 100%;
  animation: t3-shimmer 1.3s linear infinite;
}

html body .casinoGamesLi .t3-gthumb:has(img.loading)::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, var(--t3-elevated) 50%, transparent 100%);
  animation: t3-sweep 1.3s linear infinite;
  pointer-events: none;
}

@keyframes t3-sweep {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

html body .t3-pskel span {
  height: 30px;
  border-radius: var(--t3-radius-sm);
}

@keyframes t3-shimmer {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

html body .t3-casino-main {
  min-width: 0;
}

html body .t3-casino-main > .t3-casino-types {
  display: flex;
  justify-content: flex-start;
  gap: 6px;
  margin: 0 0 12px !important;
}

html body .t3-casino-types a.activeTypes {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 20px;
  border-radius: 19px;
  line-height: 1;
}

html body .t3-casino-main > .t3-casino-search {
  margin: 0 0 14px !important;
}

html body .t3-casino-search-box {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 420px;
  margin: 0;
}

html body .t3-casino-search-box > .fa-search {
  position: absolute;
  left: 14px;
  color: var(--t3-muted);
  font-size: 14px;
  pointer-events: none;
}

html body .t3-casino-search-box .gameSearchInput {
  width: 100% !important;
  height: 40px !important;
  padding: 0 40px !important;
  box-sizing: border-box;
  background: var(--t3-bg-2);
  border: 1px solid var(--t3-border-2);
  border-radius: 20px;
  color: var(--t3-fg);
  font-size: 14px;
}

html body .t3-casino-search-box .gameSearchInput:focus {
  border-color: var(--t3-hero);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(var(--t3-hero-rgb), .18);
}

html body .t3-casino-search-box .gameSearchIcon {
  position: absolute;
  right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--t3-elevated);
  color: var(--t3-fg-2);
  cursor: pointer;
}

html body .t3-casino-main > .t3-casino-games,
html body .t3-gskel {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 16px 14px;
  text-align: left !important;
}

html body .t3-gskel {
  grid-column: 1 / -1;
}

html body .t3-gskel-item span {
  display: block;
  aspect-ratio: 1;
  border-radius: var(--t3-radius);
}

html body .t3-gskel-item b {
  display: block;
  width: 70%;
  height: 12px;
  margin: 10px 0 0;
  border-radius: 6px;
}

html body .casinoGamesLi {
  display: block !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  float: none !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body .casinoGamesLi .t3-gthumb {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  border-radius: var(--t3-radius);
  background: var(--t3-card);
  box-shadow: 0 0 0 1px var(--t3-border);
  transition: transform .2s;
}

html body .casinoGamesLi .t3-gthumb img {
  display: block !important;
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  transition: transform .3s;
}

html body .casinoGamesLi .t3-gthumb img.loading {
  visibility: hidden;
}

html body .casinoGamesLi .t3-gplay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .45);
  opacity: 0;
  transition: opacity .2s;
}

html body .casinoGamesLi .t3-gplay .fa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding-left: 3px;
  box-sizing: border-box;
  border-radius: 50%;
  background: var(--t3-hero);
  color: var(--t3-hero-fg);
  font-size: 16px;
  transform: scale(.8);
  transition: transform .2s;
}

html body .casinoGamesLi:hover .t3-gthumb {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .35), 0 0 0 2px var(--t3-hero);
}

html body .casinoGamesLi:hover .t3-gthumb img {
  transform: scale(1.06);
}

html body .casinoGamesLi:hover .t3-gplay {
  opacity: 1;
}

html body .casinoGamesLi:hover .t3-gplay .fa {
  transform: scale(1);
}

html body .casinoGamesLi .itext-3 {
  display: -webkit-box;
  overflow: hidden;
  min-height: 2.6em;
  margin: 8px 2px 0 !important;
  color: var(--t3-fg-2) !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html body .casinoGamesLi:hover .itext-3 {
  color: var(--t3-fg) !important;
}

html body .t3-casino-games > .t3-gmore {
  grid-column: 1 / -1;
  padding: 14px 0;
  color: var(--t3-hero-text);
  font-size: 22px;
  text-align: center;
}

html body .t3-casino-games > h1 {
  grid-column: 1 / -1;
  margin: 0;
  padding: 40px 16px;
  background: var(--t3-bg-2);
  border: 1px dashed var(--t3-border-2);
  border-radius: var(--t3-radius);
  color: var(--t3-fg-2);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 1199px) {
  html body .t3-gbal {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  html body .t3-casino {
    grid-template-columns: minmax(0, 1fr);
  }

  html body .t3-casino-side {
    position: static;
  }

  html body .t3-casino-side #providers {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 6px;
    scrollbar-width: none;
  }

  html body .t3-casino-side #providers::-webkit-scrollbar {
    display: none;
  }

  html body .t3-casino-side #providers .z-left-menu-a {
    display: none;
  }

  html body .t3-casino-side #providers .z-left-menu-b {
    flex: 0 0 auto;
    margin: 0;
  }

  html body .t3-casino-side #providers .z-left-menu-b a {
    height: 34px;
    padding: 0 14px;
    border: 1px solid var(--t3-border);
    border-radius: 17px;
  }

  html body .t3-casino-side #providers .z-left-menu-b.active a {
    border-color: var(--t3-hero);
    box-shadow: none;
  }

  html body .t3-casino-search-box {
    max-width: none;
  }

  html body .t3-casino-main > .t3-casino-games,
  html body .t3-gskel {
    grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
    gap: 12px 10px;
  }

  html body .casinoGamesLi .t3-gplay {
    display: none;
  }
}

@media (min-width: 1200px) {
  html body #cboxLoadedContent {
    overflow-x: hidden !important;
  }
}

html body .t3-amount-cell {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

html body .t3-amount-cell #balance2 {
  width: 56px !important;
  text-align: center;
}

html body .t3-amount-cell > .itext-2 {
  font-size: 20px !important;
  line-height: 1;
}

html body .t3-amount-cell > .t3-amounts,
html body .t3-amount-cell > span:not(.itext-2) {
  flex: 0 0 100%;
}

@media (max-width: 991px) {
  html body form.form table.tablesorter:not(:has(> thead > tr > th:nth-child(3))):not(:has(> tbody > tr > td:nth-child(3))),
  html body form.form table.tablesorter:not(:has(> thead > tr > th:nth-child(3))):not(:has(> tbody > tr > td:nth-child(3))) > thead,
  html body form.form table.tablesorter:not(:has(> thead > tr > th:nth-child(3))):not(:has(> tbody > tr > td:nth-child(3))) > tbody {
    display: block;
    width: 100% !important;
    table-layout: auto;
  }

  html body form.form table.tablesorter:not(:has(> thead > tr > th:nth-child(3))):not(:has(> tbody > tr > td:nth-child(3))) > thead > tr,
  html body form.form table.tablesorter:not(:has(> thead > tr > th:nth-child(3))):not(:has(> tbody > tr > td:nth-child(3))) > tbody > tr {
    width: 100%;
  }

  html body form.form table.tablesorter:not(:has(> thead > tr > th:nth-child(3))):not(:has(> tbody > tr > td:nth-child(3))) > thead > tr {
    display: flex;
  }

  html body form.form table.tablesorter:not(:has(> thead > tr > th:nth-child(3))):not(:has(> tbody > tr > td:nth-child(3))) > thead > tr > th {
    flex: 1 1 auto;
    display: block;
  }

  html body form.form table.tablesorter:not(:has(> thead > tr > th:nth-child(3))):not(:has(> tbody > tr > td:nth-child(3))) > tbody > tr > td {
    display: block;
    box-sizing: border-box;
  }

  html body form.form table.tablesorter:not(:has(> thead > tr > th:nth-child(3))):not(:has(> tbody > tr > td:nth-child(3))) > tbody > tr > td.t3-amount-cell {
    display: flex;
  }

  html body .t3-amount-cell #balance {
    flex: 1 1 120px;
    width: auto !important;
    min-width: 0;
  }

  html body .t3-seg {
    display: flex;
    width: 100%;
    box-sizing: border-box;
  }

  html body .t3-seg button {
    flex: 1 1 0;
    padding: 0 8px;
    white-space: nowrap;
  }

  html body .t3-amounts button {
    flex: 1 1 0;
    min-width: 0;
    height: 36px;
    padding: 0 6px;
  }

  html body .t3-amounts .t3-amounts-clear {
    flex: 0 0 36px;
    width: 36px;
  }
}

html body form.form input.inputText,
html body form.form select,
html body form.form textarea {
  font-family: var(--t3-font) !important;
}

@media (max-width: 991px) {
  html body form.form table.tablesorter td > select {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  html body form.form .notice {
    width: auto !important;
    max-width: none;
  }
}

html body form.form input.inputText {
  text-shadow: none !important;
}

html body form.form input.inputText::placeholder {
  font-size: 13px;
  font-weight: 400;
}

html body img[src*="icons/16/inout_1.png"],
html body img[src*="icons/16/inout_2.png"],
html body img[src*="icons/16/info_red.png"],
html body img[src*="icons/16/info.png"],
html body img[src*="icons/16/check_2.png"],
html body img[src*="icons/16/check.png"],
html body img[src*="icons/16/edit.png"],
html body img[src*="icons/16/delete.png"],
html body img[src*="icons/16/remove.png"],
html body img[src*="icons/16/search.png"],
html body img[src*="icons/16/status_11.png"],
html body img[src*="icons/16/status_22.png"],
html body img[src*="icons/16/status_1.png"],
html body img[src*="icons/16/status_2.png"],
html body img[src*="icons/16/members.png"],
html body img[src*="icons/16/ticketpay_1.png"],
html body img[src*="icons/16/ticketpay_2.png"],
html body img[src*="icons/16/refresh.png"],
html body img[src*="icons/16/question.png"],
html body img[src*="icons/16/ip.png"],
html body img[src*="icons/16/system.png"],
html body img[src*="icons/16/img.png"],
html body img[src*="icons/16/clock.png"],
html body img[src*="icons/16/print.png"],
html body img[src*="icons/16/istatistik1.png"],
html body img[src*="icons/16/money.png"],
html body img[src*="icons/16/mail.png"],
html body img[src*="icons/16/list.png"],
html body img[src*="icons/16/config.png"],
html body img[src*="icons/akfpsf_1.png"],
html body img[src*="icons/akfpsf_2.png"],
html body img[src*="icons/help_back.png"],
html body img[src*="icons/ap_1.png"],
html body img[src*="icons/ap_2.png"],
html body img[src*="v1/images/delete.png"],
html body img[src*="img/mobile.png"] {
  box-sizing: border-box;
  width: 18px !important;
  height: 18px !important;
  margin-top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: none;
  object-position: -9999px 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  vertical-align: middle;
  filter: none !important;
  opacity: 1 !important;
  transition: transform .15s;
}

html body img[src*="icons/16/inout_1.png"][onclick]:hover,
html body img[src*="icons/16/inout_2.png"][onclick]:hover,
html body img[src*="icons/16/info_red.png"][onclick]:hover,
html body img[src*="icons/16/info.png"][onclick]:hover,
html body img[src*="icons/16/check_2.png"][onclick]:hover,
html body img[src*="icons/16/check.png"][onclick]:hover,
html body img[src*="icons/16/edit.png"][onclick]:hover,
html body img[src*="icons/16/delete.png"][onclick]:hover,
html body img[src*="icons/16/remove.png"][onclick]:hover,
html body img[src*="icons/16/search.png"][onclick]:hover,
html body img[src*="icons/16/status_11.png"][onclick]:hover,
html body img[src*="icons/16/status_22.png"][onclick]:hover,
html body img[src*="icons/16/status_1.png"][onclick]:hover,
html body img[src*="icons/16/status_2.png"][onclick]:hover,
html body img[src*="icons/16/members.png"][onclick]:hover,
html body img[src*="icons/16/ticketpay_1.png"][onclick]:hover,
html body img[src*="icons/16/ticketpay_2.png"][onclick]:hover,
html body img[src*="icons/16/refresh.png"][onclick]:hover,
html body img[src*="icons/16/question.png"][onclick]:hover,
html body img[src*="icons/16/ip.png"][onclick]:hover,
html body img[src*="icons/16/system.png"][onclick]:hover,
html body img[src*="icons/16/img.png"][onclick]:hover,
html body img[src*="icons/16/clock.png"][onclick]:hover,
html body img[src*="icons/16/print.png"][onclick]:hover,
html body img[src*="icons/16/istatistik1.png"][onclick]:hover,
html body img[src*="icons/16/money.png"][onclick]:hover,
html body img[src*="icons/16/mail.png"][onclick]:hover,
html body img[src*="icons/16/list.png"][onclick]:hover,
html body img[src*="icons/16/config.png"][onclick]:hover,
html body img[src*="icons/akfpsf_1.png"][onclick]:hover,
html body img[src*="icons/akfpsf_2.png"][onclick]:hover,
html body img[src*="icons/help_back.png"][onclick]:hover,
html body img[src*="icons/ap_1.png"][onclick]:hover,
html body img[src*="icons/ap_2.png"][onclick]:hover,
html body img[src*="v1/images/delete.png"][onclick]:hover,
html body img[src*="img/mobile.png"][onclick]:hover,
html body a:hover > img[src*="icons/16/inout_1.png"],
html body a:hover > img[src*="icons/16/inout_2.png"],
html body a:hover > img[src*="icons/16/info_red.png"],
html body a:hover > img[src*="icons/16/info.png"],
html body a:hover > img[src*="icons/16/check_2.png"],
html body a:hover > img[src*="icons/16/check.png"],
html body a:hover > img[src*="icons/16/edit.png"],
html body a:hover > img[src*="icons/16/delete.png"],
html body a:hover > img[src*="icons/16/remove.png"],
html body a:hover > img[src*="icons/16/search.png"],
html body a:hover > img[src*="icons/16/status_11.png"],
html body a:hover > img[src*="icons/16/status_22.png"],
html body a:hover > img[src*="icons/16/status_1.png"],
html body a:hover > img[src*="icons/16/status_2.png"],
html body a:hover > img[src*="icons/16/members.png"],
html body a:hover > img[src*="icons/16/ticketpay_1.png"],
html body a:hover > img[src*="icons/16/ticketpay_2.png"],
html body a:hover > img[src*="icons/16/refresh.png"],
html body a:hover > img[src*="icons/16/question.png"],
html body a:hover > img[src*="icons/16/ip.png"],
html body a:hover > img[src*="icons/16/system.png"],
html body a:hover > img[src*="icons/16/img.png"],
html body a:hover > img[src*="icons/16/clock.png"],
html body a:hover > img[src*="icons/16/print.png"],
html body a:hover > img[src*="icons/16/istatistik1.png"],
html body a:hover > img[src*="icons/16/money.png"],
html body a:hover > img[src*="icons/16/mail.png"],
html body a:hover > img[src*="icons/16/list.png"],
html body a:hover > img[src*="icons/16/config.png"],
html body a:hover > img[src*="icons/akfpsf_1.png"],
html body a:hover > img[src*="icons/akfpsf_2.png"],
html body a:hover > img[src*="icons/help_back.png"],
html body a:hover > img[src*="icons/ap_1.png"],
html body a:hover > img[src*="icons/ap_2.png"],
html body a:hover > img[src*="v1/images/delete.png"],
html body a:hover > img[src*="img/mobile.png"] {
  transform: scale(1.15);
}

html body img[src*="icons/16/inout_1.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322b14c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 7v10'/%3E%3Cpath d='m7 12 5 5 5-5'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/inout_2.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 17V7'/%3E%3Cpath d='m7 12 5-5 5 5'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/info_red.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/info.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/check_2.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b919c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/check.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322b14c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8.5 12.5 2.5 2.5 4.5-5'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/edit.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0a100' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/delete.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'/%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/remove.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/search.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/status_11.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322b14c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 9.9-1'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/status_22.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/status_1.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322b14c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v10'/%3E%3Cpath d='M18.4 6.6a9 9 0 1 1-12.77.04'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/status_2.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v10'/%3E%3Cpath d='M18.4 6.6a9 9 0 1 1-12.77.04'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/members.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/ticketpay_1.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322b14c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='2'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/ticketpay_2.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b919c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='2'/%3E%3Cpath d='M12 9v3l2 1'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/refresh.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/question.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/ip.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'/%3E%3Cpath d='M2 12h20'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/system.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 10 5-10 5L2 7z'/%3E%3Cpath d='m2 17 10 5 10-5'/%3E%3Cpath d='m2 12 10 5 10-5'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/img.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/clock.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0a100' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/print.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b919c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V2h12v7'/%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect width='12' height='8' x='6' y='14'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/istatistik1.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M18 17V9'/%3E%3Cpath d='M13 17V5'/%3E%3Cpath d='M8 17v-3'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/money.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322b14c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M6 12h.01M18 12h.01'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/mail.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-10 5L2 7'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/list.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b919c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E");
}

html body img[src*="icons/16/config.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b919c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E");
}

html body img[src*="icons/akfpsf_1.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322b14c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='6'/%3E%3Ccircle cx='16' cy='12' r='2.5'/%3E%3C/svg%3E");
}

html body img[src*="icons/akfpsf_2.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='6'/%3E%3Ccircle cx='8' cy='12' r='2.5'/%3E%3C/svg%3E");
}

html body img[src*="icons/help_back.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b919c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3Cpath d='M19 12H5'/%3E%3C/svg%3E");
}

html body img[src*="icons/ap_1.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322b14c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='6'/%3E%3Ccircle cx='16' cy='12' r='2.5'/%3E%3C/svg%3E");
}

html body img[src*="icons/ap_2.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='6'/%3E%3Ccircle cx='8' cy='12' r='2.5'/%3E%3C/svg%3E");
}

html body img[src*="v1/images/delete.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E");
}

html body img[src*="img/mobile.png"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b919c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='20' x='5' y='2' rx='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
  html body ul.isotope-widgets {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    height: auto !important;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  html body ul.isotope-widgets li,
  html body ul.isotope-widgets li.isotope-item {
    position: static !important;
    float: none !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
  }

  html body ul.isotope-widgets li a,
  html body ul.isotope-widgets > li a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 10px;
    box-sizing: border-box;
  }

  html body ul.isotope-widgets li a strong,
  html body ul.isotope-widgets li a.button-blue strong {
    overflow: hidden;
    padding: 0 0 5px;
    font-size: 17px;
    line-height: 1.2;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html body ul.isotope-widgets li a span,
  html body ul.isotope-widgets li a.button-blue span {
    overflow: hidden;
    padding: 0;
    font-size: 11px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

html body .t3-ftoggle {
  display: none;
}

@media (min-width: 1200px) {
  html body #main.t3-wide[id] {
    width: min(1500px, calc(100% - 24px)) !important;
  }

  html body #content.t3-live-left {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr) 220px;
    gap: 10px;
    align-items: start;
  }

  html body #content.t3-live-left::after {
    display: none;
  }

  html body #content.t3-live-left > .t3-live-col {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }

  html body #content.t3-live-left > .left-container {
    grid-column: 2;
    grid-row: 1;
    float: none;
    width: auto !important;
    min-width: 0;
    margin: 0;
  }

  html body #content.t3-live-left > .right-container {
    grid-column: 3;
    grid-row: 1;
    float: none;
    width: auto;
  }

  html body .t3-live-col .live-left-container {
    margin: 0;
  }
}

@media (min-width: 1480px) {
  html body #content.t3-live-left {
    grid-template-columns: 250px minmax(0, 1fr) 240px;
    gap: 12px;
  }
}

@media (max-width: 767px) {
  html body .t3-ftoggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 38px;
    margin: 0 0 8px;
    padding: 0 14px;
    background: var(--t3-bg-2);
    border: 1px solid var(--t3-border-2);
    border-radius: var(--t3-radius-sm);
    color: var(--t3-fg);
    font: 600 13px var(--t3-font);
    cursor: pointer;
  }

  html body .t3-ftoggle .fa:first-child {
    color: var(--t3-hero-text);
  }

  html body .z-right-container .filterTable.t3-fcollapsed {
    display: none;
  }

  html body .z-right-container .filterTable:not(.t3-fcollapsed) {
    margin: 0 0 10px;
    padding: 10px;
    box-sizing: border-box;
    background: var(--t3-bg-2);
    border: 1px solid var(--t3-border);
    border-radius: var(--t3-radius);
  }

  html body .z-right-container .filterTable > tbody > tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  html body .z-right-container .filterTable td.filtersCell1 {
    width: auto !important;
    min-width: 0;
    padding: 0;
    border: 0;
  }

  html body .z-right-container .filterTable td.filtersCell1:last-child {
    grid-column: 1 / -1;
  }

  html body .z-right-container .filterTable td input.inputText,
  html body .z-right-container .filterTable td select,
  html body .z-right-container .filterTable td .chosen-container {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  html body .z-right-container .filterTable td input.btn {
    width: 100%;
    height: 40px;
  }

  html body #content .middle {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  html body #content .middle .informer > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    padding: 6px 4px;
  }

  html body #content .middle .informer > a > span.title {
    font-size: 17px;
    line-height: 22px;
  }

  html body #content .middle .informer > a > span.text {
    overflow: hidden;
    max-width: 100%;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 991px) {
  html body .t3-sec .z-left-menu-b {
    margin: 0 0 6px;
    padding: 0;
    background: none;
    border: 0;
  }

  html body .t3-sec .z-left-menu-b a {
    gap: 12px;
    min-height: 52px;
    padding: 6px 12px 6px 8px;
    box-sizing: border-box;
    background: var(--t3-bg-3, var(--t3-card));
    border: 1px solid var(--t3-border);
    border-radius: 12px;
    color: var(--t3-fg);
    font-size: 14px;
    font-weight: 600;
  }

  html body .t3-sec .z-left-menu-b a::before {
    order: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(var(--t3-hero-rgb), .16);
    color: var(--t3-hero-text);
    font-size: 16px;
  }

  html body .t3-sec .z-left-menu-b a::after {
    content: "\f105";
    order: 3;
    margin-left: auto;
    color: var(--t3-muted);
    font-family: FontAwesome;
    font-size: 18px;
  }

  html body .t3-sec .z-left-menu-b a > span {
    order: 2;
    margin-left: 0;
  }

  html body .t3-sec .z-left-menu-b.active a {
    border-color: var(--t3-hero);
    background: rgba(var(--t3-hero-rgb), .1);
  }
}

@media (max-width: 767px) {
  html body .notice.info:has(> table.tablesorter) {
    display: block;
    margin: 0;
    padding: 8px;
    background: var(--t3-bg-3);
    background-image: none;
    border: 1px solid var(--t3-border);
    border-radius: var(--t3-radius-sm);
    text-indent: 0;
  }

  html body .notice.info > table.tablesorter,
  html body .notice.info > table.tablesorter > tbody {
    display: block;
    width: 100%;
    overflow: visible;
  }

  /* Satırlar tek ızgarayı paylaşır: her satır kendi sütun genişliğini hesaplayınca değerler alt alta hizalanmıyordu */
  html body .notice.info > table.tablesorter > tbody {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
    gap: 0;
  }

  html body .notice.info > table.tablesorter > tbody > tr {
    display: contents;
  }

  html body .notice.info > table.tablesorter > tbody > tr > td:nth-child(4n+2) {
    padding-right: 10px;
  }

  html body .notice.info > table.tablesorter > tbody > tr > td:nth-child(4n+3) {
    padding-left: 10px;
  }

  html body .notice.info > table.tablesorter > tbody > tr + tr > td:first-child {
    grid-column-start: 1;
  }

  html body .notice.info > table.tablesorter > tbody > tr + tr > td:nth-child(-n+4) {
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid var(--t3-border);
  }

  html body .notice.info > table.tablesorter td {
    display: block;
    min-width: 0;
    padding: 4px 0;
    background: none;
    border: 0;
    font-size: 12px;
    line-height: 1.3;
  }

  html body .notice.info > table.tablesorter td:nth-child(odd) {
    color: var(--t3-fg-2);
  }

  html body .notice.info > table.tablesorter td:nth-child(even) {
    color: var(--t3-fg);
    font-weight: 700;
    text-align: right;
  }

  html body .notice.info > table.tablesorter td:empty {
    display: none;
  }

  html body table.tablesorter > tbody > tr:has(> td:only-child:empty) {
    display: none;
  }
}

@media (max-width: 767px) {
  html body .notice:has(> table.tablesorter)::before,
  html body .notice:has(> table.tablesorter)::after {
    display: none;
  }
}

html body .kupon-full-delete .btn,
html body .kupon-full-delete input {
  display: block;
}

html body .kupon-full-delete {
  font-size: 0;
}

html body .kupon-full-delete .btn,
html body .kupon-full-delete input {
  font-size: 14px;
}

@media (min-width: 1200px) {
  html body #content.t3-live-left > :not(.t3-live-col):not(.left-container):not(.right-container) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  html body .search-a .filterTable,
  html body .search-a .filterTable > tbody {
    display: block;
    width: 100%;
    margin: 0;
  }

  html body .search-a .filterTable > tbody > tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  html body .search-a .filterTable td {
    display: block;
    width: auto !important;
    min-width: 0;
    padding: 0;
    border: 0;
  }

  html body .search-a .filterTable td.filtersCell0:not(:has(.t3-fav-tool)) {
    display: none;
  }

  html body .search-a .filterTable td:first-child,
  html body .search-a .filterTable td:last-child {
    grid-column: 1 / -1;
  }

  html body .search-a .filterTable > tbody > tr:has(.t3-fav-tool) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 40px;
  }

  html body .search-a .filterTable tr:has(.t3-fav-tool) > td:first-child {
    grid-column: 1 / 3;
  }

  html body .search-a .filterTable tr:has(.t3-fav-tool) > td:nth-child(3) {
    grid-column: 1;
  }

  html body .search-a .filterTable tr:has(.t3-fav-tool) > td:nth-child(4) {
    grid-column: 2 / 4;
  }

  html body .search-a .filterTable td.filtersCell0:has(.t3-fav-tool) {
    display: flex;
  }

  html body #searchcontainer #searchinput {
    width: 100% !important;
    height: 36px;
  }

  html body #searchcontainer .filtersCell0 {
    padding: 0;
  }

  html body .search-a .filterTable td.filtersCell0 .t3-fav-tool {
    width: 40px;
    height: auto;
    min-height: 36px;
  }

  html body .search-a .filterTable td input.inputText,
  html body .search-a .filterTable td select,
  html body .search-a .filterTable td .chosen-container,
  html body .search-a .filterTable td input.btn {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  html body .search-a .filterTable td input.btn {
    height: 40px;
  }

  html body .pre-match-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  html body .pre-match-container > ul,
  html body .pre-match-container > .competition-bc {
    flex: 0 0 auto;
    width: 860px;
    min-width: 860px;
    box-sizing: border-box;
  }

  html body .pre-match-content > li:nth-child(2) {
    width: 72px;
  }

  html body .pre-match-content > li:nth-child(3) {
    flex: 1 1 auto;
    min-width: 250px;
  }
}

@media (max-width: 767px) {
  html body .pre-match-container .events-detail {
    position: sticky;
    left: 0;
    width: calc(100vw - 36px) !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  html body #header .t3-mobile-link,
  html body #header #language,
  html body #header .t3-theme-toggle,
  html body #header #soundBox {
    position: absolute;
    top: 10px;
    float: none;
    margin: 0;
  }

  html body #header #soundBox {
    right: 60px;
  }

  html body #header .t3-theme-toggle {
    right: 98px;
  }

  html body #header #language {
    right: 136px;
  }

  html body #header .t3-mobile-link {
    right: 196px;
  }
}

@media (max-width: 359px) {
  html body #header #soundBox {
    display: none;
  }

  html body #header .t3-theme-toggle {
    right: 60px;
  }

  html body #header #language {
    right: 98px;
  }

  html body #header .t3-mobile-link {
    right: 158px;
  }
}

@media (max-width: 767px) {
  html {
    overflow-x: hidden;
  }

  html body {
    overflow-x: clip;
    max-width: 100%;
  }

  html body #main[id] {
    max-width: 100%;
    overflow-x: clip;
  }

  html body #main img,
  html body #main iframe,
  html body #main svg {
    max-width: 100%;
  }

  html body #content .menubar-in {
    flex-wrap: wrap;
    height: auto;
  }
}

html body .menubar {
  clear: both;
  float: none;
  width: 100%;
  box-sizing: border-box;
}

html body #main .menubar .middle,
html body .menubar .middle {
  float: none;
  width: 100% !important;
  margin: 0;
}

html body .menubar .menubar-in {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 20px;
  width: 100%;
  height: auto;
  min-height: 48px;
  padding: 8px 16px;
  line-height: 28px;
  border-radius: var(--t3-radius);
}

html body .menubar .uyari {
  flex: 0 0 auto;
  white-space: nowrap;
}

html body .menubar .link {
  flex: 1 1 auto;
  float: none;
  width: auto;
}

html body .menubar .link ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

html body .menubar .link ul li {
  float: none;
  display: block;
  width: auto;
}

@media (max-width: 767px) {
  html body .menubar .menubar-in {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  html body .menubar .link ul {
    justify-content: center;
  }

  html body .menubar ul li a {
    padding: 0 10px;
  }
}

html body #content .menubar .middle,
html body #main .menubar .middle {
  display: block !important;
  grid-template-columns: none;
  gap: 0;
  margin: 0;
}

html body table.tablesorter td img[src*="icons/16/"],
html body table.tablesorter td a.grid img,
html body table.tablesorter td a.grid {
  max-width: none !important;
  flex: none;
}

html body table.tablesorter td a.grid {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  min-height: 18px;
}

html body table.tablesorter td:has(> a.grid),
html body table.tablesorter td:has(> img[src*="icons/16/"]) {
  min-width: 30px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  white-space: nowrap;
}

html body table.tablesorter td img[src*="icons/16/ticket_"] {
  width: 14px;
  height: 14px;
  object-fit: contain;
  vertical-align: middle;
}

html.t3-embed body #header,
html.t3-embed body .modern-ticker,
html.t3-embed body .menubar,
html.t3-embed body .footer,
html.t3-embed body #scrollUp {
  display: none !important;
}

html.t3-embed body #main[id] {
  width: calc(100% - 16px) !important;
  min-width: 0;
  margin-top: 8px;
}

html.t3-embed body {
  padding-bottom: calc(env(safe-area-inset-bottom) + 24px) !important;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {
  html body #colorbox {
    position: fixed !important;
    top: 8px !important;
    left: 8px !important;
    width: calc(100% - 16px) !important;
    height: auto !important;
    max-height: calc(100% - 16px);
  }

  html body #cboxWrapper {
    width: 100% !important;
    height: auto !important;
  }

  html body #cboxContent {
    width: calc(100% - 16px) !important;
    height: auto !important;
  }

  html body #cboxLoadedContent {
    width: 100% !important;
    height: auto !important;
    max-height: calc(100vh - 80px) !important;
    max-height: calc(100dvh - 80px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-bottom: 12px;
    box-sizing: border-box;
  }

  html body #cboxLoadedContent table.t3-cards {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible;
    border: 0;
  }

  html body #cboxLoadedContent table.t3-cards > thead {
    display: none;
  }

  html body #cboxLoadedContent table.t3-cards > tbody {
    display: block;
  }

  html body #cboxLoadedContent table.t3-cards > tbody > tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
    margin: 0 0 8px;
    padding: 10px 12px;
    background: var(--t3-bg-3);
    border: 1px solid var(--t3-border);
    border-radius: var(--t3-radius-sm);
  }

  html body #cboxLoadedContent table.t3-cards > tbody > tr > td {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    width: auto !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: var(--t3-fg);
    font-size: 12px;
    text-align: left !important;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  html body #cboxLoadedContent table.t3-cards > tbody > tr > td::before {
    content: attr(data-label);
    color: var(--t3-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
  }

  html body #cboxLoadedContent table.t3-cards > tbody > tr > td[data-label=""]::before {
    display: none;
  }

  html body #cboxLoadedContent table.t3-cards > tbody > tr > td.t3-cell-empty,
  html body #cboxLoadedContent table.t3-cards > tbody > tr > td img[src$="/undefined"] {
    display: none;
  }

  html body #cboxLoadedContent table.t3-cards > tbody > tr > td:nth-child(3) {
    grid-column: 1 / -1;
    font-weight: 700;
  }

  html body #cboxLoadedContent table.t3-pairs,
  html body #cboxLoadedContent table.t3-pairs > tbody {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body #cboxLoadedContent table.t3-pairs > tbody > tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
    gap: 6px 10px;
    padding: 10px 12px;
  }

  html body #cboxLoadedContent table.t3-pairs td {
    display: block;
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    font-size: 12px;
  }

  html body #cboxLoadedContent table.t3-pairs td:nth-child(odd) {
    color: var(--t3-fg-2);
  }

  html body #cboxLoadedContent table.t3-pairs td:nth-child(even) {
    color: var(--t3-fg);
    font-weight: 700;
    text-align: right;
  }
}

@media (max-width: 767px) {
  html body #cboxWrapper > div {
    display: flex !important;
  }

  html body #cboxWrapper > div > div {
    float: none !important;
    flex: 0 0 auto;
  }

  html body #cboxWrapper > div > #cboxContent,
  html body #cboxTopCenter,
  html body #cboxBottomCenter {
    flex: 1 1 auto;
  }

  html body #cboxLoadedContent table.t3-cards > tbody > tr > td:only-child {
    grid-column: 1 / -1;
  }

  html body #cboxLoadedContent table.t3-cards > tbody > tr:has(> td:only-child) {
    display: block;
    padding: 0;
    background: none;
    border: 0;
  }
}

@media (max-width: 767px) {
  html body #cboxWrapper {
    position: relative !important;
  }
}

@media (min-width: 1200px) {
  html body .t3-live-col .live-left-container .search-box {
    position: relative;
  }

  html body .t3-live-col #live_ac_results {
    position: absolute !important;
    top: 0 !important;
    left: calc(100% + 8px) !important;
    right: auto !important;
    z-index: 1000;
    width: 340px;
    max-width: calc(100vw - 300px);
  }

  html body .t3-live-col #live_ac_results .LiveBettingSportMain {
    width: auto;
  }

  html body .t3-live-col #live_ac_results .LiveBettingSportCnt {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  html body .t3-live-col #live_ac_results .LiveBettingSportCnt .item {
    width: 100%;
    box-sizing: border-box;
  }
}

@media (min-width: 1200px) {
  html body .t3-live-col #live_ac_results {
    max-height: calc(100vh - 140px);
    overflow-y: auto;
  }
}

html body .ac_results ul {
  box-sizing: border-box;
}

html body .kupon-item .kupon-item-name > div {
  white-space: normal !important;
  overflow-wrap: anywhere;
}

@media (min-width: 768px) {
  html body .search-a .filterTable .chosen-container {
    width: 150px !important;
  }
}

@media (max-width: 1535px) {
  html body .pre-match-header .pre-match-multi-column-base,
  html body .pre-match-league .pre-match-multi-column-base,
  html body .pre-match-content .pre-match-multi-column-base {
    width: 44px;
  }

  html body .pre-match-multi-column-SPECIAL.multi-column-count-2 {
    width: 88px;
  }

  html body .pre-match-multi-column-SPECIAL.multi-column-count-2.special,
  html body .pre-match-multi-column-SPECIAL.multi-column-count-3 {
    width: 132px;
  }

  html body .pre-match-multi-column-SPECIAL.multi-column-count-3.special {
    width: 176px;
  }

  html body .pre-match-content.events-list > li .pre-match-market-bc {
    width: 44px !important;
  }

  html body .pre-match-content.events-list > li:nth-child(2) {
    width: 52px;
    line-height: 1.25;
    text-align: center;
  }
}

html body .pre-match-content.events-list > li:has(> .pre-match-column-teams) {
  container-type: inline-size;
}

html body .pre-match-column-teams > .t3-fav-star:first-child {
  order: 0;
}

html body .pre-match-column-teams > img:first-of-type {
  order: 1;
  margin: 0 5px 0 0 !important;
}

html body .pre-match-column-teams > p:first-of-type {
  order: 2;
}

html body .pre-match-column-teams > span {
  order: 3;
}

html body .pre-match-column-teams > img:last-of-type {
  order: 4;
}

html body .pre-match-column-teams > p:last-of-type {
  order: 5;
}

html body .pre-match-column-teams > .t3-fav-star:last-child {
  order: 6;
}

@container (max-width: 360px) {
  html body .pre-match-column-teams {
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    row-gap: 2px;
  }

  html body .pre-match-column-teams > span {
    display: none;
  }

  html body .pre-match-column-teams > .t3-fav-star:first-child {
    grid-area: 1 / 1;
  }

  html body .pre-match-column-teams > p:first-of-type {
    grid-area: 1 / 3;
  }

  html body .pre-match-column-teams > img:first-of-type {
    grid-area: 1 / 2;
  }

  html body .pre-match-column-teams > img {
    margin: 0 6px 0 0 !important;
  }

  html body .pre-match-column-teams > .t3-fav-star:last-child {
    grid-area: 2 / 1;
  }

  html body .pre-match-column-teams > p:last-of-type {
    grid-area: 2 / 3;
  }

  html body .pre-match-column-teams > img:last-of-type {
    grid-area: 2 / 2;
  }
}

@container (max-width: 200px) {
  html body .pre-match-column-teams > img {
    display: none;
  }
}

html body .pre-match-content.events-list:not(.events-detail) {
  content-visibility: auto;
  contain-intrinsic-size: auto 40px;
}

html body .live-left-container .event-item .title.ellipsis {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Renk temaları (başlıktaki renk düğmeleri; seçim mobil ile ortak: t3.accent + t3.theme) */
html body .t3-accents {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 6px;
  vertical-align: middle;
}

html body #header .t3-accents {
  display: flex;
  float: right;
  height: 34px;
  margin: 0 8px 0 0;
}

@media (max-width: 767px) {
  html body #header .t3-accents {
    display: none;
  }
}

html body .t3-accent {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  border: 2px solid var(--t3-border-2);
  border-radius: 50%;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

html body .t3-accent-yellow-black { background: linear-gradient(135deg, #ffd100 50%, #111111 50%); }
html body .t3-accent-teal-white { background: linear-gradient(135deg, #00a19a 50%, #ffffff 50%); }
html body .t3-accent-red-white { background: linear-gradient(135deg, #d32f2f 50%, #ffffff 50%); }
html body .t3-accent-black-red { background: linear-gradient(135deg, #111111 50%, #d32f2f 50%); }
html body .t3-accent-green-white { background: linear-gradient(135deg, #00a651 50%, #ffffff 50%); }
html body .t3-accent-blue-black { background: linear-gradient(135deg, #1f6fd6 50%, #111111 50%); }

html body .t3-accent.is-active {
  border-color: var(--t3-fg);
  box-shadow: 0 0 0 2px var(--t3-bg-2), 0 0 0 4px var(--t3-hero);
}

html body .t3-accent:focus-visible {
  outline: 2px solid var(--t3-hero);
  outline-offset: 2px;
}

html[data-t3-accent="teal"] {
  --t3-hero: #14b8a6;
  --t3-hero-hover: #0f9488;
  --t3-hero-fg: #000000;
  --t3-hero-rgb: 20, 184, 166;
  --t3-hero-text: #2dd4bf;
  --t3-odd: #5eead4;
}

html[data-t3-accent="red"] {
  --t3-hero: #d32f2f;
  --t3-hero-hover: #b71c1c;
  --t3-hero-fg: #ffffff;
  --t3-hero-rgb: 211, 47, 47;
  --t3-hero-text: #ff6b6b;
  --t3-odd: #ff9a90;
}

html[data-t3-accent="green"] {
  --t3-hero: #1fbf5b;
  --t3-hero-hover: #17994a;
  --t3-hero-fg: #000000;
  --t3-hero-rgb: 31, 191, 91;
  --t3-hero-text: #3ddc78;
  --t3-odd: #4ade80;
}

html[data-t3-accent="blue"] {
  --t3-hero: #1f6fd6;
  --t3-hero-hover: #1858b0;
  --t3-hero-fg: #ffffff;
  --t3-hero-rgb: 31, 111, 214;
  --t3-hero-text: #6ea8ff;
  --t3-odd: #8ab4ff;
}

html[data-t3-theme="light"][data-t3-accent="teal"] {
  --t3-hero: #00796b;
  --t3-hero-hover: #00695c;
  --t3-hero-fg: #ffffff;
  --t3-hero-rgb: 0, 121, 107;
  --t3-hero-text: #00796b;
  --t3-odd: #00796b;
}

html[data-t3-theme="light"][data-t3-accent="red"] {
  --t3-hero-text: #c62828;
  --t3-odd: #c62828;
}

html[data-t3-theme="light"][data-t3-accent="green"] {
  --t3-hero: #0b7a3a;
  --t3-hero-hover: #08602d;
  --t3-hero-fg: #ffffff;
  --t3-hero-rgb: 11, 122, 58;
  --t3-hero-text: #0f7535;
  --t3-odd: #0f7535;
}

html[data-t3-theme="light"][data-t3-accent="blue"] {
  --t3-hero-text: #1f5fbf;
  --t3-odd: #1f5fbf;
}

html[data-t3-accent="red"] .bet.active i,
html[data-t3-accent="blue"] .bet.active i,
html[data-t3-theme="light"][data-t3-accent="teal"] .bet.active i,
html[data-t3-theme="light"][data-t3-accent="green"] .bet.active i {
  color: rgba(255, 255, 255, .8) !important;
}

html body .scrollbox,
html body .scrollbox div.even {
  background: var(--t3-input) !important;
}

html body .scrollbox {
  border-color: var(--t3-border) !important;
  border-radius: var(--t3-radius-sm);
  color: var(--t3-fg);
}

html body .scrollbox div.odd {
  background: var(--t3-bg-2) !important;
}

html body .scrollbox label {
  color: var(--t3-fg);
}

html body .scrollbox .text-danger {
  color: var(--t3-danger-text) !important;
}

html body .t3-cflag {
  display: inline-block;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0 7px 0 0;
  border-radius: 50%;
  vertical-align: -3px;
  object-fit: cover;
}

html,
html body,
html body :not(textarea):not(select):not(option):not(optgroup) {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html::-webkit-scrollbar,
html body::-webkit-scrollbar,
html body :not(textarea):not(select):not(option):not(optgroup)::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Navigation shortcuts (header pin toggle & sidebar frequent/pinned section) */
html body .t3-nav-pin {
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  width: 34px;
  height: 34px;
  margin: 0 4px 0 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--t3-radius-sm);
  background: var(--t3-elevated);
  color: var(--t3-fg-2);
  font-size: 15px;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
}

html body .t3-nav-pin[hidden] {
  display: none !important;
}

html body .t3-nav-pin:hover,
html body .t3-nav-pin:focus-visible {
  background: var(--t3-pressed);
  color: var(--t3-hero-text);
  outline: 0;
}

html body .t3-nav-pin.is-pinned {
  background: rgba(var(--t3-hero-rgb), .16);
  border-color: rgba(var(--t3-hero-rgb), .7);
  color: var(--t3-hero-text);
}

html body .t3-nav-pin[aria-disabled="true"] {
  opacity: .55;
  cursor: default;
}

html body .t3-sec-fav .t3-fav-head {
  width: 100%;
  border: 0;
  text-align: left;
  font-family: var(--t3-font);
  cursor: pointer;
}

html body .t3-sec-fav .t3-fav-head:focus-visible {
  outline: 1px solid var(--t3-hero);
  border-radius: 6px;
}

html body .t3-sec-fav .t3-fav-head-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body .t3-sec-fav .t3-fav-row-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
}

html body .t3-sec-fav.t3-closed .t3-fav-row-item {
  display: none;
}

html body .t3-sec-fav .t3-fav-row-item .t3-fav-link {
  flex: 1 1 0;
  min-width: 0;
}

html body .t3-sec-fav .t3-fav-row-item .t3-fav-link strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body .t3-sec-fav .t3-fav-row-item.is-pinned .t3-fav-link::before {
  display: none;
}

html body .t3-sec-fav .t3-fav-pin-icon {
  flex: 0 0 16px;
  color: var(--t3-hero-text);
  font-size: 12px;
  text-align: center;
}

html body .t3-sec-fav .t3-fav-remove {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--t3-muted);
  font-size: 12px;
  cursor: pointer;
  transition: background .15s, color .15s;
}

html body .t3-sec-fav .t3-fav-remove:hover,
html body .t3-sec-fav .t3-fav-remove:focus-visible {
  background: var(--t3-elevated);
  color: var(--t3-danger);
  outline: 0;
}

html body .t3-sec-fav .t3-fav-remove[aria-disabled="true"] {
  opacity: .45;
  cursor: default;
}

html body .t3-nav-pin:focus-visible,
html body .t3-sec-fav .t3-fav-link:focus-visible,
html body .t3-sec-fav .t3-fav-remove:focus-visible {
  outline: 2px solid var(--t3-hero-text);
  outline-offset: 1px;
}

html body .t3-sec-fav .t3-fav-pin-icon[hidden],
html body .t3-nav-error[hidden] {
  display: none !important;
}

html body .t3-sec-fav .t3-nav-row-error {
  flex: 1 0 100%;
  box-sizing: border-box;
  margin: 2px 0 6px;
  overflow-wrap: anywhere;
}

html body .t3-nav-error {
  margin: 4px 6px 2px;
  padding: 6px 8px;
  border-radius: 6px;
  background: rgba(var(--t3-danger-rgb), .14);
  border: 1px solid rgba(var(--t3-danger-rgb), .45);
  color: var(--t3-danger-text);
  font-size: 11px;
  line-height: 1.35;
}

html body .t3-header-nav-error {
  clear: both;
  margin: 6px 0 0;
}

@media (max-width: 991px) {
  html body .t3-sec-fav .t3-fav-row-item {
    gap: 6px;
    margin: 0 0 6px;
  }

  html body .t3-sec-fav.t3-closed .t3-fav-row-item {
    display: none;
  }

  html body .t3-sec-fav .t3-fav-row-item.is-pinned .t3-fav-pin-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(var(--t3-hero-rgb), .16);
    color: var(--t3-hero-text);
    font-size: 15px;
  }

  html body .t3-sec-fav .t3-fav-remove {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid var(--t3-border);
    border-radius: 10px;
    background: var(--t3-bg-3, var(--t3-card));
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  html body #header:has(.t3-nav-pin:not([hidden])) .t3-nav-pin {
    position: absolute;
    top: 10px;
    right: 98px;
    float: none;
    margin: 0;
  }

  html body #header:has(.t3-nav-pin:not([hidden])) .t3-theme-toggle {
    right: 136px;
  }

  html body #header:has(.t3-nav-pin:not([hidden])) #language {
    right: 174px;
  }

  html body #header:has(.t3-nav-pin:not([hidden])) .t3-mobile-link {
    right: 234px;
  }
}

@media (max-width: 359px) {
  html body #header:has(.t3-nav-pin:not([hidden])) .t3-nav-pin {
    right: 60px;
  }

  html body #header:has(.t3-nav-pin:not([hidden])) .t3-theme-toggle {
    right: 98px;
  }

  html body #header:has(.t3-nav-pin:not([hidden])) #language {
    right: 136px;
  }

  html body #header:has(.t3-nav-pin:not([hidden])) .t3-mobile-link {
    right: 196px;
  }
}