@blue:    #1f8ceb;
@blue-dark: #1271c4;
@indigo:  #6610f2;
@purple:  #6f42c1;
@pink:    #e83e8c;
@red:     #dc3545;
@orange:  #fd7e14;
@yellow:  #ffc107;
@green:   #28a745;
@teal:    #20c997;
@cyan:    #17a2b8;
// Color
@brand-primary:         @blue;
@brand-secondary:       #868e96;
@brand-success:         @green;
@brand-info:            @cyan;
@brand-warning:         @yellow;
@brand-danger:          @red;

// Utility
@body-bg : #f8fafc;
@border-color : #e9eef2;
// Sidebar
@sidebar-bg : #fff;
@sidebar-width : 240px;
// Sidebar Nav
@sidebar-nav-active-bg: lighten(@brand-primary, 43%);
@sidebar-nav-active-color: @brand-primary;

// Page Header
@page-header-bg : @body-bg;
@page-padding : 10px 30px;
@page-title-size: 20px;
@page-title-color: #1d364b;

// Panel
@panel-border : @border-color;
@panel-header-bg : #f6f7f9;
@panel-header-color : #678;