html {
    color-scheme: dark !important;
}

hr {
    display: block;
    clear: both;
    border-top: solid 1px #ddd;
    margin: 10px 0 10px 0 !important;
}

ol, ul {
    margin: 0 !important;
    padding: 0 !important;
}

h1, .h1 {
    font-size: 35px;
    margin-bottom: 20px;
    line-height: 1.1em;
    letter-spacing: -.035em;
}

.logo-main img {
    width: 250px;
    position: relative;
    top: -26px;
}

.logo-mobile img {
    width: 185px;
    position: absolute;
    top: -16px;
}

@media only screen and (max-width: 992px) {
    header.header-mobile #mainmenu {
        width: 100%;
        padding-right: 30px !important;
    }
}

.logo-main span, .logo-smaller div#logo svg {
    color: #e557f5 !important;
    transform: rotate(45deg);
    width: 35px;
    height: 35px;
}

.logo-main span {
    color: #e557f5 !important;
}

#logo a {
    color: #fff !important;
    font-size: 24px;
    font-family: Oxanium;
    font-weight: bold;
}

.logo-smaller div#logo {
    width: 100%;
    height: 30px;
    line-height: 35px;
    font-size: 30px;
}

header .logo-mobile svg {
    height: 39px;
    vertical-align: bottom;
    color: #fff;
    stroke-width: 1.5;
    rotate: 45deg;
    position: relative;
    /* top: -15px; */
}

header .logo-mobile {
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 25px;
    font-family: 'Oxanium';
    font-weight: bold;
    /* width: 449px; */
    /* height: 50px; */
    position: relative;
    top: 0px;
    float: left;
}

header .logo-mobile span {
    color: #e557f5;
}

header .logo-mobile svg {
    width: 39px;
    height: 39px;
    vertical-align: bottom;
    color: #fff;
    stroke-width: 1.5;
    rotate: 359deg;
}

.dark-scheme p.lead {
    color: #fff !important;
}

a.btn-main, .btn-main{
    background: linear-gradient(to right, var(--primary-color), #b000f9) !important;
}

.de-item {
	height: 380px;
}

img.img-events {
    margin-top: 0 !important;
    width: auto !important;
    background-size: cover;
    background-position: top center;
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    transform: scale(1.4);
}

.de-item:hover img{
    transform: scale(1.7);
}

.de-item .d-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, 0) 50%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, 0) 50%);
    background: linear-gradient(358deg, rgb(0 0 0) 0%, rgba(0, 0, 0, 0) 50%);
}

a.nav-link.btn-main:before {
    content: none;
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translate(0, -100%);
    transition: all 0.3s
ease-in-out;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.2rem .25rem !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529 !important;
    text-align: center;
    white-space: nowrap;
    background-color: #020213 !important;
    border: 2px solid #1c1c2b !important;
    border-radius: .25rem;
    height: 44px !important;
}

.cover-mobile {
    position: absolute;
    left: 0;
    right: 0;
    top: -195px;
    width: 100%;
    background-position: top center;
    background-size: cover;
    background: top;
}
.dark-scheme .subtitle {
    color: #ffffff;
    border: solid 2px rgb(255 255 255 / 21%);
    background: #00000069;
}

.dark-scheme h2{
    font-size: 25px;
}

.event-image-desc {
    box-shadow: 0px 0px 90px #6600a6;
    border: 2px solid #a900ff73;
}

img.artist_avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: 10px;
    border: 1px solid #b540ff;
    cursor: pointer;
}

.btn-main-basic {
    height: 33px;
    line-height: 0em;
    font-family: 'Oxanium';
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.de-testi-cart.de-testi-a:before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f290";
    font-size: 120px;
    top: 60px;
    left: 20px;
    color: rgba(255, 255, 255, .1);
}

.shopping-cart{
    padding: 22px;
    min-height: 310px;
}

.cart-footer {
    background-size: cover;
    background-repeat: no-repeat;
    margin: 20px;
    position: relative;
    top: -20px;
}

.tickets-container{

}

.col-grid{
   display: grid;
}

.event-details {
    background: #000000cf;
    padding: 20px;
    margin: 0;
    border-radius: 10px;
    height: 1/-1;
}

.ticket_img_bg {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    margin: 0 auto !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: -3 !important;
}

.bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    z-index: -2;
    background: #000000b3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


#sidebar {
    padding-left: 0;
    position: relative;
    margin-top: 30px;
}

.section-two{
    top:-285px
}

.mt-15{
    margin-top:95px
}

.event_description {
    background: #0000005c;
    padding: 15px;
    border-top: 1px solid #9f05ff8c;
    border-radius: 10px;
}

.event_comments {
    background: #0000005c;
    padding: 15px;
    border-top: 1px solid #9f05ff8c;
    border-radius: 10px;
}

#blog-comment li .avatar {
    width: 60px;
    height: 60px;
    margin-top: 5px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #7900fd;
    padding: 0;
    object-fit: cover;
    margin-left: 10px;
}

#blog-comment li .avatar img {
    width: 100%;
}

.top-cart {
    background-size: cover;
    background-repeat: no-repeat;
    position: fixed;
    top: 75px;
    right: 0;
}

#menu-cart-btn {
    display: none;
    float: right;
    width: 32px;
    height: 32px;
    padding: 4px;
    text-align: center;
    cursor: poInter;
    color: #fff;
    margin-top: 0px;
    margin-left: 20px;
}

#menu-cart-btn:before {
    font-family: FontAwesome;
    content: "\f291";
    font-size: 20px;
}

.available.de-testi-ticket.de-testi-a:before {
    font-family: FontAwesome;
    content: "\f145";
    font-size: 80px;
    right: 35px !important;
    left: auto;
    top: 33px;
    position: absolute;
    transform: rotate(166deg);
}

.soldout.de-testi-ticket.de-testi-a:before {
    font-family: FontAwesome;
    content: "\f2b5";
    font-size: 80px;
    right: 35px !important;
    left: auto;
    top: 33px;
    position: absolute;
    transform: rotate(0deg);
}

.is-soldout {
    opacity: 0.6 !important;
    background: #4d2876;
    color: #000;
    cursor:not-allowed
}

.cartItem {
    background-size: cover;
    background-repeat: no-repeat;
    background: #0d6efd1c;
    color: #212529;
    border: 1px solid #7801c3a6;
    border-radius: 5px;
    margin-bottom: 10px;
}

#cart .badge
 {
    background-color: red;
    border-radius: 50% !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    top: -10px;
}

.tickets .badge {
    font-size: 14px;
    height: 32px;
}

#shoppingCart {
   display:none;
}
.shoppingCart {
    background: #000000c2 !important;
    position: absolute !important;
    top: 50px !important;
    border-radius: 10px !important;
    padding: 20px;
    box-shadow: 0 2px 228px 0 #8805ff !important;
    padding: 20px !important;
    width: 400px;
    z-index: 999999999999 !important;
    right: -185px;
    border: 1px solid #9b06f7b8;
}

    .shopping-cart-header {
        border-bottom: 1px solid #9d00ff;
        padding-bottom: 15px;
        margin:0;
        .shopping-cart-total {
            float: right;
        }
    }

    .shopping-cart-items {

        padding-top: 20px;
        border-bottom: 1px solid #991af9;
        .item-name {
            font-size: 16px;
        }
        .item-detail {
            font-size: 12px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }


        .item-price {
            color: #212529;
            margin-right: 8px;
        }

        .item-quantity {
            color: #212529;
        }
    }


.shoppingCart:after {
    bottom: 100%;
    left: 175px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #b5a0ce;
    border-width: 8px;
    margin-left: -8px;
}

#jarallax-container-0{
    border-radius: 10px !important;
}

.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}

.cartTitle {
    color: #f1c4ff;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    float: left;
}

#cart .shopping-cart-total {
    color: #f1c4ff;
    font-weight: bold;
}

 #shoppingCart.cartActive {
        display: block !important;
    }
header.header-mobile #mobileCart .btn-main {
    display: block !important;
}

#mobileCart{
    display:none;
    z-index:99999999999;
}


.overlay {
    background-size: cover;
    background-repeat: no-repeat;
    background: #4303634d;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
}

.cartItem {
    background-size: cover;
    background-repeat: no-repeat;
    background: #3f0066;
    color: #fff;
    border: 1px solid #983aff;
    border-radius: 5px;
    margin-bottom: 10px;
}

.empty-cart {
    padding-top: 0px !important;
    padding-bottom: 20px;
    margin-top: 0px !important;
}

#shoppingCart .cartTitle {
    color: #f1c4ff;
    font-weight: bold;
}
    #shoppingCart .shopping-cart-total {
        color: #f1c4ff;
        font-weight: bold;
        text-align: right;
    }
#openCart, #menu-cart-btn{
    cursor:pointer;
}

@media only screen and (max-width: 992px) {

.cartItem {
    background-size: cover;
    background-repeat: no-repeat;
    background: #3f0066;
    color: #fff;
    border: 1px solid #983aff;
    border-radius: 5px;
    margin-bottom: 10px;
}

    #menu-cart-btn {
        display: block;
        float: right;
        z-index: 1000;
        top: 0;
        right: 0;
    }
    #mobileCart .cartTitle{
        color:#f1c4ff;
        font-weight: bold;
    }
    #mobileCart .shopping-cart-total {
        color: #f1c4ff;
        font-weight: bold;
    }
    #mobileCart .cartItem{
        color:#fcfcfc;
        text-align: left;
    }


    /* === FIX pentru Safari iPhone: coș mobil invizibil === */
#mobileCart {
    display: none;
    position: fixed !important; /* forțăm poziționarea globală */
    top: 58px;
    left: 0;
    right: 0;
    width: 100% !important;
    background: rgba(0,0,0,0.9);
    padding: 30px;
    box-shadow: 0px 2px 95px #9d00ff;
    z-index: 9999999999;
    -webkit-transform: translateZ(0); /* forțăm Safari să îl redea */
    will-change: transform;
}

#mobileCart.cartActive {
    display: block !important;
}

.overlay, .jarallax-img {
    pointer-events: none !important;
}

    #mobileCart:after {
        bottom: 100%;
        right: 80px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #b299cd;
        border-width: 8px;
        margin-left: -8px;
    }

}


.sparkles {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 120px;
    pointer-events: none;
    overflow: visible;
    z-index: 999999;
}

/* Stilul unei stele */
.sparkle {
    position: absolute;
    width: var(--size, 6px);
    height: var(--size, 6px);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,.8) 40%, rgba(255,255,255,0) 70%);
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.7) rotate(0.01deg);
    animation: twinkle var(--dur, 1.2s) ease-in-out infinite;
    animation-delay: var(--delay, 0s);
    filter: drop-shadow(0 0 4px rgba(255,255,255,.75));
}

/* op?ional: versiune "scânteie în cruce" */
.sparkle:before, .sparkle:after {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    width: calc(var(--size, 6px) * 2.2);
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.9), transparent);
    transform: translate(-50%, -50%) rotate(45deg);
    opacity: .9;
}
.sparkle:after {
    transform: translate(-50%, -50%) rotate(-45deg);
    opacity: .9;
}

@keyframes twinkle {
    0%   { opacity: 0; transform: translate(-50%, -50%) scale(0.7); }
    35%  { opacity: 1; transform: translate(-50%, -50%) scale(1.06); }
    65%  { opacity: .85; transform: translate(-50%, -50%) scale(0.94); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(0.7); }
}

/* Doar când panelul e vizibil, permitem rularea (altfel nu se mai creeazã) */
.cart.cartActive .sparkles {

}

.event_comments{
   border: 1px solid #b200fb8c;
    border-radius: 10px;
    box-shadow: 0px 0px 400px #5b0095;
}



.de-testi-ticket {
    box-shadow: 0px 0px 400px #5b0095;
    border: 1px solid #b200fb8c;
    border-radius: 10px;
}

.ticket_title {
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 25px;
    margin-top: 10px;
    font-size: 20px;
    font-family: 'Oxanium';
    font-weight: bold;
    color: #ccc;
}

.ticket_price {
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 25px;
    color: #dddddd;
}

.ticket_desc {
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 25px;
    color: #ccc;
    font-size: 14px;
}

.tiket_addtocart button{
    margin-right:15px;
}

.de-testi-ticket {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}


.ticket_img_bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    pointer-events: none;
}


.de-testi-ticket .jarallax-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1 !important;
}

/* overlay-ul deasupra imaginii */
.de-testi-ticket .bg-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}


.de-testi-ticket > :not(.ticket_img_bg):not(.bg-overlay):not(.jarallax-img) {
    position: relative;
    z-index: 2;
}

#blog-comment ul, #blog-comment li {
    list-style: none;
    margin-left: 0px;
    padding-left: 0;
}

.hold-timer{
    position:fixed; right:16px; bottom:16px; z-index:9999;
    background:#111; color:#fff; padding:8px 12px; border-radius:10px; font-weight:600;
    box-shadow:0 6px 22px rgba(0,0,0,.25)
}
.hold-timer.d-none{ display:none }

.dark-scheme h2, .de-item.s2 h4 {
    color:#333;
}

.ratio-9x16 { --bs-aspect-ratio: 177.78%; }

.sparkles_event {
    background-size: cover;
    background-repeat: no-repeat;
    right: 30px !important;
    top: -12px;
    left: 15px;
    position: absolute;
}

.lw-validation-message {
    color: red;
}

.lw-show-till-loading {
    display: none;
}
.lw-page-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    z-index:9999999;
    background: rgba(0, 0, 0, 0.5);
}
.lw-page-loader .spinner-border {
    position: absolute;
    left: 50%;
    top: 50%;
}
fieldset.lw-fieldset {
    border: 2px solid #e1e1e1;
    padding: 0 1.4em 1.4em 1.4em;
    border-radius: 4px;
    border-color: #b886efbd;
    /* width: 300px; */
    width: 100%;
    background: #3930505c;
}

.form-check-inline {
    width: 46%;
}

.form-check-label {
    width: 100%;
}

.lw-fieldset-legend-font {
    font-size: 14px;
    margin-bottom: 20px;
    /* height: 10px; */
    line-height: 10px;
    border-bottom: none;
    width: auto;
    border: 0;
    padding: 0 10px;
}

.lw-payment-gateway-icon, .lw-payment-gateway-icon-small {
    max-height: 62px;
    max-width: 100%;
    border-radius: 5px;
    background: #fff;
    padding-left: 5px;
    padding-right: 5px;
    height: 30px;
}

.alert-info {
    color: #f1e0fb;
    background-color: #211d33;
    border-color: #835bb7;
}

.lw-fieldset-legend-font .form-check-input[type=radio] {
    border-radius: 50%;
    margin-top: 8px;
}

fieldset.lw-fieldset.selected{
    background:#922fffcf;
}

.lw-logo-container {
    text-align: center;
    margin-bottom: 20px;
}
.lw-logo {
    /* max-height: 100px; */
    max-width: 100%;
}

.lw-logo-section {
    margin-top: 180px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .form-check-inline {
        width: 100%;
    }
    .lw-logo-section {
        margin-top: 0;
        margin-bottom: 50px;
    }
}
.disable-btn{
    pointer-events: none !important;
    opacity: 0.6;
}

legend {
    float: none !important;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
}

.lw-fieldset-legend-font input{
    margin-top: 15px;
}

.wcenter {
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    position: relative;
    margin: 0 auto;
    width: 50%;
}

@media screen and (max-width: 767px) {
    .wcenter {
        width: 100%;
    }
}

.payment-header-success {
    color: #68c968;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Oxanium';
}

.payment-header-pending {
    color: orange;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Oxanium';
}

.payment-header-error {
    color: #ff4c4c;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Oxanium';
}

.payment-wrap{
    margin-top: -150px;
}

.cart-details{
    background: #00000073 !important;
}

.btn-main:disabled {
    opacity: 0.6;
}

.dark-scheme .modal-content {
    background: #010314de;
    box-shadow: 0 0 200px #9d00ff;
    border-radius: 10px;
}

.checkout-billing-details {
    position: relative;
}

.checkout-billing-details .editProfil{
   position:absolute;
   right:0;
   top:0;

}

#billingDetails tr {
    border-color: #9208fb75;
    border-style: solid;
    border-width: 0;
    color: #fff;
}

        body.dark-scheme { background:#0a0b0f; }
        .events-wrap { padding: 0; }
        .card-dark { background:#141623; border:1px solid rgba(255,255,255,.06); border-radius:16px; }
        .muted { color: rgba(255,255,255,.7); }

        /* Grid vs List */
        .grid { display:grid; height: auto !important; grid-template-columns: repeat(1, 1fr); gap:16px; }
        @media (min-width: 768px){ .grid{ grid-template-columns: repeat(2, 1fr);} }
        @media (min-width: 1200px){ .grid{ grid-template-columns: repeat(3, 1fr);} }

        .card-item { border:1px solid rgba(255,255,255,.06); border-radius:14px; background:#141623; display:flex; flex-direction:column; }
        .grid .card-item {
            border: 0px solid rgba(255, 255, 255, .06);
            border-radius: 14px;
            background: transparent !important;
            display: flex;
            flex-direction: column;
        }
        .grid .card-item .tag {
            font-size: 12px;
            padding: 5px 8px 5px 8px;
            line-height: 1em;
            height: 25px;
            border: 1px solid rgba(255, 255, 255, .12);
            border-radius: 15px;
            color: rgba(255, 255, 255, .8);
            position: absolute;
            right: 10px;
            top: 10px;
            background: #0000005e;
        }
        .card-item .thumb { padding:12px; }
        .ratio-9x16 { position:relative; height:300px; overflow:hidden; border-radius:12px; background:#0f1120; }
        .ratio-9x16-video { position:relative; height:100dvh; overflow:hidden; border-radius:12px; background:#0f1120; }
        .ratio-9x16 > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
        .card-item .body { padding:12px 14px 14px; display:flex; flex-direction:column; gap:6px; }
        .event-meta {
            font-size:.9rem; color:#ff765f; display:flex; gap:10px; flex-wrap:wrap;
        }
        .event-meta strong{
           color:#ff765f;
        }

        .cursor-pointer{
            cursor:pointer;
        }

        .event-meta .genres {
            background: #212529c9;
            border: 1px solid #2c3342;
            padding: 0px 5px 0px 5px;
            border-radius: 10px;
            font-size: 12px;
            height: 25px;
            line-height: 1.8em;
            color: #fff;
        }

        .price { font-weight:700; }
        .event-actions { margin-top:auto; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.tag {
    font-size: 12px;
    padding: 5px 8px 5px 8px;
    line-height: 1em;
    height: 25px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 15px;
    color: rgba(255, 255, 255, .8);
}

.row-list {
    display: flex;
    gap: 16px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 14px;
    overflow: hidden;
    background: #141623;
    margin-bottom: 15px;
}        .row-list .thumb { width:220px; min-width:220px; padding:12px; }
        .row-list .ratio-9x16 {
    height: 180px;
}
        .row-list .body { padding:12px 16px; display:flex; flex-direction:column; gap:8px; flex:1; }

        .filter-title { font-weight:600; margin-bottom:.4rem; }
        .filter-group + .filter-group { margin-top:16px; }

        .toolbar { gap:12px; }
        .left{ align-items:left; float:left; text-align:left }
        .right { align-items:right; float:right;text-align:right }
        .search-input { min-width:260px; background:#0f1120; border:1px solid rgba(255,255,255,.1); color:#fff; }
        .search-input:focus { border-color: var(--bs-primary); box-shadow:0 0 0 .2rem rgba(13,110,253,.15); }

        .pagination .page-link{ background:#0f1120; border-color:rgba(255,255,255,.12); color:#fff; }
        .pagination .page-link:hover{ background:#10121f; }
        .pagination .active .page-link{ background:var(--bs-primary); border-color:var(--bs-primary); }

        /* mini search in filters + limit 10 */
        .mini-search { background:#0f1120; border:1px solid rgba(255,255,255,.12); color:#fff; font-size:.9rem; padding:.35rem .5rem; width:100%; margin-bottom:.35rem; border-radius:.5rem; }
        .limit-10 > .form-check:nth-child(n+11) { display:none; }
        .filter-actions { display:flex; justify-content:flex-end; align-items:center; margin-top:.35rem; }
.datepicker table tr td span {
    display: block;
    width: 100% !important;
    height: auto !important;
    line-height: 0 !important;
    float: left;
    margin: 0;
    cursor: pointer;
    border-radius: 4px;
}
.datepicker table tr td span.cal-badge {
    display: block;
    top: -22px;
    right: -4px;
    height: auto !important;
    width: auto !important;
    line-height: 0.5em !important;
    padding: 5px !important;
    float: left;
    margin: 0 auto !important;
    cursor: pointer;
    border-radius: 5px !important;
    position: absolute;
    background: palevioletred;
    color: #fff;
    font-size: 13px !important;
}

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 30px !important;
    height: 25px !important;
    border-radius: 4px;
    border: none;
}

.datepicker-days table{
    border-collapse: separate;
    border-spacing: 10px;
}

.datepicker table tr td:hover {
    color: #333 !important;
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #35404e !important;
    border-top: 0;
    position: absolute;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background: #ff3c3c !important;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: #eee;
    color: #333;
}

.link-sm {
    font-size: .8rem;
    opacity: .8;
    text-decoration: none;
    cursor: pointer;
}

.offcanvas-start.card-dark{
    border-radius: 0;
}

@media (min-width: 1200px){
    .events-wrap{
        margin-top:-70px !important;
    }

}

@media (max-width: 768px){
    .events-wrap{
        margin-top:-50px !important;
    }
    .top-filters{
        padding-right:10px;
        padding-left:10px
    }

}

.form-select-sm {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: .5rem;
    font-size: .875rem;
}


.form-select-sm {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: .5rem;
    font-size: .875rem;
    width: 0 !important;
}

.form-select-sm:after {
   font-size:5px
}

.form-az .form-select {
    display: block;
    width: 100%;
    padding: 25px;
    height: 32px;
    position: relative;
    top: 3px;
    width: 21px !important;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16 8h4l-4 8h4'/%3E%3Cpath d='M4 16v-6a2 2 0 1 1 4 0v6'/%3E%3Cpath d='M4 13h4'/%3E%3Cpath d='M11 12h2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 30px 30px;
    border: 1px solid #333;
    border-radius: .25rem;
    transition: border-color .15s
ease-in-out, box-shadow .15s
ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn-group .btn.btn-sm.btn-outline-light {
    border:1px solid #fff
}

li a.page-link.disabled {
    background: #35404e !important;
}

.offcanvas{
    z-index:9999 !important;
}


.offcanvas-body::-webkit-scrollbar {
    width: 5px;
}

.offcanvas-body::selection {
    /* color: #ffffff00; */
    background: var(--secondary-color);
}
.offcanvas-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(200 200 200 / 0%);
    border-radius: 10px;
}

.offcanvas-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0d6efd;
    -webkit-box-shadow: inset 0 0 6px rgb(90 90 90 / 0%);
}

.offcanvas .offcanvas-body .form-check-label{
    color: #ccc;
}

.offcanvas .form-control::placeholder{
    color:#ccc
}

.form-control::placeholder{
    color:#ccc
}

.datepicker {
    background: #35404e !important;
    color: #fff !important;
}

.offcanvas .datepicker table tr td.new, .datepicker table tr td.old {
    color: #758a9d !important;
}

.offcanvas .datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #35404e !important;
    border-top: 0;
    position: absolute;
}

.offcanvas .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #10101f;
    background-clip: padding-box;
    border: var(--bs-border-width) solid #2d2d3a;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s
ease-in-out, box-shadow .15s
ease-in-out;
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto;
    color: #ccc;
}

.offcanvas .btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
}

input[name="q"]::placeholder{
    color:#888
}

.price span {
    color: #5d718b;
    font-size: 14px;
}

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, #eee));
    background-color: #35404e00;
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}

iframe{
    background: transparent !important;
}

.d-list-small img {
    width: 80px;
    margin-right: 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    display: inline-block;
    vertical-align: middle;
}

.page-block {
    background-size: cover;
    background-repeat: no-repeat;
    background: #00000030;
    border: 1px solid #b400ff85;
    border-radius: 10px;
    padding: 20px;
}

.de-item .d-overlay .d-label {
    position: absolute;
    font-size: 14px;
    top: 20px;
    right: 20px;
    padding: 0px 12px;
    color: #ffffff;
    font-weight: 800;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #0000005e;
}

.card-theme{
  border-radius: 5px !important;
}


.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C2.026 5.168 2.43 4.5 3.204 4.5h9.592c.774 0 1.178.668.753 1.158l-4.796 5.482a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #c5c5c5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #420570;
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid #900ef3;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-select:after, .form-select:before,{
    color: #fff;
}
#transactions .pagination li a { 
    padding: 0px 10px 0px 10px;
    font-size: 13px;
}

#orderInvoiceModal .modal-body{
  background: #963ff563 !important;
}


.ev_status_passed {
    background-size: cover;
    background-repeat: no-repeat;
    background: #e705059e;
    min-width: 30%;
    position: relative;
    float: left;
    left: 10px;
    top: 10px;
    border: 1px solid #590606;
    padding: 5px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
}

.ev_status_next {
    background-size: cover;
    background-repeat: no-repeat;
    background: #1987549c;
    min-width: 30%;
    position: relative;
    float: left;
    left: 10px;
    top: 10px;
    border: 1px solid #198754;
    padding: 5px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
}

.go_checkout {
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}