/* Pawsecure - Dev */
@charset 'utf-8';
/*@import 'https://fonts.googleapis.com/css?family=Hind';*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Source+Sans+Pro&display=swap');

:root {
    
    --spacing-xsm: 5px;
    --spacing-sm: 10px;
    --spacing-med: 20px;
    --spacing-lg: 30px;

    --canvas-color: #e2f0f9;
    --content-color: #808080;
    --module-color: #ffffff;
    --link-color: #1e70dc;
    --highlight-color-1: #df4c73;
        --highlight-color-1-light: #ef7098;
        --highlight-color-1-dark: #c12958;
        --highlight-color-1-foreground: #ffffff;
    --highlight-color-2: #296fb4;
        --highlight-color-2-light: #ef7098;
        --highlight-color-2-dark: #c12958;
        --highlight-color-2-foreground: #ffffff;
    --highlight-color-3: #e2f0f9;
        --highlight-color-3-light: #f0f7fc;
        --highlight-color-3-dark: #939ca2;
        --highlight-color-3-foreground: #808080;
    --highlight-color-4: #b0dde4;
    --highlight-color-5: #1e70dc;
    --highlight-color-6: #e5f0ff;

    --highlight-primary-color: #1e70dc;
    --highlight-primary-color-body: #ffffff;
    --highlight-primary-color-selected: #e5f0ff;
  

    --color-background: #e2f0f9;
    --color-background-2: #f5f5f5;
    --color-canvas: #ffffff;
    --color-content: #505050;
        --color-content2: #7c7c7c;
    --color-content-light: #ffffff;
    --color-disabled: #a5a5a5;

    --color-divide-1: #d5d5d5;
    --color-divide-2: #ebebeb;
    --color-divide-3: #bfbfbf;

    --color-brand-primary: #1e70dc;

    --color-highlight-1: #df4c73;
        --color-highlight-1a: #ef7098;
        --color-highlight-1b: #c12958;
    --color-highlight-2: #1e70dc;
        --color-highlight-2a: #e5f0ff;
        --color-highlight-2b: #104c99;

    --color-ok: #32e664;
    --color-ok-accent-lt: #cbf8d8;
    --color-ok-accent-dk: #1ca336;
    
    --color-group-1-background: #f2f7f8;
    --color-group-1-border: #00667f;
    --color-group-1-content: #00667f;

    --color-status-ok: #32e664;
        --color-status-ok-lt: #cbf8d8;
        --color-status-ok-dk: #1ca336;
    --color-status-warn: #ff9f00;
        --color-status-warn-lt: #ffeccc;
        --color-status-warn-dk: #ff7900;
    --color-status-error: #d62952;
        --color-status-error-lt: #ffe8e8;
        --color-status-error-dk: #d62952;
    --color-status-pet-alert: #d62952;
        --color-status-pet-alert-lt: #ffe8e8;
        --color-status-pet-alert-dk: #d62952;

    --color-warn: #f15c67;
    --color-warn-accent-lt: #ffe8e8;
    --color-warn-accent-dk: #d62952;
    
    --corner-radius-panel: 10px;
    --corner-radius-small: .25em;
    --corner-radius-button: 1.5em;

    --separator-color-1: #bfbfbf;
    --separator-color-2: #ebebeb;
    --separator-color-3: #dddddd;

    --size-sm: 10px;
    --size-med: 20px;
    --size-lg: 30px;
    --size-xlg: 40px;
    
    --size-min-viewport: 320px;

    --size-font-a: 8pt;
    --size-font-b: 9pt;
    --size-font-c: 10pt;
    --size-font-d: 11pt;
    --size-font-e: 12pt;
    --size-font-f: 13pt;
    --size-font-g: 14pt;
    --size-font-h: 15pt;
    --size-font-i: 18pt;
    --size-font-j: 18pt;
    --size-font-p: 18pt;
    --size-font-q: 20pt;
    --size-font-r: 23pt;
    --size-font-s: 30pt;
    --size-font-t: 40pt;
    --size-font-u: 50pt;

    --size-content-width: 1050px;
    --size-portal-width: 1350px;
    --size-header-height: 45px;

    --section-color-a: #fff;

}