// ================================================================================================
//   File Name: pallette-noui.scss
//   Description: noui color system styles
//   ----------------------------------------------------------------------------------------------
//   Item Name: EPI-USE - Vuejs, React, Angular, HTML & Laravel Admin Dashboard Template
//   Author: EPI-USE
//   Author URL: http://www.themeforest.net/user/EPI-USE
// ================================================================================================

// Color palettes
@import 'palette-variables';

@each $color_name,
$color in $colors {

    @each $color_type,
    $color_value in $color {
        @if $color_type=='base' {
            .slider-#{$color_name} {
                background-color: rgba($color_value, 0.12);

                .noUi-connect {
                    background: $color_value !important;
                }

                &.noUi-connect {
                    background: $color_value !important;
                }

                .noUi-handle {
                    border-color: $color_value !important;
                }
            }
        }
    }
}