@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
.page#page-admin {
  padding: 60px 0;
  display: block;
  background: linear-gradient(45deg, #213f68, #102f59, #091b34) !important; }
  .page#page-admin .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-transform: none; }
  .page#page-admin #players-table_wrapper .row:nth-child(2) {
    overflow: scroll; }
  .page#page-admin #players-table td span {
    font-weight: 500;
    color: #213f68; }
    .page#page-admin #players-table td span.games {
      border-radius: 10px;
      background: #3498db;
      color: white;
      padding: 2px 10px; }
  .page#page-admin .pl-card-wrapper {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .page#page-admin .pl-card {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    background: white;
    padding: 10px 5px;
    border-radius: 4px;
    display: flex;
    align-items: center; }
    .page#page-admin .pl-card .level {
      font-weight: 900;
      font-size: 20px;
      margin: 0 5px;
      min-width: 30px; }
    .page#page-admin .pl-card .info {
      flex: 1; }
      .page#page-admin .pl-card .info .name {
        font-size: 14px;
        font-weight: 500;
        display: block;
        color: #213f68;
        line-height: 16px;
        max-width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .page#page-admin .pl-card .info .position {
        font-size: 10px;
        color: #3b5998;
        font-weight: 500;
        text-transform: capitalize; }
    .page#page-admin .pl-card .is-active {
      margin: 0 5px; }
      .page#page-admin .pl-card .is-active i {
        min-width: 20px;
        width: 20px;
        height: 20px;
        background: #3498db;
        line-height: 20px;
        text-align: center;
        color: white;
        border-radius: 100%; }
        .page#page-admin .pl-card .is-active i.disabled {
          background: grey; }
  .page#page-admin .team-card {
    padding: 10px 5px;
    border-radius: 4px;
    display: flex;
    align-items: center; }
    .page#page-admin .team-card .img {
      font-weight: 900;
      font-size: 20px;
      min-width: 30px; }
      .page#page-admin .team-card .img img {
        width: 25px;
        height: 25px;
        border-radius: 100%;
        object-fit: cover; }
    .page#page-admin .team-card .info {
      flex: 1; }
      .page#page-admin .team-card .info .club {
        font-size: 12px;
        font-weight: 500;
        display: block;
        color: #213f68;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px; }
      .page#page-admin .team-card .info .region {
        font-size: 9px;
        color: #3b5998;
        font-weight: 500;
        text-transform: capitalize; }
  .page#page-admin .tag {
    border-radius: 2px;
    padding: 2px;
    text-align: center;
    color: white;
    font-weight: 700; }
    .page#page-admin .tag.last-active {
      font-size: 10px; }
      .page#page-admin .tag.last-active.active {
        background: #41ab5d; }
      .page#page-admin .tag.last-active.inactive {
        background: #ff5d55; }
    .page#page-admin .tag.class.A {
      background: #3498db;
      font-weight: 900; }
    .page#page-admin .tag.class.AA {
      background: #3b5998;
      color: white;
      font-weight: 900; }
    .page#page-admin .tag.class.AAA {
      background: #213f68;
      color: white;
      font-weight: 900; }
    .page#page-admin .tag.class.PRO {
      background: #091b34;
      color: white;
      font-weight: 900; }
    .page#page-admin .tag.class.Futsal {
      background: #102f59;
      color: white;
      font-weight: 900; }
    .page#page-admin .tag.class.Locale, .page#page-admin .tag.class.Loc {
      background: grey;
      color: white;
      font-weight: 900; }

.page#page-update-roster #search-bar {
  position: relative; }
  .page#page-update-roster #search-bar #search-bar-wrapper {
    margin: 10px 0;
    background: white;
    width: 100%;
    display: block;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    transition: 0.5s; }
    .page#page-update-roster #search-bar #search-bar-wrapper:hover {
      transform: translateY(-1px); }
    .page#page-update-roster #search-bar #search-bar-wrapper input {
      border: none;
      line-height: 45px;
      width: 100%;
      padding: 0 10px;
      font-size: 12px; }
    .page#page-update-roster #search-bar #search-bar-wrapper i {
      position: absolute;
      right: 0;
      top: 0;
      width: 45px;
      text-align: center;
      height: 45px;
      line-height: 45px;
      font-size: 20px;
      color: rgba(33, 63, 104, 0.5); }
  .page#page-update-roster #search-bar #search-result {
    position: absolute;
    width: 100%;
    min-width: 200px;
    z-index: 99990; }
    .page#page-update-roster #search-bar #search-result .players .player {
      background: white;
      border-bottom: solid 1px rgba(0, 0, 0, 0.05);
      display: block; }
      .page#page-update-roster #search-bar #search-result .players .player.locked {
        background: #e2e2e2;
        cursor: not-allowed; }
      .page#page-update-roster #search-bar #search-result .players .player:hover {
        text-decoration: none; }
      .page#page-update-roster #search-bar #search-result .players .player.clone {
        display: none; }
      .page#page-update-roster #search-bar #search-result .players .player.non-existent {
        display: flex;
        align-items: center;
        padding: 10px; }
        .page#page-update-roster #search-bar #search-result .players .player.non-existent .icon {
          color: #ff5d55;
          margin-right: 10px; }
        .page#page-update-roster #search-bar #search-result .players .player.non-existent .text {
          text-align: left;
          font-size: 10px;
          line-height: 1.3; }
          .page#page-update-roster #search-bar #search-result .players .player.non-existent .text span {
            color: #213f68;
            display: block; }
      .page#page-update-roster #search-bar #search-result .players .player .player-content {
        padding: 5px 0;
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        align-items: center;
        width: 100%; }
        .page#page-update-roster #search-bar #search-result .players .player .player-content .level {
          display: none;
          font-size: 20px;
          text-align: center;
          font-weight: 900;
          width: 50px;
          filter: blur(5px); }
          @media (max-width: 800px) {
            .page#page-update-roster #search-bar #search-result .players .player .player-content .level {
              width: 30px;
              max-width: 30px; } }
          .page#page-update-roster #search-bar #search-result .players .player .player-content .level.no-filter {
            filter: none; }
        .page#page-update-roster #search-bar #search-result .players .player .player-content .img {
          width: 35px;
          height: 35px;
          border-radius: 100%;
          background: #102f59;
          margin: 0 5px; }
          @media (max-width: 800px) {
            .page#page-update-roster #search-bar #search-result .players .player .player-content .img {
              width: 20px;
              height: 20px; } }
          .page#page-update-roster #search-bar #search-result .players .player .player-content .img img {
            height: 35px;
            width: 35px;
            object-fit: cover;
            border-radius: 100%;
            min-width: 30px; }
            @media (max-width: 800px) {
              .page#page-update-roster #search-bar #search-result .players .player .player-content .img img {
                min-width: 20px;
                width: 20px;
                height: 20px; } }
        .page#page-update-roster #search-bar #search-result .players .player .player-content .name {
          text-align: left;
          flex: 1; }
          .page#page-update-roster #search-bar #search-result .players .player .player-content .name .player-name {
            font-size: 12px;
            font-weight: 500;
            color: #213f68; }
            @media (max-width: 800px) {
              .page#page-update-roster #search-bar #search-result .players .player .player-content .name .player-name {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 10px; } }
          .page#page-update-roster #search-bar #search-result .players .player .player-content .name .position {
            font-size: 8px;
            color: rgba(33, 63, 104, 0.8);
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 0.5px; }
        .page#page-update-roster #search-bar #search-result .players .player .player-content .class {
          font-weight: 700;
          color: rgba(33, 63, 104, 0.8); }
          @media (max-width: 800px) {
            .page#page-update-roster #search-bar #search-result .players .player .player-content .class {
              font-size: 10px;
              min-width: 30px; } }
        .page#page-update-roster #search-bar #search-result .players .player .player-content .is-valid {
          background: #3498db;
          color: white;
          min-width: 20px;
          width: 20px;
          height: 20px;
          line-height: 20px;
          text-align: center;
          border-radius: 100%;
          margin: 0 10px; }
          .page#page-update-roster #search-bar #search-result .players .player .player-content .is-valid.invalid {
            opacity: 0; }
          @media (max-width: 800px) {
            .page#page-update-roster #search-bar #search-result .players .player .player-content .is-valid {
              width: 15px;
              height: 15px;
              min-width: 15px;
              line-height: 15px;
              margin: 0 5px; }
              .page#page-update-roster #search-bar #search-result .players .player .player-content .is-valid i {
                line-height: 15px;
                display: block;
                font-size: 8px !important; } }
          .page#page-update-roster #search-bar #search-result .players .player .player-content .is-valid i {
            font-size: 12px;
            margin: auto; }
.page#page-update-roster #update-number-form {
  text-align: left; }
  .page#page-update-roster #update-number-form .input-group {
    display: flex;
    align-items: center;
    border-bottom: solid 1px rgba(0, 0, 0, 0.4); }
    .page#page-update-roster #update-number-form .input-group .label {
      flex: 1;
      color: white;
      font-weight: 500;
      line-height: 45px;
      overflow: hidden;
      font-size: 16px;
      white-space: nowrap; }
    .page#page-update-roster #update-number-form .input-group .input {
      width: 100px;
      text-align: center; }
      .page#page-update-roster #update-number-form .input-group .input select {
        text-align: center;
        line-height: 45px;
        font-size: 24px;
        height: 45px;
        width: 100%;
        background: white; }
        .page#page-update-roster #update-number-form .input-group .input select option {
          text-align: center; }

.page#page-show-games #games {
  width: 100%;
  color: white;
  text-align: left;
  white-space: nowrap; }

/*# sourceMappingURL=admin.css.map */