.rd-group{    
  list-style-type:none;
  background-color:#327DAE;
  display:inline-block;
  margin:0;
  padding:0;
  border-radius:5px;
  overflow:hidden;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  
}
.rd-group *{
  line-height:1;
}
.rd-group li{
   display:inline-block;   
}
.rd-item{
  cursor:pointer;
  display:block; 
  padding:.7em 1em;
  font-family:'Arial';
  margin:0;  
  color:#fff;   
}

.rd-item.active{
  background-color:rgba(0,0,0,.4);
}

.rd-item input{
  display:none;
  
}
.rd-item .rd-check{  
 
}
.rd-item input:checked + .rd-check,
.rd-item.active .rd-check{
  color:rgba(0,0,0,.3) !important;
}

.rd-item .fa{
  min-width:20px;
  min-height:16px;
  margin-right:.2em;
  text-align:center;
}

.right .rd-check{
  float:right;
  margin-left: .8em;    
}

.left .rd-check{
  float:left;
  margin-right: .8em;
}

.rd-group .rd-item,
.rd-group .rd-check
{
   -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.rd-group .rd-item.no-check .rd-check{
  display:none;
}

.rd-group.block li{
  display:block;
}

.rd-group .rd-item{  
  font-size:16px;
}
.rd-group.build{
  visibility:visible;
}

.rd-group.disabled{
  background-color:#CCC;  
}

.rd-group.disabled .rd-text,
.rd-group.disabled .fa{
  color:#ededed;
}

.rd-group.disabled .rd-item{
  cursor:initial;
}