/***********************start account Reward ************************/
.fieldset.refferpoints {
  float: left;
  margin: 0;
  width: 91%;
}
.point {
  width: 100%;
  float: left;
}
.reffer-friend {
  float: left;
  margin: 2px 0;
  width: 100%;
}
.buttons-set.reffer-button {
  margin: 12px 1px;
}
.reffer-title {
  color: #F18200;
}
.button.add-reffer-friend,.add-reffer-friend-reset {
  background: #ee810d none repeat scroll 0 0;
  border: 1px solid #de5400;
  color: #fff;
  cursor: pointer;
  float: right;
  line-height: 22px;
  margin: 0 5px;
  text-align: center;
  width: 12%;
}
.reffer-input {
  float: right;
  padding: 10px;
  width: 70%;
}
.input-text.reffer-input-box {
  float: right;
  margin: 2px 0;
  width: 38%;
}
.input-reffer-field {
  float: right;
  margin: 10px 1px;
  width: 100%;
}
.refferpoints .refer_label {
  float: right;
  width: 39%;
}


.remove_field > img {
  width: 17px;
}
.input-pclass {
  float: right;
  width: 100%;
}
.remove_field {
  float: right;
  position: relative;
  right: -3px;
  top: -2px;
  margin: 9px 5px;
}
.button.add-reffer-friend1.sendreffermail {
  width: 11%;
  background: #ee810d none repeat scroll 0 0;
  border: 1px solid #de5400;
  color: #fff;
  cursor: pointer;
  float: right;
  line-height: 22px;
  text-align: center;
}
.point .total-point {
  float: left;
  font-size: 16px;
  padding: 1px;
  width: 31%;
}
.point .points {
  font-size: 16px;
  line-height: 23px;
  margin: 4px 0;
  padding: 6px 5px;
  width: 17%;
}
.input-text.rewardspointinput {
  float: left;
  margin: 5px 0;
  width: 25%;
}
/***********************end account Reward ************************/
/**********************Friend-table-list**************************/
.refer-friend-list {
  float: left;
  width: 100%;
}
.refer-friend-list table {
  width: 100%;
}
.refer-friend-list td {
  border: 1px solid;
  color: #ee810d;
  font-size: 18px;
  padding: 11px;
  text-align: center;
}
.refer-friend-list #myList td img {
  width: 33px;
}
.refer-friend-list #myList .remove {
  cursor: pointer;
  width: 50px;
}
#empty-tr > td {
  float: left;
  text-align: left;
  width: 283.5%;
}
.error.error-point {
  float: right;
  margin: 4px 4px 0;
}
/**********************end friend-table-list**************************/

/**********************start Load more And less**************************/



#loadMore ,#showLess  {
  background: #ee810d none repeat scroll 0 0;
  color: #fff;
  cursor: pointer;
  float: left;
  height: 30px;
  line-height: 24px;
  margin: 12px;
  text-align: center;
  width: 70px;
  border: 1px solid #de5400;
}
/**********************End Load more And less**************************/

/**********************apply point button**************************/
#rewardpoint .input-text {
  border-radius: 0;
  float: left;
  margin: 5px 0;
  width: 100%;
}
.title.rewardpoint {
  color: #1979c3;
}
.button.btn-continue.button2 {
  margin: 5px 0;
}
.button-wrapper {
  float: left;
  width: 67%;
}

#rewardpoint .field-wrapper {
  float: left;
  width: 33%;
}
#rewardpoint label{
float:left;
font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
min-width: 90px;
display: inline-block;
margin-right: 10px;
line-height:32px;
}
.discount.reffer-point {
  float: left;
  margin: 11px 18px;
  width: 37%;
}
#rewardpoint .refffer-point-checkout {
  color: #f5930f;
  float: left;
  font-size: 18px;
  width: 100%;
}
.discount.reffer-point {
  float: left;
  margin: 5px 16px;
  width: 37%;
}
.discount.reffer-point ~ .shipping {
  float: left;
}
/**********************end apply point button**************************/


/**********************error and success msg **************************/
.success_msg, .error_msg {
  background: rgba(0, 0, 0, 0) url("../Ds/validation_advice_bg.gif") no-repeat scroll 2px 0;
  clear: both;
  color: #eb340a;
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  margin: 3px 0 0;
  min-height: 13px;
  padding-left: 17px;
}
.refferpoints .error-msg.error.error-points-msg {
  color: red;
}
/**********************end error and success msg**************************/