/* ####################################################################################### */
/* Remove default checkbox */

input[type=checkbox] {
	visibility: hidden;
}



[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {  
  position: relative;
  overflow: hidden;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;

  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
}




/* checkbox aspect */
[type="checkbox"] + label:before,
[type="checkbox"] + label:after {
  content: '';
  position: absolute;
  left: 0px;
  z-index: 1;

  -webkit-transition: .2s;
  transition: .2s;
}
/* Unchecked styles */
[type="checkbox"]:not(:checked) + label:before {
  top: 0px;
  width: 19px; height: 19px;
  border: 1px solid #999999;
}
[type="checkbox"]:not(:checked) + label:after {
  top: 0px;
  width: 19px; height: 19px;
  border: 1px solid #999999;
  z-index: 0;
}


/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  top: 0;
  box-shadow: none;
  background-color: #444;
  width: 19px; height: 19px;
  border: 3px solid #444;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
[type="checkbox"]:disabled + label {
  color: #555;
}
[type="checkbox"]:disabled:not(:checked) + label:hover:before {
  border-color: #999999;
}

/* ####################################################################################### */


select {
	
	border: 1px solid #999999;
  padding: 0.2em 0.2em 0.2em 0.2em;
  background-color:transparent;
  font: 0.7em 'HelveticaNeueLTStd', Helvetica, Arial, sans-serif; color: #999999;
  outline: none;
  cursor:pointer;
    
}

select:hover {
  color: #666;
}


select option {
  background:transparent;
  border-top:1px solid #999999;
  padding:.3em 1em .3em 1em;
  font: 0.7em 'HelveticaNeueLTStd', Helvetica, Arial, sans-serif; 
  color: #666;
 
}
select::-ms-expand {
  display: none;
}

select:focus::-ms-value {
  background-color: transparent;
  color: #666;
}