/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
.h-200 {
    height: 200px !important;
}
.h-300 {
    height: 300px !important;
}
.h-400 {
    height: 400px !important;
}
.h-500 {
    height: 500px !important;
}

.w-175 {
    width: 175px !important;
}
.w-185 {
    width: 185px !important;
}

.w-220 {
    width: 220px !important;
}
.w-270 {
    width: 270px !important;
}
.w-320 {
    width: 320px !important;
}

.w-260 {
    width: 260px !important;
}

.w-240 {
    width: 240px !important;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis; 
}

.disable-btn {
    cursor: not-allowed;
}


.bookmark-icon .btn {
    color: var(--vz-secondary-color);
    background-color: var(--vz-light)!important;
    -webkit-box-shadow: 0 1px 2px rgba(56,65,74,.15);
    box-shadow: 0 1px 2px rgba(56,65,74,.15);
    font-size: var(--vz-font-base)
}

.bookmark-icon .btn.active,.bookmark-icon .btn:hover {
    border-color: transparent;
    color: var(--vz-danger)
}

.explore-box {
    border-radius: 9px;
    overflow: hidden
}

.explore-box .explore-img {
    height: 280px;
    -o-object-fit: cover;
    object-fit: cover
}

.explore-box .explore-place-bid-img {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.explore-box .explore-place-bid-img .bg-overlay {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(var(--vz-dark-rgb),.4);
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.explore-box .explore-place-bid-img .place-bid-btn {
    top: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.explore-box .explore-place-bid-img .place-bid-btn .btn {
    opacity: 0;
    bottom: -25px;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.explore-box:hover .explore-place-bid-img .place-bid-btn .btn {
    opacity: 1;
    bottom: 0
}

.explore-box:hover .explore-place-bid-img .bg-overlay {
    opacity: 1
}

.explore-box .discount-time {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background-color: rgba(255,255,255,.4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 8px
}
/* // Small devices (landscape phones, 576px and up) */

@media (max-width: 992px) { 
    [data-layout=horizontal] .page-content {
        padding: calc(70px) 0 60px 0 !important;
        margin-top: 20px;
    }
}
/* @media (min-width: 1024.1px) {
    [data-layout=horizontal].page-content {
        padding: calc(70px) calc(1.5rem* 5) 60px calc(1.5rem* 5);
    }
} */
/* // Medium devices (tablets, 768px and up) */
/* @media (min-width: 768px) { ... } */

/* // Large devices (desktops, 992px and up) */
/* @media (min-width: 992px) { ... } */

/* // X-Large devices (large desktops, 1200px and up) */
/* @media (min-width: 1200px) { ... } */

/* // XX-Large devices (larger desktops, 1400px and up) */
/* @media (min-width: 1400px) { ... } */

/* DROP HEADER MENU */
@media (min-width: 1024.1px) {
    .drop-header-menu {
        display: none;
    }
}

/* .error-filefond {
    background-color: rgba(240, 101, 72, 0.18) !important;
} */

/* lamaranku */
@media (max-width: 430px) {
    .w-lamaranku {
        width: 220px;
    }
}
@media (max-width: 410px) {
    .w-lamaranku {
        width: 200px;
    }
}
@media (max-width: 395px) {
    .w-lamaranku {
        width: 180px;
    }
}
@media (max-width: 370px) {
    .w-lamaranku {
        width: 120px;
    }
}