.obuylist .search-input {
    width: 300px;
}

.obuylist .filter-input-group {
    height: 60px;
    padding: 10px 6px 10px 6px;
}

.obuylist .filter-input {
    height: 100%;
}

.obuylist .filter-header,
.obuylist .filter-header:active {
    background: var(--obuylist-bg2-color) !important;
    border: none !important;
    box-shadow: none !important;
}

.obuylist .input-group-text {
    background: var(--obuylist-fg2-color);
    color: var(--obuylist-bg-color);
    border: none;
     display: flex;
    justify-content:center;
    align-items:center;
    width:100%;
}

.obuylist-input-prepend > .input-group-prepend{
         width:40%;
}

.obuylist .form-control:focus {
    border: none !important;
    box-shadow: none !important;
}

.obuylist .form-control:focus {
    border: none !important;
    box-shadow: none !important;
}

.obuylist .card-price {
    font-size: 22px;
    font-weight: bolder;
    padding-bottom: 20px;
    position: relative;
}

.obuylist .card-price-unbuyable {
    font-size: 9.5pt;
    font-weight: bolder;
    padding-bottom: 20px;
    position: relative;
}

.obuylist .cart-card-info {
    font-size: 12px;
}

.obuylist .cart-card-trash {
    border-left: 1px solid lightgrey;
    padding-left:5px;
}

.obuylist .cart-card-trash-icon,
#cartModal .cart-card-trash-icon {
    color:#ff2800;
}

.obuylist .cart-card-trash-icon:hover {
    color: var(--obuylist-fg2-color);
    cursor: pointer;
}

.obuylist .cart-total-text {
    color: var(--obuylist-fg2-color);
}

.obuylist .number-input {
    width: 130px;
    height: 40px !important;
    zoom: 0.5;
    margin: 9px !important;
    border: 2px solid lightgray !important;
    border-radius: 5px !important;
}

.obuylist .number-input .number-input__button {
    background-color: var(--obuylist-bg-color) !important;
    color: black !important;
    width:30%;
    
}

.obuylist .number-input .number-input__button::before,
.obuylist .number-input .number-input__button::after {
    background-color: black !important;
}

.obuylist .number-input input {
    font-size: 25px;
    padding: 0px;
    padding-left: 2.9rem !important;
    padding-right: 2.9rem !important;
}

.obuylist .top-cart-icon {
    color: var(--obuylist-fg2-color) !important;
    font-size: 30px !important;
}

.obuylist .top-cart-icon:hover {
    cursor: pointer;
}

.obuylist .top-cart-icon-badge {
    color: var(--obuylist-fg2-color) !important;
    position: absolute !important;
    top: -15px !important;
    left: -17px !important;
}

.obuylist .top-icon-container {
    padding: .05rem .4rem;
}

.obuylist .top-icon-container .top-icon {
    font-size: 25px !important;
    color: white !important;
}

.obuylist .top-cart-icon-container {
    margin-right: 5px;
}

.obuylist .obuylist-cards-container,
.obuylist .obuylist-cart,
.obuylist .obuylist-cart-container {
    height: 87vh;
}

.obuylist .obuylist-cards-container {
    display: flex;
    flex-direction: column;
    margin-top: 7px;
    contain: size;
}

.obuylist .obuylist-cart {
    width: 330px !important;
    max-width: 330px !important;
    min-width: 330px !important;
}

.obuylist .obuylist-cart-container {
    display: flex;
    flex-direction: column;
}

.obuylist .cart-card-total {
    padding-right: 6px;
}

.obuylist .search-icon-container {
    position: relative;
    display: flex;
    padding: 0px;
    width: 50px;
}

.obuylist .search-icon {
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.obuylist-vue-select-option-image {
    width: 23px;
    height: 21px;
}

.obuylist .cart-card-expasion-icon {
    padding: 0px !important;
    line-height: 0px;
}

.obuylist .card-number,
.obuylist .card-name,
.obuylist .card-expansion {
    font-size: 11pt;
}

ul[id^="vslangOption_"].vs__dropdown-menu {
    width: 200px !important;
}

.obuylist .card-info-container {
    max-width: 147px;
}

.obuylist .cart-card-trash {
    min-width: 50px !important;
    width: 50px !important;
}

.obuylist .cart-card-trash {
    min-width: 50px !important;
    width: 50px !important;
}

.obuylist .cart-card-item {
    min-width: 200px;
}

.w-90{
    width: 90% !important;
}

.obuylist-vue-select,
.obuylist-vue-select div:first-child {
    min-height: 36px;
    max-height: 36px;
    height: 36px;
}

.obuylist-vue-select {
    /*width: 220px;*/
}

.vs__selected-options{
	overflow-x: clip;
    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul[id^="vslangOption"].vs__dropdown-menu {
    width: 250px !important;
}

.obuylist .obuylist-main-card {
    margin-top: 1rem;
}

.obuylist .obuylist-cards-overflow {
    height: 100%;
    overflow-y: auto;
    border: 1px solid lightgrey;
    border-radius: 4px;
}

.obuylist .page-item .page-link {
    z-index: 3;
    color: #ff2701;
}

.obuylist .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #ff2701;
    border-color: #ff2701;
}

.obuylist .pagination-container {
    margin-bottom: 0px;
    margin-top: 7px;
}

.obuylist .v-select obuylist-vue-select.vs--single.vs--searchable.vs--disabled input[disabled] {
    display: none;
}

.obuylist .qty-number-input-btn,
#cartModal .qty-number-input-btn {
    border:none; 
    padding:unset;
    color:gray;
    height: 24px;
    background-color: lightgray;
    cursor: pointer;
}

.obuylist .qty-number-input,
#cartModal .qty-number-input {
    min-width: 26px;
    text-align: right;
    padding: 0px 2px 0px 2px;
    height: 100%;
    height: 24px;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
    font-size: 10pt;
}

#cartModal .cart-items-container {
    contain: size;
}

.text-truncate {
    overflow: hidden;         
    white-space: nowrap;      
    text-overflow: ellipsis;   
}

@media screen and (max-width: 768px){
    .cart-card-item {
        width:85% !important;
    }
}

@media screen and (min-width: 992px) {
    .obuylist .obuylist-main-container {
        max-width: 1200px
    }
}