@font-face {
  font-family: 'Flat-UI-Pro-Icons';
  src: url("../fonts/glyphicons/flat-ui-pro-icons-regular.eot");
  src: url("../fonts/glyphicons/flat-ui-pro-icons-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons/flat-ui-pro-icons-regular.woff") format("woff"), url("../fonts/glyphicons/flat-ui-pro-icons-regular.ttf") format("truetype"), url("../fonts/glyphicons/flat-ui-pro-icons-regular.svg#flat-ui-pro-icons-regular") format("svg");
}


* {
  outline: none !important;
}

.radio_box label,
.checkbox_box label {float:left;}

.checkbox,
.radio {
  display: block;
  margin-top: 5px;

  padding-left: 25px;
  position: relative;
  transition: color .25s linear;
  font-size: 14px;
  min-height: 20px;
  line-height: 1.5;
}

.checkbox .icons,
.radio .icons {
  color: #bdc3c7;
  display: block;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
  transition: color .25s linear;
}

.checkbox .icons .icon-checked,
.radio .icons .icon-checked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}

.checkbox .icon-checked,
.checkbox .icon-unchecked,
.radio .icon-checked,
.radio .icon-unchecked {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}

.checkbox .icon-checked:before,
.checkbox .icon-unchecked:before,
.radio .icon-checked:before,
.radio .icon-unchecked:before {
  font-family: 'Flat-UI-Pro-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkbox .icon-checked:before {
  content: "\e60e";
}

.checkbox .icon-unchecked:before {
  content: "\e60d";
}

.radio .icon-checked:before {
  content: "\e60c";
}

.radio .icon-unchecked:before {
  content: "\e60b";
}

.checkbox input[type="checkbox"].custom-checkbox,
.checkbox input[type="radio"].custom-radio,
.radio input[type="checkbox"].custom-checkbox,
.radio input[type="radio"].custom-radio {
  outline: none !important;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}

.checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons,
.checkbox input[type="radio"].custom-radio:hover:not(.nohover) + .icons,
.radio input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons,
.radio input[type="radio"].custom-radio:hover:not(.nohover) + .icons {
  transition: color .25s linear;
}

.checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-unchecked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}

.checkbox input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-checked,
.radio input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}

.checkbox input[type="checkbox"].custom-checkbox:checked + .icons,
.checkbox input[type="radio"].custom-radio:checked + .icons,
.radio input[type="checkbox"].custom-checkbox:checked + .icons,
.radio input[type="radio"].custom-radio:checked + .icons {
  color: #007bff;
}

.checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:checked + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:checked + .icons .icon-unchecked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}

.checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:checked + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #007bff;
  transition: color .25s linear;
}

.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons,
.checkbox input[type="radio"].custom-radio:disabled + .icons,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons,
.radio input[type="radio"].custom-radio:disabled + .icons {
  cursor: default;
  color: #e6e8ea;
}

.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icons,
.checkbox input[type="radio"].custom-radio:disabled + .icons .icons,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons .icons,
.radio input[type="radio"].custom-radio:disabled + .icons .icons {
  color: #e6e8ea;
}

.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:disabled + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:disabled + .icons .icon-unchecked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}

.checkbox input[type="checkbox"].custom-checkbox:disabled + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:disabled + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:disabled + .icons .icon-checked,
.radio input[type="radio"].custom-radio:disabled + .icons .icon-checked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}

.checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icons,
.checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icons,
.radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icons,
.radio input[type="radio"].custom-radio:disabled:checked + .icons .icons {
  color: #e6e8ea;
}

.checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-unchecked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}

.checkbox input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked,
.radio input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #e6e8ea;
}

.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.radio input[type="radio"].custom-radio:indeterminate + .icons {
  color: #bdc3c7;
}

.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-unchecked,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons .icon-unchecked,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-unchecked,
.radio input[type="radio"].custom-radio:indeterminate + .icons .icon-unchecked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}

.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-checked,
.radio input[type="radio"].custom-radio:indeterminate + .icons .icon-checked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}


.checkbox01 label {float:left;}
.radio_box01 label {float:left;}

.checkbox01 {
  display: block;
  margin-top:0px;

  padding-left: 25px;
  position: relative;
  transition: color .25s linear;
  font-size: 14px;
  min-height: 20px;
  line-height: 1.5;
}

.checkbox01 .icons {
  color: #bdc3c7;
  display: block;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
  transition: color .25s linear;
}

.checkbox01 .icons .icon-checked{
  opacity: 0;
  filter: "alpha(opacity=0)";
}

.checkbox01 .icon-checked,
.checkbox01 .icon-unchecked,
.radio .icon-checked,
.radio .icon-unchecked {
  display: inline-table;
  position: absolute;
  left:0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}

.checkbox01 .icon-checked:before,
.checkbox01 .icon-unchecked:before {
  font-family: 'Flat-UI-Pro-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkbox01 .icon-checked:before {
  content: "\e60e";
}

.checkbox01 .icon-unchecked:before {
  content: "\e60d";
}



.checkbox01 input[type="checkbox"].custom-checkbox,
.checkbox01 input[type="radio"].custom-radio {
  outline: none !important;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}

.checkbox01 input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons,
.checkbox01 input[type="radio"].custom-radio:hover:not(.nohover) + .icons{
  transition: color .25s linear;
}

.checkbox01 input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-unchecked,
.checkbox01 input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-unchecked{
  opacity: 0;
  filter: "alpha(opacity=0)";
}

.checkbox01 input[type="checkbox"].custom-checkbox:hover:not(.nohover) + .icons .icon-checked,
.checkbox01 input[type="radio"].custom-radio:hover:not(.nohover) + .icons .icon-checked{
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}

.checkbox01 input[type="checkbox"].custom-checkbox:checked + .icons,
.checkbox01 input[type="radio"].custom-radio:checked + .icons {
  color: #007bff;
}

.checkbox01 input[type="checkbox"].custom-checkbox:checked + .icons .icon-unchecked,
.checkbox01 input[type="radio"].custom-radio:checked + .icons .icon-unchecked{
  opacity: 0;
  filter: "alpha(opacity=0)";
}

.checkbox01 input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.checkbox01 input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #007bff;
  transition: color .25s linear;
}

.checkbox01 input[type="checkbox"].custom-checkbox:disabled + .icons,
.checkbox01 input[type="radio"].custom-radio:disabled + .icons{
  cursor: default;
  color: #e6e8ea;
}

.checkbox01 input[type="checkbox"].custom-checkbox:disabled + .icons .icons,
.checkbox01 input[type="radio"].custom-radio:disabled + .icons .icons
{
  color: #e6e8ea;
}

.checkbox01 input[type="checkbox"].custom-checkbox:disabled + .icons .icon-unchecked,
.checkbox01 input[type="radio"].custom-radio:disabled + .icons .icon-unchecked
{
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}

.checkbox01 input[type="checkbox"].custom-checkbox:disabled + .icons .icon-checked,
.checkbox01 input[type="radio"].custom-radio:disabled + .icons .icon-checked
{
  opacity: 0;
  filter: "alpha(opacity=0)";
}

.checkbox01 input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icons,
.checkbox01 input[type="radio"].custom-radio:disabled:checked + .icons .icons
{
  color: #e6e8ea;
}

.checkbox01 input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-unchecked,
.checkbox01 input[type="radio"].custom-radio:disabled:checked + .icons .icon-unchecked
{
  opacity: 0;
  filter: "alpha(opacity=0)";
}

.checkbox01 input[type="checkbox"].custom-checkbox:disabled:checked + .icons .icon-checked,
.checkbox01 input[type="radio"].custom-radio:disabled:checked + .icons .icon-checked
{
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #e6e8ea;
}

.checkbox01 input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.checkbox01 input[type="radio"].custom-radio:indeterminate + .icons
{
  color: #bdc3c7;
}

.checkbox01 input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-unchecked,
.checkbox01 input[type="radio"].custom-radio:indeterminate + .icons .icon-unchecked
{
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}

.checkbox01 input[type="checkbox"].custom-checkbox:indeterminate + .icons .icon-checked,
.checkbox01 input[type="radio"].custom-radio:indeterminate + .icons .icon-checked
{
  opacity: 0;
  filter: "alpha(opacity=0)";
}


/* color type */


/*============= grey  ===================*/

.radio_color_01_box label {float:left;}


.radio_color_01 {
  display: block;
  margin-top: 5px;

  padding-left: 25px;
  position: relative;
  transition: color .25s linear;
  font-size: 14px;
  min-height: 20px;
  line-height: 1.5;
}


.radio_color_01 .icons {
  color: #a0a0a0;
  display: block;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
  transition: color .25s linear;
}


.radio_color_01 .icons .icon-checked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}


.radio_color_01 .icon-checked,
.radio_color_01 .icon-unchecked {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}


.radio_color_01 .icon-checked:before,
.radio_color_01 .icon-unchecked:before {
  font-family: 'Flat-UI-Pro-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkbox .icon-checked:before {
  content: "\e60e";
}

.checkbox .icon-unchecked:before {
  content: "\e60d";
}

.radio_color_01 .icon-checked:before {
  content: "\e60c";
}

.radio_color_01 .icon-unchecked:before {
  content: "\e60b";
}


.radio_color_01 input[type="checkbox"].custom-checkbox,
.radio_color_01 input[type="radio"].custom-radio {
  outline: none !important;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}


.radio_color_01 input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio_color_01 input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #a0a0a0;
  transition: color .25s linear;
}


/*============= Orange  ===================*/

.radio_color_02_box label {float:left;}


.radio_color_02 {
  display: block;
  margin-top: 5px;

  padding-left: 25px;
  position: relative;
  transition: color .25s linear;
  font-size: 14px;
  min-height: 20px;
  line-height: 1.5;
}


.radio_color_02 .icons {
  color: #f8b452;
  display: block;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
  transition: color .25s linear;
}


.radio_color_02 .icons .icon-checked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}


.radio_color_02 .icon-checked,
.radio_color_02 .icon-unchecked {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}


.radio_color_02 .icon-checked:before,
.radio_color_02 .icon-unchecked:before {
  font-family: 'Flat-UI-Pro-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkbox .icon-checked:before {
  content: "\e60e";
}

.checkbox .icon-unchecked:before {
  content: "\e60d";
}

.radio_color_02 .icon-checked:before {
  content: "\e60c";
}

.radio_color_02 .icon-unchecked:before {
  content: "\e60b";
}


.radio_color_02 input[type="checkbox"].custom-checkbox,
.radio_color_02 input[type="radio"].custom-radio {
  outline: none !important;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}


.radio_color_02 input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio_color_02 input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #f8b452;
  transition: color .25s linear;
}

/*============= purple  ===================*/

.radio_color_03_box label {float:left;}


.radio_color_03 {
  display: block;
  margin-top: 5px;

  padding-left: 25px;
  position: relative;
  transition: color .25s linear;
  font-size: 14px;
  min-height: 20px;
  line-height: 1.5;
}


.radio_color_03 .icons {
  color: #b06cd0;
  display: block;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
  transition: color .25s linear;
}


.radio_color_03 .icons .icon-checked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}


.radio_color_03 .icon-checked,
.radio_color_03 .icon-unchecked {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}


.radio_color_03 .icon-checked:before,
.radio_color_03 .icon-unchecked:before {
  font-family: 'Flat-UI-Pro-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkbox .icon-checked:before {
  content: "\e60e";
}

.checkbox .icon-unchecked:before {
  content: "\e60d";
}

.radio_color_03 .icon-checked:before {
  content: "\e60c";
}

.radio_color_03 .icon-unchecked:before {
  content: "\e60b";
}


.radio_color_03 input[type="checkbox"].custom-checkbox,
.radio_color_03 input[type="radio"].custom-radio {
  outline: none !important;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}


.radio_color_03 input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio_color_03 input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #b06cd0;
  transition: color .25s linear;
}

/*============= blue  ===================*/


.radio_color_04_box label {float:left;}


.radio_color_04 {
  display: block;
  margin-top: 5px;

  padding-left: 25px;
  position: relative;
  transition: color .25s linear;
  font-size: 14px;
  min-height: 20px;
  line-height: 1.5;
}


.radio_color_04 .icons {
  color: #5c8cb4;
  display: block;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
  transition: color .25s linear;
}


.radio_color_04 .icons .icon-checked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}


.radio_color_04 .icon-checked,
.radio_color_04 .icon-unchecked {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}


.radio_color_04 .icon-checked:before,
.radio_color_04 .icon-unchecked:before {
  font-family: 'Flat-UI-Pro-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkbox .icon-checked:before {
  content: "\e60e";
}

.checkbox .icon-unchecked:before {
  content: "\e60d";
}

.radio_color_04 .icon-checked:before {
  content: "\e60c";
}

.radio_color_04 .icon-unchecked:before {
  content: "\e60b";
}


.radio_color_04 input[type="checkbox"].custom-checkbox,
.radio_color_04 input[type="radio"].custom-radio {
  outline: none !important;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}


.radio_color_04 input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio_color_04 input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #5c8cb4;
  transition: color .25s linear;
}


/*============= green  ===================*/


.radio_color_05_box label {float:left;}


.radio_color_05 {
  display: block;
  margin-top: 5px;

  padding-left: 25px;
  position: relative;
  transition: color .25s linear;
  font-size: 14px;
  min-height: 20px;
  line-height: 1.5;
}


.radio_color_05 .icons {
  color: #a8bc58;
  display: block;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
  transition: color .25s linear;
}


.radio_color_05 .icons .icon-checked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}


.radio_color_05 .icon-checked,
.radio_color_05 .icon-unchecked {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}


.radio_color_05 .icon-checked:before,
.radio_color_05 .icon-unchecked:before {
  font-family: 'Flat-UI-Pro-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkbox .icon-checked:before {
  content: "\e60e";
}

.checkbox .icon-unchecked:before {
  content: "\e60d";
}

.radio_color_05 .icon-checked:before {
  content: "\e60c";
}

.radio_color_05 .icon-unchecked:before {
  content: "\e60b";
}


.radio_color_05 input[type="checkbox"].custom-checkbox,
.radio_color_05 input[type="radio"].custom-radio {
  outline: none !important;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}


.radio_color_05 input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio_color_05 input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #a8bc58;
  transition: color .25s linear;
}

/*============= skyblue  ===================*/

.radio_color_06_box label {float:left;}


.radio_color_06 {
  display: block;
  margin-top: 5px;

  padding-left: 25px;
  position: relative;
  transition: color .25s linear;
  font-size: 14px;
  min-height: 20px;
  line-height: 1.5;
}


.radio_color_06 .icons {
  color: #8ababc;
  display: block;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
  transition: color .25s linear;
}


.radio_color_06 .icons .icon-checked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}


.radio_color_06 .icon-checked,
.radio_color_06 .icon-unchecked {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}


.radio_color_06 .icon-checked:before,
.radio_color_06 .icon-unchecked:before {
  font-family: 'Flat-UI-Pro-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkbox .icon-checked:before {
  content: "\e60e";
}

.checkbox .icon-unchecked:before {
  content: "\e60d";
}

.radio_color_06 .icon-checked:before {
  content: "\e60c";
}

.radio_color_06 .icon-unchecked:before {
  content: "\e60b";
}


.radio_color_06 input[type="checkbox"].custom-checkbox,
.radio_color_06 input[type="radio"].custom-radio {
  outline: none !important;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}


.radio_color_06 input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio_color_06 input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #8ababc;
  transition: color .25s linear;
}


/*============= red  ===================*/


.radio_color_07_box label {float:left;}


.radio_color_07 {
  display: block;
  margin-top: 5px;

  padding-left: 25px;
  position: relative;
  transition: color .25s linear;
  font-size: 14px;
  min-height: 20px;
  line-height: 1.5;
}


.radio_color_07 .icons {
  color: #de7676;
  display: block;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
  transition: color .25s linear;
}


.radio_color_07 .icons .icon-checked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}


.radio_color_07 .icon-checked,
.radio_color_07 .icon-unchecked {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}


.radio_color_07 .icon-checked:before,
.radio_color_07 .icon-unchecked:before {
  font-family: 'Flat-UI-Pro-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkbox .icon-checked:before {
  content: "\e60e";
}

.checkbox .icon-unchecked:before {
  content: "\e60d";
}

.radio_color_07 .icon-checked:before {
  content: "\e60c";
}

.radio_color_07 .icon-unchecked:before {
  content: "\e60b";
}


.radio_color_07 input[type="checkbox"].custom-checkbox,
.radio_color_07 input[type="radio"].custom-radio {
  outline: none !important;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}


.radio_color_07 input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio_color_07 input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #de7676;
  transition: color .25s linear;
}


/*============= pink  ===================*/


.radio_color_08_box label {float:left;}


.radio_color_08 {
  display: block;
  margin-top: 5px;

  padding-left: 25px;
  position: relative;
  transition: color .25s linear;
  font-size: 14px;
  min-height: 20px;
  line-height: 1.5;
}


.radio_color_08 .icons {
  color: #fc78c4;
  display: block;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
  transition: color .25s linear;
}


.radio_color_08 .icons .icon-checked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}


.radio_color_08 .icon-checked,
.radio_color_08 .icon-unchecked {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}


.radio_color_08 .icon-checked:before,
.radio_color_08 .icon-unchecked:before {
  font-family: 'Flat-UI-Pro-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkbox .icon-checked:before {
  content: "\e60e";
}

.checkbox .icon-unchecked:before {
  content: "\e60d";
}

.radio_color_08 .icon-checked:before {
  content: "\e60c";
}

.radio_color_08 .icon-unchecked:before {
  content: "\e60b";
}


.radio_color_08 input[type="checkbox"].custom-checkbox,
.radio_color_08 input[type="radio"].custom-radio {
  outline: none !important;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}


.radio_color_08 input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio_color_08 input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #fc78c4;
  transition: color .25s linear;
}




.radio_color_09_box label {float:left;}


.radio_color_09 {
  display: block;
  margin-top: 5px;

  padding-left: 25px;
  position: relative;
  transition: color .25s linear;
  font-size: 14px;
  min-height: 20px;
  line-height: 1.5;
}


.radio_color_09 .icons {
  color: #e3e3e3;
  display: block;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
  transition: color .25s linear;
}


.radio_color_09 .icons .icon-checked {
  opacity: 0;
  filter: "alpha(opacity=0)";
}


.radio_color_09 .icon-checked,
.radio_color_09 .icon-unchecked {
  display: inline-table;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  margin: 0;
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}


.radio_color_09 .icon-checked:before,
.radio_color_09 .icon-unchecked:before {
  font-family: 'Flat-UI-Pro-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.checkbox .icon-checked:before {
  content: "\e60e";
}

.checkbox .icon-unchecked:before {
  content: "\e60d";
}

.radio_color_09 .icon-checked:before {
  content: "\e60c";
}

.radio_color_09 .icon-unchecked:before {
  content: "\e60b";
}


.radio_color_09 input[type="checkbox"].custom-checkbox,
.radio_color_09 input[type="radio"].custom-radio {
  outline: none !important;
  opacity: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}


.radio_color_09 input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio_color_09 input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #e3e3e3;
  transition: color .25s linear;
}