.btn-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.center-container {
  margin: 0 20%;
}

@media only screen and (max-width: 768px) {
  .center-container {
    margin: 0 5%;
  }

  ::ng-deep .mat-mdc-paginator-container {
    flex-wrap: nowrap !important;
  }

  ::ng-deep .mat-mdc-paginator-range-label {
    margin-left: 12px !important;
    margin-right: 0 !important;
  }
}

.btn-search {
  background-color: inherit;
  border: 0;
  color: #002d3c;
  width: 2rem !important;
  height: 2rem;
  margin: 0;
}

.btn-search .mat-icon {
  position: relative;
  right: 3px;
  top: 1px;
}

.header-title {
  color: #000;
  text-align: center;
}

.mat-mdc-row .mat-mdc-cell {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  cursor: pointer;
}

.mat-mdc-row:hover .mat-mdc-cell {
  border-color: currentColor;
}

.mat-column-position {
  width: 20%;
}

.mat-column-wins {
  width: 20%;
}

.empty-table {
  display: flex;
  justify-content: center;
  margin: 1rem;
  flex-wrap: wrap;
}

/* Spalten gleich*/
.user-games-table .mat-elevation-z8 {
  overflow-x: auto; /* Ensures the table is scrollable horizontally if it overflows */
}

table {
  width: 100%;
  table-layout: fixed; /* Use a fixed table layout */
}

.mat-column-date,
.mat-column-score {
  width: 50%; /* Set each column to occupy half of the table's width */
}

.center-text {
  text-align: center;
}

/* Additional styles for responsiveness and aesthetics */
@media only screen and (max-width: 768px) {
  .center-container {
    margin: 0 5%;
  }
}

.mat-cell, .mat-header-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* Prevent text overflow */
}


/*
Mat Slide Toggle Button - change of colors when switching
*/

@keyframes shadow-color-change {
  0%, 25% {
    background-color: #0596ff;
  }
  50% {
    background-color: #BCBCBC;
  }
  75%, 100% {
    background-color: #ff6d43;
  }
}

::ng-deep .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__shadow {
  background-color: #ff6d43;
}

::ng-deep .mat-mdc-slide-toggle.atos-company.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__shadow {
  background-color: #0596ff;
}

::ng-deep .mat-mdc-slide-toggle:not(.mat-mdc-slide-toggle-checked) .mdc-switch__shadow {
  animation: shadow-color-change 3s infinite alternate;
}

::ng-deep .mat-mdc-slide-toggle.mat-mdc-slide-toggle-checked:not(.mat-disabled) .mdc-switch__track::after {
  background-color: #e0e0e0 !important;
}

::ng-deep .mat-mdc-paginator-page-size-select {
  width: 64px !important;
}

.bestenliste-text {
  font-size: 16px;
  font-weight: normal;
  color: #000; /* Black color */
  margin: 0 10px; /* Spacing between the toggle and search button */
  padding: 0; /* Remove default padding if any */
  line-height: 1; /* Adjust line height if needed */
}
