@charset "utf-8";
/* CSS Document */

.ui-w-80 {
    width: 80px !important;
    height: auto;
}

.btn-default {
    border-color: rgba(24,28,33,0.1);
    background: rgba(0,0,0,0);
    color: #4E5155;
}

label.btn {
    margin-bottom: 0;
}

.btn-outline-primary {
    border-color: #26B4FF;
    background: transparent;
    color: #26B4FF;
}
t
.btn {
    cursor: pointer;
}


.btn-facebook {
    border-color: rgba(0,0,0,0);
    background: #3B5998;
    color: #fff;
}

.btn-instagram {
    border-color: rgba(0,0,0,0);
    background: #000;
    color: #fff;
}

.card {
    background-clip: padding-box;
    box-shadow: 0 1px 4px rgba(24,28,33,0.012);
}

.row-bordered {
    overflow: hidden;
}


.account-settings-links .list-group-item  i {max-width:20px; min-width:20px; display: inline-flex; justify-content: center;}

.account-settings-links .list-group-item {padding-left:.5rem; padding-right:.5rem;}

.account-settings-fileinput {
    position: absolute;
    visibility: hidden;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.account-settings-links .list-group-item.active { font-weight: bold !important;}

.account-settings-links .list-group-item.active, .account-settings-links .list-group-item-action:hover {background: #F1FAFF!important; color:#3B3B3B!important; border-radius:10px;}

.account-settings-multiselect ~ .select2-container {
    width: 100% !important;
}

.account .nav.nav-bottom-line .nav-link.active {
  background:#27769C;
  color: #fff;
  border: 0px;
font-weight:700;
border-radius:10px;
}

.coupon .discount-amount::before, .coupon .discount-amount::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-color: #fff;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
}


.coupon{border-radius: 12px; background: #28779e; position:relative; }

.coupon .percent-text {font-size:3.75rem;}

.discount-amount {position:relative;}

.account .nav.nav-bottom-line .nav-link.active i {color:#fff!important;}

.account .nav-tabs {background:#f1faff; border-radius:10px; padding:10px;}

.account .tab-content .nav-tabs.nav-justified > li > a:not(.active):hover, .tab-content .nav-tabs.nav-justified > li > a:not(.active):focus {background:transparent; color:#27769C; border-bottom:0; font-weight:bold;}

.account .tab-content .nav-tabs.nav-justified > li > a {transition:all 0.15s ease; border-bottom:0;}

.account .tab-content .nav-justified .nav-item { transition:all 0.15s ease;}

[aria-expanded="true"] .arrow-down,
[aria-expanded="false"] .arrow-up {
    display:none;
}

.account .order-packages img {max-width:115px; min-width:113px;}

.account .order-card {
  border:1px solid rgba(0, 0, 0, 0.08);
  border-radius:10px;
  padding:20px;
  transition:all 0.15s ease;
}

.account .tab-content .order-card:hover {border-color: #27769C;}

.account .order-card .order-header {border-bottom:1px dashed rgba(0, 0, 0, 0.08);}

.account .order-card .order-details {background-color: #F1FAFF;border-radius:12px;overflow:hidden;transition:all 0.15s ease;}

.account .percent-sign::before {
    content: "%";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.035);
    z-index: 1;
    pointer-events: none;
  }



  .order-card.percent-sign > *, .order-card.ban-sign > *  {position: relative;z-index: 2;}

 .order-card.percent-sign, .order-card.ban-sign {position: relative;overflow: hidden;}

.account .order-items .item, .detail-section .price-breakdown, .detail-section .address-info {background-color: #e8f5fc; border-radius:12px;}

.account .order-items .item .order-item-info { flex:1;min-width: 0;}

.account .order-items .item img {max-width: 64px;height: auto; object-fit: cover;}

.account .order-content .product-grid img {width: 29.5%;height: auto;object-fit: cover;border:1px solid rgba(0, 0, 0, 0.04);}

.account .info-row .status.processing, .account .row .status.closed  {background-color: #fff7ed;color: #f97316;}
.account .info-row .status.delivered, .account .row .status.open  { background-color: #f0fdf4;color: #22c55e;}
.account .row .status.expired  { background-color: #fff4f3;color: #dc3545;}
.account .row .status, .account .info-row .status {border-radius:5px;}

.material-style .account-settings-links .list-group-item {
    padding: 0.85rem 1.5rem;
    border-color: rgba(24, 28, 33, 0.03) !important;
}
.material-style .account-settings-links .list-group-item.active {
    color: #4e5155 !important;
}
.dark-style .account-settings-links .list-group-item {
    padding: 0.85rem 1.5rem;
    border-color: rgba(255, 255, 255, 0.03) !important;
}
.dark-style .account-settings-links .list-group-item.active {
    color: #fff !important;
}
.light-style .account-settings-links .list-group-item.active {
    color: #4E5155 !important;
}
.light-style .account-settings-links .list-group-item {
    padding: 0.85rem 1.5rem;
    border-color: rgba(24,28,33,0.03) !important;
}


@media only screen and (min-width: 992px) {
.account .order-content .product-grid img {max-width: 64px;}
.discount-amount {border-right:3px dashed #fff;}
.coupon .discount-amount::before, .coupon .discount-amount::after {top: -15px;right: -17px;}
.coupon .discount-amount::after { top: auto;bottom: -15px;
	}
}

.btn-sm{
    font-size: .875rem!important;
}