.form-check{
margin-top: .5rem; padding-left: 0;
}
.form-check .form-check-label{
display: inline-block; position: relative; cursor: pointer; padding-left: 25px; line-height: 18px; margin-bottom: 0; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; -ms-transition: color 0.3s linear; transition: color 0.3s linear;
} .radio .form-check-sign{
padding-left: 28px;
}
.form-check-radio.form-check-inline .form-check-label {
padding-left: 5px; margin-right: 10px;
}
.form-check .form-check-sign::before, .form-check .form-check-sign::after{
content: " "; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; cursor: pointer; border-radius: 3px; top: 0; border: 1px solid darken($dark-gray,10%); -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;
}
.form-check input:checked + .form-check-sign::before, .form-check input:checked + .form-check-sign::before{
border: none; background-color: $primary;
}
.form-check .form-check-sign::after{ font-family: 'nucleo'; content: "\ea1b"; top: 0px; text-align: center; font-size: 14px; opacity: 0; color: $white; font-weight: $font-weight-bold; border: 0; background-color: inherit;
}
.form-check.disabled .form-check-label, .form-check.disabled .form-check-label {
color: $dark-gray; opacity: .5; cursor: not-allowed;
}
.form-check input, .radio input{
opacity: 0; position: absolute; visibility: hidden;
} .form-check input:checked + .form-check-sign::after{
opacity: 1; font-size: 10px; margin-top: 0;
}
.form-check input+ .form-check-sign::after{
opacity: 0; font-size: 10px; margin-top: 0;
}
.form-control input:disabled + .form-check-sign::before, .checkbox input:disabled + .form-check-sign::after{
cursor: not-allowed;
}
.form-check input:disabled + .form-check-sign, .form-check input:disabled + .form-check-sign{
pointer-events: none;
}
.form-check-radio .form-check-label{
padding-top: 3px;
} .form-check-radio .form-check-sign::before, .form-check-radio .form-check-sign::after{
content: " "; width: 18px; height: 18px; border-radius: 50%; border: 1px solid darken($dark-gray,10%); 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;
}
.form-check-radio input + .form-check-sign:after, .form-check-radio input {
opacity: 0;
} .form-check-radio input:checked + .form-check-sign::after {
width: 6px; height: 6px; background-color: $primary; border-color: $primary; top: 9px; left: 6px; opacity: 1;
}
.form-check-radio input:checked + .form-check-sign::before {
border-color: $primary;
}
.form-check-radio input:checked + .form-check-sign::after{
opacity: 1;
}
.form-check-radio input:disabled + .form-check-sign {
color: $dark-gray;
}
.form-check-radio input:disabled + .form-check-sign::before, .form-check-radio input:disabled + .form-check-sign::after {
color: $dark-gray;
}