/* The below overrides main.css - Made for deadline purposes - This needs to be: 1) Sassed 2) Part of overall redesign along with the e-commerce funnel */
#main.myaccount{
  color:#858F9D;
  font-family: "Helvetica Neue",helvetica,arial,sans-serif!important;
  background:#F0F1F6;
  margin-bottom:0;
  padding-bottom:40px;

}

#main.myaccount header{
  background:#fff;
}

#main.myaccount + footer{
  margin-top:0!important;
}
#main.myaccount .content h4, #main.myaccount .content h5 {
  color:#6F7D95;
}
#main.myaccount .content h5:first-child {
  padding-top:15px;
}
#main.myaccount .content{
  background:#fff!important;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  font-family: "Helvetica Neue",helvetica,arial,sans-serif!important;
  max-height:0;
  padding:0 15px;
}
#main.myaccount .content p{
  color:#858F9D;

}
#main.myaccount .content .btn {
    background: transparent none repeat scroll 0% 0%;
    border: 1px solid #858F9D;
    color: #6F7D95;
    transition: all 0.2s ease 0s;
    padding: 6px 12px;
    text-shadow:none;
}
#main.myaccount .content .btn:hover{
  background: #00A9EF none repeat scroll 0% 0%;
  color: #FFF;
  border: 1px solid transparent;
}
#main.myaccount .tabs h3{
  border-radius: 0px;
  background: #24272B none repeat scroll 0% 0%;
  color: #FFF;
  position: relative;
  cursor: pointer;
  font-family: "Helvetica Neue",helvetica,arial,sans-serif;
  font-size: 14px;
  padding: 15px;
  letter-spacing: 1px;
  margin: 0px;
  text-align: left;
  transition: all 0.3s ease 0s;
  font-weight: 400;
  border-bottom: 1px solid #212428;
  border-top: 1px solid #272B2F;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* Notification Panel */
#main.myaccount .tabs h3.notification{
  background: #fbc02d;
  border-radius: 3px;
  border: 1px solid #ffdf91;
  font-size:15px;
  letter-spacing: 0.2px;
  line-height:20px;
  padding: 10px 15px;

}
#main.myaccount .tabs h3.notification .warning{
  background: url(../images/warning-icon.svg?) no-repeat;
  width: 20px;
  height: 28px;
  background-size: contain;
  margin: 0px 10px -5px 0px;
  float: left;
  display: block;
}
#main.myaccount .tabs.notifications .content h4, #main.myaccount .tabs.notifications .content h6{
  font-family:"Helvetica Neue",helvetica,arial,sans-serif;
}
#main.myaccount .tabs.notifications .content h4{
  font-size:15px;
}
#main.myaccount .tabs.notifications .content h5, #main.myaccount .tabs.notifications .content h6{
  font-size:14px;
  color:#6F7D95;
}
#main.myaccount .tabs.notifications .content h6{
  margin: 0 0 10px 0;
  padding-bottom: 3px;
  border-bottom: 1px solid #fbc02d;
  display: inline-block;
  font-weight: 500;
  color: #6F7D95;
}
#main.myaccount .tabs.notifications .content p:last-child{
  margin:0 0 15px 0;
}
#main.myaccount .tabs.notifications ol{
  counter-reset: li;
  margin-left: 0;
  padding-left: 0;
}
#main.myaccount .tabs.notifications ul{
  list-style-type: none;
  margin: 0;
  padding:0;
}
#main.myaccount .tabs.notifications ol li{
  color:#6F7D95;
  font-family: "Helvetica Neue",helvetica,arial,sans-serif;
  position: relative;
  margin: 0 0 6px 6px;
  padding: 6px 0px 10px 30px;
  list-style: none;
  font-size: 14px;
}
#main.myaccount .tabs.notifications ol li:before{
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 2px;
  left: -10px;
  box-sizing: border-box;
  width: 30px;
  color: #fbc02d;
  font-weight: bold;
  text-align: center;
  border: 2px solid #fbc02d;
  border-radius: 50%;
  line-height: 26px;
  font-size: 14px;
}
#main.myaccount .tabs.notifications ul li{
  font-size: 14px;
  border-bottom: 1px solid #f4f7fa;
  padding:10px 0 10px 25px;
  position:relative;
}
#main.myaccount .tabs.notifications ul li:last-child{
  border-bottom:none;
  padding-bottom:20px;
}
#main.myaccount .tabs.notifications ul li:before{
  content:" ";
  display:inline-block;
  width:12px;
  height:12px;
  top:13px;
  left:0;
  position:absolute;
  background:#fbc02d;
  border-radius:50%;
}
#main.myaccount .tabs.notifications ul li a{
  color:#6F7D95;
}
#main.myaccount .tabs.notifications ul li a em{
  font-style: normal;
  font-weight:600;
}
.rt_logo{
  width:40px;
  height:40px;
  background:url(../images/rt_logo.svg) no-repeat;
  display:inline-block;
  vertical-align: middle;
}
#main.myaccount .tabs h3.offers{
  margin-bottom:0;
  font-size:18px;
  pointer-events: none;
}
#main.myaccount .tabs h3 img{
  width: 40px;
  margin-right: 10px;
}
#main.myaccount .box .offers #rt-infos{
  background: #FFFFFF!important;
  margin: 0px 0px 15px;
  color: #858F9D;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  padding-top:15px;
}
#main.myaccount .box .offers #rt-infos p{
  padding:0 15px;
  margin: 0px 0px 10px;
}
#main.myaccount .box .offers #rt-infos p a{
  color:#B91B1B;
}
 #main #rt-infos strong{
  color:#414141;
}
#main.myaccount .details-wrap .offer, #main.myaccount .content{
  max-height:0;
  transition: max-height 0.25s ease-out;
  overflow:hidden;
  position: relative;
  overflow: hidden;
  background: #FFF none repeat scroll 0% 0%;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;

}
#main.myaccount .tabs .alert{
  margin:15px 0;
}
#main.myaccount .details-wrap .offer.expanded, #main.myaccount .content.expanded{
  max-height:450px;
  transition: max-height 0.5s ease-in;
}

#main.myaccount .content.expanded{
  max-height:3000px;
  margin-bottom:15px;

}
/* Notification Content */

#main.myaccount .notifications .content.expanded{
  margin-top:10px;
  position:relative;
}
#main.myaccount .notifications .content.expanded:after{
  bottom: 100%;
  left: 70%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}
#main.myaccount.myholidays .details-wrap .offer, #main.myaccount.myholidays .content{
  max-height:3000px;
}
#main.myaccount.myholidays .tabs h3{
    pointer-events:none;
}
#main.myaccount .tabs h3.shown{
  margin-bottom:0;
}
#main.myaccount .tabs h3 .openClose{
  display: inline-block;
  background:none;
  font-size:14px;
  transition: all 0.1s ease 0s;
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 15px;
  margin-right:0;
}

/* Notification OpenClose icon */

#main.myaccount .tabs h3.notification .openClose{
  padding:10px 15px;
}


#main.myaccount .tabs h3 .openClose:before{
  font-family:"FontAwesome"!important;
  content:'\f0d7';
  font-weight:400;
}
#main.myaccount .tabs h3.shown .openClose{
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}


.offers {
  font-family: "Helvetica Neue",helvetica,arial,sans-serif!important;
}

#main.myaccount .print-icon{
  margin:10px 0px 0px 5px;
}
/***************** Offers Countdown *****************/
  .offers .counter-wrap {
    width: 100%;
    padding: 15px;
    }
  .offers .counter-wrap h4 {
    display:inline-block;
    font-size: 18px;
    margin:10px 10px 10px 0;
    text-transform:uppercase;
    font-family: "Helvetica Neue",helvetica,arial,sans-serif!important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

  }
  .offers #expiring {
    font-size: 18px;
    color: #AAADAE;
    font-weight: 200;
    display:inline-block;
  }
  .offers #expiring:before{
    font-family:"FontAwesome";
    content:"\f017";
    display:inline-block;
    margin-right:10px;
    font-weight:300;
    font-size:20px;
    color:#B91B1B;
  }
  .offers #expiring span {
    font-weight: 600;
    color: #333;
  }
/***************** Offers title *****************/


.offers .details-wrap h4 {
    font-family: "Helvetica Neue",helvetica,arial,sans-serif;
    text-transform:capitalize;
    text-align: left;
    padding: 15px;
    background: #FFF none repeat scroll 0% 0%;
    display: block;
    width: 100%;
    font-size: 14px;
    margin: 0px 0px 10px;
    font-weight: 300;
    border-radius: 2px 2px 0px 0px;
    position: relative;
    overflow: hidden;
    color: #6F7D95;
    cursor: pointer;
    border-bottom: 1px solid #E5E5E5;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

  }
  .offers .details-wrap h4 em{
    font-style :normal;
  }
  .offers .details-wrap h4 span {
    position: absolute;
    right: 0px;
    top: 100%;
    line-height: 20px;
    font-size: 12px;
    color: #24272B;
    height: 100%;
    padding: 15px 10px;
    transition: all 0.2s ease-in-out 0s;
}
  .offers .details-wrap h4 span.teal-price {
      background: #B91B1B none repeat scroll 0% 0%;
      color: #FFF;
      position: absolute;
      right: 0px;
      top: 0px;
      line-height: 20px;
      font-size: 12px;
      font-weight:500;
      text-align: center;
      min-width: 18%;
      transition: all 0.2s ease-in-out 0s;
      border-bottom: 1px solid #E24737;
    }
    .offers .details-wrap h4 span.teal-price:after {
        border-style: solid;
        border-width: 0.2em 0.2em 0px 0px;
        content: "";
        display: inline-block;
        height: 0.45em;
        left: 0.1em;
        position: relative;
        top: 0px;
        transform: rotate(135deg);
        -webkit-transform:rotate(135deg);
        -ms-transform: rotate(135deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        vertical-align: middle;
        width: 0.45em;
        margin: -5px 0px 0px 10px;
      }
    .offers .details-wrap h4.shown{
      margin: 0px;
      border-bottom:none;
    }
    .offers .details-wrap h4.shown span {
    top: 0px;
    }
    .offers .details-wrap h4.shown span.teal-price {
    top: -100%;
    }
    /***************** Offers Description *****************/
    .offers .details-wrap .offer .img-holder {
    position: relative;
    width: 100%;
    max-height: 180px;
    overflow: hidden;
    }
    .offers .details-wrap  .description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 1;
        color: #FFF;
        text-align:center;
        background: transparent linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9)) repeat scroll 0% 0%;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
        padding: 10px;
        font-size: 18px;
        font-weight: 500;
        width: 100%;
      }
      .offers .details-wrap .offer .img-holder p {
        font-size: 13px;
        font-weight: 300;
        margin:20px 0;
    }
      /***************** Offers Closed Description *****************/
      .offers .details-wrap .offer.redeemed.expanded{
        max-height:3000px;
      }
      .offers .details-wrap .offer.redeemed .img-holder{
        max-height:350px;
      }
      .offers .details-wrap .offer.closed .img-holder .description{
        height:100%!important;
        background: rgba(0,0,0,0.77)!important;
        padding: 25% 15px 0px !important;
      }
      .offers .details-wrap .offer.redeemed .img-holder .description{
        padding:30% 15px 0px !important;
      }
      .offers .details-wrap .offer.closed .img-holder .description span{
        font-size:30px;
        font-weight:200;
        text-transform:capitalize;
      }
      .offers .details-wrap .offer.redeemed .deal-details div.disc-price{
        display:none;
      }
      .offers .details-wrap .offer.redeemed .deal-details div{
        width:50%;
      }
      .offers .details-wrap .offer.redeemed .special-offer.deal-details div{
        width:100%;
      }
      /***************** Offers Redeemed Description *****************/

      .offers .details-wrap .offer.redeemed .deal-code{
        display:none;
      }
      .offers .details-wrap .offer a.purchase, .offers .details-wrap .offer.redeemed input.purchase{
        display:none;
      }
      .offers .details-wrap .offer.redeemed a.purchase{
        display:block;
      }
      .offers .details-wrap .offer.redeemed a:hover{
        color:#fff;

      }
      .offers .details-wrap .offer.redeemed .img-holder p:before{
        font-family: "Helvetica Neue",helvetica,arial,sans-serif;
        content:"Code redeemed";
        display:block;
        font-size:20px;
        font-weight:200;
        margin-bottom:20px;
        text-transform:capitalize;
      }
    /***************** Offers Prices *****************/
    .offers .details-wrap .offer .deal-details {
    text-align: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    overflow: hidden;
    }
    .offers .details-wrap .offer .deal-details div {
        height: 100%;
        padding: 15px 0px;
        margin:0;
        width:33.3333%;
    }
    .offers .details-wrap .offer .special-offer.deal-details div{
      width:50%;
    }
    .offers .details-wrap .offer .special-offer.deal-details div:first-child{
      display:none;
    }
    .offers .details-wrap .offer .deal-details div:nth-child(1), .offers .details-wrap .offer .deal-details div:nth-child(2) {
    border-right: 1px solid rgba(0, 0, 0, 0.95);
    }
    .offers .details-wrap .offer .deal-details span {
      text-transform: uppercase;
      color: #7D8693;
      font-size: 14px;
      display: block;
    }
    .offers .details-wrap .offer .deal-details span:first-child {
      color: #FFF;
      font-weight: 500;
    }
    .offers .details-wrap .offer .deal-details div.disc-price span:first-child {
      font-size: 18px;
      margin-top: -5px;
    }

    /***************** Offers Coupon *****************/
    .offers .details-wrap .offer .deal-code {
      float: none;
      text-align: center;
      font-size: 20px;
      color: #6F7D95;
      font-weight: 400;
      line-height: 30px;
      position: relative;
      padding: 10px 0 0 0;
    }
    .offers .details-wrap .offer .deal-code span input{
      border:none;
      box-shadow:none;
      font-weight: 400;
      line-height: 30px;
      color: #6F7D95;
      box-sizing: border-box;
      height: auto;
      padding: 0px;
      width: 120px;
      margin:0 0 10px 0;
      font-size:24px;
    }
    .offers .details-wrap .offer .deal-code span input[readonly]{
      background:#fff;
    }
    .offers .details-wrap .offer .deal-code span{
      position:relative;
    }
    .offers .details-wrap .offer .deal-code span:before{
      color:#40D47E;
      font-family:"FontAwesome";
      content:"\f00c";
      max-width: 0;
	    overflow: hidden;
      display:inline-block;
      position:absolute;
	    opacity: 0.5;
      top:0;
      left:-30px;
	    transition: all 0.35s ease-in-out;
    }
    .offers .details-wrap .offer .deal-code span.copied:before{
      max-width: 25px;
      opacity: 1;
    }

    /***************** Copy Button *****************/
    .copybtn{
      font-size:20px;
      background: none;
      border: medium none;
      color: #DEDEDE;
      }
    /***************** Safari and Mobile alert for unseccessful copy code function*****************/

    .offers .details-wrap .offer .deal-code .copyalert{
      display:none;
      border-radius:0;
      margin:0!important;

    }

    /***************** Offers Button *****************/

    .offer .buttons{
        position:relative;
        border-bottom:2px solid #A51919;
    }
      .offer .buttons .copybtn,.offer .buttons .purchase{
        box-sizing:border-box;
        display:inline-block;
        width:50%;
        background:#B91B1B;
        float:left;
        padding: 10px;
        font-size: 16px;
        color: #FFF;
        text-align: center;
        font-weight: 300;
        line-height:22px;
        border-bottom:none;
        text-transform:uppercase;
      }
      .offer .buttons span.divider {
          position: absolute;
          width: 44px;
          height: 44px;
          background: #FFF none repeat scroll 0% 0%;
          border-radius: 50%;
          top: -2px;
          left: 50%;
          margin-left: -22px;
          border: 5px solid rgb(255, 255, 255);
          box-shadow: 0px 0px 0px 2px rgb(185, 27, 27) inset;
          font-family: Times;
          color: rgb(81, 81, 81);
          text-align: center;
          line-height: 38px;
          font-size: 125%;
      }
    .purchase{
      background: #B91B1B;
      width:100%;
      display:block;
      padding: 10px;
      font-size: 16px;
      color: #FFF;
      text-align: center;
      font-weight: 300;
      text-transform: uppercase;
      margin: 0px;
      border-radius: 0px;
      border-bottom:2px solid #A51919;
    }
    input.purchase{
      border-top:none;
      border-left:none;
      border-right: none;
      width:100%!important;
      padding:15px;
    }

/***************** First Offer Styling *****************/

    .offers .details-wrap .offer.expanded:first-of-type{
      max-height:2000px!important;
    }
  .offers .details-wrap .offer:first-of-type .img-holder {
      max-height: 350px;
  }

    .offers .details-wrap .offer:first-of-type .deal-code:after {
      bottom: 98%;
      left: 50%;
      border-style: solid;
      -moz-border-top-colors: none;
      -moz-border-right-colors: none;
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      border-image: none;
      content: " ";
      height: 0px;
      width: 0px;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #FFF;
      border-width: 8px;
      margin-left: -8px;
      z-index: 100;
    }

/***************** No Offers available styles *****************/

  /************** Bell Ring Animation ************************/
  @-webkit-keyframes bellring {
  0%   { transform: rotate(15deg); }
  100% { transform: rotate(-15deg); }
  }
  @-moz-keyframes bellring {
    0%   { transform: rotate(15deg); }
    100% { transform: rotate(-15deg); }
  }
  @-o-keyframes belring {
    0%   { transform: rotate(15deg); }
    100% { transform: rotate(-15deg); }
  }
  @keyframes bellring {
    0%   { transform: rotate(15deg); }
    100% { transform: rotate(-15deg); }
  }


    .signup{
    background: #B91B1B none repeat scroll 0% 0%;
    padding: 10px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    font-weight: 300;
    margin: 20px 0px 0px;
    display: block;
    border-top: 1px solid rgba(36, 39, 43, 0.27);
    border-bottom: 2px solid #A31818;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease 0s;
  }
  .signup:before{
    content:"\f003";
    font-family:"FontAwesome";
    color:rgba(0,0,0,0.1);
    display:inline-block;
    margin-right:10px;
    border-radius:50%;
    font-size:14px;
    border:2px solid rgba(0,0,0,0.11);
    width:30px;
    height:30px;
    line-height:30px;
    transition:all 0.2s ease;
  }
  .signup:hover{
    text-decoration: none;
    background: #40D47E none repeat scroll 0% 0%;
    border-bottom: 2px solid #27AE60;
    border-top: 1px solid rgba(36, 39, 43, 0);
    color:#fff;
  }
  .signup:hover:before{
    color: #FFF;
    content:"\f0e0";
    border-color: #FFF;
    animation: 0.13s ease 0s normal none 4 running bellring;
  }


/***************** Login Page *****************/
  #main.login-page legend{
    display:none;
  }
  #main.login-page .box > div.white:first-child{
    padding:15px 15px 15px 0;
  }
  #main.login-page .box > div.white:last-child{
    padding:15px;
    text-align:center;
  }
  #main.login-page figure img{
    margin:35px 0 0 0;
    padding-bottom: 35px;
    margin-bottom: 0px;
    border-bottom:1px solid #ededed;
  }
  #main.login-page{
    font-family: "Helvetica Neue",helvetica,arial,sans-serif!important;
  }
  #main.login-page h2, #main.login-page h3{
    color:#515151;
    padding:0 0 10px 0!important;
    font-weight:600;
    font-family: "Helvetica Neue",helvetica,arial,sans-serif!important;
  }
  #main.login-page h2{
      font-size:20px;
      border-bottom:1px solid #ededed;
      margin-bottom:15px;
  }
  #main.login-page .box h3{
      font-size:16px;
      border-bottom:none!important;
      margin:20px 0 0 0!important;
  }
  #main.login-page ul.user-benefits{
    margin:15px 0;
  }
  #main.login-page ul.user-benefits li{
    font-size:14px;
  }
  #main.login-page ul.user-benefits li:before{
    font-family:"FontAwesome";
    content:"\f00c";
    color:#2ecc71;
    margin-right:10px;
  }
  #main.login-page p.sub-teal{
    margin:33px 0 15px 0;
    font-weight:600;
    color:#444;
    text-align:center;
  }
  #main.login-page p.sub-teal a{
    background:#fad165;
    display:inline-block;
    border-radius:2px;
    color:#333;
    padding:6px 12px;
    font-weight:600;
    width: 162px;
    height: 46px;
    font-size: 16px;
    line-height:34px;
    text-transform: uppercase;
    text-align: center;
    border-top: 1px solid #bb9c4b;
    border-left: 1px solid #bb9c4b;
    border-right: 1px solid #bb9c4b;
    border-bottom:2px solid #bb9c4b;
    float:right;
    margin-top:-10px;

  }

  /***************** Login Form *****************/
  #main.login-page .control-group{
    position:relative;
    color:#6A7989!important;
    margin:15px 0!important;
    overflow:hidden;

  }
  #main.login-page .form-horizontal .controls {
    margin-left:0!important;
  }
  #main.login-page .form-horizontal .controls input{
    width:100%!important;
    border-radius:2px!important;
    border:1px solid #ededed!important;
    box-sizing:border-box;
    padding:10px;
    height:40px;
    transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1) 0s;
    box-shadow:none;
  }
  #main.login-page .form-horizontal .controls input:focus{
    padding-left:21%;
  }
  #main.login-page .form-horizontal .controls input:focus + .control-label{
    left:0;
  }
  #main.login-page .form-horizontal .controls input.validate-errors:focus{
   padding-left:15px;
  }
  #main.login-page .form-horizontal .controls input::-webkit-input-placeholder {
    color:#23517A;
    transition:all 0.2s ease-in-out;
  }
  #main.login-page .form-horizontal .controls input:focus::-webkit-input-placeholder {
    color:transparent;
    transition:all 0.2s ease-in-out;
  }
  #main.login-page .form-horizontal .controls input::-moz-placeholder { /* Firefox 19+ */
    color:#23517A;
    transition:all 0.2s ease-in-out;
  }
  #main.login-page .form-horizontal .controls input:focus::-moz-placeholder{
        color:transparent;
    transition:all 0.2s ease-in-out;
  }

  #main.login-page .form-horizontal .controls input:-ms-input-placeholder {
    color:#23517A;
    transition:all 0.2s ease-in-out;

  }
  #main.login-page .form-horizontal .controls input:focus::-ms-input-placeholder{
    color:transparent;
    transition:all 0.2s ease-in-out;
  }

  #main.login-page .box .form-horizontal .control-group .control-label{
    width: auto !important;
    float: none !important;
    text-align: left !important;
    position: absolute;
    top: 0px;
    left:-33%;
    padding: 9px 10px;
    min-width:20%;
    background:#16a1f9;
    border: 1px solid rgb(246, 246, 246);
    pointer-events:none;
    color:#fff;
    transition: all 0.3s cubic-bezier(0.2, 1, 0.3, 1) 0s;
  }
  #main .it-btn{
    text-transform: uppercase;
    font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
    border: none;
    color: #f1f1f1;
    text-shadow: none;
    padding: 0 15px;
    height: 50px;
    margin-top:5px;
    line-height: 55px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 3px;
    background: #869cb4;
    margin: 0;
    clear: both;
    box-shadow: 0 0 1px rgba(41, 41, 41, 0.1), 0 1px 1px rgba(41, 41, 41, 0.1);
  }
  #main.login-page .box .forgot{
    float:right;
    margin-top:25px;
  }

  /***************** Transaction Page  *****************/

  table#transactionsPage {
      border-bottom: 2px solid #b0b0b0;
  }
  table#transactionsPage thead{
    background:#24272B;
    color:#fff;
  }
  table#transactionsPage th{
    border-left:1px solid #18191b
  }
  table#transactionsPage th:first-child{
    border-left:inherit;
    border-right:1px solid #18191b;
  }
  table#transactionsPage tr.sale {
      background-color: #ffffff;
      border-top: 2px solid #b0b0b0;
  }

  table#transactionsPage tr.refund {
      background-color: #ffffff;
  }

  table#transactionsPage tr.total {
      background-color: #f7f7f7;
  }

  table#transactionsPage td {
      text-align: left;
      vertical-align: top !important;
      transition:all 0.2s ease-in-out;
  }
  table#transactionsPage.table-hover tbody tr:hover > td, table#transactionsPage.table-hover tbody tr:hover > th{
    background-color:#34495e;
    color: #fff;
    border-left:1px solid rgba(0,0,0,0);
  }
  table#transactionsPage td.transdate {
      width: 90px;
  }

  table#transactionsPage td.amount {
      width: 90px;
      text-align: right;
      vertical-align: bottom !important;
  }



  /***************** Media Queries *****************/
  @media only screen and (max-width:479px){
    #main.login-page figure img{display:none;}
    .offers .details-wrap h4 em{
      width: 70%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: inline-block;
    }
    #main.login-page .box h3{font-size:12px;}
    #main.login-page p.sub-teal{padding-top:15px;border-top:1px solid #EDEDED;}
    #main.login-page p.sub-teal a{width:100%;}

  }
  @media only screen and (max-width:767px){
    #main.myaccount, #main.myaccount.login-page{min-height:inherit;}
    #main.login-page .box > div.white:last-child{padding:15px 0;}
    .offers .details-wrap h4 em{font-size:12px;}
    .offers .details-wrap .offer .deal-details div{float:left!important;}
    #main.login-page h2{font-size:16px;text-align:left;}
    #main.pricing-delivery .box .forgot {float:right;margin-top:20px;}
    #main.login-page p.sub-teal{margin:0;}
    #main.login-page .box .form-horizontal .control-group .control-label{}
    #main.myaccount .tabs h3.notification{line-height:15px;}
    #main.myaccount .tabs h3.notification .warning{margin: 3px 15px -5px 0px;}


  }
  @media only screen and (min-width:768px) and (max-width:991px){
    .offers .details-wrap h4 em{
      width: 70%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: inline-block;
    }
  }
  @media only screen and (max-width:991px){
    #main.login-page p.sub-teal a{float:none;margin-top:20px;}
    #main.login-page .box .form-horizontal .control-group .control-label{min-width:32%;}
    #main.login-page .form-horizontal .controls input:focus{padding-left:33%;}
    .offers .details-wrap h4 span.teal-price{min-width:28%;}
  }