.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
  color: #666;
}

.dark-mode .bg-white{
  background-color: rgba(255, 255, 255,.1) !important;
  color: #ccc
}

.dark-mode .bg-light{
  background-color: rgba(255, 255, 255,.1) !important;
  color: #ccc
}

.dark-mode header {
  background-color: #000 !important;
  border-bottom: 1px solid #333;
}

.dark-mode .navbar {
  background-color: #000 !important;
}

.dark-mode #main-navigation {
  background-color: #000 !important;
  border-bottom: 1px solid #333 !important;
}

.dark-mode #main-navigation .user_profile_dropdown,
.dark-mode #main-navigation .user_login_section{
  background: #000;
  color: #ccc !important
}
.dark-mode #main-navigation .user_profile_dropdown:hover,
.dark-mode #main-navigation .user_login_section:hover{
  background: #111;
  color: #ccc !important
}

.dark-mode #main-navigation .user_profile_dropdown .dropdown-menu{
    background: #000;
}

.dark-mode .dropdown-menu {
  color: #fff;
  background-color: #000;
  border: 1px solid rgba(0,0,0,.15);
}

.dark-mode .dropdown-item {
  color: #ccc;
  background-color: transparent;
}
.dark-mode .dropdown-item:hover {
  color: #ccc;
  background: #111;
}
.dark-mode .dropdown-divider {
  border-color: #333;
}

.dark-mode #main-navigation .ez-username{
  color: #ccc !important
}
.dark-mode #main-navigation a{
  background: #000;
  color: #ccc !important
}
.dark-mode #main-navigation a:hover{
  background: #111;
  color: #ccc !important
}

.dark-mode #main-navigation .user_profile_dropdown > .dropdown-toggle::after{
  color: #ccc !important
}

.dark-mode .btn-light{
  color: #636b72;
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}
.dark-mode .btn-light:hover{
  color: #8a9197;
  background-color: #353535;
  border-color: #1a1a1a;
}
.dark-mode .btn-light.active{
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.dark-mode .btn-light.active:hover{
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.dark-mode .btn-light:not(:disabled):not(.disabled).active,
.dark-mode .btn-light:not(:disabled):not(.disabled):active,
.dark-mode .show > .btn-light.dropdown-toggle {
  color: #8a9197;
  background-color: #353535;
  border-color: #1a1a1a;
}

.dark-mode .border,
.dark-mode .border-start,
.dark-mode .border-left,
.dark-mode .border-end,
.dark-mode .border-right,
.dark-mode .border-top,
.dark-mode .border-bottom {
  border-color: #333 !important;
}

.dark-mode .border-danger {
  border-color: #dc3545 !important;
}

.dark-mode .border-success {
  border-color: #28a745 !important;
}

.dark-mode .btn-default {
  background: transparent;
  color: #444;
}

.dark-mode  .bg-light.text-dark{
  color: #97a6b5 !important
}

.dark-mode .form-control,
.dark-mode .form-select {
  background-color: #000 !important;
  background-color: rgba(0,0,0,.5) !important;
  border: 1px solid #333;
}
.dark-mode .form-select {
  color: #cfcfcf
}
.dark-mode textarea.form-control {
  color: #cfcfcf
}

.dark-mode th {
  border-color: #333 !important;
  color: #b4b4b4;
}
.dark-mode td {
  border-color: #333 !important;
  color: #ddd;
}

.dark-mode .table-striped thead{
  background-color: transparent !important;
  border-color: #333 !important
}

.dark-mode #auction_lot_list td{
  border-color: #333 !important
}
.dark-mode #auction_lot_list th{
  border-color: #333 !important
}

.dark-mode  #lot_actions {
  background: rgba(240,240,240,.2);
}

.dark-mode .modal-content {
  background-color: #000;
  border: 1px solid rgba(255,255,255,.2);
  color: #666
}

.dark-mode .modal-header {
  border: 1px solid rgba(255,255,255,.2);
  color: #666
}

.dark-mode .modal-header .sold_modal_title{
  color: #666
}

.dark-mode .modal-footer {
  border: 1px solid rgba(255,255,255,.2);
  color: #666
}

.dark-mode .close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}

.dark-mode .bid-accepted {
  background: rgba(255,255,255,.1);
  color: #aaa;
}

.dark-mode #asking_price_options {
  background: rgba(255,255,255,.1);
}

.dark-mode .list-group-item {
  background-color: #222;
  color: #cfcfcf;
  border: 1px solid rgba(0,0,0,.125);
}
.dark-mode .list-group-item-action:focus,
.dark-mode .list-group-item-action:hover {
  color: #fff;
  background-color: #666;
}

.dark-mode .card{
  background-color: #0f0f0f;
}

.dark-mode .text-black-50{
  color: rgba(255,255,255,.5) !important;
}

.dark-mode .input-group-text{
  color: #495057;
  background-color: #111;
  border: 1px solid #333;
}

.dark-mode .accordion-flush{

}
.dark-mode .accordion-item{
  background: #0a0a0a;
}
.dark-mode .accordion-header{

}
.dark-mode .accordion-button{
  background: #111;
  color: #fff;
}
.dark-mode .accordion-button.collapsed{
  background: #000;
  color: #eee;
}

#lot_list_navbar{
  /* overflow-x: scroll;
  overflow-y: clip; */
}

#lot_list_navbar .btn-default{
  color: #444;
}
#lot_list_navbar .btn-default:hover {
  background: green;
  background: var(--green);
  color: black;
  background: #f7f7f7;
}
#lot_list_navbar .btn-default.active {
  background: green;
  background: var(--green);
  color: white;
}

#new_bid_alert.disabled{
  background: #ddd;
  border: solid 1px #ccc;
  color: #888;
}

#new_bid_alert.active{
  background: #ffeaea;
  border: solid 1px #ff0000;
  color: #ff0000;
}
#container_online_bids {
    overflow-x: auto;
    height: 362px;
}
#container_online_bids .header{
  font-size: 13px;
  font-weight: 400;
}

#container_online_bids .bid-col-1{width: 5% !important;}
#container_online_bids .bid-col-2{width: 35% !important;}
#container_online_bids .bid-col-1-2{width: 40% !important;}
#container_online_bids .bid-col-3{width: 20% !important;}
#container_online_bids .bid-col-4{width: 20% !important;}
#container_online_bids .bid-col-5{display: none}
#container_online_bids .bid-col-6{display: none}
#container_online_bids .bid-col-7{width: 20% !important;}


.live_stream_section .ez2b_tab.active{
  background-color: var(--green)
}
.live_stream_section .ez2b_tab:hover{
  background-color: var(--light-green)
}

.live_stream_auction_lots_section .table thead th{
  font-size: .82em;
}
.live_stream_auction_lots_section .table tbody td{
  padding: 0.28rem 0.5rem;
  font-size: .88em;
  transition: all .3s ease;
}
.live_stream_auction_lots_section .table tr.active td{
    background: green;
    background: var(--light-green);
    background-color: #28a745;
    color: white;
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
}
.live_stream_auction_lots_section .table tr:hover td{

}
.live_stream_auction_lots_section .table tr.active .lot_check{

}
.live_stream_auction_lots_section .table tr.active .select_lot{
  display: none;
}
.live_stream_auction_lots_section .table tr.active a{
   color: white;
}
.live_stream_auction_lots_section .table tr:hover td .dropdown-toggle::after{
  margin:0px;
}

.live_stream_auction_lots_section .table .more_actions_btn{
  display: block;
  text-align: center;
  width: 100%;
  border: solid 1px rgba(0,0,0,.1);
  border-radius: 3px;
  color: #666;
  transition: all .3s ease;
}
.live_stream_auction_lots_section .table tr .more_actions_btn:hover{
  border: solid 1px #555;
  color: #333;
}
.live_stream_auction_lots_section .table tr.active .more_actions_btn,
.live_stream_auction_lots_section .table tr.lot_sold .more_actions_btn{
  display: none !important;
}

.admin_lot_list_table tr.lot_inactive{
  backface-visibility: #ccc !important;;
  color: #ccc !important;
}
.admin_lot_list_table tr.lot_inactive .lot_check{
  display: none
}

.clearking_info_section{
  font-weight: 600
}

#clerk_high_bid_section .fa-circle{
  padding: 7px;
  color: var(--green);
}

#clerk_asking_price_section .fa-circle{
  padding: 7px;
  color: var(--yellow);
}

#live_auction_auctioneer_view .active_lot_selling_info{
  font-size: 1.5em;
  font-weight: 600;
}

#live_auction_auctioneer_view .high_bidder_panel,
#live_auction_auctioneer_view .asking_price_panel{
  height: 250px;
  font-size: 2em;
  border-radius: 3px 3px 3px 3px
}

#live_auction_auctioneer_view .high_bidder_label,
#live_auction_auctioneer_view .asking_price_label{
  font-size: .9em;
  font-weight: 100;
}

#live_auction_auctioneer_view .sub_panel_header{
  background: #eee;
  border-radius: 3px;
  margin-top: 3px;
}

.dark-mode #live_auction_auctioneer_view .sub_panel_header{
  background: #000;
}

#live_auction_auctioneer_view .online_bids tr.pending_approval{
  background: #eee;
  color: #ccc;

  background: yellow;
  color: #777;
}

#live_auction_auctioneer_view .online_bids tr.winning_bid{
  background: green;
  color: #fff;
}

#live_auction_auctioneer_view .online_bids tr.losing_bid{
  background: red;
  color: #fff;
}

a.list-group-item{
  text-decoration: none;
}

a.list-group-item.active{

}

.dark-mode a.list-group-item.active{
  background: #333;
}

.ez2bid_loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  /* border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red; */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin: 0px auto;
}

.dark-mode .popover-header{
  padding-bottom: 0px;
  border: none;
  background: #020202;
  color: #ddd
}

.dark-mode .popover-body{
  border: none;
  padding-bottom: 15px;
  color: #777;
}

.dark-mode .popover{
  border: solid 1px #222;
  background: #020202;
  color: #777;
}

.dark-mode .bs-popover-auto[x-placement^="bottom"] > .arrow::after,
.dark-mode .bs-popover-bottom > .arrow::after{
  border-bottom-color: #222
}

.dark-mode .popover-header::before{
  border-color: #222
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.section-toggle-icon{
  cursor: pointer;
  opacity: .75
}
.section-toggle-icon:hover{
  opacity: 1
}

/*
@media print {
  body * {
    visibility: hidden;
  }
  #section-to-print, #section-to-print * {
    visibility: visible;
  }
  #section-to-print {
    position: absolute;
    left: 0;
    top: 0;
  }
}
*/