// Color system // stylelint-disable

$white: fff !default; $gray-base: #181b1e !default; $gray-100: f0f3f5 !default; // lighten($gray-base, 85%); $gray-200: e4e7ea !default; // lighten($gray-base, 80%); $gray-300: c8ced3 !default; // lighten($gray-base, 70%); $gray-400: acb4bc !default; // lighten($gray-base, 60%); $gray-500: #8f9ba6 !default; // lighten($gray-base, 50%); $gray-600: #73818f !default; // lighten($gray-base, 40%); $gray-700: #5c6873 !default; // lighten($gray-base, 30%); $gray-800: #2f353a !default; // lighten($gray-base, 10%); $gray-900: #23282c !default; // lighten($gray-base, 5%); $black: #000 !default;

$grays: () !default; $grays: map-merge(

(
  "100": $gray-100,
  "200": $gray-200,
  "300": $gray-300,
  "400": $gray-400,
  "500": $gray-500,
  "600": $gray-600,
  "700": $gray-700,
  "800": $gray-800,
  "900": $gray-900
),
$grays

);

$blue: #20a8d8 !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: e83e8c !default; $red: f86c6b !default; $orange: f8cb00 !default; $yellow: ffc107 !default; $green: #4dbd74 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $light-blue: #63c2de !default;

$colors: () !default; $colors: map-merge(

(
  "blue":       $blue,
  "indigo":     $indigo,
  "purple":     $purple,
  "pink":       $pink,
  "red":        $red,
  "orange":     $orange,
  "yellow":     $yellow,
  "green":      $green,
  "teal":       $teal,
  "cyan":       $cyan,
  "light-blue": $light-blue,
  "white":      $white,
  "gray":       $gray-600,
  "gray-dark":  $gray-800
),
$colors

);

$primary: $blue !default; $secondary: $gray-300 !default; $success: $green !default; $info: $light-blue !default; $warning: $yellow !default; $danger: $red !default; $light: $gray-100 !default; $dark: $gray-800 !default;

$theme-colors: () !default; $theme-colors: map-merge(

(
  "primary":    $primary,
  "secondary":  $secondary,
  "success":    $success,
  "info":       $info,
  "warning":    $warning,
  "danger":     $danger,
  "light":      $light,
  "dark":       $dark
),
$theme-colors

);

// Brand Colors

$facebook: #3b5998 !default; $twitter: #00aced !default; $linkedin: #4875b4 !default; $google-plus: d34836 !default; $flickr: ff0084 !default; $tumblr: #32506d !default; $xing: #026466 !default; $github: #4183c4 !default; $html5: e34f26 !default; $openid: f78c40 !default; $stack-overflow: fe7a15 !default; $youtube: b00 !default; $css3: #0170ba !default; $dribbble: ea4c89 !default; $google-plus: bb4b39 !default; $instagram: #517fa4 !default; $pinterest: cb2027 !default; $vk: #45668e !default; $yahoo: #400191 !default; $behance: #1769ff !default; $dropbox: #007ee5 !default; $reddit: ff4500 !default; $spotify: #7ab800 !default; $vine: #00bf8f !default; $foursquare: #1073af !default; $vimeo: aad450 !default;

$brands-colors: () !default; $brands-colors: map-merge((

"facebook":       $facebook,
"twitter":        $twitter,
"linkedin":       $linkedin,
"google-plus":    $google-plus,
"flickr":         $flickr,
"tumblr":         $tumblr,
"xing":           $xing,
"github":         $github,
"html5":          $html5,
"openid":         $openid,
"stack-overflow": $stack-overflow,
"youtube":        $youtube,
"css3":           $css3,
"dribbble":       $dribbble,
"instagram":      $instagram,
"pinterest":      $pinterest,
"vk":             $vk,
"yahoo":          $yahoo,
"behance":        $behance,
"dropbox":        $dropbox,
"reddit":         $reddit,
"spotify":        $spotify,
"vine":           $vine,
"foursquare":     $foursquare,
"vimeo":          $vimeo

), $brands-colors);

// stylelint-disable // Bootstrap overrides

// Options // // Quickly modify global styling by enabling or disabling optional features.

$enable-transitions: true !default;

// Body // // Settings for the `<body>` element.

$body-bg: e4e5e6 !default;

// Components // // Define common padding and border radius sizes and more.

$border-color: $gray-300 !default;

// Typography // // Font, line-height, and color for body text, headings, and more.

$font-size-base: .875rem !default;

// Breadcrumbs

$breadcrumb-bg: fff !default; $breadcrumb-margin-bottom: 1.5rem !default; $breadcrumb-border-radius: 0 !default;

// Cards

$card-border-color: $gray-300 !default; $card-cap-bg: $gray-100 !default;

// Dropdowns

$dropdown-padding-y: 0 !default; $dropdown-border-color: $gray-300 !default; $dropdown-divider-bg: $gray-200 !default;

// Buttons

$btn-secondary-border: $gray-300 !default;

// Progress bars

$progress-bg: $gray-100 !default;

// Tables

$table-bg-accent: $gray-100 !default; $table-bg-hover: $gray-100 !default;

// Forms

$input-group-addon-bg: $gray-100 !default; $input-border-color: $gray-200 !default; $input-group-addon-border-color: $gray-200 !default;

@import

'bootstrap/functions',
'bootstrap/variables';

// CoreUI Variables

// stylelint-disable $enable-sidebar-nav-rounded: false !default; $layout-transition-speed: .25s !default;

// Navbar

$navbar-height: 55px !default; $navbar-bg: fff !default; $navbar-border: (

bottom: (
  size:                             1px,
  style:                            solid,
  color:                            $border-color
)

) !default; $navbar-brand-width: 155px !default; $navbar-brand-bg: transparent !default; $navbar-brand-border: 0 !default;

$navbar-brand-minimized-width: 50px !default; $navbar-brand-minimized-bg: $navbar-brand-bg !default; $navbar-brand-minimized-border: $navbar-brand-border !default;

$navbar-color: $gray-600 !default; $navbar-hover-color: $gray-800 !default; $navbar-active-color: $gray-800 !default; $navbar-disabled-color: $gray-300 !default;

$navbar-toggler-icon: str-replace(url(“data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='www.w3.org/2000/svg’%3E%3Cpath stroke='#{$navbar-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E”), “#”, “%23”) !default; $navbar-toggler-icon-hover: str-replace(url(“data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='www.w3.org/2000/svg’%3E%3Cpath stroke='#{$navbar-hover-color}' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E”), “#”, “%23”) !default;

// Sidebar

$sidebar-width: 200px !default; $sidebar-padding: 0 !default; $sidebar-minimized-width: 50px !default; $sidebar-minimized-height: $sidebar-minimized-width !default; $sidebar-compact-width: 150px !default; $sidebar-compact-height: $sidebar-compact-width !default; $sidebar-color: fff !default; $sidebar-bg: $gray-800 !default; $sidebar-borders: none !default; $mobile-sidebar-width: 220px !default;

// Sidebar Header

$sidebar-header-height: auto !default; $sidebar-header-bg: rgba(0,0,0,.2) !default; $sidebar-header-padding-y: .75rem !default; $sidebar-header-padding-x: 1rem !default;

// Sidebar Form

$sidebar-form-border: 0 !default; $sidebar-form-bg: darken($sidebar-bg,10%) !default; $sidebar-form-color: fff !default; $sidebar-form-placeholder-color: rgba(255,255,255,.7) !default;

// Sidebar Navigation

$sidebar-nav-color: fff !default; $sidebar-nav-title-padding-y: .75rem !default; $sidebar-nav-title-padding-x: 1rem !default; $sidebar-nav-title-color: $gray-200 !default; $sidebar-nav-link-padding-y: .75rem !default; $sidebar-nav-link-padding-x: 1rem !default; $sidebar-nav-link-color: fff !default; $sidebar-nav-link-bg: transparent !default; $sidebar-nav-link-icon-color: $gray-600 !default; $sidebar-nav-link-borders: 0 !default;

$sidebar-nav-link-hover-color: fff !default; $sidebar-nav-link-hover-bg: theme-color(“primary”) !default; $sidebar-nav-link-hover-icon-color: fff !default; $sidebar-nav-link-hover-borders: 0 !default;

$sidebar-nav-link-active-color: fff !default; $sidebar-nav-link-active-bg: lighten($sidebar-bg, 5%) !default; $sidebar-nav-link-active-icon-color: theme-color(“primary”) !default; $sidebar-nav-link-active-borders: 0 !default;

$sidebar-nav-link-disabled-color: darken(fff, 30%) !default; $sidebar-nav-link-disabled-bg: $sidebar-bg !default; $sidebar-nav-link-disabled-icon-color: $sidebar-nav-link-icon-color !default; $sidebar-nav-link-disabled-borders: 0 !default;

$sidebar-nav-dropdown-color: fff !default; $sidebar-nav-dropdown-bg: rgba(0,0,0,.2) !default; $sidebar-nav-dropdown-borders: 0 !default; $sidebar-nav-dropdown-indicator-color:$gray-600 !default; $sidebar-nav-dropdown-indicator: str-replace(url(“data:image/svg+xml;charset=utf8,%3Csvg xmlns='www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-nav-dropdown-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E”), “#”, “%23”) !default; $sidebar-nav-dropdown-indicator-hover-color:$sidebar-nav-link-hover-color; $sidebar-nav-dropdown-indicator-hover:str-replace(url(“data:image/svg+xml;charset=utf8,%3Csvg xmlns='www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-nav-dropdown-indicator-hover-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E”), “#”, “%23”) !default;

// Sidebar Footer

$sidebar-footer-height: auto !default; $sidebar-footer-bg: rgba(0,0,0,.2) !default; $sidebar-footer-padding-y: .75rem !default; $sidebar-footer-padding-x: 1rem !default; $sidebar-footer-borders: 0 !default;

// Sidebar Minimizer

$sidebar-minimizer-height: 50px !default; $sidebar-minimizer-bg: rgba(0,0,0,.2) !default; $sidebar-minimizer-borders: 0 !default; $sidebar-minimizer-indicator-color: $gray-600 !default; $sidebar-minimizer-indicator: str-replace(url(“data:image/svg+xml;charset=utf8,%3Csvg xmlns='www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-minimizer-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E”), “#”, “%23”) !default; $sidebar-minimizer-hover-bg: rgba(0,0,0,.3) !default; $sidebar-minimizer-hover-indicator-color:$sidebar-nav-link-hover-color !default; $sidebar-minimizer-hover-indicator: str-replace(url(“data:image/svg+xml;charset=utf8,%3Csvg xmlns='www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='#{$sidebar-minimizer-hover-indicator-color}' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E”), “#”, “%23”) !default;

// Breadcrumb $breadcrumb-borders: (

bottom: (
  size:                             1px,
  style:                            solid,
  color:                            $border-color
)

) !default;

// Aside

$aside-menu-width: 250px !default; $aside-menu-color: $gray-800 !default; $aside-menu-bg: fff !default; $aside-menu-borders: (

left: (
  size:                             1px,
  style:                            solid,
  color:                            $border-color
)

) !default;

$aside-menu-nav-padding-y: .75rem !default; $aside-menu-nav-padding-x: 1rem !default;

// Footer

$footer-height: 50px !default; $footer-bg: $gray-100 !default; $footer-color: $body-color !default; $footer-borders: (

top: (
  size:                             1px,
  style:                            solid,
  color:                            $border-color
)

) !default;

// Avatars

$avatar-width: 36px !default; $avatar-status-width: 10px !default;

$avatar-lg-width: 72px !default; $avatar-lg-status-width: 12px !default;

$avatar-sm-width: 24px !default; $avatar-sm-status-width: 8px !default;

$avatar-xs-width: 20px !default; $avatar-xs-status-width: 8px !default;

// Cards

$card-icon-bg: transparent !default; $card-icon-color: $body-color !default;

// Switches

$switch-width: 40px !default; $switch-height: 26px !default; $switch-font-size: 10px !default;

$switch-lg-width: 48px !default; $switch-lg-height: 30px !default; $switch-lg-font-size: 12px !default;

$switch-sm-width: 32px !default; $switch-sm-height: 22px !default; $switch-sm-font-size: 8px !default;

$switch-label-width: 48px !default; $switch-label-lg-width: 56px !default; $switch-label-sm-width: 40px !default;

$switch-handle-margin: 2px !default;

// Cursor $cursor-disabled: default !default;

// Paths $coreui-icons-font-path: 'coreui-icons';