$sidebar-bg: rgba(255, 255, 255, 0.4) !default;
$sidebar-border-width: 3px !default;
$sidebar-border-radius: 4px !default;
$sidebar-border: $sidebar-border-width solid transparent !default;

$tab-fg: #fff !default;
$tabs-bg: rgba(0, 60, 136, 0.5) !default;
$tab-hover-fg: #fff !default;
$tab-hover-bg: rgba(0, 60, 136, 0.6) !default;
$tab-active-fg: #fff !default;
$tab-active-bg: #0074d9 !default;

$move-map-in-xs: false !default;

@import 'base';

.sidebar {
    background-color: $sidebar-bg;

    @media(min-width:$threshold-sm) {
        border: $sidebar-border;
        border-radius: $sidebar-border-radius;
    }
}

.sidebar-left {
    border-right: $sidebar-border;
}

.sidebar-right {
    border-left: $sidebar-border;
}

.sidebar-tabs {
    overflow: hidden;

    @media(min-width:$threshold-sm) {
        border-radius: $sidebar-inner-border-radius 0 0 $sidebar-inner-border-radius;

        .collapsed & {
            border-radius: $sidebar-inner-border-radius;
        }
    }
}

.sidebar-content {
    @media(min-width:$threshold-sm) {
        border-radius: 0 $sidebar-inner-border-radius $sidebar-inner-border-radius 0;
    }
}