/*
+----------------------------------------------------------------------+
| Copyright (c) daumsoft.  co. Ltd
+----------------------------------------------------------------------+
|  Form style CSS 
+----------------------------------------------------------------------+
*/



/*==================================================================
// Form
//=================================================================*/
/*=========  label =========*/
.label_box {font-size: 0;margin-top: 18px;}
.label_box input[type="radio"] { display: none;  }
.label_box label {border: 1px solid #ebebeb;padding: 4px 12px;font-size: 13px;color: #7f7f7f;min-width: 43px;display: inline-block;cursor:pointer;text-align: center;line-height: 21px;background: #f2f7fa;margin-right: -1px;}
.label_box input[type="radio"]:checked + label {background-color: #595959;color: white;}
.label_box label:hover {}

.label_box_type2 {font-size: 0;}
.label_box_type2 input[type="radio"] { display: none;  }
.label_box_type2 label {border: 1px solid #a3a3a3;padding: 3px 7px;font-size: 13px;color: #868686;border-radius: 20px;min-width: 43px;display: inline-block;margin-left: 7px;cursor:pointer;text-align: center;line-height: 21px;}
.label_box_type2 input[type="radio"]:checked + label {background-color: #fff;color: #2592ff;border-color: #2592ff;}
.label_box_type2 label:hover {border-color:#888; color:#666}

/*=========  checkbox =========*/
.checkboxCustom input[type="checkbox"]{ display: none; }
.checkboxCustom label {position: relative;padding-left: 27px;color: #747474;font-size: 15px;height: 30px;display: inline-block;line-height: 22px;border: 1px solid #b8b8b8;border-radius: 100px;padding: 4px 13px 4px 28px;background-color: #fff;}
.checkboxCustom label.all{padding-left: 13px}
.checkboxCustom label:before, .checkboxCustom label:after {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 29px;
    left: 6px;
    cursor: pointer;
    top: 0px;
    height: 28px;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
.checkboxCustom input[type="checkbox"]:checked+label::after {
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.checkboxCustom label.all:before, .checkboxCustom label.all:after, .checkboxCustom input[type="checkbox"]:checked+label.all::after{display: none;}
.checkboxCustom label.twitter:before, .checkboxCustom label.twitter:after{background-position: 2px 2px;}
.checkboxCustom label.blog:before, .checkboxCustom label.blog:after {background-position: -29px 1px;}
.checkboxCustom label.instagram:before, .checkboxCustom label.instagram:after {background-position: -59px 2px;}
.checkboxCustom label.news:before, .checkboxCustom label.news:after {background-position: -90px 2px;}

.checkboxCustom input[type="checkbox"]:checked+label.twitter::after{background-position: 2px -27px;}
.checkboxCustom input[type="checkbox"]:checked+label.blog::after{background-position: -29px -27px;}
.checkboxCustom input[type="checkbox"]:checked+label.instagram::after{background-position: -59px -27px;}
.checkboxCustom input[type="checkbox"]:checked+label.news::after{background-position: -90px -27px;}


.checkboxCustom input[type="checkbox"]:checked+label{color:#fff}
.checkboxCustom input[type="checkbox"]:checked+label:before, input[type="checkbox"]:checked+label:after{}
.checkboxCustom input[type="checkbox"]:checked+label.all {border-color: #627aaa;background-color:#627aaa;padding-left: 13px;}
.checkboxCustom input[type="checkbox"]:checked+label.twitter {border-color: #4ea7ff; background-color:#4ea7ff}
.checkboxCustom input[type="checkbox"]:checked+label.blog {border-color: #91cb66; background-color:#91cb66}
.checkboxCustom input[type="checkbox"]:checked+label.instagram {border-color: #ff79ab; background-color:#ff79ab}
.checkboxCustom input[type="checkbox"]:checked+label.news {border-color: #f9c148; background-color:#f9c148}

.checkboxCustom input[type="checkbox"]:checked+label svg .cls-1, .checkboxCustom input[type="checkbox"]:checked+label svg .cls-2{
  fill: #fff;
  stroke: #fff;
}

/*=========  checkbox =========*/
.checkbox input[type="checkbox"]{ display: none; }
.checkbox label {position: relative;padding-left: 20px;color: #000;font-size: 15px;}
.checkbox label:before, .checkbox label:after {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    left: 0;
    cursor: pointer;
    top: 0px;
    border: 1px solid #e1e1e1;
    background-color:#fff;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
.checkbox input[type="checkbox"]:checked+label::after {
    font-family: 'Material-Design-Iconic-Font';
    content: "\f26b";
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #637094;
    border-color: #637094;
}


/*=========  radio =========*/
.radio label {display: inline-block;position: relative;cursor: pointer;padding-left: 26px;line-height: 28px;font-size: 18px;margin-right: 5px;margin-top: 0px;}
.radio label::before,
.radio label::after {
  content: " ";
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: 1px solid #bababa;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 3px;
  padding: 1px;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.radio input[type="radio"]+label:after,.radio input[type="radio"] {opacity: 0; position: absolute;left: -999px;}
.radio input[type="radio"]:checked+label::after {
  opacity: 1;
  background-color: #647ea1;
  width: 9px;
  height: 9px;
  top: 8px;
  left: 5px;
  border: 0;
}
.radio input[type="radio"]:checked+label::after {opacity: 1}
.radio input[type="radio"]:disabled+label  {color: #9A9A9A}
.radio input[type="radio"]:disabled+label::before,
.radio input[type="radio"]:disabled+label::after {
  color: #9A9A9A
}

/*=========  radio_open =========*/
.radio_open label {display: inline-block;position: relative;cursor: pointer;padding-left: 26px;line-height: 27px;font-size: 16px;}
.radio_open label::before,
.radio_open label::after {
  content: " ";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #bababa;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 3px;
  padding: 1px;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.radio_open input[type="radio"]+label:after,.radio_open input[type="radio"] {opacity: 0; position: absolute;left: -999px;}
.radio_open input[type="radio"]:checked+label::after {top: 8px;left: 5px;width: 7px;height: 7px;border: 0;border-radius: 50%;background-color: #3a9cff; opacity: 1}




/*=========  checkbox =========*/
.check_course input{ display: none; }
.check_course label {position: relative;color: #747474;font-size: 15px;display: inline-block;border: 1px solid #ebebeb;border-radius: 100px;background-color: #fff;padding: 15px 40px;text-align: center;min-width: 100px;}
.check_course label:before, .check_course label:after {}
.check_course input:checked+label::after {}
.check_course input:checked+label{background-color: #f2f8ff; border-color: #5dadff}
.check_course input:checked+label:before, .check_course input:checked+label:after{}

.check_icon label{border-radius: 5px;padding: 15px;}