﻿.ccim-modal .form-group {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 3px;
  font-size: 13px;
  line-height: 13px;
}

.ccim-modal hr { border-top: 1px solid #eee;}

.ccim-modal .form-group label {
  /* padding-top: 0; */
  margin-bottom: 5px;
}

.ccim-modal .form-group label.label-required::after {
    content: "*";
    padding-left: 5px;
    color: red;
}

.ccim-modal .form-group input[type=text],
.ccim-modal .form-group input[type=email],
.ccim-modal .form-group input[type=tel],
.ccim-modal .form-group input[type=password]{
  width: 100%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 26px;
}

.ccim-modal .form-group .input-group .input-group-btn .btn {
    height: 26px;
    padding: 2px 6px;
}

.ccim-radiobtn label {
  line-height: 20px;
  cursor: pointer;
}

.ccim-radiobtn input[type=radio], .ccim-radiobtn input[type=checkbox] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ccim-radiobtn input[type=radio] ~ label:before, .ccim-radiobtn input[type=checkbox] ~ label:before  {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f096";
  letter-spacing: 10px;
  font-size: 20px;
  color: #535353;
  width: 20px;
  margin-right: 5px;
  line-height: 20px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.ccim-radiobtn input[type=radio]:checked ~ label:before, .ccim-radiobtn input[type=checkbox]:checked ~ label:before {
  content: "\f046";
  color: #f58420;
}

.ccim-checkbox label {
    line-height: 20px;
    cursor: pointer;
}

.ccim-checkbox input[type=radio], .ccim-checkbox input[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ccim-checkbox input[type=radio] ~ label:before, .ccim-checkbox input[type=checkbox] ~ label:before  {
    font-family: FontAwesome;
    display: inline-block;
    letter-spacing: 10px;
    font-size: 20px;
    color: #535353;
    width: 20px;
    margin-right: 5px;
    line-height: 20px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}

.ccim-checkbox input[type=radio] ~ label:before{content:"\f10c";}
.ccim-checkbox input[type=checkbox] ~ label:before { content: "\f096";}

.ccim-checkbox input[type=radio]:checked ~ label:before, .ccim-checkbox input[type=checkbox]:checked ~ label:before {
    color: #f58420;
}

.ccim-checkbox input[type=radio]:checked ~ label:before{ content:"\f192";}
.ccim-checkbox input[type=checkbox]:checked ~ label:before{content: "\f046";}

