



.div-results-table {
    display:grid;
    font-family:'Open Sans';
    font-size:0.9em;
    grid-template-columns: auto 1fr auto 250px auto 650px auto;
    width:1400px;

}


.div-recipients-table {
    
display:grid;
font-family:'Open Sans';
font-size:1em;
grid-template-columns: auto auto auto auto 1fr;

width:1400px;

}

.div-results-table div:nth-child(n) {
    border-bottom:1px dotted silver;
    padding:0 0.25em 0 0.25em;
    height:25px;
}

.div-recipients-table div:nth-child(n) {
    border-bottom:1px dotted silver;
    padding:0 0.5em 0 0.5em;
}

.div-recipients-table div:nth-child(5n-4) {
text-align:right;

}



.div-recipients-table div:nth-child(5n-2) {
text-align:right;
}

.div-recipients-table div:nth-child(5n-1) {
text-align:right;
}


.div-name-one {
    display:inline;
}


.div-name-two {
    display:none;
}


.div-search-header {
    position:sticky;
    top:72px;background-color:white;
    font-weight:bold;
    vertical-align:top;
    
}

.div-recipients-header {
    position:sticky;
    top:72px;background-color:white;
    font-weight:bold;
    vertical-align:top;
    
}



.div-results-table div:nth-child(7n) {
text-align:right;
}

.div-results-table div:nth-child(7n-1) {
overflow:hidden;
}

.div-results-table div:nth-child(7n-6) {
text-align:right;
}

.div-results-table div:nth-child(7n-3) {
overflow:hidden;
}


.div-results-table div:nth-child(7n-4) {
text-align:right;
}


.div-search-rows,.div-recipient-rows,.div-button-rows {
    height:36px;
    background-color:white;
    position:sticky;
    top:0;
    width:1400px;
    padding-left:0.5em;
    font-family:'Open Sans';
}

.div-search-button, .div-recipients-button {
    height:36px;
    background-color:white;
    position:sticky;
    top:36px;
    width:1400px;
    padding-left:0.5em;
    font-family:'Open Sans';
}






@media only screen and (max-width: 700px) {
  .div-recipients-table {
      width:450px;
      font-size:0.65em;
      grid-template-columns: auto 100px auto auto 1fr;

  }  
  
  .div-search-button {
          width:1000px;
  }
  
  
    .div-recipient-button {
          width:450px;
  }
  
  
  
  
  .div-search-rows {
      width:1000px;
  }


  .div-recipient-rows {
      width:450px;
  }
    

  
  .div-name-one {
    display:none;
}


  .div-name-two {
    display:inline;
}
  
  
    
}