* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* removing arrows from input type number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* scrollbar width */
::-webkit-scrollbar {
  width: 6px;
  height: 0;
}

/* scrollbar Track */
::-webkit-scrollbar-track {
  background: transparent;
  margin-block: 6px;
}

/* scrollbar Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-right:2px solid white;
  border-radius:100vh;
}

/* scrollbar Handle */
.comments ::-webkit-scrollbar-thumb {
  background: #888;
  border-right:none;
  border-radius:100vh;
}

/* scrollbar Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.content-area::-webkit-scrollbar {
    display:none;
}

.content-area {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}


/* toparea */
.toparea {
    /* grid-template-columns: 1fr 1.5fr 1fr; */
    --offset: 28px;
    --sliderHeight: 135px;
}

/* nav menu */
.nav-menu[style*='display: block'] {
    display: flex !important;
}

/* logo area */
.logo-area {
    width: 100%;
    height: 85%;
    background-image:url("../images/best-usa-auction.jpg");
    background-size: 100% 100%;
}

.logo-area > .logo {
    width: 100%;
    height: 100%;

}

button {
    z-index: 0!important;
}

/* popup container */
.popup-container {
}

/* carousal */
.toparea .carousel {
    /*height: calc(var(--sliderHeight) - var(--offset));*/
}

.toparea .carousel-item {
    height: var(--sliderHeight);
}

.toparea .carousel-item > img {
    height: calc(var(--sliderHeight) - var(--offset));
}

/* custom select2 */
.select2-container--default .select2-selection--single{
    padding:6px;
    height: 100%!important;
    width: 100%;
    position: relative;
    display: flex!important;
    justify-content: space-between;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: inherit!important;
}

/* product condition at add item */
.add-item-form .form-right label.active {
    box-sizing: border-box;
    color: darkblue;
    transition: all 0.2s ease-in-out;
}

/* auction details -> auction_status -> yes/no */
.add-item-form #auction-status label.active {
    box-sizing: border-box;
    color: darkblue;
    transition: all 0.2s ease-in-out;
}

/* auction status */
.auction-status.active {
    color: darkgreen;
}

.add-item-form #expires-on.disabled {
    pointer-events: none;
    background-color: lightgray;
}

.add-item-form .form-right ul li label:after,
.add-item-form #auction-status label::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: darkblue;
    transition: width 0.2s ease-in-out;
}

.add-item-form .form-right ul li label.active:after,
.add-item-form #auction-status label.active::after {
    width: 100%;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container .select2-selection--multiple {
    padding: 0.5rem !important;
}

@media only screen and (max-width: 600px){
  .logo-area{
      height: 85%;
  }
}