@mixin scroll($scroll-thumb: rgba(0, 0, 0, .15), $scroll-bar: transparent) {

    &::-webkit-scrollbar-track {
        background-color: $scroll-bar;
    }

    &::-webkit-scrollbar {
        width: 8px;
    }

    &::-webkit-scrollbar-thumb {
        background-color: $scroll-thumb;
    }

}


.text-bold {
    font-weight: bold !important;
}


.bootstrap-select .dropdown-menu {


    &::-webkit-scrollbar {
        width: 10px;
        background-color: #F5F5F5;
    }

    &::-webkit-scrollbar-thumb {
        background-color: #666;
    }

}


//The Mixin
//==========

@mixin long-shadow($type, $color, $length, $fadeout: true, $skew: false, $direction: right) {
    $shadow: '';
    @if $skew == false or $type == text {
        @if $direction == right {
            @for $i from 0 to $length - 1 {
                $shadow: $shadow + $i + 'px ' + $i + 'px 0 ' + $color + ',';
            }
        }
        @if $direction == left {
            @for $i from 0 to $length - 1 {
                $shadow: $shadow + $i * -1 + 'px ' + $i + 'px 0 ' + $color + ',';
            }
        }
    }

    @if $fadeout == true {
        @for $i from 1 to $length - 1 {
            @if $type == text or $skew == false {
                @if $direction == right {
                    $shadow: $shadow + $i + 'px ' + $i + 'px 0 ' +       rgba($color, 1 - $i / $length) + ',';
                }
                @if $direction == left {
                    $shadow: $shadow + $i * -1 + 'px ' + $i + 'px 0 ' +       rgba($color, 1 - $i / $length) + ',';
                }
            }
            @if ($type == box) and $skew == true {
                @if $direction == right {
                    $shadow: $shadow + $i + 'px ' + $i + 'px 0 ' + $i * .2 + 'px ' + rgba($color, 1 - $i / $length) + ',';
                }
                @if $direction == left {
                    $shadow: $shadow + $i * -1 + 'px ' + $i + 'px 0 ' + $i * .2 + 'px ' + rgba($color, 1 - $i / $length) + ',';
                }
            }
        }
        $shadow: $shadow + $length + 'px ' + $length + 'px 0 ' + rgba($color, 0);
    }
    @if $fadeout == false {
        @if $skew == true and ( $type == box ) {
            @for $i from 0 to $length - 1 {
                $shadow: $shadow + $i + 'px ' + $i + 'px 0 ' + $i * .1 + 'px ' + $color + ',';
            }
        }
        $shadow: $shadow + $length + 'px ' + $length + 'px 0 ' + rgba(0,0,0,0);
    }
    $shadow: unquote($shadow);
    @if $type == 'box' {
        box-shadow: $shadow;
    }
    @if $type == 'text' {
        text-shadow: $shadow;
    }
}


//The Mixin
//==========

@mixin card-shadow() {
    border-width: 0;
    //box-shadow: 0 8px 32px rgb(47 60 74 / 1%), 0 8px 16px rgb(47 60 74 / 2%);
    box-shadow: rgb(0 0 0 / 5%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
}