@import "bootstrap.min.css";
@import "client-ui.css";
@import "icons.css";
@import "intlTelInput.css";
/*------------------------------------*\
This is the less file for common styles
\*------------------------------------*/
.main-heading {
  border-bottom: 1px solid #ccc;
  line-height: 1.3em;
  color: #4A4A4A;
}
.main-heading em {
  border-bottom: 3px solid #ccc;
  font-style: normal;
}

.rewards-heading
{
    font-size: 14px;
    padding: 15px 0 0 15px;
}

/*------------------------------------*\
This is the less file for rewards and coupons styling
\*------------------------------------*/
#reward div {
  text-align: center;
  /* border: 1px solid white; */
  margin-top: 0px;
  margin-bottom: 5px;
  padding-top: 0px;
  color: #4a4a4a;
}
#reward div.r-orange {
  background: #f0b95d;
  outline: 5px solid #f0b95d;
}
#reward div.r-salmon {
  background: #f49598;
  outline: 5px solid #f49598;
}
#reward a {
  text-decoration: none;
  text-align: center;
  margin-top: -15px;
  margin-bottom: 20px;
  /* padding-top: 10px; */
}
#reward a.r-orange {
  background: #f0b95d;
  outline: 5px solid #f0b95d;
}
#reward a.r-salmon {
  background: #f49598;
  outline: 5px solid #f49598;
}
#reward a span {
  background: #43C39E;
  padding: 25px 0 25px 0;
  margin-bottom: 10px;
  color: #fff;
}
#reward h2 {
    font-size: 36px;
    letter-spacing: 0;
    margin: 10px 0 0 0;
    padding: 0;
    line-height: 50px;
    text-transform: uppercase;
}

#reward.grey,
#reward.grey div,
#reward.grey h2 {
    color: #D8D8D8;
}

#reward .sub-line {
    padding-top: 10px;
    font-weight: 500;
    color: #9b9b9b;
    text-transform: uppercase;
}

#reward .with-top-dash
{
    border-top: 2px dashed #eaeaea;
    padding-top: 15px;
}

.redeem-text
{
    margin-top: 0px;
    color: #43C39E;
}

#reward a.redeem-text
{
    margin-top: 0px;
    color: #43C39E;
    /* text-decoration: underline; */
}

#reward .event-expires
{
    color:#9b9b9b;
    font-size: 12px;
    margin-right: -35px;
}
 
#reward .event-date
{
    color:#9b9b9b;
    font-size: 12px;
    margin-left: -35px;
}

.rewards-container #reward .event-expires
{
    margin-top: -15px;
    margin-right: 0px;
}

.rewards-container #reward .event-date
{
    margin-top: -15px;
    margin-left: 0px;
}


.single-event-text {
    text-align: center;
    color: #9b9b9b;
    padding: 10px 0 20px;
}

.offer-error-message.alert {
    position: inherit; 
    float: none;
}

#redeemModal
{
    color: #4A4A4A;
}

#redeemModal h2
{
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 0px;
}

#redeemModal .icon
{
    padding-top: 40px;
    padding-bottom: 10px;
}

#footer {
    background-color: #7D7E8D;
   width: 100%; 
}

#footer img {
    margin-left: -10px;
}

#footer .row {
    padding: 15px;
}

#footer .footer-text
{
    color: #ffffff;
    height: 50px!important;
}

#footer .footer-text p
{
    position:absolute;
    bottom:5px;
}

#footer .footer-text p a
{
    color: #ffffff;
}
.settings {
    margin-top: 0.8em;
}

.settings .row
{
    padding: 10px 0px 10px;
    margin-right: 0px;
}

.settings .row.header
{
    border-bottom: 2px solid #4a4a4a;
    padding: 15px 0px 0px;
}