.AscSelectModal-window{
    min-width:200px;
    min-height:200px;
    margin-top:-100px;
    width:80%;
    height: 60%;
    background-color: white;
    /* border:1px solid #9b9b9b; */
    box-shadow: 2px 2px 11px 2px #b2b2b2;
}


.AscSelectHeader {
    /* font-weight:600; */
}


.AscSelectModalDiv #rows{
    display:flex !important;
    overflow-y: auto;   
    padding-left:5px;
    margin-top: 5px;
}

.AscSelectModalDiv.flexRowWrapped #rows{
    flex-direction: row;
    flex-wrap: wrap;
  }

  .AscSelectModalDiv.flexRowWrapped #rows .multiSelectField{
    /* max-width: 120px; */
    white-space: nowrap;
  }
  
  .AscSelectModalDiv.flexColumnFullWidth #rows .multiSelectField{
    white-space: normal;
  }
  
  
.AscSelectModalDiv.flexColumnFullWidth #rows{
    flex-direction: column;
   
  }
  

.AscSelectModalDiv #btn{ 
    padding-left:5px;
    margin-top: -2px;
    max-width: 300px;
    text-indent: 5px;
    cursor: pointer;
    white-space: normal;
}


.multiSelectField {
    padding: 2px 8px;
    border-radius: 3px;
    /* border-color: #DDD; */
    border: 1px solid #DDD;
    background-color: white;
    margin-right: 6px;
    margin-bottom: 3px;
    
    min-height:20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.AscSelectModal-header{
    /* font-size: 20px;
    margin: 5px 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cacaca;
     */
    
     font-size: 20px;
     padding-bottom: 5px;
     font-size: 14px;
     padding-bottom: 5px;
     background-color: #5f5f5f;
     padding: 8px 20px;
     color: #ffffff;
     
}
.AscSelectModal-gridContainer{
    display:flex;
    flex-direction: row;
    flex-grow:2;
    padding-left:10px;
    padding-right:10px;
    padding-top: 5px;
}
.AscSelectModal-btnContainer{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-top: 10px;
    
    padding-bottom: 10px;
    padding-left: 30px;
}

.AscSelectModal-btnContainer a{
font-size: 16px;
    margin-right: 30px;
}