.upgrade_outerDiv, .upcomingBooking{
	width: 90%;
    float: left;
	margin-left: 10%;
}
.welcomeBack_madelyn, .loyalty_width{
    width: 50%;
    float: left;
    text-align: center;
	margin-top: 20px;
}
.loyalty_width h5{background: transparent;}
.loyalty_width .customerPage{max-width: 275px;
text-align: left;
margin: 0 auto;
position: relative;
z-index: 999;
}
.page_action_back{
    display: inline-block;
    outline: none;
    border: 1px solid #A4A4BC;
    padding: 1px;
    margin: 5px 0 5px;
    background: #FFF3E1;
    font-family: 'fugueregular', arial, sans-serif;
    color: #0000AF;
}
.page_action_back span {
    display: inline-block;
    border: 1px solid #0000B1;
    outline: none;
    padding: 0 10px;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 12px 20px;
}
.membershipPrograms_table{max-width: 600px; margin: 0 auto;}
.membershipPrograms_table table{border: 1px solid #A4A4BC; margin-top: 20px;}

.progress-bar.position{position: relative;}
.rewart_box {
    position: absolute;
    top: 0px;
    color: #000;
    z-index: 999;
    text-align: center;
    line-height: 14px;
    font-size: 13px;
	padding-top: 95px;
}
select.loyaltySelectBox{width: 100%;
border: 1px solid #dcdcdc; cursor: pointer;
border-radius: 0;
color: #666;
}

.progress-bar {
  position: relative;
  height: 200px;
  width: 200px;
  margin: 0 auto 30px;
}

.progress-bar div {
  position: absolute;
  height: 200px;
  width: 200px;
  border-radius: 50%;
}

.progress-bar div span{
position: absolute;
font-size: 21px;
line-height: 115px;
height: 150px;
width: 150px;
left: 25px;
top: 25px;
text-align: center;
border-radius: 50%;
background: #fff;
color: #ed2024;
font-weight: bold;
}
.Red_Color {
font-size: 21px;
color: #ed2024;
font-weight: bold;
top: 0;
padding-top: 75px;
}

.progress-bar .background { background-color: #4545e9 !important; }

.progress-bar .rotate {
  clip: rect(0 100px 200px 0);
  background-color: #0909a1 !important;
  /**** box-shadow: inset 0px 0px 25px 2px #291c65; ****/
}

.progress-bar .left {
  clip: rect(0 100px 200px 0);
  opacity: 1;
  background-color: #4545e9 !important;
}

.progress-bar .right {
  clip: rect(0 100px 200px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #0909a1 !important;
}
 @keyframes 
toggle {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}

.billingDetails_div{max-width: 900px; margin: 0 auto;}
.billingDetails_div h3{text-align: left; margin: 35px 0 15px;}
.billingDetails_div input{height: 30px;}
.dat_bri {
    float: left;
    width: 33%;
    font-size: 14px;
	margin-right: 10px;
}
	
.persnal_deatails_inner {
    display: inline-block;
    width: 49%;
}
.persnal_deatails_inner ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.loyalty-member label {
    font-size: 13px; width: 100%;
}

.input_upgrad_btn{height: 42px !important;
background: transparent;
display: inline-block;
border: 1px solid #0000B1;
font-size: 12px;
letter-spacing: 1px;
padding: 5px 20px;
color: #0000AF;
margin: 0.5px !important;
cursor: pointer;
}
.input_upgrad_outer{
border: 1px solid #A4A4BC; padding: 0.5px; margin-top: 20px; height: 43px;
}