.hero-image{
    position: relative;
    min-height: 300px;
    background-image: url('/public/home/hero.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}




.display-select-item{
    min-width:32px;
}

.display-select-item.active{
    color: var(--sgt-red);
}



#selections-container[data-ladder-member="0"] .display-select-item[data-view-type="pending"]{
    display:none !important;
}


#selections-container[data-ladder-member="0"] #show-create-modal-btn{
    display:none !important;
}

.display-select-item{
    border-bottom: 2px solid transparent;
}

.display-select-item.active{
    border-bottom: 2px solid var(--sgt-red);
}


#ladder-data-container{
    overflow-x:auto;
}


.player-avatar-wrapper{
    height:32px;
    width:32px;
    margin-right:9px;
  }

  .player-avatar{
    width:32px;
    height:32px;
    border-radius:50%;
    overflow: hidden;

  }

  .player-avatar img{
    width: 100%;
    height:auto;
  }

  .player-flag{
    position: absolute;
    bottom:0;
    right:-9px;
    height:18px;
    width: 18px !important;;
    border-radius: 50%;
  }



  @media (max-width:768px){


    .standings-table{
        font-size: 60%;
    }

    .standings-table .three-quarter-font{
        font-size: 75% !important;
    }




    .player-avatar-wrapper:not(.no-shrink){
        height:24px;
        width:24px;
        margin-right:6px;
      }
    
      .player-avatar:not(.no-shrink){
        width:24px;
        height:24px;
        border-radius:50%;
        overflow: hidden;
    
      }
    
      .player-avatar:not(.no-shrink) img{
        width: 100%;
        height:auto;
      }
    
      .player-flag:not(.no-shrink){
        position: absolute;
        bottom:0;
        right:-6px;
        height:12px;
        width: 12px !important;;
        border-radius: 50%;
      }
    


}





.modal-fullscreen {
    width: calc(100vw - 40px) !important;
    height: calc(100% - 40px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 20px !important;
}


.standings-table-wrapper{
    width:100%;
    max-width: 100%;
    overflow-x: auto;
}


.standings-table tbody tr.odd {
    background-color: var(--sgt-md-gray);
}


.standings-table tbody tr.odd td:first-child {
    border-right:1px solid var(--sgt-dark-gray);
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}


.standings-table tbody tr.odd td:last-child {
    border-left:1px solid var(--sgt-dark-gray);
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}


.standings-table tbody tr.even td:first-child {
    border-right:1px solid var(--sgt-md-gray);
}


.standings-table tbody tr.even td:last-child {
    border-left:1px solid var(--sgt-md-gray);
}


.expand-cell{
    width:99%;
}



.create-form-input{
    border-color: var(--sgt-light);
    color: var(--sgt-dark-gray);
    font-size: 16px;
}


.create-form-input:focus{
    color: var(--sgt-dark-gray);
    border-color: var(--sgt-red);
    outline: 0;
    box-shadow: 0 0 0 0px rgba(208, 63, 37, 1.0);
}