.lock-scroll {
  overflow: hidden;
}

#app_fixtures {
  max-height: 400px;
  overflow-y: auto;
}

.arena_list {
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}

.dt-search {
  text-align: start !important;
}

.dt-input {
  font-size: 14px !important;
}

.dt-heading {
  color: #ffffff;
  font-size: 14px;
  background: #ff4a17 !important;
  padding-left: 19px;
}

.dt-heading-team {
  color: #ffffff;
  background-color: #585861 !important;
  font-size: 14px;
}

.dt-heading-small {
  font-size: 14px;
  white-space: normal;
  background: #ff4a17 !important;
}

.dt-fixed {
  background-color: #383c40 !important;
  color: white;
  border-bottom: 1px solid #ffffff !important;
}

.dt-fixed_head {
  background: #ff4a17 !important;
}

.dt-small {
  font-size: 14px;
  white-space: normal;
  color: white;
  font-weight: normal !important;
  cursor: pointer;
}

.dt-scores {
  font-size: 18px;
}

table.dataTable {
  width: 100% !important;
}

table.dataTable td, table.dataTable th {
  border: 1px solid #ffffff !important;
}

@media (max-width: 768px) {
  .dt-small {
    font-size: 13px;
    white-space: normal;
    color: white;
    cursor: pointer;
  }
}

@media (max-width: 768px) {
  tr.group, tr.group:hover {
    background-color: #797977 !important;
    text-align: center !important;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  :root.dark tr.group, :root.dark tr.group:hover {
    background-color: #797977 !important;
    text-align: center !important;
    font-size: 13px;
  }
}

.dt-line-right {
  border-right: 1px solid #d6d6d6;
  padding-right: 5px;
  font-size: 14px;
}

.dt-pad-left {
  padding-left: 7px;
}

.dt-left {
  text-align: left;
}

.cell-border {
  border-top: 1px solid #ffffff !important;
  border-right: 1px solid #ffffff !important;
}

table.dataTable td, table.dataTable th {
  border: 1px solid #3a3e42 !important;
}

table.dataTable tbody tr:nth-child(even) {
  background-color: #3a3e42;
}

/* Tooltip base style */

.tooltip-inner {
  background-color: #d3d4d5;
  color: #383c40;
  padding: 10px 15px;
  font-size: 13px;
  border-radius: 5px;
  max-width: 300px;
  word-wrap: break-word;
  text-align: left;
  border: 2px solid #ff4a17;
}

/* Tooltip arrow customization */

.tooltip-arrow {
  border-color: #333 transparent transparent transparent;
}

/* Tooltip positioning */

.tooltip {
  font-family: Arial, sans-serif;
  z-index: 9991050;
}

/* Optional: Show tooltip on hover */

[data-bs-toggle="tooltip"]:hover {
  cursor: pointer;
}

.result_win {
  color: #149140;
  font-weight: bold;
}

.result_lost {
  color: #bf6258;
  font-weight: bold;
}

.result_draw {
  color: #c56d1b;
  font-weight: bold;
}

.result_game_res {
  position: fixed;
  bottom: 10px;
  width: 97%;
  margin: auto;
}

tr.group, tr.group:hover {
  background-color: #797977 !important;
  text-align: center !important;
  font-size: 14px;
}

:root.dark tr.group, :root.dark tr.group:hover {
  background-color: #797977 !important;
  text-align: center !important;
  font-size: 14px;
}

.scroll_lock {
  position: fixed;
  left: 15px;
  bottom: 15px;
}

/* .lock-scroll i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
} */

/* .lock-scroll:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}

.lock-scroll.active {
  visibility: visible;
  opacity: 1;
} */

.fixture_search {
  color: white !important;
}

.results_search {
  color: white !important;
}

.pausedInput {
  pointer-events: none;
}

.accordion-button {
  background-color: #636363 !important;
  padding: 7px !important;
  padding-left: 10px !important;
}

.accordion-button:not(.collapsed) {
  color: #ffffff !important;
  background-color: #3d3d3d !important;
}

.accordion-button:focus {
  box-shadow: 0 0 0 0.15rem #bf6258 !important;
}

.accordion-body {
  padding: 0px !important;
}

.logged_in {
  color: #ff4a17;
}

.video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact_error {
  border: 2px solid red !important;
}

.team_name {
  cursor: pointer;
}

.lost {
  color: red;
  font-weight: bold;
}

.won {
  color: green;
  font-weight: bold;
}

.draw {
  color: orange;
  font-weight: bold;
}

.game_type {
  font-size: 12px;
  font-weight: bold;
}

.game_date {
  font-weight: bold;
  font-size: 14px;
}

.standings_team {
  display: none;
}

.standings_team_sel {
  color: #000000;
  background: #cccccc !important;
  font-weight: bold !important;
}

input::placeholder {
  color: #999 !important;
}

textarea::placeholder {
  color: #999 !important;
}