/* Minification failed. Returning unminified contents.
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font-size'
(122,21): run-time error CSS1039: Token not allowed after unary operator: '-h1-font-size'
(127,21): run-time error CSS1039: Token not allowed after unary operator: '-h2-font-size'
(132,21): run-time error CSS1039: Token not allowed after unary operator: '-h3-font-size'
(137,21): run-time error CSS1039: Token not allowed after unary operator: '-h4-font-size'
(142,21): run-time error CSS1039: Token not allowed after unary operator: '-h5-font-size'
(147,21): run-time error CSS1039: Token not allowed after unary operator: '-h6-font-size'
(169,21): run-time error CSS1039: Token not allowed after unary operator: '-container-padding'
(174,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font-size'
 */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v18/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPa7g.ttf) format('truetype')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v18/6xK3dSBYKcSV-LCoeQqfX1RYOo3aPw.ttf) format('truetype')
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v18/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vAkA.ttf) format('truetype')
}

*, *::before, *::after {
    box-sizing: border-box
}

button, input, select, textarea {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

textarea {
    overflow: auto
}

button {
    border-radius: 0
}

em, strong {
    font-weight: 700
}

small {
    font-size: 80%
}

:root {
    --global-font-size: 1.6rem;
    --h1-font-size: 3.2rem;
    --h2-font-size: 2.8rem;
    --h3-font-size: 2.4rem;
    --h4-font-size: 2rem;
    --h5-font-size: 1.8rem;
    --h6-font-size: 1.6rem;
    --container-padding: 120px
}

@media only screen and (max-width:1608px) {
    :root {
        --container-padding: 84px
    }
}

@media only screen and (max-width:1260px) {
    :root {
        --global-font-size: 1.4rem;
        --h1-font-size: 2.8rem;
        --h2-font-size: 2.4rem;
        --h3-font-size: 2rem;
        --h4-font-size: 1.8rem;
        --h5-font-size: 1.6rem;
        --h6-font-size: 1.4rem;
        --container-padding: 60px
    }
}

@media only screen and (max-width:984px) {
    :root {
        --h1-font-size: 2.4rem;
        --h2-font-size: 2.2rem
    }
}

@media only screen and (max-width:744px) {
    :root {
        --container-padding: 24px
    }
}

html, body {
    margin: 0;
    padding: 0
}

html {
    font-size: 62.5%
}

body {
    font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
    font-size: var(--global-font-size);
    font-weight: 400;
    font-style: normal;
    color: #3b3b3b;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
    font-weight: 700;
    line-height: 1.3
}

h1 {
    font-size: var(--h1-font-size);
    margin: 18px 0
}

h2 {
    font-size: var(--h2-font-size);
    margin: 18px 0
}

h3 {
    font-size: var(--h3-font-size);
    margin: 18px 0
}

h4 {
    font-size: var(--h4-font-size);
    margin: 12px 0
}

h5 {
    font-size: var(--h5-font-size);
    margin: 12px 0
}

h6 {
    font-size: var(--h6-font-size);
    margin: 12px 0
}

p {
    margin: 0 0 12px 0
}

a {
    color: #007bff;
    text-decoration: none
}

    a:hover, a:focus {
        color: #0062cc;
        text-decoration: underline
    }

.doc-container {
    max-width: 1968px;
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--container-padding)
}

.doc-btn {
    display: inline-block;
    font-size: var(--global-font-size);
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 6px 12px;
    text-decoration: none !important;
    line-height: 1.6;
    border-radius: 4px;
    transition: background-color 240ms ease-in-out,color 240ms ease-in-out,border-color 240ms ease-in-out
}

.doc-btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff
}

    .doc-btn-primary:hover, .doc-btn-primary:focus, .doc-btn-primary:active, .doc-btn-primary:active:hover, .doc-btn-primary:active:focus {
        background-color: #0062cc;
        border-color: #0062cc;
        color: #fff
    }

.doc-wrapper {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1
}

@media only screen and (max-width:744px) {
    .doc-wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        height: 100vh
    }
}

.doc-header {
    position: relative;
    display: block;
    height: 72px;
    width: 100%;
    background-color: #012d46;
    z-index: 100
}

    .doc-header .doc-container {
        height: 100%
    }

.doc-header-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 100%
}

.doc-header-left, .doc-header-right {
    display: block
}

.doc-header-logo {
    display: block
}

    .doc-header-logo a {
        display: block;
        text-decoration: none !important
    }

.doc-header-logo-background {
    display: block;
    height: 30px;
    width: 60px;
    background-image: url('Images/Q2C-PORTAL-Logo-neg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.doc-header-menu {
    display: block
}

    .doc-header-menu ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        margin: 0;
        padding: 0
    }

        .doc-header-menu ul li {
            list-style: none;
            margin: 0 36px 0 0;
            padding: 0
        }

            .doc-header-menu ul li:last-child {
                margin: 0
            }

            .doc-header-menu ul li a {
                display: block;
                font-weight: 700;
                color: #fff;
                opacity: 1;
                text-decoration: none !important;
                transition: opacity 240ms ease-in-out
            }

                .doc-header-menu ul li a:hover, .doc-header-menu ul li a:focus {
                    color: #fff;
                    opacity: .75
                }

@media only screen and (max-width:1260px) {
    .doc-header-menu ul li {
        margin: 0 24px 0 0
    }
}

@media only screen and (max-width:744px) {
    .doc-header {
        flex-shrink: 0
    }
}

.doc-content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    position: relative;
    min-height: calc(100vh - 144px);
    width: 100%
}

@media only screen and (max-width:744px) {
    .doc-content {
        flex: 1;
        min-height: inherit
    }
}

.doc-about {
    position: relative;
    display: block;
    width: 100%;
    padding: 72px 0;
    z-index: 1
}

.doc-about-grid {
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 0 auto
}

.doc-about-logo {
    display: block;
    width: 100%;
    padding-bottom: 15%;
    background-image: url(Images/Q2C-PORTAL-Logo-pos.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.doc-about-text {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    margin: 24px 0 0 0;
    padding: 24px 0 0 0
}

    .doc-about-text::before {
        content: "";
        position: absolute;
        top: 0;
        left: calc(50% - 9px);
        height: 1px;
        width: 18px;
        background-color: #3b3b3b
    }

    .doc-about-text h5 {
        margin: 0
    }

    .doc-about-text p {
        line-height: 1.3;
        margin: 0
    }

        .doc-about-text p small {
            text-transform: uppercase
        }

.doc-maintenance {
    position: relative;
    display: block;
    width: 100%;
    padding: 72px 0;
    z-index: 1
}

.doc-maintenance-grid {
    display: block;
    width: 100%
}

.doc-maintenance-text {
    display: block;
    width: 100%
}

    .doc-maintenance-text h1 {
        margin: 0 0 24px 0
    }

    .doc-maintenance-text .doc-maintenance-text-item:last-child {
        margin: 0
    }

.doc-maintenance-text-item {
    display: block;
    width: 100%;
    margin: 0 0 24px 0
}

    .doc-maintenance-text-item h4 {
        margin: 0
    }

.doc-maintenance-text-item-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

    .doc-maintenance-text-item-buttons .doc-btn {
        display: block;
        margin: 12px 12px 0 0
    }

.doc-footer {
    position: relative;
    display: block;
    height: 72px;
    width: 100%;
    border-top: 1px solid #ccc;
    z-index: 1
}

    .doc-footer .doc-container {
        height: 100%
    }

.doc-footer-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    width: 100%
}

.doc-footer-text {
    display: block;
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.3
}

    .doc-footer-text p:last-of-type {
        margin: 0
    }

    .doc-footer-text p small {
        text-transform: uppercase
    }

@media only screen and (max-width:744px) {
    .doc-footer {
        height: auto;
        padding: 18px 0
    }
}