.clearfix {
    clear: both;
  }
  
  .hidden {
    display: none;
  }
  
  #user-info {
    border: 1px solid #CCC;
    clear: both;
    margin: 0 auto 20px;
    max-width: 400px;
    padding: 10px;
    text-align: left;
  }
  
  #photo-container {
    background-color: #EEE;
    float: left;
    height: 40px;
    margin-right: 10px;
    width: 40px;
  }
  
  #photo {
    height: 40px;
    margin: 0;
    width: 40px;
  }
  
  @media (max-width: 300px) {
    #photo-container,
    #photo {
      height: 40px;
      width: 40px;
    }
  }


  /* Start webapp */


* {
  font-size: 0.95rem;
   line-height: 1.2;
}

::-webkit-scrollbar {
  width: 9px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.5);
  border-radius: 20px;
  border: transparent;
}

/* large screen */
@media (min-width: 768px)  {
  #column-minisidebar {
    max-width: 5.5rem;
  }
  #column-sidebar {
    max-width: 25rem;
  }
  .statistics {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    gap: 0.5rem!important;
  }
}


/* small screen */  
@media (max-width: 767px)  {
  #column-minisidebar {
    max-width: 5rem;
  }
  #column-sidebar {
    max-width: 20rem;
  }
}


#spinner {
  position: fixed;
  z-index: 1031;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sticky-first {
    top: 0;
}

.sticky-second {
    top: 41px;
}


.highlight:hover {
  background-color: #eee;
  cursor: pointer;
}

.minisidebar {
  cursor: pointer;
}

.minisidebar span {
  font-size: 0.8rem;
}

.minisidebar:hover {  
  color: #fff;
  background-color: rgba(55, 55, 55, 1.0);
  border-radius: 50px;
}

.minisidebar-selected {
  color: #fff;
  font-weight: 600;
}

.unclickable {
    pointer-events: none;
    background-color: #fa3636;
}


.icon:hover {
  background: lightblue;
  cursor: pointer;
}

.bid-list-item {
  cursor: pointer;
}

.bid-list-selected {
  background-color: lightyellow;
}

.bid-item-selected {
  background-color: lightpink;
}

.bid-item-selected:hover {
  background-color: hotpink;
}

.glow:hover {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}

.glow:hover .title {
  color: #000;
}

.modal-table table,td,th {
  /* border: 1px solid black;
  border-collapse: collapse; */
  vertical-align: middle;
}

.modal-table td:hover {
  background-color: #eee;
  cursor: pointer;
}