body{
    font-family: Helvetica,Arial,sans-serif;
        
}
.containerr{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
table{
    
}
thead{
    border-bottom: 2px solid black;
    border-collapse: collapse;
}
thead td{
    color: #023867;
    font-weight: bold;
    border-bottom: 1px solid black;
    cursor: pointer;
}
tbody tr:nth-child(2n){
    background-color: #EBEBEB;
}
td{
    position:relative;
    padding:20px;
}

.ascending{
    width: 0; 
    height: 0; 
    top:23px;
    margin-left:5px;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    
    border-bottom: 5px solid #023867;
}
.descending{
    position: absolute;
    bottom:23px;
    margin-left:5px;
    width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #023867;
}

.deactivated {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #023867;
    position: relative;
    top: -15px;
    left:5px;
  }
  .deactivated:after {
    content: '';
    position: absolute;
    left: -5px;
    top: 25px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #023867;
  }
  a{
    color:#023867
  }
  a:hover{
    color:#FDBB30
  }
  td img{
    width: 150px;
    height:150px;
    object-fit: cover;
  }
  svg{
    margin-left: 10px;
  }