/* Chrome, Edge, Safari */



/*  @media (max-width: 767.98px) {
::-webkit-scrollbar {
  width: 14px;                
}


::-webkit-scrollbar-track {
  background: #f0f0f0;         
}


::-webkit-scrollbar-thumb {
  background-color: #000;      
  border-radius: 8px;         
  border: 3px solid #f0f0f0;   
}


::-webkit-scrollbar-thumb:hover {
  background-color: #333;    
}  #collection-records {
        height: 400px;
        overflow: scroll;
    } .card-deck > [class*="col-"] {
   margin-bottom: initial;
    max-height: none;
    overflow: visible;
  }*/


 .card-deck .card{width:initial;
      min-height: 670px;
 }
  @media (max-width: 768px) {
 .card-deck .card { 
     min-height: auto; 
}
  }
  @media (max-width: 767.98px) {
  .scrollsidebar {
  overflow-y: scroll;  height: 180px;       
  scrollbar-gutter: stable;    
}
.pb-5 {
    padding-bottom: 1.5rem !important;
}
  .scrollnew {
  overflow-y: scroll;  height: 490px;       
  scrollbar-gutter: stable;    
}
}
.record-info {
  color: #353E4A;
  margin-bottom: 10px;
  text-align: center;   /* mobile default */
}
.record-info span {
  color: #777;
}
@media (max-width: 768px) {
  #records-section {
  margin: 10px 20px;
  }
}
/* Desktop view */
@media (min-width: 768px) {
  #records-section {
    display: flex;
    align-items: center;
    justify-content: center;   /* centers button */
    position: relative;  margin: 0px 20px 10px;
  }

  .record-info {
    margin-bottom: 0;
    position: absolute;
    right: 0;                  /* push to the right side */
    text-align: right;
  }

  .show-more-btn {
    margin: 0 auto;            /* button always in center */
  }
    #btn-show-more-records {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 0px 20px 10px;
    }

}


/*  
html {
  overflow-y: scroll;          
  scrollbar-gutter: stable;     
}

* {
  scrollbar-width: thick;              
  scrollbar-color: #000 #f0f0f0;      
}
*/

.badge-color{
    --bs-bg-opacity:1 !important;
     background-color: #8390b4 !important;
     color: #ffffff !important;
}