/*     General overwrite     */
body{
    color: $font-color;
    font-size: $font-size-base;
    font-family: 'Montserrat', "Helvetica", Arial, sans-serif;
}
a{
  color: $info-color;
    
  &:hover, &:focus{
     color: $info-states-color; 
     text-decoration: none; 
  }
  
  @include transition($fast-transition-time, linear);
}
hr{
    border-color: $medium-pale-bg;
}
.icon{
    fill: $font-color;
}
.fa-base{
    font-size: 1.25em !important;
}
a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    outline : 0;
}
.ui-slider-handle:focus,
.navbar-toggle {
    outline : 0 !important;
}

/*           Animations              */
.form-control, 
.input-group-addon, 
.tagsinput,
.navbar,
.navbar .alert{
    @include transition($general-transition-time, linear);
}
.tagsinput .tag,
.tagsinput-remove-link,
.filter,
.btn-hover,
[data-toggle="collapse"] i{
    @include transition($fast-transition-time, linear);
}
 
.btn-morphing .fa,
.btn-morphing .circle,
.gsdk-collapse{
    @include transition($slow-transition-time, linear);
}

.fa{
    width: 18px;
    text-align: center;
}
.margin-top{
    margin-top: 50px;
}


/*       CT colors          */
.ct-blue, 
.checkbox-blue.checkbox.checked .second-icon,
.checkbox-blue.checkbox.checked, 
.radio-blue.radio.checked .second-icon,
.radio-blue.radio.checked{
    color: $primary-color;
}
.ct-azure,
.checkbox-azure.checkbox.checked .second-icon,
.radio-azure.radio.checked .second-icon,
.checkbox-azure.checkbox.checked, 
.radio-azure.radio.checked{
    color: $info-color;
}
.ct-green, 
.checkbox-green.checkbox.checked .second-icon, 
.radio-green.radio.checked .second-icon, 
.checkbox-green.checkbox.checked, 
.radio-green.radio.checked{
    color: $success-color;
}
.ct-orange, 
.checkbox-orange.checkbox.checked .second-icon, 
.radio-orange.radio.checked .second-icon, 
.checkbox-orange.checkbox.checked, 
.radio-orange.radio.checked{
    color: $warning-color;
}
.ct-red, 
.checkbox-red.checkbox.checked .second-icon, 
.radio-red.radio.checked .second-icon, 
.checkbox-red.checkbox.checked, 
.radio-red.radio.checked{
    color: $danger-color;
}
input.ct-blue + span.switch-left, 
input.ct-blue + span + label + span.switch-right{
    background-color:  $primary-color;
}
input.ct-azure + span.switch-left, 
input.ct-azure + span + label + span.switch-right{
    background-color:  $info-color;
}
input.ct-green + span.switch-left, 
input.ct-green + span + label + span.switch-right{
    background-color:  $success-color;
}
input.ct-orange + span.switch-left, 
input.ct-orange + span + label + span.switch-right{
    background-color:  $warning-color;
}
input.ct-red + span.switch-left, 
input.ct-red + span + label + span.switch-right{
    background-color:  $danger-color;
}