/**=====================
    27. Coming Soon CSS Ends
==========================**/
/**=====================
     28. Radio CSS Start
==========================**/
.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 16px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 19px;
  height: 19px;
  left: 0;
  margin-left: -16px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #444444;
}
.checkbox input[type="checkbox"] {
  opacity: 0;
}
.checkbox input[type="checkbox"]:focus {
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:focus + label::before {
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::before {
  font-family: themify;
  content: "\e64c";
  text-align: center;
  line-height: 1.2;
}
.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox .checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox .checkbox-inline {
  margin-top: 0;
}

.m-squar label::before {
  border-radius: 0;
}
.m-squar .checkbox-circle label::before {
  border-radius: 50%;
}
.m-squar .checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
  border-color: #ab8ce4;
  color: #ab8ce4;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-secondary input[type="checkbox"]:checked + label::before {
  border-color: #26c6da;
  color: #26c6da;
}
.checkbox-secondary input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
  border-color: #00c292;
  color: #00c292;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
  border-color: #FF5370;
  color: #FF5370;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
  border-color: #4099ff;
  color: #4099ff;
}
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-light input[type="checkbox"]:checked + label::before {
  border-color: #eeeeee;
  color: #eeeeee;
}
.checkbox-light input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-dark input[type="checkbox"]:checked + label::before {
  border-color: #2a3142;
  color: #2a3142;
}
.checkbox-dark input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
  border-color: #f3d800;
  color: #f3d800;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-solid-primary label:before {
  background-color: #ab8ce4;
  border-color: #ab8ce4;
  color: #fff;
}
.checkbox-solid-primary input[type="checkbox"]:checked + label::before {
  background-color: #ab8ce4;
  border-color: #ab8ce4;
  color: #fff;
}
.checkbox-solid-primary input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-solid-secondary label:before {
  background-color: #26c6da;
  border-color: #26c6da;
  color: #fff;
}
.checkbox-solid-secondary input[type="checkbox"]:checked + label::before {
  background-color: #26c6da;
  border-color: #26c6da;
  color: #fff;
}
.checkbox-solid-secondary input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-solid-success label:before {
  background-color: #00c292;
  border-color: #00c292;
  color: #fff;
}
.checkbox-solid-success input[type="checkbox"]:checked + label::before {
  background-color: #00c292;
  border-color: #00c292;
  color: #fff;
}
.checkbox-solid-success input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-solid-danger label:before {
  background-color: #FF5370;
  border-color: #FF5370;
  color: #fff;
}
.checkbox-solid-danger input[type="checkbox"]:checked + label::before {
  background-color: #FF5370;
  border-color: #FF5370;
  color: #fff;
}
.checkbox-solid-danger input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-solid-info label:before {
  background-color: #4099ff;
  border-color: #4099ff;
  color: #fff;
}
.checkbox-solid-info input[type="checkbox"]:checked + label::before {
  background-color: #4099ff;
  border-color: #4099ff;
  color: #fff;
}
.checkbox-solid-info input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-solid-light label:before {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #fff;
}
.checkbox-solid-light input[type="checkbox"]:checked + label::before {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #fff;
}
.checkbox-solid-light input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-solid-dark label:before {
  background-color: #2a3142;
  border-color: #2a3142;
  color: #fff;
}
.checkbox-solid-dark input[type="checkbox"]:checked + label::before {
  background-color: #2a3142;
  border-color: #2a3142;
  color: #fff;
}
.checkbox-solid-dark input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-solid-warning label:before {
  background-color: #f3d800;
  border-color: #f3d800;
  color: #fff;
}
.checkbox-solid-warning input[type="checkbox"]:checked + label::before {
  background-color: #f3d800;
  border-color: #f3d800;
  color: #fff;
}
.checkbox-solid-warning input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-primary label::before {
  border-color: #ab8ce4;
}

.checkbox-secondary label::before {
  border-color: #26c6da;
}

.checkbox-success label::before {
  border-color: #00c292;
}

.checkbox-danger label::before {
  border-color: #FF5370;
}

.checkbox-info label::before {
  border-color: #4099ff;
}

.checkbox-light label::before {
  border-color: #eeeeee;
}

.checkbox-dark label::before {
  border-color: #2a3142;
}

.checkbox-warning label::before {
  border-color: #f3d800;
}

.m-checkbox-inline .checkbox {
  display: inline-block;
}
.m-checkbox-inline .radio {
  display: inline-block;
}
.m-checkbox-inline label {
  margin-right: 20px;
}

.radio label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
  cursor: pointer;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 19px;
  height: 19px;
  left: 0;
  margin-left: -20px;
  margin-top: -4px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 9px;
  height: 9px;
  left: 5px;
  top: 5px;
  margin-left: -20px;
  margin-top: -4px;
  border-radius: 50%;
  background-color: #717171;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
}
.radio input[type="radio"]:focus + label::before {
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio .radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"] + label::before {
  border-color: #ab8ce4;
}
.radio-primary input[type="radio"] + label::after {
  background-color: #ab8ce4;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #ab8ce4;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #ab8ce4;
}

.radio-secondary input[type="radio"] + label::before {
  border-color: #26c6da;
}
.radio-secondary input[type="radio"] + label::after {
  background-color: #26c6da;
}
.radio-secondary input[type="radio"]:checked + label::before {
  border-color: #26c6da;
}
.radio-secondary input[type="radio"]:checked + label::after {
  background-color: #26c6da;
}

.radio-success input[type="radio"] + label::before {
  border-color: #00c292;
}
.radio-success input[type="radio"] + label::after {
  background-color: #00c292;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #00c292;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #00c292;
}

.radio-danger input[type="radio"] + label::before {
  border-color: #FF5370;
}
.radio-danger input[type="radio"] + label::after {
  background-color: #FF5370;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #FF5370;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #FF5370;
}

.radio-info input[type="radio"] + label::before {
  border-color: #4099ff;
}
.radio-info input[type="radio"] + label::after {
  background-color: #4099ff;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #4099ff;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #4099ff;
}

.radio-light input[type="radio"] + label::before {
  border-color: #eeeeee;
}
.radio-light input[type="radio"] + label::after {
  background-color: #eeeeee;
}
.radio-light input[type="radio"]:checked + label::before {
  border-color: #eeeeee;
}
.radio-light input[type="radio"]:checked + label::after {
  background-color: #eeeeee;
}

.radio-dark input[type="radio"] + label::before {
  border-color: #2a3142;
}
.radio-dark input[type="radio"] + label::after {
  background-color: #2a3142;
}
.radio-dark input[type="radio"]:checked + label::before {
  border-color: #2a3142;
}
.radio-dark input[type="radio"]:checked + label::after {
  background-color: #2a3142;
}

.radio-warning input[type="radio"] + label::before {
  border-color: #f3d800;
}
.radio-warning input[type="radio"] + label::after {
  background-color: #f3d800;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f3d800;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f3d800;
}

/**=====================
     28. Radio CSS Ends
==========================**/
/**=====================
     29. Form Input CSS Start
==========================**/
.icon-addon .addon-md .glyphicon, .icon-addon .addon-md .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px;
}

.icon-addon .glyphicon, .icon-addon .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px;
}

.input-group-square .input-group-text, .input-group-square .form-control {
  border-radius: 0;
}

.input-group-solid .input-group-text, .input-group-solid .form-control {
  background: #eeeeee;
}

.input-group-air {
  -webkit-box-shadow: 0 3px 20px 0 #ddd;
  box-shadow: 0 3px 20px 0 #ddd;
}

.icon-addon {
  position: relative;
  color: #4c5667;
  display: block;
}
.icon-addon:after {
  display: table;
  content: "";
  clear: both;
}
.icon-addon:before {
  display: table;
  content: "";
}
.icon-addon .addon-md .form-control {
  padding-left: 30px;
  float: left;
  font-weight: normal;
}
.icon-addon .form-control {
  padding-left: 30px;
  float: left;
  font-weight: normal;
}

.pill-input-group div:last-child span {
  border-top-right-radius: 1.3rem;
  border-bottom-right-radius: 1.3rem;
}
.pill-input-group div:first-child span {
  border-top-left-radius: 1.3rem;
  border-bottom-left-radius: 1.3rem;
}