@mixin box-shadow($shadow...) {
  -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
          box-shadow: $shadow;
}

@mixin transition($time, $type){
    -webkit-transition: all $time $type;
    -moz-transition: all $time $type;
    -o-transition: all $time $type;
    -ms-transition: all $time $type;
    transition: all $time $type;
}

@mixin transition-font-size($time, $type) {
    -webkit-transition: font-size $time $type;
    -moz-transition: font-size $time $type;
    -o-transition: font-size $time $type;
    -ms-transition: font-size $time $type;
    transition: font-size $time $type;
}

@mixin scale($value) {
    -webkit-transform: scale($value);
    -moz-transform: scale($value);
    -o-transition: scale($value);
    -ms-transform: scale($value);
    transform: scale($value);
}

@mixin translateY($value) {
    -webkit-transform: translateY($value);
    -moz-transform: translateY($value);
    -o-transition: translateY($value);
    -ms-transform: translateY($value);
    transform: translateY($value);
}

@mixin set-wizard-color($color) {
    .picture{
        &:hover{
            border-color: $color;
        }
    }

    .nav-pills{
        > li.active > a:after{
            background-color: $color;
        }

        > li.active > a{
            color: $color;
        }

        .icon-circle{
            &.checked{
                border-color: $color;
            }
        }
    }


    .choice{
        &.active{
            .card-checkboxes{
                color: $color;
            }
        }
    }

    .wizard-navigation{
        .progress-bar{
            background-color: $color;
        }
    }
}
