$blue: #1A77E8;
$red: #F71C6C;
//$bg-color: #E5E7EB;
//$bg-color: #FFF;
$bg-color: #EFF0F4;

@mixin border-radius($value) {-webkit-border-radius: $value;-moz-border-radius: $value;border-radius: $value;}
@mixin border-radius-top($value) {-webkit-border-top-right-radius: $value;-webkit-border-top-left-radius: $value;-moz-border-radius-topright: $value;-moz-border-radius-topleft: $value;border-top-right-radius: $value;border-top-left-radius: $value;}
@mixin border-radius-right($value) {-webkit-border-top-right-radius: $value;-webkit-border-bottom-right-radius: $value;-moz-border-radius-topright: $value;-moz-border-radius-bottomright: $value;border-top-right-radius: $value;border-bottom-right-radius: $value;}
@mixin border-radius-bottom($value) {-webkit-border-bottom-right-radius: $value;-webkit-border-bottom-left-radius: $value;-moz-border-radius-bottomright: $value;-moz-border-radius-bottomleft: $value;border-bottom-right-radius: $value;border-bottom-left-radius: $value;}
@mixin border-radius-left($value) {-webkit-border-top-left-radius: $value;-webkit-border-bottom-left-radius: $value;-moz-border-radius-topleft: $value;-moz-border-radius-bottomleft: $value;border-top-left-radius: $value;border-bottom-left-radius: $value;}
/*Border radius ends here*/

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


@mixin background($color, $percent, $type) {
    @if $type == 'light' {
        background: lighten($color, $percent)
    } @else {
        background: darken($color, $percent)
    }
}

@mixin border-color($color, $percent, $type) {
    @if $type == 'light' {
        border-color: lighten($color, $percent)
    } @else {
        border-color: darken($color, $percent)
    }
}