body[id^=membership] form#application-form ,
body[id^=membership] form#membership-policy-form,
body[id^=membership] form#membership-payment-method-form ,
body[id^=membership] form#membership-account-check-form,
body[id^=membership] form#membership-confirm-form,
body[id^=membership] form#membership-payment-form {
margin:20px auto;
max-width:800px !important;
}

body#membership-account-check #membership-account-check-div{
margin:20px auto;
}

body#membership-account-check #membership-account-check-div ol{
margin:20px auto;
}

body#membership-account-check #membership-account-check-div ol li{
margin-bottom:20px;
}

body[id^=membership] form fieldset {
margin-bottom:20px;
padding:20px;
border: 1px solid #ccc;
}

body[id^=membership] fieldset legend{
 background: #e1e1e1;
    padding: 5px 10px ;
    font-size: 125%;
  font-weight:bold;
    margin: 8px 0 0 0px;
border:0px solid red;
}

body[id^=membership] #verification_required_message{
margin:10px auto 20px auto;
border:0px solid red;
}

body#memberships #memberships-search-results{
margin:20px auto;
text-align:center;
}

body#memberships #memberships-list {
margin:20px auto;
padding:0;
background-color:transparent;
display:flex;
justify-content: center;
flex-direction:row;
flex-wrap:wrap;
align-items: center;
border:0px solid red;
}

body#memberships #memberships-list div.item{
padding:10px;
margin:20px 30px;
border:1px solid #ccc;
border-radius:7px;
text-align:center;
width:100%;
min-width:325px;
max-width:32%;
}


body[id^=membership] form#membership-account-check-form input#email{
max-width:500px;
}

body#memberships #memberships-list div.item .name{
display:block;
margin:3px 0;
font-size:110%;
font-weight:bold;
}

body#memberships #memberships-list div.item .description,
body#memberships #memberships-list div.item .length,
body#memberships #memberships-list div.item .application_fee,
body#memberships #memberships-list div.item .amount{
display:block;
margin:3px 0;
}

body#memberships #memberships-list div.item a.btn.apply-button{
display:block;
margin:10px auto;
max-width:100px;
background-color:#53a451;
color:white !important;
text-decoration:none !important;
font-size:110%;
}

body#memberships #memberships-list div.item a.btn.apply-button:hover{
color:#eee;
}

body#memberships #memberships-list form .apply-button{
max-width:175px;
font-size:110%;
padding:10px 20px;
text-decoration: none;
border:0;
color: #fff;
background-color: #28a745 !important;
border-color: #28a745;
}

/**
body#classes #class-schedule #class-schedule-list .row div div[id^="div_location"]{
margin:0px;
padding:0px;
border:0px solid red !important;
} 
**/

body#membership-application form#application-form{
margin:20px auto;
max-width:800px;
}

body#membership-post #membership-post-info{
margin:20px auto;
max-width:600px;
}

body#membership-post fieldset {
margin-bottom:20px;
padding:20px;
border: 1px solid #ccc;
}

body#membership-post fieldset legend{
 background: #e1e1e1;
    padding: 5px 10px ;
    font-size: 125%;
  font-weight:bold;
    margin: 8px 0 0 0px;
border:0px solid red;
}

body#membership-post fieldset label{
margin-right:5px;
font-weight:bold;
}

body#membership-coupons form#coupon-form{
margin:20px auto;
max-width:800px;
text-align:center;
}

body#membership-confirm #confirm-payment-warning{
margin:20px auto;
padding:10px;
text-align:center;
background-color:#ddecf6;
background-color: #fcf8e3;
border-radius:6px;
font-size:110%;
}


/** ALSO IN /css/myaccount-default.css **/

body[id^=membership] #membership-info{
margin:20px auto;
padding:10px;
text-align:center;
background-color:#ddecf6;
border-radius:6px;
}

body[id^=membership] #membership-info .name{
font-weight:bold;
display:block;
margin:5px 0;
}

body[id^=membership] #membership-info .length,
body[id^=membership] #membership-info .prorated,
body[id^=membership] #membership-info .day-month,
body[id^=membership] #membership-info .back,
body[id^=membership] #membership-info .amount,
body[id^=membership] #membership-info .application-fee{
display:block;
margin:5px 0;
}


body[id^=membership] form#membership-payment-method-form #create-account-bottom-menu ul{
margin:20px auto;
text-align:center;
}

body#memberships-renew #renew-item{
padding:10px;
margin:20px auto;
border:1px solid #ccc !important;
border-radius:7px;
text-align:center;
min-width:300px;
max-width:900px;
font-size:110%;
line-height:130%;
}


@media (max-width: 992px) {
}