.md-grid {
  max-width: 1700px; 
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #3847AC;
  --md-primary-fg-color--light: #3847AC;
  --md-primary-fg-color--dark:  #3847AC;
}

[data-md-color-scheme="blackblue"] {
  --md-primary-fg-color:        #212432;
  --md-primary-fg-color--light: #212432;
  --md-primary-fg-color--dark:  #212432;
}

[data-md-color-scheme="white"] {
  --md-primary-fg-color:        #FFFFFF;
  --md-primary-fg-color--light: #FFFFFF;
  --md-primary-fg-color--dark:  #FFFFFF;
}

[data-md-color-scheme="blue"] {
  --md-primary-fg-color:        #1D89F1;
  --md-primary-fg-color--light: #1D89F1;
  --md-primary-fg-color--dark:  #1D89F1;
}

[data-md-color-scheme="black"] {
  --md-primary-fg-color:        #000000;
  --md-primary-fg-color--light: #000000;
  --md-primary-fg-color--dark:  #000000;
}

[data-md-color-scheme="green"] {
  --md-primary-fg-color:        #43A446;
  --md-primary-fg-color--light: #43A446;
  --md-primary-fg-color--dark:  #43A446;
}

[data-md-color-scheme="red"] {
  --md-primary-fg-color:        #ED4B48;
  --md-primary-fg-color--light: #ED4B48;
  --md-primary-fg-color--dark:  #ED4B48;
}

[data-md-color-scheme="deep orange"] {
  --md-primary-fg-color:        #FF633A;
  --md-primary-fg-color--light: #FF633A;
  --md-primary-fg-color--dark:  #FF633A;
}

[data-md-color-scheme="teal"] {
  --md-primary-fg-color:        #00897A;
  --md-primary-fg-color--light: #00897A;
  --md-primary-fg-color--dark:  #00897A;
}

[data-md-color-scheme="02pink"] {
  --md-primary-fg-color:        #FF989A;
  --md-primary-fg-color--light: #FF989A;
  --md-primary-fg-color--dark:  #FF989A;
}

[data-md-color-scheme="grey"] {
  --md-primary-fg-color:        #6A6A6A;
  --md-primary-fg-color--light: #6A6A6A;
  --md-primary-fg-color--dark:  #6A6A6A;
}

[data-md-color-scheme="blue grey"] {
  --md-primary-fg-color:        #4A626D;
  --md-primary-fg-color--light: #4A626D;
  --md-primary-fg-color--dark:  #4A626D;
}

[data-md-color-scheme="deep purple"] {
  --md-primary-fg-color:        #734CBA;
  --md-primary-fg-color--light: #734CBA;
  --md-primary-fg-color--dark:  #734CBA;
}

:root {
  --md-tooltip-width: 600px;
}