/* CUSTOM RADIO & CHECKBOXES*/
.rd {
  text-align: center; }

.rad {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none; }

.rad > input {
  /* HIDE ORG RADIO & CHECKBOX */
  visibility: hidden;
  position: absolute; }

/* RADIO & CHECKBOX STYLES */
.rad > i {
  /* DEFAULT <i> STYLE */
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: 0.2s;
  box-shadow: inset 0 0 0 8px #fff;
  border: 1px solid gray;
  background: gray; }
  @media screen and (max-width: 768px) {
    .rad > i {
      width: 25px;
      height: 25px; } }

.rad:hover > i {
  /* HOVER <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: gray; }

.rad > input:checked + i {
  /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: gray; }

/* CUSTOM RADIO & CHECKBOXES
   http://stackoverflow.com/a/17541916/383904 */
.rad1 {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none; }

.rad1 > input {
  /* HIDE ORG RADIO & CHECKBOX */
  visibility: hidden;
  position: absolute; }

/* RADIO & CHECKBOX STYLES */
.rad1 > i {
  /* DEFAULT <i> STYLE */
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: 0.2s;
  box-shadow: inset 0 0 0 8px #fff;
  border: 1px solid gray;
  background: #009900; }

.rad1:hover > i {
  /* HOVER <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #009900; }

.rad1 > input:checked + i {
  /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #009900; }

/* CUSTOM RADIO & CHECKBOXES
   http://stackoverflow.com/a/17541916/383904 */
.rad2 {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none; }

.rad2 > input {
  /* HIDE ORG RADIO & CHECKBOX */
  visibility: hidden;
  position: absolute; }

/* RADIO & CHECKBOX STYLES */
.rad2 > i {
  /* DEFAULT <i> STYLE */
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: 0.2s;
  box-shadow: inset 0 0 0 8px #fff;
  border: 1px solid gray;
  background: #00CC66; }

.rad2:hover > i {
  /* HOVER <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #00CC66; }

.rad2 > input:checked + i {
  /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #00CC66; }

/* CUSTOM RADIO & CHECKBOXES
   http://stackoverflow.com/a/17541916/383904 */
.rad3 {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none; }

.rad3 > input {
  /* HIDE ORG RADIO & CHECKBOX */
  visibility: hidden;
  position: absolute; }

/* RADIO & CHECKBOX STYLES */
.rad3 > i {
  /* DEFAULT <i> STYLE */
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: 0.2s;
  box-shadow: inset 0 0 0 8px #fff;
  border: 1px solid gray;
  background: #FF6600; }

.rad3:hover > i {
  /* HOVER <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #FF6600; }

.rad3 > input:checked + i {
  /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #FF6600; }

/* CUSTOM RADIO & CHECKBOXES
   http://stackoverflow.com/a/17541916/383904 */
.rad4 {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none; }

.rad4 > input {
  /* HIDE ORG RADIO & CHECKBOX */
  visibility: hidden;
  position: absolute; }

/* RADIO & CHECKBOX STYLES */
.rad4 > i {
  /* DEFAULT <i> STYLE */
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: 0.2s;
  box-shadow: inset 0 0 0 8px #fff;
  border: 1px solid gray;
  background: #CC0000; }

.rad4:hover > i {
  /* HOVER <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #CC0000; }

.rad4 > input:checked + i {
  /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: #CC0000; }

/*# sourceMappingURL=radio.css.map */