main {
overflow-y:auto;
}

search-sticky {
    display:block;
    position:sticky;
   top:0;
background-color:white;
width:1400px;
}


search-table {
    top:0;
    display:grid;
    font-family:'Open Sans';
    font-size:0.85em;
    grid-template-columns: 40px 1fr 80px 250px 50px 650px 60px;
    width:1400px;
}


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

width:1400px;

}

search-table div:nth-child(n) {
    border-bottom:1px dotted silver;
    padding:0.1em 0.25em 0.1em 0.25em;
 
 }

.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;
}


search-header {
display:block;


    font-weight:bold;
    vertical-align:top;
    
}

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



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

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

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

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


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


search-rows,.div-recipient-rows,.div-button-rows {
/*    height:36px;*/
display:block;
    background-color:white;
 /*   position:sticky;
    top:0;*/
    
    padding:0.25em 0 0.25em 0.5em;
    font-family:'Open Sans';
}

search-buttons, .div-recipients-button {
    display:block;
  /*  height:36px;*/
    background-color:white;
    /*position:sticky;
    top:36px;*/
    padding:0 0 0.5em 0.5em;
    font-family:'Open Sans';
}






@media only screen and (max-width: 700px) {
    
search-table {
    font-size:0.7em;
    width:1000px;
    grid-template-columns: 30px 1fr 55px 180px 45px 480px 45px;

    
}    
    
search-sticky {
    width:1000px;
}    
    
  .div-recipients-table {
      width:450px;
      font-size:0.65em;
      grid-template-columns: auto 100px auto auto 1fr;

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


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

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


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