//
// Global
//

@global-color:                                  #949494;
@global-emphasis-color:                         #FFFFFF;
@global-muted-color:                            rgba(255, 255, 255, 0.7);

@global-link-color:                             rgba(255, 255, 255, 0.5);
@global-link-hover-color:                       rgba(255, 255, 255, 0.75);

@global-background:                             #061821;

@global-muted-background:                       #1f3038;
@global-primary-background:                     #33A1C3;
@global-secondary-background:                   #030612;

@global-warning-background:                     #FA915A;

@global-border:                                 rgba(255, 255, 255, 0.7);

//
// Theme
//

@theme-toolbar-background:                      rgba(255, 255, 255, 0);
@theme-box-decoration-default-border:           rgba(0, 0, 0, 0.1);
@section-title-color:                           #FFFFFF;

//
// Alert
//

@alert-background:                              @global-background;
@alert-border:                                  #D1D1D1;
@alert-border-width:                            1px;
@alert-color:                                   #FFFFFF;

@alert-primary-background:                      @global-background;
@alert-primary-border:                          @global-primary-background;

@alert-success-background:                      @global-background;
@alert-success-border:                          #32D296;

@alert-warning-background:                      @global-background;
@alert-warning-border:                          #FA915A;

@alert-danger-background:                       @global-background;
@alert-danger-border:                           #F0506E;

//
// Base
//

@base-link-color:                               rgb(255, 255, 255);
@base-link-hover-color:                         rgba(255, 255, 255, 0.6);
@base-link-hover-text-decoration:               none;
@base-code-color:                               @global-color;
@base-code-padding-horizontal:                  5px;
@base-code-padding-vertical:                    3px;
@base-code-border:                              rgba(255, 255, 255, 0.1);
@base-code-border-width:                        1px;

@base-em-color:                                 @global-color;
@base-ins-background:                           fade(@global-color, 45%);
@base-ins-color:                                rgba(255, 255, 255, 0.85);
@base-mark-background:                          fade(@global-color, 45%);
@base-mark-color:                               rgba(255, 255, 255, 0.85);

//
// Breadcrumb
//

@breadcrumb-item-color:                         rgba(255, 255, 255, 0.5);

//
// Button
//

@button-default-border:                         #FFFFFF;
@button-default-hover-background:               @global-primary-background;
@button-default-active-background:              fade(@global-primary-background, 80%);
@button-primary-active-background:              fade(@global-primary-background, 80%);
@button-secondary-hover-background:             #070B1E;
@button-secondary-hover-color:                  #FFFFFF;
@button-secondary-active-background:            #0B0F22;
@button-disabled-color:                         #FFFFFF;

//
// Card
//

@card-hover-border:                             @global-primary-background;

@card-default-border:                           @global-primary-background;
@card-default-hover-border:                     fade(@global-primary-background, 50%);
@card-secondary-hover-background:               fade(@global-secondary-background, 60%);

//
// Dotnav
//

@dotnav-item-onclick-background:                #FFFFFF;

//
// Dropdown
//

@dropdown-background:                           @global-primary-background;

//
// Form
//

@form-background:                               fade(@global-secondary-background, 35%);
@form-color:                                    rgba(255, 255, 255, 0.6);
@form-placeholder-color:                        rgba(255, 255, 255, 0.6);
@form-focus-background:                         fade(@global-secondary-background, 75%);
@form-focus-color:                              #EDEDED;
@form-disabled-background:                      fade(@global-secondary-background, 35%);
@form-disabled-color:                           rgba(228, 228, 228, 0.2);
@form-range-thumb-background:                   @global-primary-background;
@form-label-color:                              #FFFFFF;

//
// Heading
//

@heading-bullet-border:                         @global-primary-background;

//
// Icon
//

@icon-link-active-color:                        rgba(255, 255, 255, 0.5);
@icon-button-background:                        #F4F4F4;
@icon-button-color:                             @global-secondary-background;
@icon-button-hover-background:                  @global-primary-background;
@icon-button-active-background:                 @global-primary-background;

//
// Inverse
//

@inverse-global-color-mode:                     dark;

//
// List
//

@list-striped-background:                       fade(@global-primary-background, 5%);

//
// Nav
//

@nav-default-sublist-item-color:                rgba(255, 255, 255, 0.5);
@nav-default-sublist-item-hover-color:          rgba(255, 255, 255, 0.9);

//
// Navbar
//

@navbar-background:                             @global-background;
@navbar-color-mode:                             light;

@navbar-border:                                 rgb(255, 255, 255);
@navbar-nav-item-color:                         rgba(255, 255, 255, 0.45);
@navbar-nav-item-hover-color:                   #FFFFFF;
@navbar-nav-item-onclick-color:                 rgba(255, 255, 255, 0.65);
@navbar-nav-item-active-color:                  #FFFFFF;
@navbar-dropdown-background:                    @global-primary-background;
@navbar-dropdown-nav-item-hover-color:          @global-secondary-background;
@navbar-dropdown-nav-sublist-item-hover-color:  @global-secondary-background;

//
// Overlay
//

@overlay-primary-color-mode:                    dark;

//
// Pagination
//

@pagination-item-color:                         @global-muted-color;
@pagination-item-hover-border:                  rgba(255, 255, 255, 0.6);
@pagination-item-hover-color:                   rgba(255, 255, 255, 0.9);

//
// Progress
//

@progress-background:                           fade(@global-primary-background, 10%);

//
// Search
//

@search-default-border:                         rgba(255, 255, 255, 0.5);
@search-default-focus-border:                   rgba(255, 255, 255, 0.3);

//
// Section
//

@section-muted-background:                      @global-muted-background;
@section-primary-color-mode:                    dark;

//
// Slidenav
//

@slidenav-border:                               @global-muted-color;
@slidenav-color:                                @global-muted-color;
@slidenav-active-background:                    fade(@global-primary-background, 90%);
@slidenav-active-color:                         rgba(255, 255, 255, 0.9);

//
// Tab
//

@tab-item-hover-color:                          rgba(255, 255, 255, 0.85);
@tab-item-disabled-color:                       rgba(255, 255, 255, 0.8);

//
// Table
//

@table-header-cell-color:                       rgba(255, 255, 255, 0.8);
@table-caption-color:                           #FFFFFF;
@table-row-active-background:                   fade(@global-primary-background, 4%);
@table-striped-row-background:                  fade(@global-secondary-background, 25%);
@table-hover-row-background:                    fade(@global-primary-background, 4%);

//
// Text
//

@text-muted-color:                              #F3F3F3;
@text-secondary-color:                          @text-secondary-color: rgb(77, 80, 92);

//
// Tile
//

@tile-muted-background:                         @global-muted-background;
@tile-primary-color-mode:                       dark;
@tile-secondary-color-mode:                     light;

//
// Tooltip
//

@tooltip-background:                            @global-muted-background;
@tooltip-color:                                 @global-secondary-background;

//
// Totop
//

@totop-border:                                  @global-muted-color;
@totop-color:                                   @global-muted-color;
@totop-active-background:                       fade(@global-primary-background, 90%);
@totop-active-color:                            @global-muted-background;





