body {
  background-color: #333;
  color: silver;
}

h1, h2, h3, h4 {
  color: silver;
}

p {
  font-family: verdana;
  color: silver;
}

a, a:visited {
  color: #0cbfe9;
  text-decoration: none;
}

a:hover {
  color: #00FFFF;
  text-decoration: none;
}

.accordion-button {
  color: silver;
  font-size: 1.2rem;
  background-color: var(--bs-dark);
  border: none;
  border-color: silver;
  border-radius: 0.25rem;
  padding: 0.5rem 1.25rem;
}

.accordion-button:hover {
  color: #FFF;
  background-color: #1c1f23;
}

.accordion-button:not(.collapsed) {
  color: silver;
  background-color: var(--bs-dark);
  padding: 0.5rem 1.25rem;
}

.accordion-button:not(.collapsed):hover {
  color: #FFF;
  background-color: #1c1f23;
}

.accordion-button:focus {
  box-shadow: none;
  border-color: silver;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-body {
  color: silver;
  background-color: var(--bs-dark);
  border-top-style: solid;
  border-top-width: 1px;
  border-radius: 0.25rem;
}

.navbar-brand {
  padding-top: 0;
}

.btn-dark {
  color: #0cbfe9;
}

.listi {
  overflow-x: auto !important;
  overflow-y: scroll !important;
  max-height: 700px;
  display: block;
  white-space: nowrap;
  color: silver;
}

.table {
  empty-cells: show;
  white-space: nowrap;
}

.listi td:first-child, .listi th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}

.listi thead {
  position: sticky;
  top: 0px;
  z-index: 2;
}

.tsilver {
  color: silver;
}

.tcenter {
  text-align: center;
}

.tleft {
  text-align: left;
}

.tright {
  text-align: right;
}

.sidebars {
  border-left: 2px solid black;
}

.bottombars {
  border-bottom: 2px solid black;
}

/*.table-borderless>:not(caption)>*>* {
  border-bottom-width: 2px;
}

.table>:not(:last-child)>:last-child>* {
  border-bottom-color: black;
}
*/
.table-sm>:not(caption)>*>* {
  padding: 0.25rem 0.75rem;
}

/**gallery margins**/  
ul.gallery{    
  margin-left: 3vw;     
  margin-right:3vw;  
}    
  
.zoom {      
  -webkit-transition: all 0.35s ease-in-out;    
  -moz-transition: all 0.35s ease-in-out;    
  transition: all 0.35s ease-in-out;     
  cursor: -webkit-zoom-in;      
  cursor: -moz-zoom-in;      
  cursor: zoom-in;  
  z-index:1;
}     
  
.zoom:active,   
  .zoom:focus {
  /**adjust scale to desired size, 
  add browser prefixes**/
  -ms-transform: scale(2.5);    
  -moz-transform: scale(2.5);  
  -webkit-transform: scale(2.5);  
  -o-transform: scale(2.5);  
  transform: scale(2.5);    
  position:relative;      
  z-index:100;  
  overflow: visible;
}
  
  /**To keep upscaled images visible on mobile, 
  increase left & right margins a bit**/  
@media only screen and (max-width: 768px) {   
  ul.gallery {      
    margin-left: 15vw;       
    margin-right: 15vw;
  }
  
  /**TIP: Easy escape for touch screens,
  give gallery's parent container a cursor: pointer.**/
  .DivName {cursor: pointer}
}

.icon {
  width: 5rem;
  background-color: transparent;
  font-weight: 500;
  font-size: 1.2rem;
  color: black;
}

.card-image {
  border-radius: 0.25rem;
  margin: 0.5rem;
  height: 9rem;
  width: 9rem;
  background-color: white;
  border: 2px solid silver;
}

.card-img, .centerimage {
  margin: auto;
  vertical-align: center;
  max-height: 95%;
  max-width: 95%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}

table.grid tbody tr {
  background-color: #212529;
  opacity: 1;
  float:left;
  width:12rem;
  height:22rem;
  margin:0.4rem;
  border:0.0625rem solid black;
  border-radius:.25rem;
  box-shadow:0.25rem black;
  padding: 2px
}

table.dataTable {
  margin: 0;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: silver;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: silver !important;
}

.dt-button {
  margin: 5px;
  color: white !important;
  border: 1px solid #111;
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
}

select {
  color: silver;
  background-color: #333;
}

input {
  color: silver;
  background-color: #333;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-image: none!important;
}

table.dataTable.compact thead th, table.dataTable.compact thead td {
  padding: 4px 10px;
}

/* Price range slider */
.price-range-block {
  margin:5px;
}

.sliderText{
  width:90%;
  margin-bottom:10px;
  /*border-top: 2px solid black;*/
  padding: 10px 0 10px 0px;
  font-weight:bold;
}

.ui-slider-horizontal {
  height: .6em;
}
.ui-slider-horizontal {
  margin-bottom: 15px;
  width:90%;
}
.ui-widget-header {
  background: silver;
}

.price-range-field{
  width:90%; 
  min-width: 16%;
  background-color:#f9f9f9; 
  border: 1px solid #6e6666; 
  color: black; 
  font-family: myFont; 
  font: normal 14px Arial, Helvetica, sans-serif; 
  border-radius: 5px; 
  height:26px; 
  padding:5px;
}
.search-results-block{
  position: relative;
  display: block;
  clear: both;
}