/*
* auction Products
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
*
*  @author    FME Modules
*  @copyright 2021 fmemodules All right reserved
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*/
.table-responsive {
    overflow: hidden;
    margin-top: 20px;
}

 .table-responsive .dataTables_wrapper {
    clear: both;
    position: relative;
}

 .table-responsive .dataTables_wrapper .dataTable-modern thead tr {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.table-responsive .dataTables_wrapper .dataTable-modern tbody td {
    padding: 8px 10px;
    text-align: center;
}
table.dataTable thead th {
    border: none;
}
.table-responsive .dataTables_wrapper  .dataTable-modern tbody td .first_column {
    display: flex;
    align-items: center;
    gap: 25px;
}

.table-responsive .dataTables_wrapper  .dataTable-modern tbody td .first_column .product-title {
    text-align: left;
}

 .table-responsive .dataTables_wrapper  .dataTable-modern tbody td .first_column .product-title a {
    text-decoration: none;
    font-size: 16px;
    font-family: "poppins" !important;
    font-weight: 600;
    line-height: 24px;
    color: rgba(71, 71, 71, 1);
}
.table-responsive .dataTables_wrapper  .dataTable-modern tbody td .first_column .product-title small {
    color: rgba(33, 150, 243, 1);
    font-size: 16px;
    font-family: "poppins" !important;
    font-weight: 300;
    line-height: 20px;
}

 .table-responsive .dataTables_wrapper  .dataTable-modern tbody td .first_column .product-title .product-desc {
    font-size: 16px;
    font-weight: 500;
    font-family: "poppins" !important;
    line-height: 20px;
    margin-top: 20px;
    color: rgba(129, 129, 129, 1);
}
 .table-responsive .dataTables_wrapper .dataTable-modern tbody tr:nth-child(1) {
    display: flex;
    justify-content: space-around;
}

 .table-responsive .dataTables_wrapper .dataTable-modern tbody tr.auction-wrapper {
    display: block;
    margin-bottom: 25px;
}

.non-active {
    position: absolute;
    z-index: 111;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    background: rgb(223 191 191 / 50%);
    opacity: 0.6;
}

    .table-responsive .dataTables_wrapper  .dataTable-modern tbody tr.auction-wrapper td {
        background-color: rgba(33, 150, 243, 0.05);
        border-bottom: 0.75px dashed rgba(33, 150, 243, 1);
        width: 50%;
        position: relative;
    }
@media screen and (min-width: 1230px) {
    .auctions-list .auction_timer-modern {
        padding-left: 0 !important;
     }
    .table-responsive .dataTables_wrapper  .dataTable-modern tbody tr.auction-wrapper td {
        background-color: rgba(33, 150, 243, 0.05);
        border-bottom: 0.75px dashed rgba(33, 150, 243, 1);
        width: 1% !important;
        position: relative;
    }
}

#auction-watchlist_length,
#auction-bidders-history_length,
#auction-bidding-history_length,
#auction-list-modern_length {
    float: right;
}

#auction-watchlist_filter input:focus,
#auction-bidders-history_filter input:focus,
#auction-bidding-history_filter input:focus,
#auction-list-modern_filter input:focus {
    outline: none;      /* Removes the outline */
    border: none;    
}

#auction-watchlist_length select:focus,
#auction-bidders-history_length select:focus,
#auction-bidding-history_length select:focus,
#auction-list-modern_length  select:focus {
    outline: none;      /* Removes the outline */   
}

#auction-watchlist_length label::after,
#auction-bidders-history_length label::after,
#auction-bidding-history_length label::after,
#auction-list-modern_length  label::after {
    content: "";
    background-image: url("../../img/modern/chevron-grey.png");
    background-repeat: no-repeat;
    background-position: center right;
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 17px;
    right: 12px;
}
#auction-bidders-history_length select,
#auction-watchlist_length select,
#auction-bidding-history_length select,
#auction-list-modern_length select{

    width: auto;
  display: inline-block; 
  vertical-align: middle;
  content: "";
  background: transparent !important;
  border-color: #C5C5D3;
  border-radius: 7px;
  color: #72777a;
  min-width: 100px;
  appearance: none;
  padding-top: 0;
  padding: 10px;
  font-size: 1rem;
  font-weight: 400;
  font-family: "poppins" !important;
  height: auto !important;
  line-height: 1.5 !important;
  color: #212529; 
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
    border-top-color: rgb(206, 212, 218);
    border-right-color: rgb(206, 212, 218);
    border-bottom-color: rgb(206, 212, 218);
    border-left-color: rgb(206, 212, 218); 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* border-radius: .25rem;  */
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#auction-list-modern {
    border-bottom: none;
}

#auction-bidders-history_filter,
#auction-watchlist_filter,
#auction-bidding-history_filter,
#auction-list-modern_filter {
    float: left;
    width: 60%;
    margin-bottom: 3%;
}
.dataTables_paginate{
    width: 100%;
}


#auction-watchlist_paginate,
#auction-list-modern_paginate,
#auction-bidders-history_paginate,
#auction-bidding-history_paginate{
    margin-top: 3%;
    width: 100%;
    font-size: 14px;
    font-family: "poppins" !important;
    text-align: center;
    gap: 12px;
}

#auction-bidders-history_paginate span a.paginate_button{
    margin: 0;
    padding: 5px 10px;
    box-sizing: border-box;
    font-family: 'poppins';
    font-family: "poppins" !important;
    border: none;
    padding: 5px 10px;
}
#auction-bidding-history_paginate .paginate_button,
#auction-list-modern_paginate span a.paginate_button {
    margin: 0;
    padding: 5px 10px;
    box-sizing: border-box;
    font-family: 'poppins';
    font-family: "poppins" !important;
    border: none;
    padding: 5px 10px;
    height: 80%;
  }

  #auction-watchlist_paginate .paginate_button:hover,
  #auction-bidders-history_paginate a.paginate_button:hover,
  #auction-bidding-history_paginate .paginate_button:hover,
  #auction-list-modern_paginate a.paginate_button:hover  {
    background-color: #2196F3  ;
    color: #ffffff !important;
   
    box-sizing: border-box;
    border-radius: 4px;
  }

  #auction-watchlist_paginate .paginate_button:hover a,
  #auction-bidding-history_paginate .paginate_button:hover a{
    color: #ffffff !important;
  }

  .auction-bidding-history_paginate .previous::before {
   
  }
  #auction-watchlist_paginate .paginate_button a,
  #auction-bidding-history_paginate .paginate_button a{
    color: #0d6efd !important;
  }

  #auction-watchlist_paginate .paginate_button,
  #auction-bidders-history_paginate a.paginate_button,
  #auction-bidding-history_paginate .paginate_button ,
  #auction-list-modern_paginate a.paginate_button  {
    color: #0d6efd !important;
    border-radius: 5px;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 10px !important;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #0d6efd;
    font-family: "poppins" !important;
    
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
 
#auction-watchlist_paginate .paginate_button.active a, 
#auction-bidding-history_paginate .paginate_button.active a {
    color: #ffffff !important;
}

#auction-watchlist_paginate .paginate_button.active,
#auction-bidding-history_paginate .paginate_button.active,
#auction-bidders-history_paginate a.current,
#auction-list-modern_paginate a.current {
    background-color: #2196F3;
    color: #ffffff !important;
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: 4px;
  }

#auction-bidders-history_filter  label,
#auction-bidding-history_filter label,
#auction-watchlist_filter label,
#auction-list-modern_filter label {
    padding: 14px 14px 14px 45px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.99997%201.2C3.34918%201.2%201.19999%203.34919%201.19999%205.99999C1.19999%208.65079%203.34918%2010.8%205.99997%2010.8C7.32574%2010.8%208.52496%2010.2633%209.39375%209.39375C10.2633%208.52499%2010.8%207.32575%2010.8%205.99995C10.8%203.34916%208.65075%201.2%205.99997%201.2ZM0%205.99999C0%202.686%202.68599%200%205.99997%200C9.31395%200%2011.9999%202.686%2011.9999%205.99999C11.9999%207.44061%2011.4913%208.76319%2010.646%209.79679L15.8242%2014.9758C16.0586%2015.2102%2016.0586%2015.5898%2015.8242%2015.8242C15.5898%2016.0586%2015.2102%2016.0586%2014.9758%2015.8242L9.79681%2010.646C8.76321%2011.4913%207.44062%2011.9999%206.00003%2011.9999C2.68605%2011.9999%200%209.31399%200%205.99999Z%22%20fill%3D%22%23C5C5D3%22%3E%3C/path%3E%3C/svg%3E"),
    linear-gradient(to bottom, #dfdfee  0%, #dfdfee  100%);
    background-repeat: no-repeat;
    background-position: 10px center, 35px center;
    background-size: 16px 16px, 1.5px 30px;

    border: 1px solid #C5C5D3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    border-radius: 7px !important;
    position: relative !important;

} 
#auction-bidders-history_filter input[type="search"],
#auction-bidding-history_filter  input[type="search"] ,
#auction-watchlist_filter input[type="search"] ,
#auction-list-modern_filter  input[type="search"]
{
    width: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
    content: "" !important;
    background: transparent !important;
    border-color: #C5C5D3 !important; 
    border-radius: 7px !important;
    color: #72777a !important;
    min-width: 100px !important;
    appearance: none !important;
    margin-left: 40px;
    border: none !important;
    width: 100% !important;
    /* color: #d8d8d8 !important; */
    padding: 0 !important;

}

 .table-responsive .dataTables_wrapper  .dataTable-modern tbody tr.auction-wrapper td:nth-child(1) {
    border-radius: 7px 0 0 7px;
}

 .table-responsive .dataTables_wrapper  .dataTable-modern tbody tr.auction-wrapper td:nth-child(2) {
    border-radius: 0 7px 7px 0;
}

 .table-responsive .dataTables_wrapper  .dataTable-modern tbody tr td img.img-thumbnail {
    border: 0;
    padding: 0;
}

 .product_auction_list .auction-time-wrapper .button-container .highest_bid {
    font-size: 14px;
    font-weight: 500;
    font-family: "poppins" !important;
    line-height: 22px;
    color: rgba(33, 150, 243, 1);
    border: 1px solid rgba(51, 154, 240, 1);
    text-decoration: none;
    width: auto;
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
}

 .auctions-list .auction_timer-modern {
    padding-left: 15%;
 }
 .product_auction_list .auction-time-wrapper .button-container .watch_icon {
    position: absolute;
    top: 0;
    right: 20px;
}

 .product_auction_list .auction-time-wrapper .alert {
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: .8125rem;
    font-family: "poppins" !important;
    position: absolute;
    right: 20px;
    top: 0;
    /* bottom: 0; */
}
 .product_auction_list .auction-time-wrapper .alert-success {
    background-color: rgba(40, 195, 109, 1);
    border: 1px solid rgba(250, 193, 60, 1);
    color: #ffffff;
    border-radius: 5px;
}

 .product_auction_list .auction-time-wrapper .auction_close {
    background-color: rgba(252, 103, 124, 1);
    border: 1px solid rgba(250, 193, 60, 1);
    color: #ffffff;
    border-radius: 5px;
}

 .product_auction_list .auction-time-wrapper .countdown-container {

}

/* neewee */

.product_auction_list .auction-time-wrapper {
    margin: 0 auto;
    width: 355px;
}
.product_auction_list .auction-time-wrapper .countdown-container {
    justify-content: center;
}
.product_auction_list .auction-time-wrapper .time {
    backface-visibility: hidden;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    display: inline-block;
    height: 75px;
    margin-right: 10px;
    perspective: 479px;
    position: relative;
    text-align: center;
    transform: translate3d(0px, 0px, 0px);
    width: 55px;
}
.product_auction_list .auction-time-wrapper .count {
    background: #202020 none repeat scroll 0 0;
    color: #f8f8f8;
    display: block;
    font-family: "Oswald",sans-serif;
    
    font-size: 2em;
    line-height: 2.55em;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    top: 0;
    transform: translateZ(0px);
    transform-style: flat;
    width: 100%;
}
.product_auction_list .auction-time-wrapper .count.top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px 5px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    height: 50%;
    transform-origin: 50% 100% 0;
}

.auctiontimer-modern{
    width: fit-content;
}

.product_auction_list .auction-time-wrapper .count.bottom {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent);
    border-bottom: 1px solid #000;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #000;
    height: 50%;
    line-height: 0;
    top: 50%;
    transform-origin: 50% 0 0;
}

.product_auction_list .auction-time-wrapper .count.next {
}
.product_auction_list .auction-time-wrapper .label {
    display: block;
    margin-top: 5px;
    position: absolute;
    top: 77px;
    width: 100%;
}
.product_auction_list .auction-time-wrapper .count.curr.top {
    transform: rotateX(0deg);
    z-index: 3;
}
.product_auction_list .auction-time-wrapper .count.next.bottom {
    transform: rotateX(90deg);
    z-index: 2;
}
@media screen and (max-width: 640px) {

    #auction-watchlist_paginate .paginate_button,
  #auction-bidders-history_paginate a.paginate_button,
  #auction-bidding-history_paginate .paginate_button {
  /* #auction-list-modern_paginate a.paginate_button  { */
  width: fit-content;
  padding: 1%;
  font-size: 90%;
  font-family: "poppins" !important;
     }

}

@media screen and (max-width: 412px) {
    .auction-tab-content-modern .dataTables_wrapper{
        width: fit-content;
    }
    #auction-bidding-history_filter {
        width: 20% !important;
    }
}
@media screen and (max-width: 550px) {
 #modern_list_table{
    overflow: scroll;
 }
 #modern_list_table #auction-list-modern{
    overflow: hidden;
 }
 #modern_list_table .dataTables_wrapper {
    width: fit-content !important;
 }
 
}

@media screen and (max-width: 48em) {
.auction-time-wrapper {
    width: 100%;
}
.auction-time-wrapper .countdown-container {
    height: 100px;
}
.auction-time-wrapper .time {
    height: 70px;
    width: 48px;
}
.auction-time-wrapper .count {
    font-size: 1.5em;
    font-family: "poppins" !important;
    line-height: 70px;
}
.auction-time-wrapper .label {
    font-size: 0.8em;
    font-family: "poppins" !important;
    top: 72px;
}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
 .table-responsive .dataTables_wrapper  .dataTable-modern tbody tr.auction-wrapper {
        margin-bottom: 15px;
        display: flex;
        flex-direction: column;
    }
    .product_auction_list .auction-time-wrapper .button-container .watch_icon {
        right: 100px !important;
    }

    .product_auction_list  .toggle-bid-btn {
        right: 100px !important;
    }
    .dataTables_filter label {
        /* background-position: 10px center, 35px center; */
        background-position: 3px center, 25px center !important;
    }
    .auction_theme_modern   .product_auction_list .flip{
   
        width: 23px  !important;
        height:30px !important;
       
    }
    .auction_theme_modern   .product_auction_list .flip-clock-dot.top {
        top: 15% !important;
        height: 6px;
        width: 6px;
    }
    
    .auction_theme_modern   .product_auction_list .flip-clock-dot.bottom {
        bottom: 55% !important;
        height: 6px;
        width: 6px;
    }

    .auction_theme_modern   .product_auction_list .flip-clock-divider .flip-clock-label {
    
        font-size: 12px;
        line-height: 18px;
        font-family: "poppins" !important;
        font-weight: 300;
        color: #555555;
        margin-top: 5px;
    /* right: 50%; */
        margin-right: 95% !important;
    }
 .table-responsive .dataTables_wrapper  .dataTable-modern tbody td .first_column {
        gap: 15px;
        /* flex-direction: column; */
    }

 .table-responsive .dataTables_wrapper  .dataTable-modern td .first_column .product-title {
        text-align: center;
    }

 .table-responsive .dataTables_wrapper  .dataTable-modern tbody td .first_column .product-title a {
        font-size: 11px;
        line-height: 11px;
        font-family: "poppins" !important;
    }

.table-responsive .dataTables_wrapper  .dataTable-modern tbody td .first_column .product-title small {
        font-size: 11px;
        line-height: 11px;
        font-family: "poppins" !important;
    }

.table-responsive .dataTables_wrapper  .dataTable-modern tbody td .first_column .product-title .product-desc {
        font-size: 11px;
        line-height: 13px;
        font-family: "poppins" !important;
        margin-top: 14px;
        width: 90%;
    }

  .product_auction_list .auction-time-wrapper .button-container .highest_bid {
        font-size: 12px;
        line-height: 16px;
        font-family: "poppins" !important;
        padding: 5px 8px;
    }

 .product_auction_list .auction-time-wrapper .alert {
        position: relative;
        right: 0;
        margin-bottom: 0;
    }

.table-responsive .dataTables_wrapper  .dataTable-modern tbody td {
        width: 100%;
    }

   .table-responsive .dataTables_wrapper  .dataTable-modern tbody tr.auction-wrapper td {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {

    .rt-container.section_body {
        padding: 0;
    }
    .btn-auction-clear-history,
    .auction-tab-content-modern .block-center .back {
        margin-top: 17px;
    }

       
}
@media screen and (max-width: 575px) {

    .btn-auction-clear-history {
        margin-top: 0px;
    }

       
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .table-responsive .dataTables_wrapper  .dataTable-modern tbody td .first_column .product-title a {
        font-size: 11px;
        line-height: 12px;
        font-family: "poppins" !important;
    }


    .auction_theme_modern   .product_auction_list .flip{
   
        width: 23px  !important;
        height:30px !important;
       
    }

    .auction_theme_modern   .product_auction_list  .flip-clock-divider .flip-clock-label {
        font-size: 12px;
        line-height: 18px;
        font-family: "poppins" !important;
        font-weight: 300;
        color: #555555;
        margin-right: 49% !important;
        margin-bottom: 25px;
      }

    .auction_theme_modern   .product_auction_list .flip-clock-dot.top {
        top: 20% !important;
        height: 6px;
        width: 6px;
    }
    
    .auction_theme_modern   .product_auction_list .flip-clock-dot.bottom {
        bottom: 55% !important;
        height: 6px;
        width: 6px;
    }

   .table-responsive .dataTables_wrapper  .dataTable-modern tbody td .first_column .product-title small {
        font-size: 11px;
        line-height: 17px;
        font-family: "poppins" !important;
    }

    .table-responsive .dataTables_wrapper .dataTable-modern tbody td .first_column .product-title .product-desc {
        font-size: 12px;
        line-height: 14px;
        font-family: "poppins" !important;
        margin-top: 10px;
    }

     .product_auction_list .auction-time-wrapper .button-container .highest_bid {
        font-size: 12px;
        line-height: 16px;
        font-family: "poppins" !important;
        padding: 8px 10px;
    }

     .product_auction_list .auction-time-wrapper .countdown-container .digit {
        font-size: 14px;
        line-height: 24px;
        font-family: "poppins" !important;
        padding: 7px;
        width: 20px;
        height: 30px;
    }

   .product_auction_list .auction-time-wrapper .countdown-container .countdown-label {
        font-size: 12px;
        font-family: "poppins" !important;
        line-height: 24px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
     .table-responsive .dataTables_wrapper .dataTable-modern tbody td .first_column .product-title a {
        font-size: 15px;
        line-height: 22px;
        font-family: "poppins" !important;
    }

   .table-responsive .dataTables_wrapper .dataTable-modern tbody td .first_column .product-title small {
        font-size: 14px;
        line-height: 18px;
        font-family: "poppins" !important;
    }

    .table-responsive .dataTables_wrapper .dataTable-modern tbody td .first_column .product-title .product-desc {
        font-size: 14px;
        font-family: "poppins" !important;
        line-height: 18px;
        margin-top: 12px;
    }

   .product_auction_list .auction-time-wrapper .button-container .highest_bid {
        line-height: 18px;
        padding: 8px 10px;
    }
}