// Override Bootstrap default variables here
// Do not edit any of the files in /vendor/bootstrap/scss/!

// Color Variables
// Bootstrap Color Overrides

$white: #fff !default;
$gray-100: #f8f9fc !default;
$gray-200: #eaecf4 !default;
$gray-300: #dddfeb !default;
$gray-400: #d1d3e2 !default;
$gray-500: #b7b9cc !default;
$gray-600: #858796 !default;
$gray-700: #6e707e !default;
$gray-800: #5a5c69 !default;
$gray-900: #3a3b45 !default;
$black: #000 !default;

$blue: #4e73df !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #e74a3b !default;
$orange: #fd7e14 !default;
$yellow: #f6c23e !default;
$green: #1cc88a !default;
$teal: #20c9a6 !default;
$cyan: #36b9cc !default;

// Custom Colors
$brand-google: #ea4335;
$brand-facebook: #3b5998;

$darkblue:#0f4c81 !default;

// Set Contrast Threshold
$yiq-contrasted-threshold: 195 !default;

// Typography
$body-color: $gray-600 !default;

$font-family-sans-serif: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", 'Noto Color Emoji' !default;

$font-family-body: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"! default;

$font-weight-light: 300 !default;
// $font-weight-base: 400;
$headings-font-weight: 400 !default;

// Shadows
$box-shadow-sm: 0 0.125rem 0.25rem 0 rgba($gray-900, .2) !default;
$box-shadow: 0 0.15rem 1.75rem 0 rgba($gray-900, .15) !default;
// $box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;

// Borders Radius
$border-color: darken($gray-200, 2%);
$border-width: 1px !default;

$border-radius: 0.35rem !default;
$border-radius-lg: .3rem !default;
$border-radius-sm: .2rem !default;

// Spacing Variables
// Change below variable if the height of the navbar changes
$topbar-base-height: 4.375rem;
// Change below variable to change the width of the sidenav
$sidebar-base-width: 14rem;
// Change below variable to change the width of the sidenav when collapsed
$sidebar-collapsed-width: 6.5rem;

// Card
$card-cap-bg: $gray-100;
$card-border-color: $border-color;

// Adjust column spacing for symmetry
$spacer: 1rem;
$grid-gutter-width: $spacer * 1.5;

// Transitions
$transition-collapse: height .15s ease !default;

// Dropdowns
$dropdown-font-size: 0.85rem;
$dropdown-border-color: $border-color;

$navbarcontainer-max-widths: (
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
) !default;

$table-selected-bright-bg-color: #dff0d8;
$table-selected-bright-hover-bg-color: #d0e9c6;

$table-selected-bg-color:#e9efea;
$table-selected-hover-bg-color:#e9efea;

$font-size-base:              1rem !default;
$line-height-xs:              1.2 !default;
$border-radius-xs:            .1rem !default;
$font-size-xs:                $font-size-base * .7 !default;

$input-btn-padding-y-xs:      .15rem !default;
$input-btn-padding-x-xs:      .25rem !default;
$input-btn-font-size-xs:      $font-size-xs !default;
$input-btn-line-height-xs:    $line-height-xs !default;

$btn-padding-y-xs:            $input-btn-padding-y-xs !default;
$btn-padding-x-xs:            $input-btn-padding-x-xs !default;
$btn-font-size-xs:            $input-btn-font-size-xs !default;
$btn-line-height-xs:          $input-btn-line-height-xs !default;

$btn-border-radius-xs:        $border-radius-xs !default;

//

$true-black:        #000;
$true-white:        #FFF;

// Grays
// -------------------------
$gray07:            lighten($true-black, 7%);      // #111
$gray13:            lighten($true-black, 13.5%);   // #222
$gray15:            lighten($true-black, 15%);     // #252525
$gray20:            lighten($true-black, 20%);     // #333
$gray27:            lighten($true-black, 27%);     // #444
$gray33:            lighten($true-black, 33.5%);   // #555
$gray40:            lighten($true-black, 40%);     // #666
$gray46:            lighten($true-black, 46%);     // #757575
//$gray47:            lighten($true-black, 46.7%); // #777
$gray53:            lighten($true-black, 53%);   // #888
$gray60:            lighten($true-black, 60%);     // #999
$gray67:            lighten($true-black, 66.5%);   // #AAA
$gray74:            lighten($true-black, 73.5%); // #BBB
//$gray75:            lighten($true-black, 75%);   // #4b4b4b
$gray80:            lighten($true-black, 80%);     // #CCC
$gray87:            lighten($true-black, 86.5%);   // #DDD
$gray90:            lighten($true-black, 90%);     // #E5E5E5
$gray93:            lighten($true-black, 93.5%);   // #EEE
$gray96:            lighten($true-black, 96%);     // #F5F5F5
$gray98:            lighten($true-black, 98%);     // #f9f9f9
$gray99:            lighten($true-black, 99%);     // #FCFCFC

$black:                 $true-black;
$gray-darker:            $gray13;
$gray-dark:              $gray20;
$gray:                  $gray33;
$gray-light:             $gray60;
$gray-lighter:           $gray93;
$white:                 $true-white;

$base-border-radius:      4px;
$border-radius-large:     6px;
$border-radius-small:     3px;

// Tables
// -------------------------
$table-background:                   transparent; // overall background-color
$table-background-accent:             $gray98; // for striping
$table-background-hover:              $gray96; // for hover
$table-border:                       $gray87; // table and cell border

// Form states and alerts
// -------------------------
$warning-text:             #c09853;
$warning-background:       #fcf8e3;
$warning-border:           darken($warning-background, 3%);

$error-text:               #b94a48;
$error-background:         #f2dede;
$error-border:             darken($error-background, 3%);

$success-text:             #8da69d;
$success-background:       #dff0d8;
$success-border:           darken($success-background, 5%);

$info-text:                #468847;
$info-background:          lighten(#8da69d, 15%);
$info-border:              darken($info-background, 7%);

// Navbar
// -------------------------
$navbar-collapse-width:             979px;
$navbar-collapse-desktop-width:      $navbar-collapse-width + 1;

$navbar-height:                    40px;
$navbar-background-highlight:       $true-white;
$navbar-background:                darken($navbar-background-highlight, 5%);
$navbar-border:                    darken($navbar-background, 12%);

$navbar-text:                      $gray40;;
$navbar-link-color:                 $gray40;;
$navbar-link-color-hover:            $gray-dark;
$navbar-link-color-active:           $gray;
$navbar-link-background-hover:       transparent;
$navbar-link-background-active:      darken($navbar-background, 5%);

$navbar-brand-color:                $navbar-link-color;

// custome select
$input-btn-padding-y-sx:      .15rem !default;
$input-btn-padding-x-sx:      .45rem !default;
$input-btn-font-size-sx:      $font-size-base *.8 !default;
$input-btn-line-height-sx:    1.35 !default;

// wizard variables
$wizard-circles-backgroud: transparent;
$wizard-dots-backgroud: transparent;
$wizard-dots-color: #eee;
$wizard-brick-backgroud: transparent;

$wizard-circles-blue-backgroud: #fff;
$wizard-circles-blue-line-color: #eee;
$wizard-circles-blue-disabled-backgroud: #eee;
$wizard-circles-blue-active-backgroud: #0f4c81;
$wizard-circles-blue-complete-backgroud:darkgray;

$wizard-bulk-backgroud: transparent;

// Pagination layout
$pagination-layout-padding-y:              .5rem !default;
$pagination-layout-padding-x:              .75rem !default;
$pagination-layout-padding-y-sm:           .25rem !default;
$pagination-layout-padding-x-sm:           .5rem !default;
$pagination-layout-padding-y-lg:           .75rem !default;
$pagination-layout-padding-x-lg:           1.5rem !default;
$pagination-layout-line-height:            1.25 !default;

$pagination-layout-color:                  #8da69d !default;
$pagination-layout-bg:                     $white !default;
$pagination-layout-border-width:           $border-width !default;
$pagination-layout-border-color:           #e4ebe8 !default;

$pagination-layout-focus-box-shadow:       none !default;
$pagination-layout-focus-outline:          0 !default;

$pagination-layout-hover-color:            #205e47 !default;
$pagination-layout-hover-bg:               #dee2e6 !default;
$pagination-layout-hover-border-color:     #e4ebe8 !default;

$pagination-layout-active-color:           $white !default;
$pagination-layout-active-bg:              #8da69d !default;
$pagination-layout-active-border-color:    #8da69d !default;

$pagination-layout-disabled-color:         $gray-600 !default;
$pagination-layout-disabled-bg:            $white !default;
$pagination-layout-disabled-border-color:  #e4ebe8 !default;

$dropdown-layout-link-active-color:        #8da69d !default;