/* Setting Variable to use on repeated attribute */
:root {
    --black: #000000;
    --white: #fff;
    --dark: #333333;
    --light: #CFCFCF;
    --red: rgb(160, 118, 180);
    --focus-invalid: #dc3545;
    --focus-valid: #198754;
    --focus-red: rgb(160, 118, 180);
    /*--focus-red: #9D1C15;*/
    --focus-bg: #FFDD00;
    --focus-text: #0b0c0c;
    --focus-white: 0 0 0 0.125rem var(--light);
    --focus-dark: 0 0 0 0.125rem var(--dark);
    --focus-rb: 0 0 0 0.125rem var(--red);
    --error: var(--red);
    --error-border: var(--red);
    --border-darker: #707070;
    --close-outline: #333;
    /* bpo webchat */
    --bpo-botTitleBar: var(--red);
    --bpo-esColorBackgroundInverse: #ffffff;
    --bpo-sidebarWidth: 360px;
    --bpo-sidebarHeight: 498px;
}

.header-slim {
    height: 9em;
    background-image: url(../images/bporespect-bg02.jpg);
    background-position: 50% 47%;
    background-size: cover;
}