
* {
  -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
  color-adjust: exact !important;                 /*Firefox*/
}
.addLogo{
  background:  url('/assets/images/logo_trans.png') no-repeat 50% 50%/contain !important;
}

  .card__wrapper{position:relative;z-index:2;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;}
.card__container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding:0 var(--card-gutter-x);}
.card__header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2.4667rem;}
@media (max-width: 1199px){
.card__header{-ms-flex-wrap:wrap;flex-wrap:wrap;}
}

.gutter-bottom-sm{margin-bottom:calc(var(--gutter-bottom-sm) * -1);}
.gutter-bottom-sm > *{padding-bottom:var(--gutter-bottom-sm);}
.gutter-bottom-xs{margin-bottom:calc(var(--gutter-bottom-xs) * -1);}
.gutter-bottom-xs > *{padding-bottom:var(--gutter-bottom-xs);}

.card-order{padding:2rem 0;}
@media (min-width: 768px){
.card-order{--card-gutter-x:2rem;}
}
@media (min-width: 1200px){
.card-order{--card-gutter-x:2.6667rem;}
}
.card-order .card__header{margin-bottom:1.6rem;}
.card-order .table{margin-bottom:0;}
.card-order .table th:first-child,.card-order .table td:first-child{padding-left:var(--card-gutter-x);}
.card-order .table th:last-child,.card-order .table td:last-child{padding-right:var(--card-gutter-x);}
.card-order .table th{white-space:nowrap;}
.card-order__footer-total{padding-top:2.6667rem;}
@media (max-width: 767px){
.card-order__footer-total{padding-top:1.6rem;}
}
.card-order__total{list-style:none;display:table;padding:0;margin-bottom:0;margin-left:auto;}
.card-order__total-item{display:table-row;}
.card-order__total-item > *{display:table-cell;}
.card-order__total-item:nth-last-of-type(2) > *{padding-bottom:2.1333rem;}
.card-order__total-item:nth-last-of-type(n+3) > *{padding-bottom:1.6rem;}
.card-order__total-footer{font-weight:700;font-size:1.3333rem;line-height:1.15em;}
.card-order__total-title{width:90px;padding-right:3.3333rem;text-align:right;text-transform:uppercase;color:var(--text-secondary-color);}
.card-order__total-footer .card-order__total-title{color:inherit;}
.card-order__product .colgroup-1{width:40%;}
.card-order__product .colgroup-2{width:240px;}
.card-order__invoice-table .colgroup-1{width:50%;}
.card-order__invoice-table .colgroup-2{width:20%;}
.card-order__invoice-table .colgroup-3{width:20%;}
.order-invoice .card__header{margin-bottom:6rem;}
.order-invoice__title{display:inline-block;padding:5.3333rem 2.4rem 1.6rem;margin-top:-2rem;margin-right:3.3333rem;font-weight:400;font-size:20px;line-height:1.15em;color:#fff;background-color:#338063 !important;}
.order-invoice__title b{margin-bottom:8px;}
.order-invoice__address{display:inline-block;vertical-align:top;margin-top:10px;line-height:1.6em;color:var(--text-secondary-color);}
.order-invoice__logo{width:100%;max-width:10.0667rem;height:3.3333rem;margin-top:1.6rem;margin-left:auto;}
@media (max-width: 767px){
.order-invoice__logo{margin-top:0;}
}
.order-invoice__header-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
@media (max-width: 767px){
.order-invoice__header-right{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
}
@media (max-width: 767px){
.order-invoice__header-right .card__date{margin-right:1rem;}
}
.order-invoice .table__header > tr{height:32px;}
.order-invoice .table__header > tr th{vertical-align:top;padding-top:0;}
.bg-gradiant-bottom:after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 60%, rgba(0, 0, 0, 0.9) 100%);
  width: 100%;
  height: 150px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
*{
  --dropdown-shadow-shape:0px 4px 32px rgba(169,194,209,.05),0px 2px 16px rgba(169,194,209,.05) ;

}



.btn-round-xl {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: inline-block;
  line-height: 50px;
  text-align: center;
}

.btn-round-xl i {
  line-height: 50px;
}

.btn-round-xl img {
  line-height: 50px;
}

.bg-blur {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: rgba(255, 255, 255, 0.3);
}

.btn-round-xxl {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  display: inline-block;
  line-height: 60px;
  text-align: center;
}

.btn-round-xxl i {
  line-height: 60px;
}

/* Text Size */
.bg-danger {
  background-color: #E50202 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #b20202 !important;
}

/* Text Size */
.text-0 {
  font-size: 11px !important;
  font-size: 0.6875rem !important;
}

.text-1 {
  font-size: 12px !important;
  font-size: 0.75rem !important;
}

.text-2 {
  font-size: 14px !important;
  font-size: 0.875rem !important;
}

.text-3 {
  font-size: 16px !important;
  font-size: 1rem !important;
}

.text-4 {
  font-size: 18px !important;
  font-size: 1.125rem !important;
}

.text-5 {
  font-size: 21px !important;
  font-size: 1.3125rem !important;
}

.text-6 {
  font-size: 24px !important;
  font-size: 1.50rem !important;
}

.text-7 {
  font-size: 28px !important;
  font-size: 1.75rem !important;
}

.text-8 {
  font-size: 32px !important;
  font-size: 2rem !important;
}

.text-9 {
  font-size: 36px !important;
  font-size: 2.25rem !important;
}

.text-10 {
  font-size: 40px !important;
  font-size: 2.50rem !important;
}

.text-11 {
  font-size: 2.75rem !important;
}

@media (max-width: 1200px) {
  .text-11 {
    font-size: calc(1.4rem + 1.8vw) !important;
  }
}

.text-12 {
  font-size: 3rem !important;
}

@media (max-width: 1200px) {
  .text-12 {
    font-size: calc(1.425rem + 2.1vw) !important;
  }
}

.text-13 {
  font-size: 3.25rem !important;
}

@media (max-width: 1200px) {
  .text-13 {
    font-size: calc(1.45rem + 2.4vw) !important;
  }
}

.text-14 {
  font-size: 3.5rem !important;
}

@media (max-width: 1200px) {
  .text-14 {
    font-size: calc(1.475rem + 2.7vw) !important;
  }
}

.text-15 {
  font-size: 3.75rem !important;
}

@media (max-width: 1200px) {
  .text-15 {
    font-size: calc(1.5rem + 3vw) !important;
  }
}

.text-16 {
  font-size: 4rem !important;
}

@media (max-width: 1200px) {
  .text-16 {
    font-size: calc(1.525rem + 3.3vw) !important;
  }
}

.text-17 {
  font-size: 4.5rem !important;
}

@media (max-width: 1200px) {
  .text-17 {
    font-size: calc(1.575rem + 3.9vw) !important;
  }
}

.text-18 {
  font-size: 5rem !important;
}

@media (max-width: 1200px) {
  .text-18 {
    font-size: calc(1.625rem + 4.5vw) !important;
  }
}

.text-19 {
  font-size: 5.25rem !important;
}

@media (max-width: 1200px) {
  .text-19 {
    font-size: calc(1.65rem + 4.8vw) !important;
  }
}

.text-20 {
  font-size: 5.75rem !important;
}

@media (max-width: 1200px) {
  .text-20 {
    font-size: calc(1.7rem + 5.4vw) !important;
  }
}

.text-21 {
  font-size: 6.5rem !important;
}

@media (max-width: 1200px) {
  .text-21 {
    font-size: calc(1.775rem + 6.3vw) !important;
  }
}

.text-22 {
  font-size: 7rem !important;
}

@media (max-width: 1200px) {
  .text-22 {
    font-size: calc(1.825rem + 6.9vw) !important;
  }
}

.text-23 {
  font-size: 7.75rem !important;
}

@media (max-width: 1200px) {
  .text-23 {
    font-size: calc(1.9rem + 7.8vw) !important;
  }
}

.text-24 {
  font-size: 8.25rem !important;
}

@media (max-width: 1200px) {
  .text-24 {
    font-size: calc(1.95rem + 8.4vw) !important;
  }
}

.text-25 {
  font-size: 9rem !important;
}

@media (max-width: 1200px) {
  .text-25 {
    font-size: calc(2.025rem + 9.3vw) !important;
  }
}

.text-11,
.text-12,
.text-13,
.text-14,
.text-15,
.text-16,
.text-17,
.text-18,
.text-19,
.text-20,
.text-21,
.text-22,
.text-23,
.text-24,
.text-25 {
  line-height: 1.3;
}

.btn-black {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn-black:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn-check:focus+.btn-black,
.btn-black:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
  -webkit-box-shadow: 0 0 0 0rem rgba(210, 42, 85, 0.5);
  box-shadow: 0 0 0 0rem rgba(210, 42, 85, 0.5);
}

.btn-check:checked+.btn-black,
.btn-check:active+.btn-black,
.btn-black:active,
.btn-black.active,
.show>.btn-black.dropdown-toggle {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn-check:checked+.btn-black:focus,
.btn-check:active+.btn-black:focus,
.btn-black:active:focus,
.btn-black.active:focus,
.show>.btn-black.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0rem rgba(210, 42, 85, 0.5);
  box-shadow: 0 0 0 0rem rgba(210, 42, 85, 0.5);
}

.btn-black:disabled,
.btn-black.disabled {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.bg-black {

  background-color: #000 !important;
}

/* input::-webkit-calendar-picker-indicator {
  display: none !important;
} */
/* 
testing
 */
 .h-100 {
  max-height: 100%;
}
.dashboard {
  margin-top: -10000;
}
.hero-wrap {
  position: relative;
}

.hero-wrap .hero-mask,
.hero-wrap .hero-bg,
.hero-wrap .hero-bg-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.hero-wrap .hero-mask {
  z-index: 1;
}

.hero-wrap .hero-content {
  position: relative;
  z-index: 2;
}

.hero-wrap .hero-bg-slideshow {
  z-index: 0;
}

.hero-wrap .hero-bg {
  z-index: 0;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  transition: background-image 300ms ease-in 200ms;
}

.hero-wrap .hero-bg.hero-bg-scroll {
  background-attachment: scroll;
}

.hero-wrap .hero-bg-slideshow .hero-bg {
  background-attachment: inherit;
}

.hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage-outer,
.hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage,
.hero-wrap .hero-bg-slideshow.owl-carousel .owl-item {
  height: 100%;
}

a.active2::after  {
  height: 3px;
  width: 100%;
  content: ' ';
  background-color: #338063;
  display: block;
  bottom: -4px;
  left: 0;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

button.active2::after  {
  
  height: 3px;
  width: 100%;
  content: ' ';
  background-color: #338063;
  display: block;
  bottom: -4px;
  left: 0;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}



.orLine {
  overflow: hidden;
  text-align: center;
}

.orLine:before,
.orLine:after {
  background-color: #b0b4cb;
  content: "";
  display: inline-block;
  height: 1.5px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.orLine:before {
  right: 0.5em;
  margin-left: -50%;
}

.orLine:after {
  left: 0.5em;
  margin-right: -50%;
}


.order-notes__item{display:-webkit-box;display:-ms-flexbox;display:flex;grid-column:span 12;}
@media (min-width:576px){
.order-notes__item{grid-column:span 6;}
}
@media (min-width:1024px){
.order-notes__item{grid-column:span 4;}
}
@media (min-width:1920px){
.order-notes__item{grid-column:span 3;}
}
.order-note{--gutter-x:1.3333rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;}
.order-note:before{position:absolute;z-index:-1;right:7%;bottom:0;left:7%;content:"";height:22px;-webkit-box-shadow:var(--dropdown-shadow-shape);box-shadow:var(--dropdown-shadow-shape);}
.order-note__container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;background-color:#fff;border-bottom:5px solid #338063;border-radius:10px;-webkit-box-shadow:var(--card-shadow);box-shadow:var(--card-shadow);}
.order-note__container,.order-note__top{display:-webkit-box;display:-ms-flexbox;display:flex;}
.order-note__top{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:13px 1.3333rem;border-bottom:1px dashed #8697a8;}
.order-note__date{font-size:13px;line-height:1.84615em;color:#8697a8;}
.order-note__button-push{width:32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;-webkit-transition:var(--t-base);transition:var(--t-base);color:#8697a8;}
.order-note__button-push:hover{color:#8697a8;background-color:var(--control-background-hover-light);}
.order-note__button-push svg[class*=icon]{width:22px;height:22px;}
.order-note__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:17px 1.3333rem 15px;}
.order-note__title{display:grid;margin-bottom:1.0667rem;font-weight:500;line-height:1.16em;}
.order-note__title span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
@media (max-width:575px){
.order-note__title{margin-bottom:10px;font-size:1.2rem;}
}
.order-note__description p{margin-bottom:1.4rem;font-size:inherit;line-height:inherit;}
@media (max-width:575px){
.order-note__description p{margin-bottom:.8rem;}
}


.bg-card-primary {
  color: white;
  background: #70a8a3 !important;
}
.bg-card-primary_dk {
  color: white;
  background: #4c8982 !important;
}

.bg-card-purple {
  color: white;
  background: #6c8ea5 !important;
}
.bg-card-purple_dk {
  color: white;
  background: #4d758c !important;
}

.bg-card-violet {
  color: white;
  background: #8a70a9 !important;
}
.bg-card-violet_dk {
  color: white;
  background: #694f86 !important;
}

.bg-card-blue {
  color: white;
  background: #6f79a6 !important;
}
.bg-card-blue_dk {
  color: white;
  background: #525b82 !important;
}

.border-darker {
  border-color:  rgba(0, 0, 0, 0.15) !important;
}