// Color
$white: #2D2D2D;
$dark: #ffffff;
$gray: #cccccc;
$light-gray: #393939;
$ultra-light-gray: #393939;
$super-light-gray: #393939;
$today-color: #D68E3A;

// Font Style & text
$main-font: 12px tahoma;
$big-font: 14px tahoma;
$small-font: 10px tahoma;
$strong-font: bold;
$super-strong-font: bold;

$global-text-color: $dark;

$global-text-align: center;
$layout-big-curve: 6px;
$layout-small-curve: 3px;
$main-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
$animate-duration: all 100ms ease;

// Plot area
$plot-area-bg: $white;
$plot-area-border: 1px solid $gray;

// Bottom
$bottom-bg: $white;
$bottom-bg-hover: $light-gray;
$bottom-text-color: $dark;

// Date Item
$date-item-font: 14px;
$date-item-bg: $white;
$date-item-border: 0px;
$date-item-color: $dark;
$date-item-text-shadow: none;

$date-item-hover-font: 14px;
$date-item-hover-bg: $light-gray;
$date-item-hover-border: 0px;
$date-item-hover-color: "";
$date-item-hover-text-shadow: none;

$date-item-today-bg: $dark;
$date-item-today-border: 0px;
$date-item-today-color: $white;
$date-item-today-text-shadow: none;

$date-item-selected-bg: $today-color !important;
$date-item-selected-border: none;
$date-item-selected-color: $white !default;
$date-item-selected-text-shadow: 1px 1px 1px #000000;

$date-item-numb-bg: "";
$date-item-numb-border: none;
$date-item-numb-color: $gray;
$date-item-numb-text-shadow: none;

$date-item-disable-bg: $ultra-light-gray !important;
$date-item-disable-border: none !important;
$date-item-disable-color: $gray !important;
$date-item-disable-text-shadow: none !important;

// Tiomepicker
$timepicker-border: 1px solid $ultra-light-gray;
$timepicker-bg: $super-light-gray;

$timepicker-segment-divider-font: 12px bold;
$timepicker-input-bg: $super-light-gray;
$timepicker-input-border: none;