#app .filters {
    box-sizing: border-box;
    width: 100%; padding: 0px; margin: 5px;
}
#app .filterContainer {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #F0F0F0;
    padding: 5px;
}
#app .filterContainer>label {
    box-sizing: border-box;
    display: block; flex: 1 100px; padding: 10px;
    text-align: right; font-weight: bold;
}
#app .filterContainer>input,.filterContainer>select {
    box-sizing: border-box;
    display: block; flex: 2 200px;
    border: none; background: none;
    border-bottom: none;
    background: #FFF;
    padding: 10px;
}
/* Hide arrows in number */
#app .filterContainer>input::-webkit-outer-spin-button,
#app .filterContainer>input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#app .filterContainer>input[type=number] {
  -moz-appearance: textfield;
}

#app .note { box-sizing: border-box;width: 100%; padding: 0px; margin: 20px 5px; }
#app .bad { padding: 10px; background-color: #db343420; color: #db3434; }

#app .button {
    display:block;
    margin: 15px auto; padding: 13px 90px;
    border-radius: 4px;
    border: none; background-color: #3498db; color: white;
    cursor: pointer;
}
#app .button:hover { background-color: #3498dbE0; }
#app .button:active { background-color: #3498db; }
#app .pharmacyTable { box-sizing: border-box;width: 100%; padding: 0px; margin: 20px 5px; }
#app .pharmacyRow { box-sizing: border-box; padding: 7px; }
#app .pharmacyRow:nth-child(2n+1) { background: #EEE; }
#app .pharmacyTd.title {  }


#app { display: block; }
#appLoading { display: none; }
#app.loading { display: none; }
#appLoading.loading { display: block; }