@import "./viewport//ui-tab-router-view_variables";
@import "./theme/palette";

//ui-scheduler
$scheduler-cell-height: 60px !default;

//scrollbar
$scrollbar-width: 16px !default;

// Viewport
$ui-viewport-header-height: 60px !default;
$left-part-width: 280px !default;
$left-part-condensed-width: 60px !default;
$ui-viewport-footer-height: 20px !default;

// Navbar
$ui-navbar-height: $ui-viewport-header-height !default;

// Menu
$navbar-text-color: #1a1a1a !default;
$navbar-icon-color: #1a1a1a !default;
$navbar-background: white !default;
$navbar-separator-color: grey !default;
$navbar-active-text-color: #014961 !default;
$navbar-active-icon-color: #014961 !default;
$navbar-active-background: white !default;
$navbar-font-family: "Nunito Sans", sans-serif;

:root {
  --navbar-text-color: #{$navbar-text-color};
  --navbar-icon-color: #{$navbar-icon-color};
  --navbar-background: #{$navbar-background};
  --navbar-separator-color: #{$navbar-separator-color};
  --navbar-active-text-color: #{$navbar-active-text-color};
  --navbar-active-icon-color: #{$navbar-active-icon-color};
  --navbar-active-background: #{$navbar-active-background};
}

// fonts
$google-font-sans-serif: "https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i" !default;
$google-font-serif: "https://fonts.googleapis.com/css?family=Trirong:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i" !default;
$google-font-mono: "https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400,500,600,700" !default;

$local-font-sans-serif: false !default;
$local-font-serif: false !default;
$local-font-mono: false !default;

$font-family: "Nunito Sans", sans-serif !default;
$font-family-sans-serif: "Montserrat", "Helvetica Neue", Arial, sans-serif !default;
$font-family-serif: Trirong, Palatino, Georgia, serif !default;
$font-family-mono: "Source Code Pro", mono !default;

$font-weight-lighter: 200 !default;
$font-weight-light: 300 !default;
$font-weight-normal: 400 !default;
$font-weight-medium: 500 !default;
$font-weight-bold: 600 !default;
$font-weight-bolder: 700 !default;

// base style properties
$base-border-radius: 0.3rem !default;

$base-font-family: $font-family-sans-serif !default;
$base-font-weight: $font-weight-normal !default;
$base-font-size: 14px !default;
$base-line-height: 1.5 !default;
$base-spacing: 1rem !default;

// typography
$font-size-headings: (
  h1: 2.5em,
  h2: 2.2em,
  h3: 1.8em,
  h4: 1.5em,
  h5: 1.2em,
  h6: 0.9em) !default;

$font-sizes: (
  xs: 0.6em,
  sm: 0.8em,
  md: 1.15em,
  lg: 1.5em,
  xl: 1.8em,
  xxl: 2.2em,
  xxxl: 3.5em,
  xxxxl: 5.5em) !default;

$breakpoints-xs: 320px !default;
$breakpoints-sm: 480px !default;
$breakpoints-md: 768px !default;
$breakpoints-lg: 1024px !default;
$breakpoints-xl: 1280px !default;
$breakpoints-xxl: 1536px !default;

// responsive breakpoints
$breakpoints: (
  xs: $breakpoints-xs,
  sm: $breakpoints-sm,
  md: $breakpoints-md,
  lg: $breakpoints-lg,
  xl: $breakpoints-xl,
  xxl: $breakpoints-xxl) !default;
$gutter: 8px !default;
// control variables
$button-ripple: true !default;

// forms
$ui-input-border-radius: 0.3rem;

// ui-select
$ui-select-search-field-height: 2rem;

// ui-datepicker
$ui-datepicker-fontsize: 1.2rem;

//ui-entity-history
$ui-entity-history-fontsize: 12px;

//floating-box-view
$floating-box-view-background-header: white !default;
$floating-box-view-color-header: black !default;
$floating-box-view-background-footer: white !default;
$floating-box-view-color-footer: black !default;

//floating-box-view
$ux-dialog-background-header: var(--primary, $primary) !default;
$ux-dialog-color-header: var(--primary-reverse, $primary-reverse) !default;
$ux-dialog-color-header-hover: $black-25 !default;
$ux-dialog-background-footer: white !default;
$ux-dialog-color-footer: black !default;

//doc type icon
$document-type-key: "\e900" !default;
$document-type-png: "\e901" !default;
$document-type-pdf: "\e902" !default;
$document-type-jpg: "\e903" !default;
$document-type-doc: "\e904" !default;
$document-type-xls: "\e905" !default;
$document-type-docx: "\e906" !default;
$document-type-ppt: "\e907" !default;
$document-type-xlsx: "\e908" !default;
$document-type-txt: "\e909" !default;
$document-type-home3: "\e90a" !default;
$document-type-office: "\e90b" !default;
$document-type-exit: "\ea14" !default;

//ui-scheduler
$ui-scheduler-current-date-color: lightskyblue !default;
$ui-scheduler-weekend-color: transparent !default;

//ux-dialog
$background-dialog-footer: $black-4;

//ag-grid
$ag-border-color: $gray-15;
$ag-row-hover: $black-3;

$grid-header-text-color: $black-50;
$grid-header-bg-color: $white;
$grid-color-hover: mix($gray-light, $white, 15%
);

.ag-theme-material {
  --ag-foreground-color: #{$black};
  --ag-background-color: transparent;
  --ag-header-foreground-color: var(--primary, $primary);
  --ag-material-primary-color: var(--primary, $primary);
  --ag-input-focus-border-color: var(--primary, $primary);

  --ag-border-color: #{$ag-border-color};
  --ag-row-border-color: #{$ag-border-color};

  --ag-secondary-border-color: #{$ag-border-color};
  --ag-row-hover-color: #{$ag-row-hover};
  --ag-range-selection-border-color: var(--primary, $primary);

  --ag-font-size: 17px;
  --ag-font-family: monospace;

  --ag-borders: solid 1px;
  --ag-borders-row: solid 1px;
}

$red-warning: #ff0000;
$gray-very-light: #efefef;
$ui-green: #84dc88;
$green-valid: #15ce1e;
$red-light: #feefef;
$gray-lighter: #dddddd;