/* only apply this to firefox: */
@-moz-document url-prefix() {
  select.select {
    -moz-appearance: none;
  }
}

/* Safari selects are sort of ugly too.  Unfortunately this applies to both Safari *and* Chrome */
@media (-webkit-min-device-pixel-ratio: 0) {
  select {
    -webkit-appearance: none;
  }
}

.custom-control-label:before{
  border: 1px solid #666666;
  background-color: #ffffff;
}

.multiselect-parent {
  width: 100%;
}

.multiselect-parent .dropdown-toggle {
  width: 100%;
  background-color: white;
}

.multiselect-parent .dropdown-menu {
  width: 100%;
  padding-left: 5px;
}

.dashboard-apList {
  font-size: 0.8em; 
}

.dashboard-apList table {
  background-color: #f4f4f4;
}

.dashboard-apList table tr td {
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  border: solid 1px #999999;
}

.dashboard-apList .apListMenuBtn {
  font-size: 12px;
  padding:0;
  margin:0;  
  min-height:0;
  line-height:0;
  min-width: 18px;
}

table.table-bordered{
  border:1px solid #f6f6f6;
  margin-top:20px;
}
table.table-bordered > thead > tr > th{
  border:1px solid #f6f6f6;
}
table.table-bordered > tbody > tr > td{
  border:1px solid #f6f6f6;
}