html,
body {
  scroll-behavior: smooth;
}
.device-height {
  height: 80vh;
}

.btn-edit-delete {
  font-size: 17px;
}

/* jQuery List Swipe CSS Style*/
.item-list {
  overflow: hidden;
}

.item-list .item {
  position: relative;
  display: table;
  width: 100%;
  background: #fff;
  margin-top: 0px;
}

.item-list .item .action {
  position: absolute;
  width: 67px;
  height: 100%;
  top: 0;
  border: 0;
  color: #fff;
  outline: none;
}

.item-list .item .action:first-child::before,
.item-list .item .action:last-child::before {
  position: absolute;
  top: 0;
  content: "";
  width: 2000px;
  height: 100%;
}

.item-list .item .action:first-child {
  left: -80px;
}

.item-list .item .action:first-child::before {
  right: 80px;
}

.item-list .item .action:last-child {
  right: -80px;
}

.item-list .item .action:last-child::before {
  left: 80px;
}

.container-cart {
  overflow: hidden;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 50%;
  overflow: hidden;
  width: 0;
  height: 100%;
}

.move {
  transition: 0.3s ease;
}

.container-cart:hover .move {
  margin-left: -60px;
}

.container-cart:hover .overlay {
  width: 60px;
  right: 0;
}
/* End Swipe CSS */

/* To remove sign '-' and '+' in Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* To remove sign '-' and '+' in Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.trapezoid {
  border-bottom: 45px solid #ec0061;
  border-left: 0px solid transparent;
  border-right: 30px solid transparent;
  height: 0;
  line-height: 3;
}
.border-style {
  background-color: #ec0061;
  margin-top: -4px;
}
.bg-background {
  object-fit: cover;
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
.osahan-menu-fotter .col.bg-white.rounded-circle.mt-n4.px-3.py-2 {
  margin: -20px 0 0 0 !important;
}
.osahan-menu-fotter .col.selected a {
  background: #f3f5f7 !important;
}
.img-group-slider {
  /* height: 100px; */
  width: 100% !important;
  object-fit: cover;
}
.img-trending-slider {
  /* height: 184px; */
  width: 100%;
  object-fit: cover;
}
.grid-cart-height {
  width: 100%;
  object-fit: cover;
}
.img-detail {
  width: 100%;
  object-fit: cover;
}
.img-addon {
  height: 110px;
  width: 100%;
  object-fit: cover;
}
.table.cust-tb td,
.table.cust-tb th {
  width: 140px;
}
thead.cust-head,
tbody.cust-body tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
tbody.cust-body {
  display: block;
  table-layout: fixed;
  max-height: 65vh;
  min-height: 50vh;
}
.no-border-radius {
  border-radius: 0 !important;
}
.card-border {
  border: 1px solid #e5e4e4;
  border-radius: 0.4rem !important;
}
.disable-click {
  pointer-events: none;
}
.nav-bottom-bg {
  background: #343a40 !important;
}
.survey-font {
  font-size: 15px;
}
.cursor-pointer {
  cursor: pointer;
}
input[type="radio"] {
  accent-color: #e23744;
}
.disabled-elment {
  pointer-events: none;
  opacity: 0.5;
  background: #ccc;
}
.form-control:focus {
    border-color: #e23744 !important;
    box-shadow: 0 0 0 0 #e23744 !important;
}

.img-object-fit-cover{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.img-object-fit-contain{
	object-fit: contain;
	width: 100%;
}

.img-object-fit-fill{
	object-fit: fill;
	width: 100%;
}

.img-item-group-container{
	width: 147px;
	height: 147px;
}

.img-most-sale-container{
	width: 135px;
	height: 135px;
}

.img-trending-container{
	width: 256px;
	height: 256px;
}

.overflow-x-auto{
	overflow-x: auto;
}

.nav-tabs {
 display: flex;
 flex-wrap: nowrap;
  white-space: nowrap;
}

.nav-item {
  white-space: nowrap;
}

.active-card{
	box-shadow: 3px 3px 3px grey, 0 0 2px red;
}

::-webkit-scrollbar{
    height: 8px;
    width: 8px;
    -webkit-appearance: none;
}

/* Track */
::-webkit-scrollbar-track {
  background: #E9E9E9 !important; 
  border-radius: 10px !important;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #d2d0d0 !important; 
  border-radius: 10px !important;
  
}

/* /* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #c6cace !important; 
}

::-webkit-scrollbar-thumb:horizontal{
    background: #F6F6F6;
    border-radius: 10px !important;
} 

::-webkit-overflow-scrolling:touch {
	background: #F6F6F6;
	width: 5px;
}

@media (max-width: 576px) {
  .px-xs-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}