.html{
 font-family: 'Raleway', sans-serif;
}
.pagination{
    text-align:center;
     margin: 30px 30px 30px;
    user-select: none;
}
.pagination li{
    display: inline-block;
    margin: 5px;
    box-shadow: 0 5px 25px rgb(1 1 1 / 10%);
    font-size: 1em;
    border-radius: 45px;
}

.pagination li a{
    /* color: #fff;  */
    text-decoration: none;
    font-size: 1em;
    line-height: 45px;
   
}

.previous-page, .next-page{
    background: #0AB1CE;
    width: 80px;
    border-radius: 45px;
    cursor: pointer;
    transition: 0.3s ease;
    font-size: 1em;
}

.previous-page:hover{
    transform:   translateX(-5px);
}
.next-page:hover{
    transform:   translateX(-5px);
}

.current-page, .dots{
    background: #CCC;
    width: 45px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1em;
}
.active1{
    background:fixed#0AB1CE;
}
.disable{
    background: #CCC;
} 
.car{
    margin: 0;
    padding: 0;
}
.offcanvas-menu {
     width: 60px;
      height: 100%;
       position: fixed; 
       top: 0; 
       overflow:inherit;
        -webkit-transition: all 0.6s; transition: all 0.6s; z-index: 10000; 
}

.stamp {

    width: 60px;
}

.seller_line{
    background-color: rgb(240, 236, 13);
    margin: 1px;
    padding: 0;
    border-spacing: 0;
    width: 100%;
    margin-left: 0;
  
   }
.pagination_line{
    padding: 0;
    margin: 0;
}
.grid_head_catalog{
    background-color: rgb(13,202,240);
    color: black;
    /* height: 30px; */
    font-size: 14px;
    padding: 0;
    margin: 0x;
    /* display: contents; */
}

.grid_head_collection{
    background-color: rgb(25,135,84);
    color: white;
    /* height: 30px; */
    font-size: 14px;
    padding: 0;
    margin: 0x;
    /* display: contents; */
}
.grid_head_missing{
    background-color: rgb(220,53,69);
    color: white;
    /* height: 30px; */
    font-size: 14px;
    padding: 0;
    margin: 0x;
    /* display: contents; */
}
.grid_head_sell{
    background-color: rgb(2, 117, 216);
    color: white;
    /* height: 30px; */
    font-size: 14px;
    padding: 0;
    margin: 0x;
    /* display: contents; */
}
.grid_head_swap{
    background-color:white;
    color:black;
    border: solid black 1px;
    /* height: 30px; */
    font-size: 14px;
    padding: 0;
    margin: 0x;
    /* display: contents; */
}
.grid_head_search{
    background-color: rgb(255,193,7);
    color: black;
    /* height: 30px; */
    font-size: 14px;
    padding: 0;
    margin: 0x;
    border: 1px solid black;
     display: flex;
}
.grid_head_summary{
    background-color:black;
    color:white;
    border: solid black 1px;
    /* height: 30px; */
    font-size: 14px;
    padding: 0;
    margin: 0x;
    /* display: contents; */
}
.lot_head{
    background-color: rgb(66, 9, 139);
    color: white;
    /* height: 30px; */
    font-size: 14px;
    padding: 0;
    margin: 0x;
    /* display: contents; */
}
.lot_head_back{
    background-color: rgb(255, 255, 0);
    color: black;
    /* height: 30px; */
    font-size: 14px;
    padding: 0;
    margin: 0x;
    /* display: contents; */
}
.flipbutton{
    font-size: 16px;
  background-color:rgb(197, 156, 235);
  color: rgb(42, 9, 119);
 
  border-radius: 10%;
  padding-left: 3px;
  padding-right: 3px;
  margin-top: 1px;
  margin-bottom: 1px;
  border: 1px solid #555;
  box-shadow: 0 5px 25px rgb(1 1 1 / 10%);
  text-decoration:none;
}
.summarybutton{
    font-size: 16px;
  background-color:rgb(100, 155, 236);
  color: rgb(42, 9, 119);
 
  border-radius: 10%;
  padding-left: 3px;
  padding-right: 3px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left:5px;
  border: 1px solid #555;
  box-shadow: 0 5px 25px rgb(1 1 1 / 10%);
  text-decoration:none;
}


.grid_head_sellers{
    background-color: rgb(243, 164, 128);
    color: black;
    /* height: 30px; */
    font-size: 14px;
    padding: 0;
    margin: 0x;
    /* display: contents; */
}
.grid_head_buy{
    background-color: rgb(240, 236, 13);
    color: black;
    /* height: 30px; */
    font-size: 14px;
    padding: 0;
    margin: 0x;
    /* display: contents; */
}
.grid_head_market{
    background-color: rgb(250, 235, 100);
    color: rgb(0, 0, 0);
    /* height: 30px; */
    font-size: 14px;
    padding: 0;
    margin: 0x;
    /* display: contents; */
}

.grid_head_target{
    background-color: rgb(179, 4, 248);
    color: rgb(255, 255, 255);
    /* height: 30px; */
    font-size: 14px;
    padding: 0;
    margin: 0x;
    /* display: contents; */
}
.header_display{
    padding: 0;
    height:30x;
    margin: 0;
}

.disablebutton{
    background-color:rgb(199, 201, 202);
  }
  .mint_button{
    background-color:rgb(183, 247, 199);
  }
  .used_button{
    background-color:rgb(156, 245, 248);
  }
  .mintused_button{
    background-color:rgb(81, 200, 247);
  }
  .blk4_button{
    background-color:yellow;
  }
  .pencancel_button{
    background-color:rgb(199, 106, 241);
  }
  .all_button{
    background-color:rgb(200, 166, 245);
  }
  .idh_button{
    background-color:white;
    border-radius:none;
  }
  .idh_button_selected {
    background-color:rgb(245, 163, 163);
    border-radius:none;
  }
  .buttonshape{
    font-size:14px;
    border-radius: 5px;
    margin-top:2px;
    margin-bottom:2px;
    margin-left:1px;
   padding-left: 2px;
   padding-right: 2px;
    border: 1px solid black;
  
  }

  .colorpicker{
    background-color:  rgb(159, 252, 244);
    background-color: rgb(54, 3, 88);
    background-color:rgb(248, 60, 60);
    background-color:rgb(185, 196, 247);
}