*{margin: 0; padding: 0;}

body {
    background: #0a0a0a !important;
}
p {
    font-family: 'Inter', sans-serif;
    line-height: 17px;
}
.sticky-top{position: sticky !important;}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
}

.side-panel .logo-seller-pad img {
    width: 100%;
}
.logo-seller-pad img {
    width: 100%;
}

.logo-seller-pad {
    width: 100%;
}
.side-panel ul {
    padding: 0;
}

.side-panel ul li img {
    width: 20px;
}
.side-panel ul {
    list-style: none;
}
.header-sellerpad {
    margin: 25px 0;
}
.logo-seller-pad {
    width: 210px;
}
.side-panel li a {
    padding: 10px 0;
    display: block;
    color: #fff;
}
.main-section {
    border: 1px solid #3241585c;
    padding: 25px;
    padding: 0px;
    border-radius: 25px;
    background: #171717;
    margin-bottom: 50px;
}
.card-stram .details p {
    color: #fff;
    margin: 0;
    font-size: 13px;
    
}
.main-section h2 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 20px;
    border-bottom: 1px solid #3241585c;
    padding: 20px 30px;
}
.notenote {
    padding: 10px 30px 0;
}
.product-image-section .owl-theme .owl-nav .owl-next, .product-image-section .owl-theme .owl-nav .owl-prev {
    margin-top: -5px !important;
}
select#select-subcategory {
    color: #fff !important;
}
select#select-category {
    color: #fff !important;
}
img{max-width: 100%}
.userimage-sec-wrapper .userimage-sec {
    width: 25px;
}
.live-stream-cards .userimage-sec-wrapper .userimage-sec {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
}
.userimage-sec-wrapper {
    display: flex;
}
.staks ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0;
    gap: 8px;    
    display: flex;
    
}
.card-stram .image img {
    border-radius: 12px;
}
.userimage-sec-wrapper {
    display: flex;
    color: #fff;
    margin: 15px 0 8px;
    font-weight: 600;
    font-size: 13px;
    gap: 6px;
    align-items: center;
}
.staks li img {
    width: 10px;
}

.staks li {
    background: #1f1f1f;
    padding: 5px;
    border-radius: 35px;
    color: #999;
    font-size: 12px;
    padding: 2px 13px;
    display: flex;
    gap: 4px;
    align-items: center;
}
.staks {
    margin-top: 10px;
}
.pro-dropdown {
    position: absolute;
    right: 0;
    top: 0;
}
.card-stram {
    position: relative;
}
.pro-dropdown > a {
    background: #222;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
}
.pro-dropdown > a img {
    width: 20px;
}
.pro-dropdown > a {
    background: #222222f0;
    width: 27px !important;
    height: 27px !important;
    display: flex !important;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    padding: 4px;
}
.pro-dropdown ul {
    background: #222222f0;
    list-style: none;
}
.pro-dropdown ul {
    background: #222222f0;
    list-style: none;
    padding: 0;
    z-index: 99;
    margin: 0;
}
/*.card-stram .image a:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #00000040;
    position: absolute;
    left: 0;
    border-radius: 9px;
}*/
.card-stram .pro-dropdown {
    z-index: 9;
}
.manage-listion-wrapper .pro-dropdown img {
    width: 16px;
}
.pro-dropdown ul {
    background: #222222f0;
    list-style: none;
    padding: 0;
    z-index: 99;
    margin: 0;
    width: 150px;
    position: absolute;
    right: 6px;
    top: 45px;
    border-radius: 10px;
}
.pro-dropdown li a {
    color: #fff;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    padding: 10px 11px;
}
.card-stram {
    position: relative;
    margin-bottom: 20px;
}


    .pro-dropdown ul {
      opacity: 0;
      transform: scale(0.8);
      transform-origin: top center;
      transition: all 0.2s ease;
      visibility: hidden;
    }

    /* visible state */
    .pro-dropdown ul.show {
      opacity: 1;
      transform: scale(1);
      pointer-events: auto;
        visibility: visible;
    }

.pro-dropdown ul li a:hover {
    background: #f5f5f514;
    }
.pro-dropdown ul li:last-child {
    border: none;
}

.pro-dropdown ul li {
    border-bottom: 1px solid #404040;
}
.pro-dropdown ul li:first-child a {
    border-radius: 9px 9px 0 0;
}
.pro-dropdown ul li:last-child a {
    border-radius: 0 0 9px 9px;
}
li.delet-live-stream a {
    color: #ff0000;
}

.side-panel li a.active {
    border: 1px solid #3241585c;
    background: #171717;
}
.side-panel li.active a {
    background: #171717;
    border: 1px solid #3241585c;
    border-radius: 20px;
    font-weight: 700;
}

.side-panel li a {
    padding: 14px 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
}
.side-panel span.icon-menu img {
    float: left;
}
.search-container{text-align: right;}
 .search img {
    filter: invert(1);
    width: 15px;
}
.search-container {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 18px;
    margin-top: 25px;
    position: relative;
}
.search img {
    position: absolute;
    right: 18px;
}
.logo-seller-pad {
/*    width: 210px;*/
    width: 172px;
/*    margin: 20px 0 20px;*/
/*    margin: 20px 6px 20px;*/
    margin: 12px 6px 11px;
}
 .search {
    background: none;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
     cursor: pointer; 
}
.search input.search-input{
     transition: all 0.3s ease;
    outline: none;
    color: #f1f1f1;
    pointer-events: none;
    font-size: 0;
}
.search.open-searc input.search-input {
    width: 340px;
    padding: 0 20px;
    padding-right: 40px;
    pointer-events: auto;
    font-size: 14px;
    height: 41px !important;
}

input.search-input {
    background: #171717;
    border: 1px solid #3241585c;
    border-radius: 35px;
    height: 40px;
    width: 40px;
}
.side-panel li {
    margin-bottom: 10px;
}
.search img {
    position: absolute;
    right: 13px;
}
.happening-now {
    position: absolute;
    font-size: 12px;
    border: none;
    color: #fff;
    left: 15px;
    top: 15px;
    border-radius: 25px;
    padding: 5px 9px;
    background: #ff0000;
    z-index: 9;
    left: 10px;
    top: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 700;
}
.happening-now span.white-dot {
    width: 10px;
    height: 10px;
    display: block;
    background: #fff;
    border-radius: 15px;
}
.live-stream-cards .share {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #22222242;
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    bottom: 10px;
    border: 1px solid #ffffffa6;
}
.live-stream-cards .share img {
    width: 16px;
}
.card-stram .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card-stram .image {
    position: relative;
    height: 250px;
}
.side-panel span.icon-menu img {
    float: left;
}
.invert{filter: invert()}
.logout img{filter: invert()}

.selling-items-left, .live-chat-sec {
    border: 1px solid #3241585c;
    padding: 0px;
    border-radius: 25px;
    background: #171717;
    margin-bottom: 0;
    height: calc(100vh - 100px);
}
.hide-element{opacity: 0; visibility: hidden}
.top-head h2 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 700;
}
.top-head p {
    margin: 0;
    font-size: 12px;
    font-size: 12px;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #555;
    font-weight: 700;
}
.top-head {
    border-bottom: 1px solid #3241585c;
    padding: 15px 16px;
    padding-bottom: 10px;
}
.live-stream-top-sec .userimage-sec-wrapper {
    margin: 0;
}
.live-stream-top-sec .userimage-sec-wrapper .userimage-sec {
    width: 40px;
    height: 40px;
}
.live-stream-top-sec .userimage-sec-wrapper .userimage-sec img {
    height: 100%;
}
.live-buyers span {
    background: #333;
    padding: 5px 8px;
    border-radius: 25px;
}
.live-stream-top-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.live-buyers span {
    background: #333;
    padding: 7px 10px;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.live-buyers img {
    width: 16px;
}
.live-stream-inner img {
    border-radius: 25px;
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}
.live-steam-box {
    margin-top: 20px;
    position: relative;
    height: calc(100vh - 212px);
    display: flex;
    flex-direction: column;
}

.live-stream-reactions ul {
    padding: 0;
    list-style: none;
}
.live-stream-reactions {
    position: absolute;
    right: 10px;
    bottom: 26px;
    z-index: 9;
}
.live-stream-reactions li a {
    background: #00000091;
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.live-stream-reactions li a img{
    width: 60%
}
.live-stream-reactions li {
    margin-top: 10px;
}
.selling-list-sold-list {
    padding: 14px;
}
.selleing-now a {
    color: #fff;
    font-size: 14px;
}

.selleing-now img {
    width: 14px;
    float: left;
    margin-right: 6px;
}
.selleing-now a {
    color: #fff;
    font-size: 13px;
    padding: 10px 10px;
    border-radius: 10px;
    display: block;
}

.selleing-now.active a{
background: #1f1f1f;
}
.currently-selling {
    background: linear-gradient(135deg, #ff4ced 0%, #fdde3e 100%);
    border-radius: 15px;
    padding: 1px;
    box-sizing: border-box;
    margin-top: 16px;
}
.d-flex.justify-content-bewteen {
    justify-content: space-between;
}
div#selling-now {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.currently-selling .item-image img, .next-up .item-image img {
    border-radius: 7px;
}

.currently-selling .item-image, .next-up .item-image {
    width: 40px;
    flex-shrink: 0;
    height: 40px;

}
.currently-selling .left-sec, .next-up .left-sec {
    display: flex;
    gap: 8px;
}
.currently-selling .desc h3, .next-up .desc h3 {
    font-size: 12px;
}
.currently-selling .desc h3{
    font-size: 14px;
    color: #f5f5f5;
}
.currently-selling .desc h3, .currently-selling .desc p, .next-up .desc p {
    margin: 0;
    padding: 0;
    color: #fff;
}
.currently-selling .right-sec a, .next-up .right-sec a {
    background: #fff;
    color: #000;
    font-size: 10px;
    font-weight: 700;
    padding: 7px 10px;
    border-radius: 16px;
    display: block;
}
.currently-selling .desc p,  .next-up .desc p {
    font-weight: 700;
    font-size: 12px;
}
.currently-selling > .d-flex {
    background: #000;
    padding: 8px;
    border-radius: 15px;
}
.currently-selling .desc h3, .next-up .desc h3 {
    margin-bottom: 4px;
    margin-top: 3px;
}
.swith-btn.d-flex {
    gap: 10px;
}

.next-up {
    margin-top: 20px;
}

.next-up h3 {
    color: #fff;
    font-size: 15px;
        margin-bottom: .5rem;
}
.next-up p {
    color: #555;
    font-size: 12px;
    line-height: 15px;
        margin-bottom: 11px;
}
.next-up-inner, #sold-now-block .next-up-inner-new {
    border: 1px solid #3241585c;
    border-radius: 12px;
}
.next-item-list {
    padding: 12px 12px;
    border-bottom: 1px solid #3241585c;
}
div#start-stream a {
    background: #fff;
    width: 100%;
    display: block;
    text-align: center;
    color: #000;
    padding: 9px 0;
    font-weight: 600;
    border-radius: 10px;
    font-size: 13px;
}
div#end-stream a {
    background: #ff0000;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    font-weight: 600;
    border-radius: 10px;
    font-size: 14px;
}
.next-up-inner{
    border: 1px solid #3241585c;
    border-radius: 12px;
    height: calc(100vh - 475px);
    overflow-y: auto;
    margin-bottom: 20px;
}
#sold-now-block .next-up-inner-new {
    border: 1px solid #3241585c;
    border-radius: 12px;
    height: calc(100vh - 338px);
    overflow-y: auto;
    margin-bottom: 20px;
}
.all-next-items-new .item-image img {
    border-radius: 7px !important;
}
.live-sreaming-full-wrapper {
    gap: 20px;
}
.left-selling-box, .right-selling-box {
    max-width: 28%;
    flex-shrink: 0;
    width: 28%;
}
.search-container {
    margin-bottom: 8px;
}
.live-stream-inner {
    height: 100%;
}
.streaming-timer {
    text-align: center;
    margin: 10px 0;
}

.streaming-timer span {
    background: #333;
    color: #fff;
    font-size: 14px;
    padding: 8px;
    border-radius: 5px;
}
.live-stream-inner {
    height: 100%;
    background: #171717;
    border-radius: 25px;
}
.live-chat-sec {
    display: flex;
    flex-direction: column;
}
.live-chat-sec .chat-footer{ position: relative}
.live-chat-sec .chat-body {
    flex: 1;
}
.live-chat-sec .chat-footer button {
    position: absolute;
    width: 30px;
    right: 5px;
}
.live-chat-sec .chat-footer input {
    background: no-repeat;
    border: 1px solid #fff;
    border-radius: 50px;
    width: 100%;
    height: 40px;
    padding: 0 13px;
    padding-right: 36px;
    font-size: 14px;
}
.live-chat-sec .chat-footer {
    margin: 14px 20px;
}
.live-chat-sec .chat-footer button {
    background: none;
    border: none;
}
.chat-footer button {
    position: absolute;
    width: 30px;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.center-selling-box {
    max-width: 44%;
    width: 44%;
}
.live-chat-sec .top-head img {
    width: 13px;
    opacity: 0.5;
}
.prev-sold-items-top-sec h3 span {
    border: 1px solid #3241585c;
    padding: 4px 12px;
    display: inline-block;
    border-radius: 45px;
}

.prev-sold-items-top-sec h3 {
    font-size: 12px;
}
.prev-sold-items-top-sec {
    text-align: center;
}
.prev-sold-items-top-sec h3:after {
    content: "";
    width: 100%;
    background: #3241585c;
    position: absolute;
    height: 1px;
    left: 0;
    top: 12px;
}
.prev-sold-items-top-sec h3 {
    position: relative;
    margin-bottom: 0;
}
.prev-sold-items-top-sec h3 span {
    border: 1px solid #3241585c;
    padding: 4px 12px;
    display: inline-block;
    border-radius: 45px;
    background: #171717;
    z-index: 9;
    position: relative;
}

.all-next-items-new .next-item-list:last-child {
    margin: 0 !important;
    border: none;
}
.all-next-items .next-item-list:last-child, .all-next-items-new .next-item-list:last-child {
    border: none;
}
span.sold-btn {
    color: #ff0000;
    font-size: 13px;
}

.lottie-check{
    position: absolute;
    right: -10px;
    top: -35px;
}
.lottie-check {
    right: -10px;
    top: -35px;
    position: static;
    background: #fff;
    left: 0;
    margin: 0;
    display: block;
    border-radius: 25px;
}
.lottie-check svg {
    transform: scale(1.4) !important;
}
.noitem-left {
    background: #000;
    width: 100%;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
}
.currently-selling .right-sec{position: relative;}
.live-stream-inner video {
    border-radius: 25px !important;
    height: 100% !important;
    object-fit: cover;
}
.item-image {
    width: 40px;
    height: 40px;
}
.item-image img{border-radius: 7px;}
span#time-remaining {
    background: #ff0000;
    color: #fff;
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 35px;
}


.chat-body .wrapper {
    width: 100%;
    padding: 1rem;
    border-radius: 10px;
    height: calc(100vh - 250px);
    overflow: auto;
}
.chat-body .wrapper {
    /* Hide scrollbar but keep scroll */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

.chat-body .wrapper::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
}

.chat-body ul {
    list-style: none;
    padding: 0;
}

.chat-body ul li {
    padding: 0rem;
    margin: 0rem auto;
    border-radius: 10px;
    display: flex;
    margin-bottom: 15px;
}
.chat-footer input.send-btn + img {
    width: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
}
.chat-footer input{color: #fff;}
.chat-footer {position: relative;}
.chat-footer input.send-btn {
    position: absolute;
    border: none !important;
    opacity: 0;
    right: 0;
    width: auto;
    padding: 2px;
}
.chat-body ul li div:first-child {
    background: #000;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 13px;
    border: 1px solid #2d2c2c;
    margin-right: 10px;
    color: #ccc;
    font-weight: 600;
}
.chat-body ul li div:last-child .name {
    margin: 0;
    color: #f5f5f5;
    font-size: 14px;
    margin-top: 4px;
}
.chat-body ul li div:last-child p {
    margin: 0;
    font-size: 14px;
    color: #f5f5f5;
}
ul.message-list {
    margin: 0;
}
.sol-item-top span:first-child{color: #fff}
.sol-item-top span:last-child{color: #555}
.chat-body ul .right {
}
.d-flex.sol-item-top {
    justify-content: space-between;
    font-size: 14px;
}
.sol-item-top span:last-child {
    color: #555;
    font-size: 12px;
}
.swith-btn.d-flex {
    gap: 10px;
    margin-bottom: 7px;
}
.d-flex.sol-item-top {
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 10px;
}
.chat-body ul li:last-child {
    margin-bottom: 0 !important;
}
.chat-body ul li span {
    padding: .3rem .5rem;
    margin-right: 1rem;
    background-color: lightgray;
    font-weight: bold;
    border-radius: 5px;
}

.chat-body form {
    max-width: 900px;
    width: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.chat-body form input {
    padding: 1rem;
    border: 2px solid blue;
    outline: none;
    border-radius: 10px;
}

.chat-body #msgInput {
    width: 80%;
}
.chat-body .send-btn {
    width: 18%;
    cursor: pointer;
}

.card-stram .image {
    transition: all 0.5s ease;
}

.card-stram:hover .image {
    transform: scale(1.00);
}
.awaiting-item {
    background: #000;
    width: 100%;
    border-radius: 15px;
    color: #fff !important;
    font-size: 15px;
}
.start-timer-10.disabled a {
    opacity: 0.5;
}
.start-timer-count-down {
    color: #ccc;
    font-size: 11px !important;
    font-weight: 500 !important;
    border: 1px dashed #000;
    display: inline-block;
    padding: 2px 6px;
    border-radius: 5px;
    padding: 6px 16px;
    border-radius: 25px;
    margin-top: 0px;
    background: linear-gradient(135deg, #ff4ced 0%, #fdde3e 100%);
    font-weight: 500 !important;
    color: #000;
    font-weight: 600 !important;
}

.start-timer-count-down {
    visibility: hidden;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.5s ease;
}
.start-timer-count-down.show-countdown10s {
    visibility: visible;
    opacity: 1;
    transform: scale(1.0);
}
.start-timer-10.disabled a {
    pointer-events: none;
}
.start-timer-end-wrapper {
    position: absolute;
    top: 65px;
    right: 13px;
    transform: none;
    z-index: 99; 
}
.start-timer-end-wrapper{text-align: right;}

/*Animation*/
.fly-clone {
  position: absolute;
  z-index: 9999;
  pointer-events: none;
  transition: all 0.7s ease-in-out;
}
/* .selling-list-sold-list { width:400px; margin:30px auto; background:#1c1c1c; padding:20px; border-radius:10px; }*/
    .swith-btn { margin-bottom:15px; }
    .swith-btn .selleing-now { margin-right:10px; }
    .swith-btn a { color:#fff; text-decoration:none; display:flex; align-items:center; gap:5px; }
/*    .currently-selling { background:#222; padding:15px; border-radius:8px; margin-bottom:20px; }*/
    .currently-selling .left-sec { display:flex; gap:10px; align-items:center; }
.currently-selling .item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
    .currently-selling h3 { margin:0; font-size:16px; }
    .currently-selling p { margin:0; color:#aaa; }
    .currently-selling .right-sec a { background: #fff;
    color: #000;
    padding: 7px 12px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 12px;}

    .next-up { margin-top:20px; }
    .next-item-list { padding:10px; border-radius:0px; margin-bottom:0px; }
    .next-item-list .left-sec { display:flex; gap:10px; align-items:center; }
    .next-item-list .item-image img { width: 100%;
        background: #fff;
    height: 100%;
    object-fit: cover;
    object-position: center;}
    .next-item-list h3 { margin:0; font-size:14px; color: #fff}
    .next-item-list p {
    margin: 0;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
}
    .next-item-list .right-sec a { background:#fff; color:#000; padding:3px 10px; border-radius:20px; text-decoration:none; font-size:12px; }
/*Animation*/


/*22-09-2025*/
.live-stream-top-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    z-index: 9;
    width: 100%;
    padding: 12px 10px;
}
.center-selling-box .main-section{position: relative;}
.live-steam-box {
    height: calc(100vh - 102px);
}
.live-sreaming-full-wrapper .main-section {
    border: none;
    padding: 0;
    border-radius: 25px;
    background: none;
    margin-bottom: 50px;
}
.live-stream-reactions {
    bottom: 0;
}
.start-timer-10 a {
    color: #fff;
    font-size: 11px;
    background: linear-gradient(135deg, #3efbfd 0%, #fdde3e 100%);
    color: #020202;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 15px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.start-timer-10 {
    text-align: right;
    margin-top: 7px;
}
.next-up {
    margin-top: 0;
}
div#timer {
   position: absolute;
    bottom: inherit;
    left: 10px;
    /* transform: translateX(-50%); */
    top: 54px;
}
.currently-selling .right-sec {
    position: relative;
    opacity: 0;
    visibility: hidden;
}
/*22-09-2025*/


.main-section-create-list {
    background: #171717;
    border: 1px solid #3241585c;
    border-radius: 25px;
    padding: 20px;
    height: calc(100vh - 100px);
    margin-top: 0px;
}
#catalog-popup .label-vertical-list.lease-term label {
    display: flex;
    color: #fff;
    gap: 8px;
    font-weight: 400;
    padding: 4px 0;
    align-items: flex-start;
}
#catalog-popup .label-vertical-list.lease-term label input{margin-top: 5px}
#catalog-popup .search {
    margin-bottom: 15px;
}
#catalog-popup .search input {
    background: none;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    cursor: pointer;
    width: 100%;
    border: 1px solid #3241585c;
    border-radius: 15px;
    background: #282828 !important;
    height: 46px !important;
    cursor: auto;
    color: #fff !important;
    padding: 0 16px;
}
#catalog-popup .label-vertical-list.lease-term {
    padding: 0 10px !important;
}
#catalog-popup h3 {
    margin-bottom: 14px;
    font-size: 18px;
}
.main-section-create-list h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
}
.create-listiing-wrapper {
    display: flex;
}
.create-listiing-wrapper  .listing-box p {
    margin: 0;
}

.create-listiing-wrapper  .listing-box .icons {
    width: 25px;
    margin: 0 auto;
}
.create-listiing-wrapper  .listing-box {
    text-align: center;
    background: #1f1f1f;
    border: 1px dashed #555;
    padding: 12px;
    width: 50%;
}
.create-listiing-wrapper {
    display: flex;
    gap: 20px;
}
.create-listiing-wrapper .listing-box p {
    margin: 0;
    font-size: 13px;
    color: #999;
}
.create-listiing-wrapper .title {
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 15px;
    text-align: center !important;
    justify-content: center;
}
.upload-csv .title {
    color: #555;
    font-weight: 600;
}
.listing-box.cursor-pointer:hover {
    transform: scale(1.03);
}

.create-listiing-wrapper .listing-box {
    text-align: center;
    background: #1f1f1f;
    border: 1px dashed #555;
    padding: 50px;
    border-radius: 20px;
    transition: all 0.5s ease;
}
.upload-csv {
    margin-top: 20px;
}

.upload-csv .listing-box {
    text-align: center;
    background: #1f1f1f;
    border: 1px dashed #555;
    padding: 70px;
    border-radius: 20px;
}
.upload-csv .listing-box .icons {
    width: 25px;
    margin: 0 auto;
}

.h-auto{height: auto}
.schedule-form .form-group h3 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 6px;
    font-weight: 600;
}
.schedule-form {
    margin-top: 20px;
}
.schedule-form textarea {
    resize: vertical;
    width: 100%;
    height: 140px;
    border-radius: 15px;
    background: #333;
    border: 1px solid #404040;
    padding: 10px 10px;
    resize: none;
}
.schedule-form input.form-control, .schedule-form select.form-control, .schedule-form .upload {
    background: #333 !important;
    border: 1px solid #404040 !important;
}
.upload {
    padding: 44px 20px;
    text-align: center;
    border-radius: 15px;
    width: 100%;
}
.icon:after{display: none}
.schedule-form select.form-control {
    width: 100%;
}
.sl {
    text-align: center;
}

.sl a {
    background: #fff;
    padding: 10px 40px;
    display: inline-block;
    border-radius: 13px;
    color: #000;
    font-weight: 700;
    display: block;
    margin: 0 0px;
}
.sl {
    text-align: center;
    margin-top: 60px;
}
p.tnc-note small a {
    text-decoration: underline;
    color: #999;
}

p.tnc-note small {
    font-size: 12px;
}
.action-btn-sc.text-center p {
    color: #999;
    font-size: 12px;
    margin-top: 10px;
}
.form-group p {
    margin-bottom: 0;
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
}


/* After buy animation*/
 .coin {
    width: 100px;
    height: 100px;
    background: yellow;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: bold;
    position: absolute;
    bottom: -120px;
    opacity: 0;
    z-index: 2;
     visibility: hidden;
  }

  .coin.animate {
    animation: toss 2s ease-out forwards;
      visibility: visible;
  }

.coin img {
    width: 100%;
}

  @keyframes toss {
    0% {
      bottom: -120px;
      transform: rotateY(0deg);
      opacity: 1;
    }
    50% {
      bottom: 60%;
      transform: rotateY(540deg);
    }
    100% {
      bottom: 40%;
      transform: rotateY(1080deg);
      opacity: 1;
    }
  }

  /* Sparkle container */
.sparkles {
    position: absolute;
    width: 130px;
    height: 130px;
    bottom: 39%;
    display: none;
    pointer-events: none;
    text-align: center;
    left: 350px;
}

  .sparkles span {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #5887ff;
    border-radius: 50%;
    opacity: 0;
    animation: sparkle 1.5s linear infinite;
  }

  .sparkles span:nth-child(1) { top: 10%; left: 50%; animation-delay: 0s; }
  .sparkles span:nth-child(2) { top: 50%; left: 82%; animation-delay: 0.2s; }
  .sparkles span:nth-child(3) { top: 99%; left: 44%; animation-delay: 0.4s; }
  .sparkles span:nth-child(4) { top: 50%; left: -9%; animation-delay: 0.6s; }
  .sparkles span:nth-child(5) { top: 20%; left: 20%; animation-delay: 0.8s; }
  .sparkles span:nth-child(6) { top: 80%; left: 80%; animation-delay: 1s; }

  @keyframes sparkle {
    0% { transform: scale(0); opacity: 0; }
    50% { transform: scale(1.5); opacity: 1; }
    100% { transform: scale(0); opacity: 0; }
  }

  .text-container {
    position: absolute;
    bottom: 30%;
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease;
  }

  .text-container.show {
    opacity: 1;
    transform: translateY(4px);
    bottom: -76px;
  }

  .name {
    font-size: 24px;
    font-weight: bold;
    color: #333;
  }

  .subtext {
    font-size: 16px;
    color: #666;
    margin-top: 5px;
  }
.after-buy-animation {
    z-index: 99;
    position: absolute;
    width: 100%;
    top: 0;
} 
.upload input {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 100%;
    top: 0;
    opacity: 0;
}

.upload {
    position: relative;
}
.upload-graphic .icon {
    width: 30px;
    margin: 0 auto 10px;
    padding: 0;
}
/* After buy animation*/
.select {
    position: relative;
}
.select img {
    position: absolute;
    width: 17px;
    z-index: 9;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
}
.success-message-text{margin-top: 10px;}
p.success-message-text span img {
    margin-right: 4px;
}
.schedule-form .form-group {
    margin-bottom: 30px;
}

/* Add listing */
.product-image-section .scroll-container .parent {
        display: flex;
        flex-wrap: wrap;
}
.scroll-container .parent .upload-border {
    border: 1px dashed #b8b8b8;
    height: 100%;
    width: 100%;
    border-radius: 10px;
}
.scroll-container .parent .upload-border {
    width: 18.2% !important;
    margin-bottom: 10px;
}
.add-listing#step1-wrapper .scroll-container .parent .upload-border {
    border: none !important;
    flex-shrink: 0;
}
div#image-inp-parent-div {
/*    gap: 15px;*/
/*    display: flex;*/
/*    flex-wrap: nowrap;*/
/*    overflow-x: auto;*/
}
.upload-article-image {
    background: none;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.add-listing-inner .item-condition .brand-type {
    display: flex;
    width: 100%;
    gap: 10px;
}
#step1-wrapper .brand-type .type {
    width: 100%;
}

.brand-type .type {
    position: relative;
    flex: 1;
}
.d-flex.brand-type input[type="radio"] {
    position: absolute;
    cursor: pointer;
}

.add-listing-inner input[type="radio"] {
    position: relative;
    flex-shrink: 0;
    border: none !important;
    background: none !important;
    border: 1px solid #000;
    appearance: none !important;
}
.brand-type .type input {
    position: absolute;
    left: 0;
}

.brand-type .type input {
    position: absolute;
    left: 0;
    opacity: 0;
}
.brand-type .type input {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
 .form-group label {
    color: #fff;
}
 .form-group label {
    color: #000;
}
.type input:checked + label {
    background: #1f1f1f;
    border-radius: 8px;
    border: 1px solid #5b68f2;
}
.add-listing-inner .item-condition label {
    margin: 0;
    text-align: center;
    justify-content: center;
}
.add-listing-inner .form-group label {
    display: flex
;
    align-items: center;
    font-size: 14px;
}
.form-group label {
    color: #fff;
}
.form-group label {
    display: flex;
    align-items: center;
    font-size: 14px;
}
.type input + label {
    text-align: center;
    border: 1px solid #252525;
    height: 40px;
}
.brand-type label {
    background: #252525;
    padding: 9px 20px;
    margin-right: 15px;
    border-radius: 8px;
}
.price-box-with-dollar .dollar-symbol {
    position: absolute;
    top: 12px;
    left: 19px;
    color: #b8b8b8;
}
.price-box-with-dollar {
    position: relative;
}
.form-group textarea {
    resize: none;
    height: 150px;
    outline: none;
    color: #fff;
}
.main-section-create-list.h-auto.add-listing-wrapper {
    position: static !important;
    display: block;
    margin-bottom: 50px;
    margin-top: 0px !important;
}
.add-listing {
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding: 0 !important;
}
.action-form {
    clear: both;
    width: 100%;
    text-align: center;
}
.action-form button {
    width: 300px;
    padding: 10px 0;
    border-radius: 12px;
    border: none;
    font-weight: 600;
    margin: 0 auto;
    background: linear-gradient(135deg, #744BFF 0%, #28009E 100%);
    color: #fff;
}
.search input.search-input {
    transition: all 0.3s 
ease;
    outline: none;
    color: #f1f1f1;
    pointer-events: none;
    font-size: 0;
    height: 41px !important;
    padding: 0 20px;
}
.add-listing#step1-wrapper, .add-listing#step2-wrapper, .add-listing#step3-wrapper {
    padding: 0 !important;
}
.product-image-section .upload-article-image {
        border: none !important;
        height: auto !important;
        margin: 0;
    }
.product-image-section .parent .upload-article-image .upload {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}
.hazardous .symbol {
    width: 30px;
    margin-right: 9px;
}
.brand-type.ship-item.d-flex {
    display: flex;
    flex-direction: row;
}
.form-group.pick-a-dimention-label {
    text-align: left;
    padding: 9px 7px !important;
    margin: 0;
}
#all-wt-list .size-box span {
    text-align: left;
}
div#package-size {
    border: 1px solid #3241585c !important;
    background: #100f0f !important;
}
div#all-wt-list {
    padding: 0 15px;
}
div#all-wt-list {
    padding: 0 15px;
    margin: 00;
    padding: 10px;
}
div#all-wt-list .size-box {
    border-bottom: 1px solid #3241585c;
    margin-bottom: 15px;
}
div#all-wt-list {
    padding: 0;
}
div#package-size {
    padding: 0 !important;
}
.add-listing-inner .form-group label {
   display: flex;
    align-items: center;
    font-size: 14px;
    padding: 0 0px;
    font-weight: 300 !important;
    color: #ccc;
}
div#image-inp-parent-div {
    gap: 0px;
}
.scroll-container {
    overflow-x: inherit !important;
    width: auto!     ;
    border: none !important;
}
.scroll-container div#image-inp-parent-div div {
    border: none !important;
}
.add-listing select.form-control {
    background: url(https://www.jumpspree.com/public/images/arrow-bottom.png) no-repeat;
    background-size: 10px;
    background-position: right 15px center;
}
#all-wt-list .label {
    text-align: left;
    padding: 19px 18px !important;
    margin: 0;
    border-bottom: 1px solid #3241585c;
    margin-bottom: 15px;
}
.custom-switch input:checked + label {
    background: #6e12ff;
    background: linear-gradient(135deg, #744BFF 0%, #28009E 100%);
}
.to {
    color: #fff;
}
.start-time input, .end-time input {
    width: 100% !important;
    max-width: 100%;
}
.time-table-box .check {
    color: #fff;
    margin-top: 0;
    font-size: 14px;
}
a.use-primary-address.active, a.add-new-address.active {
    border: 1px solid #fff;
}
.type input:checked + label {
    border: 1px solid #fff;
}
.price-box-with-dollar .dollar-symbol {
    position: absolute;
    top: 12px;
    left: 15px;
    color: #b8b8b8;
/*    display: none;*/
}
#select-category:after {
    content: "";
    background: url('https://www.jumpspree.com/seller-pad/images/right-angle-bttom.png');
}
.logout {
    text-align: center;
    margin-top: 0;
}
.form-group-span.price-box-with-dollar input {
    padding-left: 15px !important;
}
.dollar-symbol {
  display: none; /* default hidden */
}

#listing-price:not(:placeholder-shown), #listing-discounted-price:not(:placeholder-shown), #listing-shipping-cost:not(:placeholder-shown){
    padding-left: 30px !important
}

#listing-price:not(:placeholder-shown) + .dollar-symbol, #listing-discounted-price:not(:placeholder-shown) + .dollar-symbol, #listing-shipping-cost:not(:placeholder-shown) + .dollar-symbol {
  display: inline;
}
.add-listing-body .form-group {
    margin-bottom: 25px;
}
.add-post .plus-wrapper {
    margin-left: 0;
    width: 59px;
    cursor: pointer;
    transition: all 0.5s ease;
}
.plus-wrapper {
    width: 20px;
    margin-left: 7px;
    float: left;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}
.add-post .plus-wrapper img {
    margin-top: 0;
}
.add-post {
    border: none;
    border-radius: 18px;
    margin-top: 40px;
}
    #more-stting .more-setting-pop {
        left: 150px;
        bottom: 0;
    }
.more-setting-pop.more-settings {
    transform: scale(1);
    opacity: 1;
}
    #more-stting .more-setting-pop.more-settings ul {
        border: none;
        background: no-repeat;
        padding: 0;
        position: relative;
        border-radius: 25px;
    }
    #more-stting .more-setting-pop.more-settings ul li {
        padding-left: 0;
    }
#more-stting .more-setting-pop.more-settings ul li a {
        padding-left: 12px;
        border-bottom: 1px solid #3241585c !important;
    }
li#more-stting a {
        background: transparent !important;
        border: 1px solid transparent;
    }
#more-stting .more-setting-pop.more-settings ul li a {
        padding-left: 12px;
        border-bottom: 1px solid #3241585c !important;
    }    

/* Add listing */


/* Manage Listing*/
.product-image {
    width: 85px;
}
.manage-listion-wrapper .list-box {
    position: relative;
}
.manage-listion-wrapper .list-box {
    position: relative;
    border: 1px solid #3241585c;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 15px;
    background: #1a1a1a;
}

.manage-listion-wrapper .product-image img {
    border-radius: 10px;
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-fit: cover;
    background: #fff;
    object-position: center top;
}
.upload-border .upload.media-added img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 15px;
        
}
.upload-border .upload.media-added {
    padding: 0;
}
.userimage-sec-wrapper .userimage-sec img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.manage-listion-wrapper .product-image {
    width: 85px;
    margin-right: 15px;
    height: 85px;
}
.manage-listion-wrapper .list-box .description h2 {
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: 600;
    margin-top: 6px;
    padding: 0;
    border: none;
}
.manage-listion-wrapper {
    margin-top: 20px;
}
.manage-listion-wrapper .pro-dropdown > a {
    border: none;
}
.manage-listion-wrapper .list-box p {
    margin: 5px 0 7px;
    font-weight: 700;
    color: #ccc;
    font-size: 14px;
}
.live-btn span {
    border: 1px solid #3241585c;
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    display: inline-block;
    border-radius: 8px;
}

.live-btn {
    margin-top: 6px;
}
.manage-listion-wrapper .list-box.hide-this .left-manage {
    opacity: 0.5;
    z-index: 1;
}
.general-setting-wrapper p {
    color: #c2c2c2;
    font-size: 14px;
}
.general-setting.d-flex.justify-content-between.align-items-center {
    margin-bottom: 20px;
}
.back a {
    color: #c2c2c2;
    font-weight: 700;
    display: block;
    padding: 7px 11px;
}

.back img {
    width: 14px;
    position: relative;
    top: -1px;
    margin-right: 4px;
}
.back {
    background: #333;
    border: 1px solid #404040;
    color: #fff;
    border-radius: 35px;
    padding: 0;
    font-size: 12px;
}
.download-bulk-upload-template a {
    color: #8384fa !important;
    font-size: 14px;
    text-decoration: underline;
}
.upload-csv .listing-box .icons {
    width: 25px;
    margin: 0 auto 8px;
}
#blulk-upload{cursor: pointer;}
.cursor-pointer{cursor: pointer;}
.more-setting-pop {
    bottom: -26px;
    left: 74px;
    width: 220px;
    max-width: 220px;
}
.more-setting-pop1 {
    background: #181818;
    border-radius: 18px;
    border: 1px solid #373737;
    padding: 8px;
    max-width: 220px;
    position: absolute;
    width: 220px;
    bottom: 135px;
    left: 140px;
    transform: scale(0);
    transform-origin: left bottom;
    transition: all 0.2s ease;
    opacity: 0;
    z-index: 9;
}
.more-setting-pop ul {
    padding: 0;
}
.more-setting-pop.more-settings li:last-child a{
    border: none !important;
}
.more-setting-pop1.more-settings li:last-child a {
    border: none !important;
}

.more-setting-pop.more-settings li a, .more-setting-pop1.more-settings li a {
    font-weight: 600 !important;
    padding: 10px 9px !important;
    display: block;
    border-bottom: 1px solid #3241585c !important;
    color: #fff;
}
.add-post .plus-wrapper {
    margin-left: 0;
    width: 59px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.add-post .plus-wrapper:hover {
    transform: scale(1.1);
}
/* Manage Listing*/


/* Owl */
.owl-carousel .item {
      margin: 10px;
      color: #fff;
      text-align: center;
      font-size: 18px;
      border-radius: 8px;
    }
    .owl-carousel img {
      width: 100%;
      border-radius: 8px;
    }
.owl-carousel .item img{border-radius: 10px}
.owl-nav {
    display: none;
}
/*
.owl-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
}
*/
/* Owl */

.product-title h1 {
    color: #fff;
    font-size: 18px;
    line-height: 25px;
}
.dolloar-price {
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 10px;
}
.dolloar-price span {
    color: #555;
    font-weight: 600;
    font-size: 13px;
    margin-left: 8px;
}
.pro-description {
    margin-top: 30px;
    color: #f5f5f5;
    background: none;
    padding: 18px 0;
    border-radius: 11px;
    border-top: 1px solid #3241585c;
    border-radius: 0;
}
.product-preview .main-section-create-list{padding: 0}
.product-preview .product-title, .product-preview .dolloar-price {
    padding: 0 20px !important;
}
.product-preview .pro-description {
    padding: 20px 20px;
}
.product-preview .pro-description p {
    margin: 0;
    color: #ccc;
}
.pro-description h2 {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 20px;
}
.pro-description {
    padding: 20px 20px 40px !important;
}
.pro-description h2 {
    font-size: 16px;
}
.upload-article-image input.uplaod-blog {
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
}
.product-preview .pro-description p {
    margin: 0;
    color: #ccc;
    font-size: 14px !important;
    line-height: 17px;
}
.owl-carousel.owl-theme.owl-loaded.owl-drag {
    margin: 10px;
    margin-bottom: 0;
}
.more-setting-pop1.more-settings {
    transform: scale(1);
    opacity: 1;
}
.more-setting-pop span.icon-menu {
    width: 20px;
    display: inline-block;
    margin-right: 5px;
}
.get-app-qr-code-wrapper {
    position: fixed;
    top: 0;
    z-index: 9999999999;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    background: #00000082;
    left: 0;
    right: 0;
    backdrop-filter: blur(9px);
}
.get-app-qr-code-wrapper .email-verification.after-login {
    padding: 30px 20px !important;
}
.get-app-qr-code-wrapper .email-verification.after-login {
    border: 1px solid #333333;
    border-radius: 42px;
}
.get-app-qr-code-wrapper > div {
    background: #161616;
}

.get-app-qr-code-wrapper > div {
    background: #252525;
    max-width: 390px;
    height: auto;
    border-radius: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 390px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 25px;
    margin: 0;
}
.close-getstart {
/*    position: absolute;*/
/*    right: 40px;*/
/*    font-size: 33px;*/
/*    color: #555555;*/
/*    top: 20px;*/
/*    font-weight: 100;*/
/*    cursor: pointer;*/
}
.get-app-qr-code-wrapper .email-box {
    width: 100%;
    padding: 15px;
}
.get-app-qr-code-wrapper > div h4.text-center {
    color: #fff;
}
.scanner {
    width: 230px;
    margin: 0px auto 15px;
    max-width: 230px;
}
.download-btn {
    text-align: center;
    width: 130px;
    margin: 0 auto;
}
.get-app-qr-code-wrapper .note-line p {
    line-height: 18px;
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    color: #fff;
}
.get-androd-app {
    text-align: center;
}
.get-androd-app a {
    font-size: 12px;
    color: #5566FF;
    margin-top: 14px;
    display: block;
}
#select-category-listing:after{display: none}
.card-stram .pro-dropdown li a span:last-child {
    width: 20px;
}
.pro-description p {
    margin: 0;
    color: #fff;
}
.schedule-form .upload {
    height: auto;
}
.schedule-form div#Listing-postedby-btn {
    width: 100%;
    background: #333333;
    color: #fff;
    padding: 10px 10px;
    border-radius: 10px;
    cursor: pointer;
    color: #989898;
    padding-left: 20px;
}
div#Listing-postedby-type {
    background: #333333;
    border-radius: 15px;
    margin-top: 6px;
    position: absolute;
    width: 92%;
}
div#upload-csv .title {
    text-align: center;
    justify-content: center;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    margin-top: 14px;
}
p.cover-photo {
    margin-top: 12px;
}
.more-setting-pop1 li {
    margin-bottom: 0;
}
.create-listiing-wrapper .listing-box:hover {
    transform: scale(1.05);
}
.upload-csv{position: relative;}
.upload-csv input[type="file"] {
    opacity: 0;
    cursor: pointer;
    font-size: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.flatpickr-calendar {
    border-radius: 8px !important;
    border: 1px solid #333333 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    background: #222 !important;
}
.flatpickr-day {
    color: #fff !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year {
    color: #fff !important;
}
span.flatpickr-day.nextMonthDay {
    color: #fff !important;
}
span.flatpickr-day.nextMonthDay:hover {
    background: #222 !important;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    color: #525252 !important;
}
span.flatpickr-weekday {
    color: #fff !important;
}
.flatpickr-time input {
    color: #fff !important;
}
.flatpickr-time .flatpickr-am-pm {
    color: #fff !important;
}
.flatpickr-calendar.hasTime .flatpickr-time {
    border-top: 1px solid #484f5a5c !important;
}
.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
    color: #fff !important;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    filter: invert(1) !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year{font-size: 14px !important;}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    height: 24px !important;
    z-index: 3;
    padding: 6px 10px !important;
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
    background: #222 !important;
}
.card-stram .user-name {
    margin-top: 0;
    margin-left: 0;
}
.main-section.home-section
{
    height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
}
.secinnr {
    max-width: 80%;
    margin: 50px auto;
    padding: 0;
}
.main-section.home-section h5 {
    color: #ccc;
    text-align: center;
}
.more-setting-pop li a {
    background: no-repeat;
}
div#select-category-listing {
    position: relative;
}

div#select-category-listing img {
    filter: invert(1);
    width: 20px;
    position: absolute;
    right: 10px;
    z-index: 9;
    top: 11px;
}
select#select-category, select#select-subcategory {
    padding-left: 15px !important;
}
button.copy-link {
    background: #fff;
    font-size: 10px;
    border: none;
    height: 30px;
    font-size: 16px;
    border-radius: 5px;
    filter: invert();
}
.pen-url {
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}
.share-dialog-s .link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    background-color: #eee;
    margin-bottom: 30px;
}
#share-site-link button.copy-link{width: 25px;}
div#share-site-link {
    background: #262626;
}
.schedule-popup-inner li {
    display: flex;
    margin-bottom: 20px;
}
.schedule-popup {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #00000082;
    left: 0;
    right: 0;
    backdrop-filter: blur(9px);
    overflow-y: auto;
}
.schedule-popup-inner {
    max-width: 500px;
    margin: 30px auto;
    background: #222;
    padding: 35px;
    border-radius: 25px;
    position: relative;
    transform: scale(0.9);
    opacity: 0;
    transition: all 0.5s ease;
}
.schedule-popup-inner.showMe {
    transform: scale(1);
    opacity: 1;
}
.schedule-popup-inner h2 {
    color: #fff;
    font-size: 22px;
    margin: 0;
}
.schedule-popup-inner ul {
    padding: 0;
    margin: 0;
    color: #fff;
    margin: 0;
    margin-top: 40px;
}
.schedule-popup-inner h3 {
    margin: 0;
    color: #fff;
    font-size: 20px;
}
.icon-cl {
    width: 80px;
    margin-right: 10px;
}
.schedule-popup-inner h2 + p {
    color: #999;
    margin-top: 10px;
}
.schedule-popup-inner li p {
    color: #999;
    margin: 0;
    margin-top: 5px;
    font-size: 14px;
}
.schedule-popup-inner .icon-des h3 {
    font-size: 15px;
    font-weight: 700;
    margin-top: 8px;
}
.icon-cl {
    width: 46px;
    margin-right: 10px;
    margin-top: 5px;
    flex-shrink: 0;
}
#schedule-popup .note p {
    color: #999 !important;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
}

#schedule-popup .note {
    background: none;
}
.seller-pad-get-start a {
    background: #fff;
    width: 100%;
    display: block;
    text-align: center;
    padding: 8px 0;
    border-radius: 12px;
    font-weight: 600;
}
.seller-pad-get-start {
    margin-top: 50px;
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
    background: #222222;
}
.flatpickr-calendar.arrowBottom:after {
    border-top-color: #222222 !important;
}
.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #222222;
    opacity: 0 !important
}
.flatpickr-day:hover {
    background: #222 !important;
    border-color: #5241585c !important;
}
.flatpickr-day.selected {
    background: #161515 !important;
    color: #fff !important;
    border-color: #2e2f30 !important;
}
.preview-container img {
    border: 1px solid #3241585c !important;
    border-radius: 4px !important;
    background: #222 !important;
}
.remove-img {
    width: 30px !important;
    height: 30px !important;
}
.get-app-qr-code-wrapper .close-getstart {
    position: absolute;
    right: 40px;
    font-size: 33px;
    color: #555555;
    top: 20px;
    font-weight: 100;
    cursor: pointer;
}
    .logo-main-sec {
    display: none;
}
.mobile-footer-menu{display: none}
.mob-header{display: none;}
.action-form.hide-on-desktop{display: none}
.chat-body {
    padding: 0;
    height: auto;
    display: flex;
    width: auto;
}

.live-stream-top-sec .user-name {
    margin-top: 0;
    margin-left: 7px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
}

.close-video {
    display: none;
} 
.pro-dropdown ul li span img {
    border-radius: 0 !important;
    height: 18px !important;
    display: inline-block;
}
.product-preview .back{display: none} 
.dolloar-price.main-price {
    font-size: 20px;
}
span#time-remaining {
    background: #ff0000;
    color: #fff;
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 35px;
}
div#timer-wrapper .staks {
    margin-top: 0;
    display: none;
}

div#timer {
/*    position: static;*/
}
div#timer-wrapper {
    position: absolute;
    top: 57px;
    margin-left: 12px;
    display: flex;
}

/*Toss animation*/
.after-buy-animation {
    z-index: 99;
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    text-align: center;
    z-index: 9999;
    display: flex;
    justify-content: center;
    top: 30%;
}
.sparkles {
    position: absolute;
    width: 130px;
    height: 130px;
    bottom: -7px;
    display: none;
    pointer-events: none;
    text-align: center;
    left: 41px;
}
.text-container {
    position: absolute;
    bottom: -28px;
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s 
ease;
    color: #fff !important;
}
.text-container > div {
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 0px 17px rgba(0, 0, 0, 1);
}
.coin {
    width: 80px;
    height: 80px;
    background: transparent;
}
/*Toss animation*/

.no-love-stream img {
    width: 50px;
    margin-bottom: 9px;
}

.no-love-stream {
    text-align: center;
    height: calc(100vh - 220px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}
.mob-header .cancel a:hover {
    color: #fff;
}
.live-stream-cards .card-stram a {
    display: flex;
    height: 100%;
}

/* Expand*/
.explore-all-cards {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background: #000;
    z-index: 9999;
    padding: 10px 20px;
    top: 100%;
    left: 0;
    transition: all 0.5s ease;
}
.expend-arrow a {
    background: #262626;
    padding: 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    width: 50px;
    height: 55px;
    display: block;
    text-align: center;
    transition: all 0.5s ease;
}
.expend-arrow a:hover {
    height: 60px;
}
.explore-all-cards.expend-full-card {
    top: 25%;
}
.explore-all-cards.expend-full-card .expend-arrow {
    top: -10px;
    bottom: auto;
    transform: rotate(180deg);
}
.expend-arrow a img {
    width: 30px;
    color: #fff;
    filter: invert(1);
    margin-top: 3px;
}
.expend-arrow {
    position: absolute;
    right: 20px;
    bottom: -40px;
    transition: top 0.5s ease, bottom 0.5s ease 2s;
}
.explore-all-cards.page-loaded .expend-arrow{
    bottom: 5px;
}
.explore-all-cards .explore-all-cards-inner {
    height: 100vh;
    overflow-y: auto;
}
.explore-all-cards .explore-all-cards-inner h3{
    position: sticky;
    top: 0;
    background: #000;
    color: #fff;
    z-index: 99;
    padding: 5px 2px;
    font-size: 20px;
    font-weight: 300;
}
.explore-all-cards .card-stram .image {
    position: relative;
    height: 350px;
}
.explore-all-cards.page-loaded.expend-full-card .expend-arrow {
    top: 0px !important;
    bottom: auto !important;
    z-index: 999;
}
.explore-all-cards.page-loaded.expend-full-card .expend-arrow a {
    height: 44px;
}
.explore-all-cards-inner {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE/Edge */
}

.explore-all-cards-inner::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
/* Expand*/

/*.live-stream-inner:after {
    content: "";
    background: #00000033;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
}*/
.add-listing#step1-wrapper .product-image-section .parent .upload-article-image .upload.media-added {
        border: none !important;
    }


/*add listing */
.add-listing h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 300 !important;
}
.helper-text{
    color: #cac8c8;
    line-height: 18px;
    margin: 8px 0 12px !important;
    display: block;
}
/*add listing */

.add-listing#step1-wrapper .product-image-section .parent .upload-article-image .upload {
    border: 1px dashed #8a8787 !important;
/*        border: none !important;*/
    background: #333333;
}


/*add more*/
button#addMoreBtn {
    background: #333;
    color: #fff;
    padding: 6px 16px;
    border: none;
    border-radius: 18px;
    font-size: 13px;
}
/*add more*/

#step1-wrapper .form-control, #step2-wrapper .form-control, #step3-wrapper .form-control, #step4-wrapper .form-control, #step5-wrapper .form-control {
    background-color: #333 !important;
    border: 1px solid #404040 !important;
}

textarea#listing-description {
    border-radius: 15px;
} 
.schedule-form {
    max-width: 80%;
    margin: 0 auto;
}
.start-streaming.disabled {
    pointer-events: none;
    /* cursor: grab !important; */
}
.form-control {
    border-radius: 15px !important;
    height: 45px;
}
.checks.d-flex .checkselect label {
    background: #333;
    padding: 10px 30px;
    border-radius: 35px;
}

.checks.d-flex .checkselect {
    position: relative;
    flex: 1;
    text-align: center;
}
.checks.d-flex .checkselect input {
    position: absolute;
}
.checks.d-flex {
    gap: 15px;
}
.checks.d-flex .checkselect input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    cursor: pointer;
}
.checks.d-flex .checkselect input:checked + label {
    background: #f5f5f5;
    color: #000;
    font-weight: 900 !important;
}
.checks.d-flex .checkselect label{margin-bottom: 0;
    text-align: center;
    justify-content: center;}
button#submit-listing {
    background: #fff;
    width: auto;
    color: #000;
    padding: 9px 30px;
    border-radius: 35px;
}
button#submit-listing.button.savetodraft {
    background: none;
    color: #fff;
    border: 1px solid #fff;
}
select option {
  color: #f5f5f5;
}
.currently-selling > .d-flex .left-sec, .currently-selling > .d-flex .right-sec {
    width: 100%;
}
.currently-selling > .d-flex {
    background: #000;
    padding: 8px;
    border-radius: 15px;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}
.currently-selling > .d-flex .right-sec {
    margin-top: 10px;
}
.currently-selling > .d-flex .right-sec a.buy-btn {
    text-align: center;
}
.si-sec {
    color: #ccc;
    font-size: 10px;
    line-height: 14px;
    margin-top: 3px;
}
.selling-items-left .currently-selling .left-sec {
    cursor: pointer;
    align-items: flex-start;
}
.currently-selling .item-image {
    position: relative;
    top: 0px;
}
.schedule-popup-header .close-paymet {
    width: 22px;
    position: relative;
    top: 2px;
}
.product-header-bottom {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.product-header-bottom h2 {
    margin: 0;
    font-size: 18px;
}
.product-header-bottom .close-product-screen {
    width: 22px;
}
.protitle-wrapper-inner {
  -ms-overflow-style: none;  /* hide scrollbar IE/Edge */
  scrollbar-width: none;     /* hide scrollbar Firefox */
}

.protitle-wrapper-inner::-webkit-scrollbar {
  display: none; /* hide scrollbar Chrome/Safari */
}
.product-preview-desc .slider .owl-carousel .owl-item img {
    aspect-ratio: 1 / 1;
}
.currently-selling .desc h3 {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.lottie-check {
    width: 100% !important;
    height: 36px !important;
}
.all-next-items.selleing-in-list {
    height: 450px;
    overflow-y: auto;
}
.all-next-items.selleing-in-list .desc h3 {
    font-size: 15px;
}

#catalog-popup .desc h3 {
    font-weight: 500;
    font-size: 14px !important;
    margin-bottom: 8px !important;
}
#catalog-popup .desc p {
    padding-left: 1px !important;
}

#catalog-popup .all-next-items.selleing-in-list {
    background: #282828;
    border-radius: 12px;
    height: auto;
    border: 1px solid #3241585c;
}
#catalog-popup .next-item-list label input {
    position: absolute;
    opacity: 1;
   right: 0;
}
#catalog-popup .next-item-list label {
    position: relative;
    cursor: pointer;
}

.pencil-edit
 {
    position: absolute;
    background: linear-gradient(135deg, #3efbfd 0%, #fd3e3e 100%);
    height: 20px;
    width: 20px;
    line-height: 17px;
    text-align: center;
    position: absolute;
    cursor: pointer;
    top: -6px;
    border-radius: 35px;
    padding: 4px;
    display: flex;
    align-items: center;
    left: 26px;
}
.pencil-edit.edit-price-btn img {
    filter: invert(0);
}
.pencil-edit:hover{transform: scale(1.05)}
#edit-price .schedule-popup-header {
    margin-bottom: 20px;
}
div#edit-price .schedule-popup-inner {
    padding: 0;
}
div#edit-price .schedule-popup-header {
    margin-bottom: 16px;
    border-bottom: 1px solid #333;
        padding: 15px 30px;
}
div#edit-price .schedule-popup-header h2 {
    margin: 0;
    font-size: 18px;
}
div#edit-price .price-box {
    padding: 10px 15px 20px;
}
div#edit-price .update-btn {
    text-align: right;
    margin-top: 0;
    padding: 0 17px 10px;
}
.update-btn button {
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 15px;
    width: 100%;
    display: block;
    text-align: center;
    padding: 8px 0;
    border-radius: 12px;
    font-weight: 600;
}
div#edit-price .form-group-span.price-box-with-dollar input {
    border: none !important;
    background: #333 !important;
}
#edit-price .close-paymet {
    cursor: pointer;
}
.ls-edit{position: relative; }
@media screen and (min-width:768px){
    .manage-listion-wrapper {
    padding: 0 25px;
    margin-top: 0;
    padding: 0 25px;
        overflow-y: auto;
        max-width: 100%;
        /* padding: 30px 86px !important; */
        padding-bottom: 0;
        padding-top: 0px;
        max-height: calc(100vh - 183px) !important;
        min-height: calc(100vh - 183px);
        margin-bottom: 0;    
    }
    
.manage-listion-wrapper {
  scrollbar-width: thin; /* for Firefox */
  scrollbar-color: #888 #222; /* thumb color | track color */    
}    
.manage-listion-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
}

.manage-listion-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(120, 120, 120, 0.6);
  border-radius: 4px;
}
    
.manage-listion-wrapper .list-box:first-child {
    margin-top: 25px;
}    
    
}
@media screen and (max-width:767px){
.notenote {
    padding: 0;
    margin-top: 67px;
}    
.main-section h2 {
    border-bottom: none;
    padding: 0;
}    
.price-box-with-dollar .dollar-symbol {
    top: 11px;
}
#return-type{
    white-space: nowrap;
    width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-right: 30px !important;}
.live-chat-sec .chat-body .wrapper {
        height: 160px;
        position: absolute;
        bottom: 301px;
        width: 87%;
        align-items: flex-start;
        
    }  
.live-chat-sec .chat-body .wrapper .message-list{
    display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
.live-chat-sec .chat-body .wrapper .message-list li {
    width: 100%;
}
    
.live-chat-sec .chat-body ul {
    list-style: none;
    padding: 0;
    width: 100%;
}    
.product-header-bottom h2 {
    margin: 0;
    font-size: 16px !important;
}    
.scroll-container .owl-theme .owl-nav .owl-prev, .scroll-container .owl-theme .owl-nav .owl-next {
    transform: none !important;
}    
.scroll-container button.owl-prev, .scroll-container button.owl-next {
    position: static;
    }
div#image-inp-parent-div {
    gap: 4px !important;
}    
div#step1-wrapper {
    margin-top: 30px;
}    
.checks.d-flex {
    gap: 9px;
    flex-wrap: wrap;
}
.checks.d-flex .checkselect {
    position: relative;
    flex: 1;
    text-align: center;
    max-width: 50% !important;
    width: 50% !important;
}
.checks.d-flex .checkselect label {
    margin-bottom: 0;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
}    
#catalog-popup.schedule-popup {
    align-items: end !important;
    display: flex;
    width: 100%;
} 
#catalog-popup.schedule-popup .schedule-popup-inner{width: 100%}    
    
#catalog-popup .seller-pad-get-start {
        margin-top: 10px;
        margin-bottom: 20px;
    }    
.secinnr {
    max-width: 100%;
    margin: 30px auto;
    padding: 0;
}
.schedule-form {
    max-width: 100%;
    margin: 0 auto;
}    
.scroll-container .parent {
    min-width: 100%;
}    
    
body {
  -webkit-overflow-scrolling: touch; /* smooth momentum scrolling on iOS */
  
  /* hide scrollbar */
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE/Edge */
}

.body::-webkit-scrollbar {
  display: none;  /* Safari and Chrome */
}    
    
.explore-all-cards{display: none;}    
.upload-border .upload.media-added img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 16px;
}
.add-listing#step1-wrapper .product-image-section .parent .upload-article-image .upload.media-added {
    border: none !important;
}    
.card-stram .pro-dropdown {
    z-index: 9999;
}
.happening-now {
    left: 4px;
}
.pro-dropdown ul {
    top: 40px;
}
.mobile-footer-menu li.logout.plus-open .more-setting-pop.more-settings {
    left: inherit;
    right: 0;
    width: 124px;
}    
.mobile-footer-menu img.invert.home-icon-outline {
    filter: invert(1);
}    
.card-stram a {
    display: block;
}    
.product-preview .owl-carousel.owl-theme.owl-loaded.owl-drag {
    margin: 0;
    margin-bottom: 0;
}    
    .mobile-footer-menu{display: block;}    
    .col-md-3.sticky-top {
        position: fixed !important;
        left: -80%;
        background: #222;
        width: 70%;
        height: 100%;
        transition: all 0.5s ease;
    }
    .logo-main-sec {
    display: block;
}
.logo-main-sec {
    width: 110px;
}
.header-mob {
        position: fixed;
        background: #0a0a0a;
        top: 0;
        width: 100%;
        left: 0;
        z-index: 9;
    }
.logo-main-sec {
        width: 34px;
        float: left;
        margin: 12px 14px;
    }
    .search-container {
        margin-top: 0;
        margin-right: 15px;
        margin-bottom: 0;
    }
.main-section.home-section {
    min-height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
}
.main-section {
    min-height: calc(100vh - 100px);
    margin-top: 70px;
}    
    .mobile-footer-menu {
        background: #000000ab;
        position: fixed;
        bottom: 15px;
        right: 15px;
        left: 15px;
        z-index: 9;
        border: 1px solid #3241585c;
        border-radius: 13px;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .mobile-footer-menu ul img {
        width: 22px;
    }
.mobile-footer-menu ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
}
.mobile-footer-menu ul {
    padding: 0;
    margin-bottom: 0;
}    
.mobile-footer-menu ul li {
    flex: 1;
    text-align: center;
}   
.mobile-footer-menu li a {
    padding: 12px 0;
    display: block;
}  
.logout img{filter: none}  
.live-stream-cards .col-md-3 {
        width: 50% !important;
    }
.live-stream-cards .row > * {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}     
.live-stream-cards .row {
    margin-left: -5px;
    margin-right: -5px;
}    
.main-section-create-list.h-auto {
    margin-top: 70px;
}
.manage-listion-wrapper .product-image {
    width: 65px;
    margin-right: 15px;
    height: 65px;
}
.get-app-qr-code-wrapper .email-verification.after-login {
    max-width: 95%;
}
/*    #schedule-popup{display: none !important;}   */
input.flatpickr-input.flatpickr-mobile {
    width: 95%;
    background: #333333;
    color: #fff;
    padding: 7px 9px;
    border-radius: 10px;
    box-sizing: border-box;
    max-width: 95%;
}
.form-group p
 {
    white-space: normal;
}
.general-setting.d-flex.justify-content-between.align-items-center {
    margin-bottom: 20px;
    flex-direction: column;
}
.main-section-create-list {
    margin-top: 70px;
}
.back {
    flex-shrink: 0;
}
.main-section-create-list h2 {
    font-size: 20px;
}
.general-setting.d-flex.justify-content-between.align-items-center > div {
    width: 100%;
    justify-content: normal;
    align-items: center;
}
.download-bulk-upload-template a {
    font-size: 11px;
}

.download-bulk-upload-template {
    display: block;
    text-align: right;
    font-size: 12px;
    margin-top: 20px;
}
.create-listiing-wrapper .listing-box {
    padding: 16px;
}
.create-listiing-wrapper {
    gap: 15px;
}
.create-listiing-wrapper .title {
    font-size: 12px;
}
    #discounted-price {
        margin-bottom: 0;
    }
.product-image-section .scroll-container .parent {
/*    display: flex;*/
    flex-wrap: wrap;
/*    flex-wrap: nowrap;*/
}    
.main-section-create-list.h-auto.add-listing-wrapper {
    background: none;
    border: none !important;
    padding: 0;
}   
    .main-section-create-list.h-auto.add-listing-wrapper{margin-bottom: 80px;}   
    #step1-wrapper .form-control, #step2-wrapper .form-control, #step3-wrapper .form-control, #step4-wrapper .form-control, #step5-wrapper .form-control {
    background-color: #111111 !important;
    border: 1px solid #3241585c !important;
}
.product-image-section .parent .upload-article-image .upload {
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        background: #111111;
    }
.add-listing#step1-wrapper .upload-article-image {
    background: none !important;
    border: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    display: block;
}
.scroll-container .parent .upload-border {
    width: 100px !important;
    margin-bottom: 10px;
    aspect-ratio: 1 / 1;
    height: 100px !important;
}    
.scroll-container {
    padding-bottom: 20px;
}
p.cover-photo {
    font-size: 12px;
    margin-top: 7px !important;
}    
.mob-header h2 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.mob-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 10px 0;
}    
.mob-header{display: block;}   
.mob-header .cancel a {
    font-size: 12px;
}
.mob-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #fff;
        padding: 12px 0;
        position: fixed;
        width: auto;
        z-index: 9;
        background: #0a0a0a;
        left: 0;
        right: 0;
        padding: 10px 18px;
        z-index: 99999;
    }    
    .action-form.hide-on-mob{display: none;}    
    .action-form.hide-on-desktop{display: block}
    .action-form.hide-on-desktop {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 20px 15px;
    background: #0a0a0a;
}
.add-listing-body .form-group {
    margin-bottom: 17px;
}
select#select-subcategory, select#select-category {
    font-size: 11px;
}    
.add-listing-inner .form-group label {
    font-size: 13px;
}
.main-section {
    border-radius: 0px;
    background: none;
    margin-bottom: 50px;
    border: none;
    padding: 0;
}    
.main-section h2 {
    font-size: 23px;
}    
.happening-now {
    padding: 4px 11px;
    font-size: 10px;
}    
.staks li {
    font-size: 10px;
    padding: 2px 4px;
}    
.staks ul {
    gap: 6px;;
}    
.live-stream-cards {
    margin-bottom: 90px !important
}
/*.left-selling-box.sticky-top {
    display: none;
}*/
.right-selling-box {
    display: none;
}

.live-sreaming-full-wrapper .main-section {
    margin: 0;
}    
.center-selling-box .search-container {
    display: none;
}
.center-selling-box {
    max-width: 100%;
    width: 100%;
}    
.live-steam-box {
    height: 100vh;
    margin: 0;
    border-radius: 0;
}
.live-stream-inner img {
    border-radius: 0;
}    
.live-stream-top-sec .user-name {
    margin-top: 0;
    margin-left: 3px;
}    
.left-selling-box.sticky-top {
        /* display: none; */
        position: absolute !important;
        width: 100% !important;
        max-width: 100%;
    }    
.top-head {
    display: none;
}
.next-up-inner {
    height: 70px;
    overflow-y: auto;
}
.selling-items-left {
    height: auto;
}
.left-selling-box.sticky-top .logo-seller-pad {
    display: none;
}
/*.left-selling-box.sticky-top {
    top: inherit;
    bottom: 0;
}*/
    .left-selling-box.sticky-top {
        top: inherit;
        bottom: 60px;
    }    
.selling-items-left, .live-chat-sec {
    border-radius: 25px 25px 0 0;
}
.next-up p {
    font-size: 10px;
}
.next-up p {
    color: #fff;
    font-size: 11px;
    line-height: 15px;
     margin-bottom: 5px; 
}
.next-up {
    margin-top: -20px;
}
.start-timer-10 a {
    font-size: 9px;
    font-weight: 900;
}
a.startTime img {
    width: 10px;
}

#sold-now-block .next-up-inner-new {
    height: 165px;
}
#sold-now-block .next-up-inner-new {
    margin-bottom: 10px;
}
.selling-items-left, .live-chat-sec {
    border: none;
    padding: 0px;
    background: #17171794;
}    
.selleing-now a {
    font-size: 13px;
    padding: 6px 10px;
} 
.next-item-list {
    padding: 10px;
    border-radius: 0px;
    margin-bottom: 0px;
    background: #ffffff26;
    backdrop-filter: blur(9px);
}
.next-item-list {
    border-bottom: 1px solid #979aa05c;
}
.currently-selling > .d-flex {
    background: #000000eb;
}
.selleing-now.active a {
    background: #8282825c;
}
.selleing-now img {
    margin-right: 2px;
}    
.start-timer-count-down {
    font-size: 10px !important;
    }
.start-timer-end-wrapper {
    bottom: 320px;
}
.live-stream-reactions {
    bottom: inherit;
    top: 53px;
    z-index: 999;
}    
.live-stream-reactions li a img {
    height: 26px;
    width: auto;
}
.live-stream-reactions ul li:first-child a img {
    height: 18px;
    width: auto !important;
}
.live-stream-reactions li a {
    width: 40px;
    height: 40px;
}  
.live-buyers span {
    padding: 4px 10px;
}
.live-buyers img {
    width: 13px;
}
.live-buyers span {
    font-size: 12px;
}
.close-video {
        background: #222222d1;
        color: #fff;
        width: 33px;
        text-align: center;
        border-radius: 50%;
        height: 33px;
        margin-left: 6px;
        font-size: 25px;
        line-height: 31px;
        display: block;
        margin-right: 4px;
    }
.live-buyers {
    display: flex;
    align-items: center;
}    
.pro-dropdown > a {
    width: 25px;
    height: 25px;
    padding: 4px;
}    
.card-stram:hover .image {
    transform: scale(1.00);
}   
.main-section-create-list {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    min-height: calc(100vh - 100px);
}    
.manage-listion-wrapper .list-box {
    background: #1a1a1a57;
}
.manage-listion-wrapper .product-image {
        width: 60px;
        margin-right: 15px;
        height: 60px;
    }    
.manage-listion-wrapper .list-box .description h2 {
    font-size: 12px;
    margin-bottom: 0px;
    font-weight: 600;
    margin-top: 0;
}    
.manage-listion-wrapper .list-box p {
    margin: 5px 0 5px;
    font-weight: 700;
    color: #ccc;
    font-size: 12px;
    line-height: 16px;
}    
.schedule-popup-inner {
    transform: scale(1) translateY(50px);
    opacity: 0;
}
.schedule-popup-inner.showMe {
    transform: scale(1) translateY(0);
    opacity: 1;
}    
.icon-cl {
    width: 40px;
}
.schedule-popup-inner {
    max-width: 100%;
    padding: 25px;
    margin: 0;
    border-radius: 25px 25px 0 0;
    }
.schedule-popup-inner h2 + p {
    margin-bottom: 0 !important;
}
.schedule-popup-inner li p {
    margin-top: 5px;
    font-size: 12px;
} 
.note {
    padding: 6px 0;
}
#schedule-popup .note p {
    font-size: 10px;
    line-height: 12px;
}
.schedule-popup-inner h2 {
    color: #fff;
    font-size: 18px;
    margin: 0;
    font-weight: 700;
}
.schedule-popup-inner h2 + p {
    margin-top: 4px;
}
.schedule-popup-inner li p {
    margin-top: 0;
    
}
.schedule-popup-inner li {
    display: flex;
    margin-bottom: 11px;
}    
    .schedule-popup-inner li:last-child{margin-bottom: 0}    
.schedule-popup-inner ul {
    margin-top: 20px;
}
.schedule-popup-inner {
        max-width: 100%;
        padding: 20px;
}
.schedule-popup-inner .icon-des h3 {
    font-size: 14px;
}
.seller-pad-get-start {
    margin-top: 30px;
}   
    #schedule-popup .note p {
        margin-bottom: 0;
    }    
div#schedule-popup {
    display: flex;
    align-items: end;
}    
.schedule-popup-inner {
        padding-bottom: 0;
    }
.schedule-popup-inner .icon-des h3 {
    font-size: 12px;
}
.schedule-popup-inner li p {
        margin-top: 5px;
        font-size: 11px;
        line-height: 14px;
        margin-top: 6px !important;
    }
.schedule-form input.form-control, .schedule-form select.form-control, .schedule-form .upload {
    background: #3333335c !important;
}
.schedule-form textarea {
    height: 120px;
    background: #3333335c !important;
}    
.main-section-create-list.h-auto .action-btn-sc.text-center {
    margin-bottom: 90px !important;
    opacity: 1;
}
.schedule-form .form-group h3 {
    margin-bottom: 6px;
}
.schedule-form .form-control {
    min-height: 4.0rem;
    padding: 0 9px;
}    
#schedule-input + input.form-control.input {
    height: 40px;
    font-size: 12px;
    padding-left: 13px;
}
    .flatpickr-input.flatpickr-mobile{height: 40px; background: #3333335c !important; border: 1px solid #404040 !important; color: #fff !important} 
.schedule-form div#Listing-postedby-btn {
    width: 100%;
    background: #181818;
    color: #fff;
    padding: 10px 10px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #404040 !important;
    box-sizing: border-box;
}    
.form-group p {
        white-space: normal;
        line-height: 16px;
    }
.schedule-form .form-group h3 {
    font-size: 14px;
}
.schedule-form .form-group textarea {
    font-size: 12px;
}    
.product-preview .main-section-create-list.h-auto {
    margin: 0;
}       

.product-preview .owl-carousel .item {
    margin: 0;
    border-radius: 0;
}  
    .product-preview .owl-carousel .item  img{border-radius: 0;}   
.product-preview-inner {
    padding: 0 20px 40px;
}
.product-preview    .main-section-create-list h2 {
        font-size: 17px;
    }    
.pro-description p {
    margin: 0;
    color: #fff;
    font-size: 13px !important;
    line-height: 20px;
}    
.product-preview .owl-dots
 {
    width: auto;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    border-radius: 25px;
    display: flex;
    align-items: center;
}    
.product-title {
    margin-top: 14px;
}

.product-title h1 {
    font-size: 16px;
    line-height: 20px;
}
.pro-description {
    margin-top: 30px;
    color: #f5f5f5;
    background: none;
    padding: 16px 0;
    border-radius: 0;
    border-top: 4px solid #222;
}
    .product-preview-inner {
        padding: 0;
    }
.product-preview-inner .product-title, .product-preview-inner .dolloar-price {
    padding: 0 15px !important;
}    
.pro-description {
    padding: 20px 20px;
    margin-bottom: 90px !important;
}
.product-preview .row {
    margin-left: 0;
    margin-right: 0;
}
.product-preview .row > * {
    padding: 0;
    } 
.product-preview .back {
    position: absolute;
    z-index: 9;
    top: 8px;
    left: 8px;
}    
    .product-preview .back img{margin-right: 0;}    
.dolloar-price.main-price {
    font-size: 14px;
}
.dolloar-price {
    font-size: 12px;
    font-weight: 700 !important;
}  
.product-preview .back{display: block}    
span#time-remaining {
    font-size: 10px;
}
div#timer-wrapper .staks {
    margin-top: 1px;
    display: block;
    margin-left: 0px;
}
div#timer-wrapper .staks li {
        font-size: 10px;
        padding: 4px 7px;
    }    
.live-buyers > span {
    display: none;
}    
.live-stream-inner video {
    border-radius: 0;
}
.selling-list-sold-list {
    padding-bottom: 7px;
}
.next-up-inner {
    margin-bottom: 11px;
}
.start-timer-end-wrapper {
        bottom: inherit;
        left: 10px;
        transform: none;
        top: 100px;
        right: inherit;
}
.start-timer-count-down {
    font-size: 10px !important;
    padding: 4px 9px;
}
.just-buy-notification
 {
    max-width: 90% !important;
    width: 90% !important;
}    
div#start-stream a {
    padding: 10px 0;
}    
div#timer {
    position: absolute;
    margin-right: 8px;
}
.mobile-footer-menu .more-setting-pop {
    bottom: 54px;
    left: 74px;
}
.mobile-footer-menu .more-setting-pop.more-settings ul {
    flex-direction: column;
    align-items: baseline;
}    
.more-setting-pop a {
    font-weight: 400 !important;
    margin: 0 !important;
    font-size: 13px !important;
}
.mobile-footer-menu > ul > li {
        flex: 1;
        text-align: left;
        width: 100%;
    }   
    .mobile-footer-menu > ul > li > a{text-align: center}    
.mobile-footer-menu .more-setting-pop li {
    width: 100%;
    text-align: left;
    justify-content: left;
}
.mobile-footer-menu .more-setting-pop.more-settings li a {
    text-align: left;
}    
.more-setting-pop {
    transform-origin: center bottom;
}
.create-listiing-wrapper {
        flex-direction: column;
    }    
.create-listiing-wrapper .listing-box {
    width: 100%;
}
    .create-listiing-wrapper .listing-box {
        padding: 25px;
    }
.create-listiing-wrapper .title {
        font-size: 14px;
    }
.create-listiing-wrapper .listing-box:hover {
    transform: none;
}
.upload-csv .listing-box {
    padding: 47px;
    border-radius: 20px;
}
div#upload-csv .title {
    font-size: 14px;
}
.search input.search-input {
    padding: 18px;
}
    .search-container {
        margin-top: 10px;
        margin-bottom: 5px;
    }
.search.open-searc input.search-input {
    width: 220px;
    padding: 6px 20px;
    padding-right: 40px;
    pointer-events: auto;
    font-size: 14px;
}    
.mobile-footer-menu li.plus-open img {
    width: 25px;
}    
.card-stram .image:after {
    content: "";
    background: #0000002b;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    height: 100%;
    border-radius: 8px;
    display:none; 
     
}
    .mobile-footer-menu ul li {
        flex: 1;
        text-align: center;
        margin-bottom: 0;
    }
.sol-item-top span:last-child {
    color: #9c9b9b;
}    
.share-card .card-stram .image {
    position: relative;
    height: auto;
    width: 70%;
}
.share-card .userimage-sec-wrapper .userimage-sec {
    width: 30px;
    height: 30px;
}    
}