.calendar_buttons_group {
  position: relative;
  text-align: center;
  display: flex;
 /*  flex-flow: row nowrap; */
 height:28px;
 margin-left:2px;
}

.calendar_buttons_group input{ display: none; }

.calendar_buttons_group .btnlabel {
  font-family: "Lato", sans-serif;
  font-size:12px;
  padding: 3px 4px;
  margin-left:3px;
  cursor: pointer;

    align-items: center;
	
	font-weight: 400;
	text-align: center;
	box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
	text-shadow: 1px 1px 0 #fff;
	background: #f3f3f3;
	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#f1f1f1),to(#e6e6e6));
	background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#f1f1f1),to(#e6e6e6));
	border: solid 1px #b3b3b3;
	color:#6e6e6e;
	height:100%;
  border-radius:5px;
}
 
.calendar_buttons_group label:hover {
  background: #d6d6d6;
  color: #101010;
 /* box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.32); */
}
 

.calendar_buttons_group  input[type=radio]:checked + label  {
	background-image:-moz-linear-gradient(top,#f1f1f1, #e6e6e6);
	background-image:-webkit-linear-gradient(top,#e6e6e6, #f1f1f1); /* #1c25ef  #00b33c */
	box-shadow:1px 1px 2px  rgba(0,0,0,.8) ;
	/*box-shadow:0px 1px 1px 1px  rgba(255,255,255,.9)  ; */
	color: white; /*#efefef; */
	text-shadow:0 0 2px #4183D0; 
}
 

.calendar_buttons_group label[for="calendar_day"]:after {content:url('../icons/24/Calendar1Day2.png') ;}
.calendar_buttons_group label[for="calendar_week"]:after {content:url('..iIcons/24/CalendarWeek2.png') ;}
.calendar_buttons_group label[for="calendar_month"]:after {content:url('..iIcons/24/CalendarMonth2.png') ;}
.calendar_buttons_group label[for="calendar_year"]:after {content:url('..iIcons/24/CalendarYear2.png') ;}
  