/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 
.original_price_strike::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #000000;
  top: 10px;
  left: 0;
  transform: rotate(-15deg);
}

.original_price_strike {
  color: red;
  position: relative;
  font-size: 16px;
  margin-right: 15px;
  float: left; 
}

.plan-card {
  display: flex;
  flex-direction: column-reverse;
}
.card-body .text-danger {
  font-size: 14px;
  line-height: 1.3;
}
.form-check {
  flex-direction: column-reverse;
  position: relative;
}
.taskme-register .form-check-sm .form-check-input[type=checkbox] {
  position: absolute;
  top: 0;
}
.site-addon-tbody .form-check {
  display: flex !important;
  align-items: center;
  flex-direction: column;
}
.coupon_box .btn-clear-coupon {
  position: absolute !important;
  right: 75px;
  top: 0;
}
.card-body .amounts-cont{
  position: relative;
}
.price-cal-loader{
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.9);
  z-index: 8;
  display: none;

}
.price-cal-loader > div{ 
  transform: translateY(50%);
  margin-top: 15px;
}
.price-cal-loader > div > i { 
  margin: auto;
  font-size: 24px;
  color: #e22c2f;
}
.pricing-template table{
  width: 100%;
}
.pricing-template table th{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.pricing-template table td {
  padding: 10px;
  min-width: 150px;;
}
.table-responsive {
  position: relative;
  overflow-y: hidden;
}