* {
  box-sizing: border-box;
}

/* body {
  margin: 0px;
  font-family: "Inter", sans-serif;
  background-color: #91afba;
  font-size: 16px;
} */

a {
  color: inherit;
  text-decoration: none;
}

.m-coupon-body {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 24px;
  margin: 180px;
}

.m-main-coupon-container {
  background: #ffffff;
  border-radius: 4px;
  padding: 24px;
}

.m-coupon-header-total {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #cfe2f2;
  padding-bottom: 12px;
}
.m-coupon-header-total p {
  font-size: 24px;
  /* color: #004a75; */
  line-height: 28px;
  font-weight: 500;
  margin: 0px;
  display: flex;
  align-items: center;
}

.m-coupon-header-total p span {
  font-size: 16px;
  margin-right: 4px;
}

.m-discounts {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 12px;
  margin-top: 12px;
}

.m-discount {
  display: flex;
  justify-content: space-between;
}

.m-discount p {
  font-size: 16px;
  line-height: 24px;
  color: #212121;
  margin: 0px;
}

p.m-success-text {
  color: #3e7d41;
}

.m-discount-input {
  display: grid;
  grid-template-columns: 2.5fr 1fr;
  grid-gap: 8px;
  margin-top: 8px;
}

.m-alumni-input {
  border: 1px solid #004a75;
  /* border-radius: 4px; */
  padding: 12px 8px;
  color: #212121;
}

.m-btn-border {
  border: 1px solid #165f96;
  /* border-radius: 4px; */
  padding: 16px 32px;
  color: #165f96;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  text-align: center;
  max-height: 50px;
  display: inline-block;
  box-sizing: border-box;
}

.m-btn-primary {
  /* border-radius: 4px; */
  padding: 16px;
  position: relative;
  color: #fff;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  border: none;
}

.m-checkout-button {
  margin-top: 24px;
}

.m-fill {
  width: 100% !important;
}

.m-applied-coupons {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 8px;
  margin-top: 8px;
}

.m-applied-coupon {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px;
  position: relative;
  /* background: #165f96; */
  border-radius: 4px;
  color: #fff;
  text-align: center;
}

.m-applied-coupon a img {
  margin-right: 8px;
  margin-bottom: 0px;
}

.m-discount-form {
  margin-top: 14px;
}

.m-discount-form p {
  margin: 0px;
  line-height: 24px;
}
/* PROXY REGISTRATION STYLE */
.proxyInfo {
  background-color: #f8f8fa;
  border: 1px solid #212121;
}
.proxy_header {
  display: flex;
  justify-content: space-between;
}
.proxy_header p {
  color: #212121;
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
}
.form-label {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #212121;
  margin-bottom: 4px;
}
.formInput {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 24px;
}
.proxy-input {
  border: 1px solid #424242;
  border-radius: 4px;
  padding: 12px 8px;
  color: #212121;
  background: transparent;
  font-size: 16px;
}
.proxy-input::placeholder {
  color: #616161;
  font-size: 16px;
}
.proxyInfo .formInput select {
  border: 1px px solid #424242;
  border-radius: 4px;
  padding: 12px 8px;
  color: #212121;
  background: transparent;
}
.proxyGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
}
.proxyGrid .formInput {
  margin-top: 0;
}
/* CUSTOM CSS START HERE */
.m-coupon-header-total p .totalBill {
  font-size: 24px;
}
.couponSearchbtn i {
  position: absolute;
  right: 10px;
  top: 19px;
}
.couponSearchbtn {
  position: relative;
}
.discountCheckbox label {
  font-weight: normal;
  font-size: 16px;
}
.m-discount-input .fill {
  opacity: 1;
  text-transform: uppercase;
}
.m-discount-input .fill::placeholder {
  text-transform: capitalize;
  color: #616161;
}
/* CUSTOM CSS END HERE */
.attendeeKendoTable .k-grid.k-widget {
  display: grid;
}
.attendeeKendoTable .k-grid-norecords {
  display: grid;
}
.attendeeKendoTable #attendee-list-rows tr td:nth-child(6) {
  text-align: right;
}
.InputStyling {
  height: 43px !important;
}
#tickets-select.form-control {
  max-width: 97% !important;
}
#attendeesTable .k-header.k-grid-toolbar {
  display: grid;
  justify-content: flex-end;
  padding: 10px;
}