#lblCartCount-d, #lblCartCount-m  {
  background: #fbb03b;
  color: #fff;
  float: left;
  line-height: calc(100%*2);
  width: 32px;

}
.badge {
padding-left: 9px;
padding-right: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 30px !important;
}

.badge.mobile {

  display: block;
}

.badge.desktop {

  display: none;
}



.prsafe {
  
  display: none !important; /* Hidden by default */
}

/* The "show" class is added to the filtered elements */
.show {
  display: block !important;
}

#filters-section, #applied-filters-section {
  color: white;
  padding: 10px;

}

#filters-section {

  display: none;

}


#filters-section .range {

  width: 90%;
  margin: 15px auto;

}

#applied-filters{

  height: 32px;
  width: 90%;
  margin: 5px auto 10px auto;

}


.applied-filters-button {

  width: 100%;
  margin: 0 auto;
  height: 30px;
  font-size: 13px;
  border: none;
  border-radius: 40px;
  background-color: #fbb03b6b;
  color: rgb(221, 221, 221);
  margin-bottom: 5px;

}


#filters-section .range select, #filters-section .range input {

  height: 45px;
  width: 100%;
  margin-bottom: 8px;
  background-color: #ddd;

}

.filter-headers {

  text-align: left;
  margin-bottom: 3px;
  height: 24px;
}

.filter-headers.filters-count{
  margin-right: 10px;
  float: left



}

.filter-headers.delete-filters{
  width: 25%;
  float: left;


}


.filter-headers.result-filters {

  margin-left: 10px;
  width: 35%;

}

.filter-headers.delete-filters, .filter-headers.result-filters, .filter-headers.filters-count{
  float: left;
  text-align: center;
  height: 100%;
  line-height: 32px;
  font-size: 13px;
}

#applied-filters .close-button {

  display: block;
}



.delete-applied-filter {

  float: right;
  margin-right: 10px;
  font-size: 16px;

}

.use-applied-filter {

  float: left;
  margin-right: 10px;
  font-size: 10px;
  line-height: 30px;

}

.show-applied-filter {

  float: left;
  margin-right: 10px;
  font-size: 10px;
  line-height: 30px;

}

#home-away-filters {

  margin: 0 auto;

}

#home-away-filters .home-away-toggle{

  height: 22px;
  font-size: 11px;
  width: 90%;
  margin: 20px auto 10px auto;

}

#home-away-filters .home-away-toggle .hatoggle{

  width: calc(100%/5);
  height: 100%;
  float: left;
  line-height: calc(100%*2);
  text-align: center;

}

.toggle-selection {

  outline: 1px solid rgb(211 141 11 / 63%)

}


.modal-body button {

  width: 80%;
  display: block;
  margin: 4px auto;
}

.modal-body input {

  width: 80%;
  display: block;
  margin: 0 auto;
}

.modal-content {

  background-color: #141311eb !important;
  border: solid !important;
  border-color: #3838388a !important;
  border-width: 1px !important;

}

.modal-content button {

  color: #ffffff !important;

}

.modal-header, .modal-footer {

  color: white !important; 
  border: none !important;
}

.modal-header button.close {

  color: white !important;
  font-weight: 100 !important;
  text-shadow: none !important;
  opacity: unset !important;
}

#showCustomFiltersModal .custom-filter-modal {

  width: 30%; 
  text-align: center;
  float: left;
  font-size: 10px;

}


#showCustomFiltersModal .custom-filter-modal:hover {

  color: #ffc107;

}

.modal-bookmark {

  width: 35%;
}

.modal-bookmark:hover {

  color: #ffc107;

}

#showCustomFiltersModal .delete-custom-filter-by-name {

  width: 15%;
  float: left;
  text-align: center;
  font-size: 10px;

}

#showCustomFiltersModal .delete-filter-text {

  font-size: 10px;

}

#showCustomFiltersModal .delete-custom-filter-by-name .delete-filter-text:hover {

  color: #ff3535;

}

.modal-body .applied-filters-button:hover {

  border: white solid 1px;

}

.btn-primary {

  background-color: #765622 !important;
  border: none !important;

}

.btn-primary:hover {

  background-color: #0c0c0c !important;
  background-color: #0c0c0c !important;

}


#matches-selection-this-week, #matches-selection-today {

  width: 20%; 
  font-size: 13px; 
  text-align: center; 
  float: right
}

.modal div.desktop {

  display: none;
}


.modal div.mobile {

  display: block;
}

.date-filters {
  font-size: 11px !important;
  line-height: 24px;
}

@media only screen and (min-width: 1728px) {


  #filters-section {

    width: 90%;
    height: auto;
    margin: 0 auto;

}

  #applied-filters-section {

    width: 90%;
    height: auto;
    margin: 0 auto;


}

#applied-filters-section .delete-filters, #applied-filters-section .result-filters {

  width: 35%

}


.filter-headers.result-filters {
  float: right;

}

.badge.mobile {

  display: none;
}

.badge.desktop {

  display: block;
}

#filters-section {

  display: block;
}

#applied-filters .close-button {

  display: none;
}

#showCustomFiltersModal .custom-filter-modal {

  width: 20%; 

}


.modal-bookmark {

  width: 20%; 
}

#matches-selection-this-week, #matches-selection-today {

  width: 30%; 

}

.modal div.desktop {

  display: block;
}


.modal div.mobile {

  display: none;
}


}

@media only screen and (min-width: 1080px) {

  #applied-filters-section .delete-filters, #applied-filters-section .result-filters {

    width: 50%

  }

  #filters-section {

    width: 90%;
    height: auto;
    margin: 0 auto;

}

  #applied-filters-section {

    width: 90%;
    height: auto;
    margin: 0 auto;


}


.filter-headers.result-filters {
  float: right;

}

.badge.mobile {

  display: none;
}

.badge.desktop {

  display: block;
}

#filters-section {

  display: block;
}

#applied-filters .close-button {

  display: none;
}

#showCustomFiltersModal .custom-filter-modal {

  width: 20%; 

}


.modal-bookmark {

  width: 20%; 
}

#matches-selection-this-week, #matches-selection-today {

  width: 30%; 

}

.modal div.desktop {

  display: block;
}


.modal div.mobile {

  display: none;
}

}