.benefits-welcome-message-text {
    color: #8a2432;
}
.benefit-textandcase {
    display: inline;
    text-transform: uppercase;
    color: #6B6767;
}

.benefit-text {
    display: inline;    
    color: #6B6767;
}

.access-code-textandcase {
   display: inline;
   text-transform: uppercase;
   color: #3c763d;
}

.access-code-text {
     display: inline;
     color: #3c763d;
}

.benefit-small-tile {
    max-height: 383px;overflow: hidden;
}


.mb-back {
    display: block; 
    position: relative;  
    z-index: 999;
    font-size: 16px;
}

.filterOptions {
 padding-top: 1rem;
}

.membership-benefits-bar-text {
    /*float: left;*/
    /*margin-top: 8px;*/
    color:white;
    background-color: #98BABF;
    /*margin-bottom: 15px;*/
}

.membership-benefits-bar{
    background-color: #98BABF; 
    margin-bottom: 28px;
    padding: 7px;
}
.filterarea {
background-color: white;
 margin-right: auto;
  margin-left: auto; 
  margin-bottom: 15px;
   padding-bottom: 10px;  
   border-radius: 2px;
    border: solid  1px #ccc;
    box-shadow: 2px 2px 3px #cccccc;
    /*max-width: 1140px;*/
}
.special-margin{
     margin-right: 4px;
     margin-left: 4px; 
}
.smallTile {
    margin-right: auto; 
    margin-left: auto; 
    margin-bottom: 15px;     
    cursor: pointer;
    border-radius: 2px;
    border: solid  1px #ccc;
    box-shadow: 2px 2px 3px #cccccc;
}

.benefits-container {   
    padding-top: 15px;
    border-radius: 2px;    
    margin-bottom:25px;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #fff !important;  
    text-decoration: none !important;
}

.tick-text
{
	word-wrap: break-word;
}