/*
 * Overall Styling.
 */

:root {

  /*
   * Light definitions
   */

  /*
   * Checkpoint base definitions
   */

  --checkpoint-light-primary-palette-1000: #063835;
  --checkpoint-light-primary-palette-900: #084F4B;
  --checkpoint-light-primary-palette-800: #066B69;
  --checkpoint-light-primary-palette-700: #027B7A;
  --checkpoint-light-primary-palette-600: #008B8B;
  --checkpoint-light-primary-palette-500: #009899;
  --checkpoint-light-primary-palette-400: #26A8AB;
  --checkpoint-light-primary-palette-300: #4EB7BB;
  --checkpoint-light-primary-palette-200: #82CCD0;
  --checkpoint-light-primary-palette-100: #B3DFE2;
  --checkpoint-light-primary-palette-050: #E1F2F4;

  --checkpoint-light-secondary-palette-1000: #003366;
  --checkpoint-light-secondary-palette-900: #0046BB;
  --checkpoint-light-secondary-palette-800: #1062AA;
  --checkpoint-light-secondary-palette-700: #1873BC;
  --checkpoint-light-secondary-palette-600: #2284CE;
  --checkpoint-light-secondary-palette-500: #2A91DA;
  --checkpoint-light-secondary-palette-400: #48A0DF;
  --checkpoint-light-secondary-palette-300: #67B1E3;
  --checkpoint-light-secondary-palette-200: #90C7EC;
  --checkpoint-light-secondary-palette-100: #BADCF3;
  --checkpoint-light-secondary-palette-050: #E3F1FA;

  --checkpoint-light-tertiary-palette-1000: #1C252E;
  --checkpoint-light-tertiary-palette-900: #2C3947;
  --checkpoint-light-tertiary-palette-800: #344758;
  --checkpoint-light-tertiary-palette-700: #3B5269;
  --checkpoint-light-tertiary-palette-600: #486581;
  --checkpoint-light-tertiary-palette-500: #5B7E9C;
  --checkpoint-light-tertiary-palette-400: #7C9BB4;
  --checkpoint-light-tertiary-palette-300: #AABDCF;
  --checkpoint-light-tertiary-palette-200: #D2DCE5;
  --checkpoint-light-tertiary-palette-100: #EBEFF3;
  --checkpoint-light-tertiary-palette-050: #F5F7FA;

  --checkpoint-light-neutral-palette-1000: #000000;
  --checkpoint-light-neutral-palette-900: #333333;
  --checkpoint-light-neutral-palette-800: #404040;
  --checkpoint-light-neutral-palette-700: #818181;
  --checkpoint-light-neutral-palette-600: #9E9E9E;
  --checkpoint-light-neutral-palette-500: #C5C5C5;
  --checkpoint-light-neutral-palette-400: #E1E1E1;
  --checkpoint-light-neutral-palette-300: #F5F5F5;
  --checkpoint-light-neutral-palette-200: #FAFAFA;
  --checkpoint-light-neutral-palette-100: #FFFFFF;
 
  /* also used for Success */
  --checkpoint-light-positive-main: #3BAB35;
  --checkpoint-light-positive-surface: #E2F8E0;
  --checkpoint-light-positive-border: #CAEDC7;
  --checkpoint-light-positive-pressed: #277223;
  --checkpoint-light-positive-hover: #40CB38;

  /* also used for Error */
  --checkpoint-light-negative-main: #DB1F22;
  --checkpoint-light-negative-surface: #FFEDED;
  --checkpoint-light-negative-border: #F3D1D1;
  --checkpoint-light-negative-pressed: #BC1215;
  --checkpoint-light-negative-hover: #FF0000;

  /* also used for Warning */
  --checkpoint-light-notice-main: #FB7E09;
  --checkpoint-light-notice-surface: #FFF4E5;
  --checkpoint-light-notice-border: #F2DDC9;
  --checkpoint-light-notice-pressed: #C46602;
  --checkpoint-light-notice-hover: #FF9029;

  /* also used for Extra */
  --checkpoint-light-caution-main: #F9C81B;
  --checkpoint-light-caution-surface: #FFFBDD;
  --checkpoint-light-caution-border: #FCDB48;
  --checkpoint-light-caution-pressed: #946206;
  --checkpoint-light-caution-hover: #FFB300;

  --checkpoint-light-informative-main: #48A0DF;
  --checkpoint-light-informative-surface: #E3F1FA;
  --checkpoint-light-informative-border: #BADCF3;
  --checkpoint-light-informative-pressed: #00468B;
  --checkpoint-light-informative-hover: #43B1FF;


  /*
   * Checkpoint color roles
   */
  --checkpoint-light-primary: var(--checkpoint-light-primary-palette-700);
  --checkpoint-light-on-primary: var(--checkpoint-light-neutral-palette-100);
  --checkpoint-light-primary-hover: var(--checkpoint-light-primary-palette-900);
  --checkpoint-light-primary-pressed: var(--checkpoint-light-primary-palette-500);

  --checkpoint-light-secondary: var(--checkpoint-light-secondary-palette-900);
  --checkpoint-light-on-secondary: var(--checkpoint-light-neutral-palette-100);
  --checkpoint-light-secondary-hover: var(--checkpoint-light-secondary-palette-1000);
  --checkpoint-light-secondary-pressed: var(--checkpoint-light-secondary-palette-500);

  --checkpoint-light-tertiary: var(--checkpoint-light-tertiary-palette-800);
  --checkpoint-light-on-tertiary: var(--checkpoint-light-neutral-palette-100);

  --checkpoint-light-positive: var(--checkpoint-light-positive-pressed);
  --checkpoint-light-on-positive: var(--checkpoint-light-neutral-palette-100);
  --checkpoint-light-negative: var(--checkpoint-light-negative-main);
  --checkpoint-light-on-negative: var(--checkpoint-light-neutral-palette-100);
  --checkpoint-light-notice: var(--checkpoint-light-notice-main);
  --checkpoint-light-on-notice: var(--checkpoint-light-neutral-palette-1000);
  --checkpoint-light-caution: var(--checkpoint-light-caution-main);
  --checkpoint-light-on-caution: var(--checkpoint-light-neutral-palette-1000);

  --checkpoint-light-disabled: var(--checkpoint-light-neutral-palette-500);
  --checkpoint-light-on-disabled: var(--checkpoint-light-neutral-palette-1000);
  
  --checkpoint-light-primary-container: var(--checkpoint-light-primary-palette-050);
  --checkpoint-light-on-primary-container: var(--checkpoint-light-primary-palette-800);
  --checkpoint-light-secondary-container: var(--checkpoint-light-informative-surface);
  --checkpoint-light-on-secondary-container: var(--checkpoint-light-secondary-palette-900);
  --checkpoint-light-tertiary-container: var(--checkpoint-light-tertiary-palette-100);
  --checkpoint-light-on-tertiary-container: var(--checkpoint-light-tertiary-palette-900);

  --checkpoint-light-positive-container: var(--checkpoint-light-positive-surface);
  --checkpoint-light-on-positive-container: var(--checkpoint-light-positive-pressed);
  --checkpoint-light-negative-container: var(--checkpoint-light-negative-surface);
  --checkpoint-light-on-negative-container: var(--checkpoint-light-negative-pressed);
  --checkpoint-light-notice-container: var(--checkpoint-light-notice-surface);
  --checkpoint-light-on-notice-container: var(--checkpoint-light-notice-pressed);
  --checkpoint-light-caution-container: var(--checkpoint-light-caution-surface);
  --checkpoint-light-on-caution-container: var(--checkpoint-light-caution-pressed);




  /*
   * Dark definitions
   */

  --checkpoint-dark-primary-palette-1000: #CBF1EE;
  --checkpoint-dark-primary-palette-900: #BFF8F5;
  --checkpoint-dark-primary-palette-800: #9DE6E4;
  --checkpoint-dark-primary-palette-700: #87D4D4;
  --checkpoint-dark-primary-palette-600: #73C1C1;
  --checkpoint-dark-primary-palette-500: #55BaBB;
  --checkpoint-dark-primary-palette-400: #3D9DA0;
  --checkpoint-dark-primary-palette-300: #317F82;
  --checkpoint-dark-primary-palette-200: #266668;
  --checkpoint-dark-primary-palette-100: #215454;
  --checkpoint-dark-primary-palette-050: #1E5050;

  --checkpoint-dark-secondary-palette-1000: #E6F0FF;
  --checkpoint-dark-secondary-palette-900: #BBDFFF;
  --checkpoint-dark-secondary-palette-800: #91C8F0;
  --checkpoint-dark-secondary-palette-700: #6EAFDC;
  --checkpoint-dark-secondary-palette-600: #579FCE;
  --checkpoint-dark-secondary-palette-500: #448EC1;
  --checkpoint-dark-secondary-palette-400: #3979A6;
  --checkpoint-dark-secondary-palette-300: #2D658A;
  --checkpoint-dark-secondary-palette-200: #22516F;
  --checkpoint-dark-secondary-palette-100: #1A3E56;
  --checkpoint-dark-secondary-palette-050: #132B3D;

  --checkpoint-dark-tertiary-palette-1000: #DCDEE0;
  --checkpoint-dark-tertiary-palette-900: #AAAFB4;
  --checkpoint-dark-tertiary-palette-800: #98A2AA;
  --checkpoint-dark-tertiary-palette-700: #7C8C9B;
  --checkpoint-dark-tertiary-palette-600: #5c7488;
  --checkpoint-dark-tertiary-palette-500: #456077;
  --checkpoint-dark-tertiary-palette-400: #384F64;
  --checkpoint-dark-tertiary-palette-300: #2F4153;
  --checkpoint-dark-tertiary-palette-200: #2C3C4A;
  --checkpoint-dark-tertiary-palette-100: #26313D;
  --checkpoint-dark-tertiary-palette-050: #1A222A;

  --checkpoint-dark-neutral-palette-1000: #FFFFFF;
  --checkpoint-dark-neutral-palette-900: #E5E6E6;
  --checkpoint-dark-neutral-palette-800: #CACCCD;
  --checkpoint-dark-neutral-palette-700: #B0B3B5;
  --checkpoint-dark-neutral-palette-600: #96999C;
  --checkpoint-dark-neutral-palette-500: #7B8083;
  --checkpoint-dark-neutral-palette-400: #61666A;
  --checkpoint-dark-neutral-palette-300: #474D52;
  --checkpoint-dark-neutral-palette-200: #2C3339;
  --checkpoint-dark-neutral-palette-100: #000000;


  /* also used for Success */
  --checkpoint-dark-positive-main: #3BAB35;
  --checkpoint-dark-positive-surface: #E2F8E0;
  --checkpoint-dark-positive-border: #CAEDC7;
  --checkpoint-dark-positive-pressed: #277223;
  --checkpoint-dark-positive-hover: #40CB38;

  /* also used for Error */
  --checkpoint-dark-negative-main: #DB1F22;
  --checkpoint-dark-negative-surface: #FFEDED;
  --checkpoint-dark-negative-border: #F3D1D1;
  --checkpoint-dark-negative-pressed: #BC1215;
  --checkpoint-dark-negative-hover: #FF0000;

  /* also used for Warning */
  --checkpoint-dark-notice-main: #FB7E09;
  --checkpoint-dark-notice-surface: #FFF4E5;
  --checkpoint-dark-notice-border: #F2DDC9;
  --checkpoint-dark-notice-pressed: #C46602;
  --checkpoint-dark-notice-hover: #FF9029;

  /* also used for Extra */
  --checkpoint-dark-caution-main: #F9C81B;
  --checkpoint-dark-caution-surface: #FFFBDD;
  --checkpoint-dark-caution-border: #FCDB48;
  --checkpoint-dark-caution-pressed: #946206;
  --checkpoint-dark-caution-hover: #FFB300;

  --checkpoint-dark-informative-main: #48A0DF;
  --checkpoint-dark-informative-surface: #E3F1FA;
  --checkpoint-dark-informative-border: #BADCF3;
  --checkpoint-dark-informative-pressed: #00468B;
  --checkpoint-dark-informative-hover: #43B1FF;

    /*
   * Checkpoint color roles
   */
  --checkpoint-dark-primary: var(--checkpoint-dark-primary-palette-500);
  --checkpoint-dark-on-primary: var(--checkpoint-dark-neutral-palette-100);
  --checkpoint-dark-primary-hover: var(--checkpoint-dark-primary-palette-900);
  --checkpoint-dark-primary-pressed: var(--checkpoint-dark-primary-palette-500);

  --checkpoint-dark-secondary: var(--checkpoint-dark-secondary-palette-900);
  --checkpoint-dark-on-secondary: var(--checkpoint-dark-neutral-palette-100);
  --checkpoint-dark-secondary-hover: var(--checkpoint-dark-secondary-palette-1000);
  --checkpoint-dark-secondary-pressed: var(--checkpoint-dark-secondary-palette-500);

  --checkpoint-dark-tertiary: var(--checkpoint-dark-tertiary-palette-600);
  --checkpoint-dark-on-tertiary: var(--checkpoint-dark-neutral-palette-1000);

  --checkpoint-dark-positive: var(--checkpoint-dark-positive-main);
  --checkpoint-dark-on-positive: var(--checkpoint-dark-neutral-palette-1000);
  --checkpoint-dark-negative: var(--checkpoint-dark-negative-main);
  --checkpoint-dark-on-negative: var(--checkpoint-dark-neutral-palette-100);
  --checkpoint-dark-notice: var(--checkpoint-dark-notice-main);
  --checkpoint-dark-on-notice: var(--checkpoint-dark-neutral-palette-100);
  --checkpoint-dark-caution: var(--checkpoint-dark-caution-main);
  --checkpoint-dark-on-caution: var(--checkpoint-dark-neutral-palette-100);

  --checkpoint-dark-disabled: var(--checkpoint-dark-neutral-palette-500);
  --checkpoint-dark-on-disabled: var(--checkpoint-dark-neutral-palette-1000);
  
  --checkpoint-dark-primary-container: var(--checkpoint-dark-primary-palette-050);
  --checkpoint-dark-on-primary-container: var(--checkpoint-dark-primary-palette-800);
  --checkpoint-dark-secondary-container: var(--checkpoint-dark-informative-surface);
  --checkpoint-dark-on-secondary-container: var(--checkpoint-dark-secondary-palette-900);
  --checkpoint-dark-tertiary-container: var(--checkpoint-dark-tertiary-palette-100);
  --checkpoint-dark-on-tertiary-container: var(--checkpoint-dark-tertiary-palette-900);

  --checkpoint-dark-positive-container: var(--checkpoint-dark-positive-surface);
  --checkpoint-dark-on-positive-container: var(--checkpoint-dark-positive-hover);
  --checkpoint-dark-negative-container: var(--checkpoint-dark-negative-surface);
  --checkpoint-dark-on-negative-container: var(--checkpoint-dark-negative-main);
  --checkpoint-dark-notice-container: var(--checkpoint-dark-notice-surface);
  --checkpoint-dark-on-notice-container: var(--checkpoint-dark-notice-main);
  --checkpoint-dark-caution-container: var(--checkpoint-dark-caution-surface);
  --checkpoint-dark-on-caution-container: var(--checkpoint-dark-caution-main);  



  /*
   * Obsolete
   */
  --checkpoint-black: #2C3947;
  --checkpoint-red: #AE153C;
  --checkpoint-beige: rgb(243, 239, 228);
  --checkpoint-dark-beige: #AC9362;
  --checkpoint-dark-gray: rgb(141, 159, 176);
  --checkpoint-gray: rgb(44, 57, 71);
  --checkpoint-light-gray: rgb(212, 214, 216);

  --eagile-black: #000000;
  --eagile-white: #FFFFFF;
  --eagile-blue: #1B3F9F;
  --eagile-dark-blue: #123CA5;

  /*
   * App definitions
   */
  --at-disabled-bg: #606060;
  --at-disabled-color: #D0D0D0;

}

body {
  /*font-size: 1.06rem;*/
  :focus {
    border-color: var(--checkpoint-light-informative-hover);
    box-shadow: 0 0 0 0.25rem var(--checkpoint-light-informative-border);
  }
  
}

/*
 * Header Styling
 */

.at-header-container {
  height: 60px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
}

.at-header-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: center;
  vertical-align:middle;
  height: 60px;
}

.at-header-item {
  color: var(--checkpoint-light-secondary);
  vertical-align: middle;
}

div .at-header-site-title h1 {
  font-size: 2.5rem;
  font-weight: 500;
}

div .at-danger-superuser {
  background-color: var(--checkpoint-light-negative-surface);
  color: var(--checkpoint-light-negative-main);
  border: 1px solid var(--checkpoint-light-negative-pressed);
  border-radius: 0.375rem;
  width: 100%;
  font-size: 1.25rem;
  font-weight: 300;
  text-align: center;
  margin-bottom: 2px;
}

div .at-danger-superuser-item {
  color: var(--checkpoint-light-negative-main);
  width: 100%;
  font-size: 1.25rem;
  font-weight: 300;
  text-align: center;
}