.hmchk01 +.hmd01 { background-color: #FFFFFF }

.hmchk01:checked +.hmd01 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk02 +.hmd02 { background-color: #FFFFFF; }

.hmchk02:checked +.hmd02 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk03 +.hmd03 { background-color: #FFFFFF; }

.hmchk03:checked +.hmd03 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk04 +.hmd04 { background-color: #FFFFFF; }

.hmchk04:checked +.hmd04 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk05 +.hmd05 { background-color: #FFFFFF; }

.hmchk05:checked +.hmd05 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk06 +.hmd06 { background-color: #FFFFFF; }

.hmchk06:checked +.hmd06 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk06e +.hmd06e { background-color: #FFFFFF; }

.hmchk06e:checked +.hmd06e {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk06a +.hmd06a { background-color: #FFFFFF; }

.hmchk06a:checked +.hmd06a {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk07 +.hmd07 { background-color: #FFFFFF; }

.hmchk07:checked +.hmd07 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk07a +.hmd07a { background-color: #FFFFFF; }

.hmchk07a:checked +.hmd07a {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk08 +.hmd08 { background-color: #FFFFFF; }

.hmchk08:checked +.hmd08 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk08a +.hmd08a { background-color: #FFFFFF; }

.hmchk08a:checked +.hmd08a {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk09 +.hmd09 { background-color: #FFFFFF; }

.hmchk09:checked +.hmd09 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk10 +.hmd10 { background-color: #FFFFFF; }

.hmchk10:checked +.hmd10 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk10a +.hmd10a { background-color: #FFFFFF; }

.hmchk10a:checked +.hmd10a {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk11 +.hmd11 { background-color: #FFFFFF; }

.hmchk11:checked +.hmd11 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk12 +.hmd12 { background-color: #FFFFFF; }

.hmchk12:checked +.hmd12 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk13 +.hmd13 { background-color: #FFFFFF; }

.hmchk13:checked +.hmd13 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk14 +.hmd14 { background-color: #FFFFFF; }

.hmchk14:checked +.hmd14 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk15 +.hmd15 { background-color: #FFFFFF; }

.hmchk15:checked +.hmd15 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}
.hmchk16 +.hmd16 { background-color: #FFFFFF; }

.hmchk16:checked +.hmd16 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk17 +.hmd17 { background-color: #FFFFFF; }

.hmchk17:checked +.hmd17 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk18 +.hmd18 { background-color: #FFFFFF; }

.hmchk18:checked +.hmd18 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk19 +.hmd19 { background-color: #FFFFFF; }

.hmchk19:checked +.hmd19 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk20 +.hmd20 { background-color: #FFFFFF; }

.hmchk20:checked +.hmd20 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk21 +.hmd21 { background-color: #FFFFFF; }

.hmchk21:checked +.hmd21 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk22 +.hmd22 { background-color: #FFFFFF; }

.hmchk22:checked +.hmd22 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk23 +.hmd23 { background-color: #FFFFFF; }

.hmchk23:checked +.hmd23 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk24 +.hmd24 { background-color: #FFFFFF; }

.hmchk24:checked +.hmd24 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk50 +.hmd50 { background-color: #FFFFFF; }

.hmchk50:checked +.hmd50 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk51 +.hmd51 { background-color: #FFFFFF; }

.hmchk51:checked +.hmd51 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
} 

.hmchk54 +.hmd54 { background-color: #FFFFFF; }

.hmchk54:checked +.hmd54 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
}

.hmchk55 +.hmd55 { background-color: #FFFFFF; }

.hmchk55:checked +.hmd55 {
top: 73px;
left: 0;
bottom: 61px;
right: 11px;
} 

input[id^="hmchk"] { display: none; }

@media (min-width: 993px){
label[class^="hmi"] {
	display: inline-block;
	background-color: transparent;
	font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	border-color: transparent transparent transparent transparent;
	border-width: 2px;
	border-style: solid;
	color: #000000;
	padding: 5px 15px 5px 15px;
	width: 200px;
	}
}

.dropdown-content label {
/*label[class^="mi"] {*/
display: inline-block;
background-color: transparent;
font-weight: 500;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
border-color: transparent transparent transparent transparent;
border-width: 2px;
border-style: solid;
color: #000000;
padding: 5px 15px 5px 15px;
width: 200px;
color: black;
padding: 12px 16px;
text-decoration: none;
width: 198px;
}

label[class^="hmi"]:hover { 
border-color: transparent;
color: #0000FF;
}

div[class^="hmd"] {
position: fixed;
top: 73px;
left: -5010px;
bottom: 61px;
right: 100%;
transition: left .75s;
border: none;	
z-index: -1;
}
/*
div[class^="md"] {
position: fixed;
top: 73px;
width: 100%;
bottom: 61px;
left: -5000px;
transition: left 1s;
border: none;	
z-index: -1;
transition: left 2s;
}*/

/* Style The Dropdown Button */
.dropbtn {
  background-color: transparent;
  color: #000000;
  padding: 16px;
  font-size: 16px;
  font-weight: 500;
  border: none;
  cursor: pointer;
  width: 200px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  width: 198px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown-wb {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: auto;
  background-color: #f9f9f9;
  min-width: 160px;
  width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown-wb:hover .dropdown-content {
  display: inline-block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown-wb:hover .dropbtn {
  background-color: #c0c0c0;
}


li label {
padding: 0 20px 20px 0;	
}