







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


recipients-button input {
    background-color:black;
    color:white;
    border:none;
    padding:0.5em 0.5em 0.5em 0.5em;
    border-radius:0.2em;
        font-family:'Open Sans';
    font-size:0.8em;
     margin-right:1em;
}


/*

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,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, 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: 1300px) {search-table {grid-template-columns:35px  285px  40px  65px  200px  1fr;font-size:0.79em;}}

@media only screen and (max-width: 1200px) {search-table {grid-template-columns:35px  265px  40px  60px  185px  1fr;font-size:0.73em;}}
@media only screen and (max-width: 1100px) {search-table {grid-template-columns:30px  245px  35px  55px  170px  1fr;font-size:0.67em;}}
@media only screen and (max-width: 1000px) {search-table {grid-template-columns:30px  220px  35px  50px  155px  1fr;font-size:0.61em;}}
@media only screen and (max-width: 900px) {search-table {grid-template-columns:25px  200px  30px  45px  135px  1fr;font-size:0.55em;}}
@media only screen and (max-width: 800px) {search-table {grid-template-columns:25px  175px  25px  40px  120px  1fr;font-size:0.49em;}}


*/








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

    
}    

    

recipients-sticky {
    width:650px;
}    
    
recipients-table {
      width:650px;
      font-size:0.65em;
      grid-template-columns: auto 100px auto auto 1fr;

  }  
  
  
     */ 
  
search-buttons {
    display:block;
    box-sizing:border-box;
          width:100%;
  }
  
  

  
  
  
  search-rows {
      display:block;
          box-sizing:border-box;
      width:100%;
  }


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

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


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