.auth-card {
    max-width: 460px;
    width: 100%;
}

.form-icon-right {
    left: auto;
    right: -1px;
}
.form-icon {
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 0;
    width: calc(1rem + 24px);
    height: calc(2.125rem + 2px);
}

.error{
    color: red;
}
.spinner {
  position: fixed;
  left: 50%;
  transform: translate(-50%,-50%) translateZ(0);
  top: 50%;
  width: 90px;
  height: 90px;
  z-index: 1;
  background: url(../images/favicon.png) no-repeat;
} 
.spinner6::after {
  content:"";
    position:absolute;
    width:120px;
    height:120px;
    background-color:rgba(0,0,0,0);
    border-radius:100%;
    margin:-15px;
    box-shadow:0 4px 0 0 var(--bs-body-bg);
    transition: all 1s linear;
    animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.upgrade-footer {
  position: fixed;
    bottom: 0;
    z-index: 10;
}
.fixed-h-bottom{height:calc(100vh - 220px) !important;}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .fixed-h-bottom {
  height: calc(100vh - 150px) !important;
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .fixed-h-bottom {
  height:calc(100vh - 220px) !important;
}
#main-wrapper[data-layout=vertical][data-header-position=fixed] .upgrade-footer {
  width: calc(100% - 270px);
  transition: .2s ease-in;
  margin-left: 270px  ;
}
#main-wrapper[data-layout=vertical][data-header-position=fixed][data-sidebartype=mini-sidebar] .upgrade-footer {
  margin-left: 87px;
  width: calc(100% - 87px);
}
#main-wrapper[data-layout=vertical][data-header-position=fixed][data-sidebartype=mini-sidebar] .upgrade-footer {
  width: calc(100% - 87px);
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .max-side-cotent {
  display: none;
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .max-side-cotent {
display: block;
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .mini-side-content {
  display: block;
}
.mini-side-content {
  display: none;
  padding: 11px 9px;
  line-height: 0;
  color: #2a3547;
}
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .mini-side-content {
  display: none;
  }
  .text-muted {
    color: #212529bf !important;
}

.text-sm {
    font-size: .75rem !important;
}
.fw-600{
  font-weight: 600;
}
.p-lg-25{
  padding: 0.6rem;
}
.coupon-card {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border: 1px solid #dfe5ef;
  padding: 8px;
  border-radius: 12px;
}
/* .coupon-card:before {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 100%;
  }
  .coupon-card:after {
    content: "";
    position: absolute;
    top: -11px;
    right: -10px;
    width: 20px;
    height: 10px;
    background-color: #ffffff;
  } */
  .h-n80 {
    height: calc(100vh - 80px);
}
  .coupon-name{
    border-right: 1px dashed var(--bs-primary);
  }
  .coupon-card:after {
    position: absolute;
    content: "";
    height: 20px;
    right: -14px;
    border-radius: 40px;
    z-index: 1;
    top: 40%;
    background-color: #ffffff;
    width: 20px;
    border-left: 1px solid #dfe5ef;
  }
  
  .coupon-card:before {
    position: absolute;
    content: "";
    height: 20px;
    left: -12px;
    border-radius: 40px;
    z-index: 1;
    top: 40%;
    background-color: #ffffff;
    width: 20px;
    border-right: 1px solid #dfe5ef;
  }
  .copy-button {
    margin: 12px 0 -5px 0;
    height: 40px;
    border-radius: 4px;
    padding: 0 5px 2px 5px;
    border: 1px solid #dfe5ef;
  }
  
  .copy-button input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 14px;
  }
  
  .copy-button button {
    padding: 3px 15px;
    background-color: var(--bs-primary);
    color: #fff;
    border: 1px solid transparent;
    font-size: 14px;
    border-radius: 4px;
  }
  .main, .copy-button {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
}
.mt-45{
  margin-top: 2.6rem;
}
.cut-price{
  text-decoration: line-through;
  color:#5a6a85 ;
  font-size: 14px;
}
.priceOff{
  color:#000 ;
  font-weight: 600;
  font-size: 18px;
}
.price-cut-price{
  text-decoration: line-through;
}