:root {
    --blue-dark: rgb(0,54,114); /*#003672*/
    --blue-medium: rgb(18,96,170); /*#1260AA*/
    --blue-brand: rgb(0,84,164); /*#0054A4*/ /*background for top menu and footer and buttons and links*/
    --blue-light: rgb(28,103,174); /*#1C67AE*/ /* Use this for Sucess message */
    --blue-shade: rgb(226,239,250); /*#e2effa*/ /*for grid row hover*/
    --red-dark: rgb(196,19,42); /*#C4132A*/
    --red-brand: rgb(237,27,52); /**/ /* Use this for PET menu and footer background! */
    --red-medium: rgb(244,67,54); /**/ /* Use this for Errors! */
    --gray-dark: #44464B; 
    --gray-brand: #66676B;
    --gray-border: rgb(198,199,204); /* for text and dropdown elements*/
    --gray-light: #E6E6E6;
    --gray-lightest: #F2F2F2;
    --white-brand: #FFFFFF;
    --black-brand: #262626; /* This is the black used for the font as well */
    --border-input-primary: solid 1px var(--gray-border);
    --border-input-focus: 0 0 7px 2px rgb(29,134,255); /*#1d87ff*/
    --border-secondary: solid 2px var(--gray-brand);
    --margin-primary: 1rem;
    --green-brand: #1FA62D; /* Use this for Sucess! */
}

@media print {

    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
}