/* #outletlist, #outletlist_formosa { display: flex !important; flex-wrap: wrap !important; }
.outlet { width: 100% !important; padding-bottom: 30px !important; }
.outlet h4 { margin: 0 !important; font-weight: 700 !important; font-size: 1.2em !important; }
#locator-filter { margin-bottom: 40px !important; }
#locator-filter p { font-size:20px !important; line-height: 30px !important; margin: 10px !important !important; text-align:left !important !important; }

@media screen and (min-width: 480px) {
  .outlet { width: 50% !important; }
}

@media screen and (min-width: 768px) {
  #locator-filter select { margin-left: 10px !important; }
  .outlet { width: 33.3333333% !important; }
} */

* {box-sizing: border-box !important;}

.form-inline {  
  /* display: flex !important; */
  flex-flow: row wrap !important;
  align-items: center !important;
  text-align: center;
  padding-bottom: 40px;
}

.form-inline label {
  margin: 5px 10px 5px 0 !important;
}

.form-inline input {
  vertical-align: middle !important;
  margin: 5px 10px 5px 0 !important;
  /* padding: 10px !important; */
  /* background-color: #fff !important; */
  /* border: 1px solid #ddd !important; */

  height: 34px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  color: #555 !important;
  background-image: none !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}

.form-inline select {
  vertical-align: middle !important;
  margin: 5px 10px 5px 0 !important;
  /* padding: 10px !important; */
  /* background-color: #fff !important; */
  /* border: 1px solid #ddd !important; */

  height: 34px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  color: #555 !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}

.form-inline button {
  /* padding: 10px 20px !important; */
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  color: #333 !important;
  cursor: pointer !important;
  
  display: inline-block !important;
  padding: 6px 12px !important;
  margin-bottom: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.42857143 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  -ms-touch-action: manipulation !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  background-image: none !important;
  border-radius: 4px !important;
}

.form-inline button:hover {
  background-color: #eee !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee !important;
  opacity: 1 !important;
}

table {
  border-collapse: collapse !important;
  margin-left: auto;
  margin-right: auto;
  table-layout: fixed;
  width: 100%;
}

table, th, td {
  border: 1px solid !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 8px !important;
}

.table > thead > tr > th.info {
  background-color: #d9edf7 !important;
}


/* .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
  background-color: #d9edf7 !important;
  padding: 8px !important;
} */

@media (max-width: 800px) {
  .form-inline input {
    margin: 10px 0 !important;
  }
  
  .form-inline {
    flex-direction: column !important;
    align-items: stretch !important;
  }
}