.awt-tools-short-tc-list-wrapper {
    clear: both;
    color: #FFF;
}
  
  .awt-tools-short-tc-list-tc-profiles {
    display: flex;
    flex-wrap: wrap;  
  }
  
  .awt-tools-short-tc-list-tc-profile {
    position: relative;
    width: 16.6666667%;
    height: auto;  
    margin: 0;
    padding: 1em;
  }
  
  @media (max-width: 992px) {
    .awt-tools-short-tc-list-tc-profile {    
      width: 20%;  
    }
  }
  
  @media (max-width: 820px) {
    .awt-tools-short-tc-list-tc-profile {    
      width: 25%;  
    }
  }
  
  @media (max-width: 620px) {
    .awt-tools-short-tc-list-tc-profile {    
      width: 33.3333333%;  
    }
  }
  
  @media (max-width: 500px) {
    .awt-tools-short-tc-list-tc-profile {    
      width: 50%;  
    }
  }
  
  @media (max-width: 300px) {
    .awt-tools-short-tc-list-tc-profile {    
      width: 100%;  
    }
  }
  
  .awt-tools-short-tc-list-tc-profile-photo-wrapper {
    position: relative;
    width: 75px;
    height: 75px;    
    margin: auto;
  }
  
  .awt-tools-short-tc-list-tc-profile-photo {
    position: relative;
    width: 75px;
    height: 75px;  
    overflow: hidden;
    margin: auto;
    border: 5px solid rgb(233, 233, 233);
    border-radius: 50%;
  }
  
  .awt-tools-short-tc-list-tc-profile-photo a {
    display: inline-block;  
  }
  
  .awt-tools-short-tc-list-tc-profile-photo img {  
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
  }
  
  .awt-tools-short-tc-list-tc-profile-descr {
    text-align: center;
    font-size: small;
    font-weight: bold;
    padding: 0.25em;
  }
  
  .awt-tools-short-tc-list-tc-profile-status-icon {
    display: inline-block;
    background-color: #333;
    width: 10px;
    height: 10px;   
    border-radius: 50%;
    margin-right: 0.15em;  
  }
  
  .awt-tools-short-tc-list-tc-profile .awt-tools-short-tc-list-tc-profile-status-icon {
    position: absolute;
    top: -3px;
    right: -3px;
    z-index: 1000;
  }
  
  .awt-tools-short-tc-list-tc-profile-status-1 .awt-tools-short-tc-list-tc-profile-status-icon {
    background-color: #3cff00;
  }
  
  .awt-tools-short-tc-list-tc-profile-status-2 .awt-tools-short-tc-list-tc-profile-status-icon {
    background-color: #ffd800;
  }
  
  .awt-tools-short-tc-list-tc-profile-status-0 .awt-tools-short-tc-list-tc-profile-status-icon {
    background-color: #ccc;
  }
  
  .awt-tools-short-tc-list-legend {
    clear: both;
    margin: 1em 0 1em 10px;
    font-size: small;  
  }
  
  .awt-tools-short-tc-list-legend ul {
    width: 25em;
    margin: 0 auto;
  }
  
  .awt-tools-short-tc-list-legend li {
    float: left;
    list-style: none;
    margin-right: 1em;  
  }

  .awt-tools-short-tc-list-tc-profile-status-online .awt-tools-short-tc-list-tc-profile-status-icon {
    background-color: #3cff00;
  }
  
  .awt-tools-short-tc-list-tc-profile-status-busy .awt-tools-short-tc-list-tc-profile-status-icon {
    background-color: #ffd800;
  }
  
  .awt-tools-short-tc-list-tc-profile-status-offline .awt-tools-short-tc-list-tc-profile-status-icon {
    background-color: #ccc;
  }