body {
  /*padding-top: 1rem;*/
  overflow-wrap: break-word;
}
a {outline: 0;}

.back-to-top {
  position: fixed;
  display: none;
  color: #FFF !important;
  right: 45px;
  bottom: 45px;
  z-index: 99;
  background-color: #cc0000;
}
.back-to-top:hover {
  color: #FFF !important;
  background-color: #b30000;
  border-color: #b6142c;
}

.profile-input{
  width:300px !important;
  padding-left:5px;
}

button.close.reset{
  border:0px;
  background:transparent;
}

#bg-image{z-index: 1;}
#bg-image:before {
  content: "";
  background: url("/images/events05.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 0.2;
  top: 150;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  z-index: -1;
  filter:alpha(opacity=40);
  height:100%;
  width:100%;
}

@media (max-width:575px){
  .container{padding: 10px !important}
  #updateProfileForm > tbody > tr > td {
    max-width:205px !important;
  }

  .profile-input{
    width:200px !important;
    padding-left:5px;
  }
}

#to-top{display:none;}
#stage{display:none;text-align:center;}
#modalConfirmation{display:none;}
#pay-signup-invoice{display:none;}
#modalMessage{display:none;}
#modalSaveError{display:none;}
#modalAddMemberForm{display:block;}
.datepicker-headline{border:solid #ccc 1px;}
.pwstrength{display:inline-block;}

#t-shirt{margin-left:10px;padding:5px;background:#eee; display:none;}
label[for=shipping]{margin-left:10px;}

.phone-helpbox, .helpbox{border:solid #4589d6 1px;padding:10px;border-radius: .25rem;}
.phone-helpbox, .helpbox{display:none;}
<!-- blue box -->
.phone-helpbox.membertype, .helpbox.membertype{border:solid #4589d6 1px;}
.phone-helpbox.membertype h3 li, .helpbox.membertype{color:#4589d6;}
.phone-helpbox.membertype i, .helpbox.membertype i{color:#4589d6;}
.helpbox.membertype{display:block;}
.phone-helpbox.phone, .helpbox.phone{border:solid #4589d6 1px;}
.phone-helpbox.phone h3 li, .helpbox.phone{color:#4589d6;}
.phone-helpbox.phone i, .helpbox.phone i{color:#4589d6;}

.helpbox.name{border:solid #e51937 1px;}
.phone-helpbox.name h3, .helpbox.name h3{color:#e51937;}

.helpbox.address{border:solid #e51937 1px;}
.phone-helpbox.address h3, .helpbox.address h3{color:#e51937;}

.phone-helpbox.email, .helpbox.email{border:solid #6c757d 1px;}
.phone-helpbox.email h3, .helpbox.email h3{color:#6c757d;}
.phone-helpbox.email li, .helpbox.email li{color:#6c757d;}

<!-- green box -->
/* 
   does not work for phone-helpbox here, must be below the li declaration? 
   .phone-helpbox.zipcode, .helpbox.zipcode{border:solid #81b55c 1px;} 
*/
.phone-helpbox.zipcode h3, .helpbox.zipcode h3{color:#81b55c;}
.phone-helpbox.zipcode li, .helpbox.zipcode li{color:#81b55c;}
.phone-helpbox.zipcode, .helpbox.zipcode{border:solid #81b55c 1px;}

.phone-helpbox.password, .helpbox.password{border:solid #81b55c 1px;}
.phone-helpbox.password h3, .helpbox.password h3{color:#81b55c;}
.phone-helpbox.password li, .helpbox.password li{color:#81b55c;}

<!-- orange box -->
.phone-helpbox.birthday h3, .helpbox.birthday h3{color:#ffc107;}
.phone-helpbox.birthday li, .helpbox.birthday li{color:#ffc107;}
.phone-helpbox.birthday, .helpbox.birthday{border:solid #ffc107 1px;}

<!-- lightblue box -->
.phone-helpbox.vin h3, .helpbox.vin h3{color:#17a2b8;}
.phone-helpbox.vin li, .helpbox.vin li{color:#17a2b8;}
.phone-helpbox.vin, .helpbox.vin{border:solid #17a2b8 1px;}

#modalLoginOk{display:none;}
#modalLoginError{display:none;}
#modalForgotPw{display:none;}

#searchForm, #searchToggle, #searchFormMobile {display:none;}

a:hover#dropdown02{text-decoration:none;}

.image-container-details-slider {
  width: 100%;
  height: 150px;
  border: 1px solid black;
  margin-bottom: 5px;
}

.image-container-details-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list-all-tpl {
  border:none;
  width:100%;
  height:100%;
  object-fit: cover;
}
#comment-error{display:none;}
#comments-container{}
.comments-name{
  font-weight:bold;
}
.comments-usercomment{
  background:#f7f7f7;
  border-radius: 20px;
  border: 1px solid #ddd;
  padding: 5px;
  padding-left:10px;
}
.comments-userdata{
  font-size:75%;
  font-style:italic;
  padding-left:10px;
}
#comment-guidelines{
  color:#aaa;
  font-size:75%;
  font-style:italic;
  font-weight:bold;
}