@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

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

html,
body,
div,
span,
object,
iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;
    -webkit-text-size-adjust: none
}

footer, header, nav, section, main {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

input {
    border-radius: 0
}

button {
    -webkit-appearance: none;
    border-radius: 0
}

legend {
    padding: 0
}

body {
    color: #000;
    font-size: .875rem;
    line-height: 1rem;
    background-color: #fff;
    font-family: "Montserrat",Sans-Serif;
    padding: 0;
    z-index: 1
}

@media only screen and (max-width: 36rem) {
    body {
        font-size: .875rem
    }
}

body.noScroll {
    overflow: hidden
}

body.bg-grey {
    background-color: #fff
}

    body.bg-grey main {
        background-color: rgba(209,211,212,0.2)
    }

* {
    outline-style: none
}

.page-width {
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 1rem;
    position: relative
}

    .page-width.no-padding {
        padding: 0 0rem
    }

.text-align-left {
    text-align: left
}

.text-align-center {
    text-align: center
}

.text-align-right {
    text-align: right
}

p {
    line-height: 1.25rem;
    margin-bottom: 1.25rem
}

strong {
    font-weight: 800
}

small {
    font-size: 0.75rem
}

main {
    display: block;
    background-color: #fff
}

input, button, textarea, select {
    color: #000;
    font-size: .875rem;
    font-family: "Montserrat",Sans-Serif;
    -webkit-tap-highlight-color: transparent
}

.custom-link {
    color: #003c71;
    text-decoration: underline;
}

@media only screen and (max-width: 36rem) {
    input, button, textarea, select {
        font-size: .875rem
    }
}

.clearfix::after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden
}

ul.list-default {
    margin: 0 0 1.5rem 1.5rem;
    padding: 0;
    list-style: disc
}

    ul.list-default li {
        line-height: 1.5rem;
        margin-bottom: 0.5rem
    }

ol {
    counter-reset: item
}

    ol li {
        display: block;
        line-height: 1.25rem;
        margin-top: 0.5rem
    }

        ol li:before {
            content: counters(item,".") " ";
            counter-increment: item
        }

        ol li ol {
            margin-left: 1rem
        }

            ol li ol ol {
                margin-left: 2rem
            }

                ol li ol ol ol {
                    margin-left: 3rem
                }

ul.list-reset {
    margin: 0;
    padding: 0;
    list-style: none
}

    ul.list-reset > li {
        display: block;
        line-height: 1.5rem
    }

ul.list-inline {
    font-size: 0
}

    ul.list-inline > li {
        display: inline-block;
        font-size: .875rem;
        vertical-align: top
    }

ul.list-inline-middle {
    font-size: 0
}

    ul.list-inline-middle > li {
        display: inline-block;
        font-size: .875rem;
        vertical-align: middle
    }

ul.list-condensed > li, ol.list-condensed > li {
    line-height: 1.25rem;
    margin-bottom: 0.25rem
}

.a11y-text {
    font-size: 1.25rem;
    font-weight: 600
}

abbr {
    text-decoration: none
}

a:link, a:visited {
    color: inherit
}

a:hover, a:focus {
    color: #003C71
}

@media only screen and (max-width: 36rem) {
    .hide-mobile {
        display: none !important
    }
}

.show-mobile-only {
    display: none
}

@media only screen and (max-width: 36rem) {
    .show-mobile-only {
        display: inline-block
    }
}

.show-responsive-only {
    display: none !important
}

@media only screen and (max-width: 36rem) {
    .show-responsive-only {
        display: inline-block !important
    }
}

@media only screen and (min-width: 36.0625rem) and (max-width: 56rem) {
    .show-responsive-only {
        display: inline-block !important
    }
}

.line-divider {
    height: 1px;
    background-color: rgba(0,0,0,0.1);
    display: block
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.page-title {
    font-size: 1.5rem;
    line-height: 2.0rem;
    font-weight: 700;
    position: relative;
    margin: 0rem 0rem
}

@media only screen and (min-width: 56.0625rem) {
    .page-title {
        font-size: 2rem;
        line-height: 2.25rem
    }
}

.page-title .course-code {
    opacity: .25;
    filter: alpha(opacity=25);
    font-weight: 500
}

    .page-title .course-code:before {
        content: ' ['
    }

    .page-title .course-code:after {
        content: ']'
    }

.page-title-icon {
    font-size: 2rem;
    line-height: 2.0rem;
    font-weight: 700;
    position: relative;
    margin: 0rem 0rem;
    margin-right: 0.5rem
}

@media only screen and (min-width: 56.0625rem) {
    .page-title-icon {
        font-size: 2.25rem;
        line-height: 2.25rem
    }
}

.body-title {
    color: #003C71;
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.25rem;
    padding: 0.25rem 0
}

@media only screen and (max-width: 36rem) {
    .body-title {
        font-size: 1.0rem
    }
}

.body-title-icon {
    color: #003C71;
    display: block;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.75rem;
    margin-right: 0.25rem
}

@media only screen and (max-width: 36rem) {
    .body-title-icon {
        font-size: 1.25rem
    }
}

.dropdown-title {
    display: block;
    margin-right: 3rem;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem
}

@media only screen and (max-width: 36rem) {
    .dropdown-title {
        font-size: 1.0rem
    }
}

h2.content-title {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 0.5rem;
    padding: 0.25rem 0;
    color: #003C71
}

@media only screen and (max-width: 36rem) {
    h2.content-title {
        font-size: 1.5rem
    }
}

h3.content-title {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
    padding: 0.25rem 0;
    color: #003C71
}

@media only screen and (max-width: 36rem) {
    h3.content-title {
        font-size: 1.0rem
    }
}

.section-title {
    display: block;
    font-size: 1.0rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
    padding: 0.25rem 0
}

.spinned {
    font-size: 1rem;
    line-height: 1rem;
    margin: 0.5rem
}

    .spinned.spinit {
        animation-name: spin;
        animation-duration: 2000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear
    }


.section-icon {
    font-size: 2rem;
    line-height: 2rem;
    margin: 0.5rem
}

    .section-icon.success {
        color: #78BE20
    }

    .section-icon.warning {
        color: #F2A900
    }

    .section-icon.info {
        color: #0094E8
    }

    .section-icon.error {
        color: #CB2C30
    }

    .spinning {
        animation-name: spin;
        animation-duration: 2000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear
    }

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.btn-default {
    width: auto;
    background-color: transparent;
    position: relative;
    line-height: 1.5rem;
    margin: 0px;
    padding: calc(0.5rem - 1px) calc(1rem - 1px);
    overflow: visible;
    -webkit-appearance: none;
    display: inline-block;
    border: 0px solid;
    cursor: pointer;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    text-decoration: none;
    color: #003C71;
    white-space: nowrap;
    font-size: .875rem;
    border-style: solid;
    border-width: 1px;
    border-color: currentColor;
    border-radius: .375rem;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem
}

@media only screen and (max-width: 36rem) {
    .btn-default {
        font-size: .875rem
    }
}

.btn-default:hover {
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.btn-default:focus {
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.btn-default:active {
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.btn-default:disabled {
    color: #ccc !important;
    background-color: rgba(204,204,204,0.2) !important;
    border-color: rgba(204,204,204,0.2) !important;
    cursor: default !important
}

    .btn-default:disabled:hover, .btn-default:disabled:focus {
        box-shadow: 0 0 0 0px rgba(204,204,204,0.2) !important;
        border-color: rgba(204,204,204,0.2) !important;
        background-color: rgba(204,204,204,0.2) !important;
        color: #ccc !important
    }

.btn-default.btn-outline {
    border-width: 1px;
    border-style: solid;
    padding: calc(0.5rem - 1px) calc(1.0rem - 1px)
}

    .btn-default.btn-outline:hover, .btn-default.btn-outline:focus {
        box-shadow: 0 0 0 1px rgba(0,0,0,0.2)
    }

.btn-default.btn-navy {
    background-color: #003C71;
    color: #fff;
    border: 0px solid;
    padding: calc(0.5rem - 0px) calc(1rem - 0px);
    -webkit-transition: box-shadow 0.3s ease,background 0.3s ease;
    -moz-transition: box-shadow 0.3s ease,background 0.3s ease;
    -ms-transition: box-shadow 0.3s ease,background 0.3s ease;
    -o-transition: box-shadow 0.3s ease,background 0.3s ease;
    transition: box-shadow 0.3s ease,background 0.3s ease
}

    .btn-default.btn-navy:hover, .btn-default.btn-navy:focus {
        background-color: #003767;
        color: #fff;
        box-shadow: 0 0 0rem rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 0 0rem rgba(0,0,0,0.1);
        -moz-box-shadow: 0 0 0rem rgba(0,0,0,0.1)
    }

.btn-default.btn-red {
    background-color: #CB2C30;
    color: #fff;
    border: 0px solid;
    padding: calc(0.5rem - 0px) calc(1rem - 0px);
    -webkit-transition: box-shadow 0.3s ease,background 0.3s ease;
    -moz-transition: box-shadow 0.3s ease,background 0.3s ease;
    -ms-transition: box-shadow 0.3s ease,background 0.3s ease;
    -o-transition: box-shadow 0.3s ease,background 0.3s ease;
    transition: box-shadow 0.3s ease,background 0.3s ease
}

    .btn-default.btn-red:hover, .btn-default.btn-red:focus {
        background-color: #c32a2e;
        color: #fff;
        box-shadow: 0 0 0rem rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 0 0rem rgba(0,0,0,0.1);
        -moz-box-shadow: 0 0 0rem rgba(0,0,0,0.1)
    }

.btn-default.btn-grey {
    background-color: rgba(209,211,212,0.5);
    color: #000;
    border: 0px solid;
    padding: calc(0.5rem - 0px) calc(1rem - 0px);
    -webkit-transition: box-shadow 0.3s ease,background 0.3s ease;
    -moz-transition: box-shadow 0.3s ease,background 0.3s ease;
    -ms-transition: box-shadow 0.3s ease,background 0.3s ease;
    -o-transition: box-shadow 0.3s ease,background 0.3s ease;
    transition: box-shadow 0.3s ease,background 0.3s ease
}

    .btn-default.btn-grey:hover, .btn-default.btn-grey:focus {
        background-color: rgba(209,211,212,0.7);
        color: #000;
        box-shadow: 0 0 0rem rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 0 0rem rgba(0,0,0,0.1);
        -moz-box-shadow: 0 0 0rem rgba(0,0,0,0.1)
    }

.btn-default.btn-white-trans {
    background-color: rgba(255,255,255,0.2);
    color: #fff;
    border: 0px solid;
    padding: calc(0.5rem - 0px) calc(1rem - 0px)
}

    .btn-default.btn-white-trans:hover, .btn-default.btn-white-trans:focus {
        background-color: rgba(255,255,255,0.4);
        color: #fff
    }

.btn-default.btn-icon-only {
    padding: 0.5rem;
    border-radius: .375rem;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem
}

    .btn-default.btn-icon-only.btn-no-border {
        padding: 0.5rem
    }

    .btn-default.btn-icon-only .btn-text {
        font-size: 0;
        position: absolute
    }

.btn-default.btn-clear-all {
    padding: 0rem;
    border-radius: 0rem;
    -webkit-border-radius: 0rem;
    -moz-border-radius: 0rem
}

    .btn-default.btn-clear-all.btn-no-border {
        padding: 0rem
    }

.btn-default.btn-link {
    color: #003C71
}

    .btn-default.btn-link .btn-text {
        text-decoration: none
    }

    .btn-default.btn-link:hover .btn-text, .btn-default.btn-link:focus .btn-text {
        text-decoration: underline
    }

.btn-default.btn-no-border {
    border: 0;
    padding: 0.5rem 1rem
}

.btn-default.btn-no-horizontal-padding {
    padding-left: 0;
    padding-right: 0
}

.btn-default.btn-no-padding {
    padding: 0
}

.btn-default.btn-small {
    padding: 0.25rem 0.5rem
}

.btn-default.btn-form {
    padding: 0.5rem 1rem
}

.btn-default.btn-rounded {
    border-radius: 10rem;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem
}

.btn-default.btn-full-width {
    width: 100%;
    text-align: center
}

.btn-default.btn-table {
    padding: calc(0.25rem - 1px) calc(0.5rem - 1px)
}

    .btn-default.btn-table.btn-no-border {
        padding: 0.25rem 0.5rem
    }

.btn-default.btn-input {
    padding: calc(0.5rem - 1px) 0.5rem;
    border: 1px solid #808285;
    background-color: #fff
}

    .btn-default.btn-input:hover, .btn-default.btn-input:focus {
        border: 1px solid #4e4f51;
        box-shadow: 0 0 0px 2px rgba(78,79,81,0.1)
    }

    .btn-default.btn-input .btn-text {
        font-weight: 500
    }

.btn-default .btn-icon {
    position: relative;
    pointer-events: none;
    display: inline-block;
    vertical-align: top;
    color: inherit;
    line-height: 1.5rem
}

    .btn-default .btn-icon span, .btn-default .btn-icon i, .btn-default .btn-icon em {
        font-size: inherit;
        display: block;
        font-size: 1.5rem
    }

.btn-default .btn-text {
    line-height: 1.5rem;
    display: inline-block;
    font-weight: 500
}

    .btn-default .btn-text strong {
        font-weight: bold
    }

.btn-default .btn-icon-helper {
    position: relative;
    pointer-events: none;
    display: inline-block;
    vertical-align: top;
    color: inherit;
    line-height: 1.5rem
}

    .btn-default .btn-icon-helper span, .btn-default .btn-icon-helper i, .btn-default .btn-icon-helper em {
        font-size: inherit;
        display: block;
        font-size: 1.0rem;
        line-height: 1.5rem
    }

@media only screen and (max-width: 36rem) {
    .btn-default .btn-icon-helper span, .btn-default .btn-icon-helper i, .btn-default .btn-icon-helper em {
        font-size: .875rem
    }
}

.btn-default .btn-clicked {
    display: none;
    position: absolute;
    top: -100%;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    padding: 0.125rem 0.5rem;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    font-weight: 500;
    font-size: 0.75rem
}

.btn-default.btn-icon-left .btn-icon + .btn-text {
    margin-left: 0.5rem
}

.btn-default.btn-icon-right .btn-text + .btn-icon {
    margin-left: 0.5rem
}

.btn-default.event-clicked .btn-clicked {
    display: block
}

input.inputbox, select.inputbox {
    border: 0.0625rem solid #808285;
    color: #000;
    background-color: #fff;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    line-height: 1.5rem;
    padding: calc(0.5rem - 0.0625rem) 0.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-background-size: 0% auto;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    width: 100%;
    margin: 0;
    font-weight: 500
}

    input.inputbox:hover, input.inputbox:focus, select.inputbox:hover, select.inputbox:focus {
        border: 0.0625rem solid #4e4f51;
        box-shadow: 0 0 0px 2px rgba(78,79,81,0.1)
    }

    input.inputbox[readonly], select.inputbox[readonly] {
        border: 0.0625rem solid transparent;
        color: #000;
        box-shadow: 0 0 0px 0px rgba(78,79,81,0.1);
        padding-left: 0
    }

    input.inputbox[disabled], select.inputbox[disabled] {
        background-color: #f2f2f2;
        border: 0.0625rem solid #ccc;
        color: #666;
        cursor: default
    }

        input.inputbox[disabled]:hover, input.inputbox[disabled]:focus, select.inputbox[disabled]:hover, select.inputbox[disabled]:focus {
            border: 0.0625rem solid #fff;
            box-shadow: 0 0 0px 0px rgba(78,79,81,0.1)
        }

    input.inputbox.input-width-xs, select.inputbox.input-width-xs {
        width: 4em
    }

    input.inputbox.input-width-sm, select.inputbox.input-width-sm {
        width: 8em
    }

    input.inputbox.input-width-lg, select.inputbox.input-width-lg {
        width: 12em
    }

    input.inputbox.input-width-xl, select.inputbox.input-width-xl {
        width: 16em
    }

    input.inputbox.input-table, select.inputbox.input-table {
        line-height: 1.25rem;
        padding: calc(0.375rem - 0.0625rem) 0.375rem
    }

    input.inputbox.large, select.inputbox.large {
        font-weight: 500;
        font-size: 1.0rem;
        padding: calc(1rem - 0.0625rem) 1rem
    }

input[type='date'] {
    -webkit-appearance: none
}

input[type='number'] {
    -webkit-appearance: none
}

input[type='time'] {
    -webkit-appearance: none;
    padding: calc(0.5rem - 0.0625rem) 0.5rem calc(0.5rem - 0.0625rem) 0.5rem
}

select.inputbox {
    line-height: 1.5rem;
    margin: 0;
    padding: calc(0.5rem - 0.0625rem) 2rem calc(0.5rem - 0.0625rem) 0.5rem;
    background: #fff url("../images/select_dropdown.png") no-repeat;
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-padding-end: 2rem;
    -moz-padding-end: 2rem;
    -moz-background-size: 0% auto;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
    select.inputbox {
        background-image: url("../images/select_dropdown@2x.png");
        background-size: 20px 20px
    }
}

select.inputbox.inputbox-alt {
    border: 0px solid !important;
    background-color: rgba(0,0,0,0.05);
    padding: 0.5rem 1rem;
    -webkit-padding-end: 2rem;
    -moz-padding-end: 2rem
}

    select.inputbox.inputbox-alt:hover, select.inputbox.inputbox-alt:focus {
        border: 0px solid #4e4f51;
        box-shadow: 0 0 0px 2px rgba(78,79,81,0.1)
    }

select.inputbox.no-border {
    border: 0;
    padding: calc(0.75rem - 0px) 0rem;
    -webkit-padding-end: 2rem;
    -moz-padding-end: 2rem;
    font-weight: 500
}

    select.inputbox.no-border.inputbox-small {
        padding: calc(0.5rem - 0px) 0rem;
        -webkit-padding-end: 2rem;
        -moz-padding-end: 2rem
    }

select.inputbox.no-dropdown-icon {
    background-image: none !important;
    -webkit-padding-end: 0.5rem;
    -moz-padding-end: 0.5rem
}

select.inputbox.input-table {
    line-height: 1.25rem;
    padding: calc(0.375rem - 0.0625rem) 2rem calc(0.375rem - 0.0625rem) 0.25rem
}

select.inputbox.no-bg {
    background-color: transparent
}

    select.inputbox.no-bg:hover, select.inputbox.no-bg:focus {
        border: 0px solid #4e4f51;
        box-shadow: 0 0 0px 0px rgba(78,79,81,0.1)
    }

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

select::-ms-expand {
    display: none;
    text-indent: 0.01px;
    text-overflow: ''
}

select::-moz-focus-inner {
    padding: 0;
    border: 0;
    margin: 0px;
    background-image: none !important
}

textarea.inputbox {
    border: 0.0625rem solid #808285;
    color: #000;
    background-color: #fff;
    border-radius: 0rem;
    -webkit-border-radius: 0rem;
    -moz-border-radius: 0rem;
    width: 100%;
    padding: calc(0.5rem - 0.0625rem) 1rem
}

    textarea.inputbox:hover, textarea.inputbox:focus {
        border: 0.0625rem solid #4e4f51;
        outline: 2px solid rgba(78,79,81,0.1)
    }

.status-error .inputbox {
    border-color: #CB2C30 !important
}

label.form-checkbox-label {
    display: block;
    position: relative;
    cursor: pointer
}

    label.form-checkbox-label input[type="checkbox"]:checked, label.form-checkbox-label input[type="checkbox"]:not(:checked) {
        position: absolute;
        left: -9999px
    }

        label.form-checkbox-label input[type="checkbox"]:checked:hover + .form-checkbox-label-text:before, label.form-checkbox-label input[type="checkbox"]:checked:focus + .form-checkbox-label-text:before, label.form-checkbox-label input[type="checkbox"]:not(:checked):hover + .form-checkbox-label-text:before, label.form-checkbox-label input[type="checkbox"]:not(:checked):focus + .form-checkbox-label-text:before {
            border-color: #4e4f51;
            box-shadow: 0 0 0 2px rgba(78,79,81,0.1)
        }

    label.form-checkbox-label input[type="checkbox"]:disabled:checked, label.form-checkbox-label input[type="checkbox"]:disabled:not(:checked) {
        position: absolute;
        left: -9999px
    }

        label.form-checkbox-label input[type="checkbox"]:disabled:checked:hover + .form-checkbox-label-text:before, label.form-checkbox-label input[type="checkbox"]:disabled:checked:focus + .form-checkbox-label-text:before, label.form-checkbox-label input[type="checkbox"]:disabled:not(:checked):hover + .form-checkbox-label-text:before, label.form-checkbox-label input[type="checkbox"]:disabled:not(:checked):focus + .form-checkbox-label-text:before {
            box-shadow: 0 0 0 0px rgba(0,148,232,0.2)
        }

    label.form-checkbox-label .form-checkbox-label-text {
        display: block;
        line-height: 1.5rem;
        position: relative;
        padding: 0.25rem 0 0.25rem 2rem;
        font-size: .875rem
    }

@media only screen and (max-width: 36rem) {
    label.form-checkbox-label .form-checkbox-label-text {
        font-size: .875rem
    }
}

label.form-checkbox-label .form-checkbox-label-text:before {
    content: '';
    height: 1.25rem;
    width: 1.25rem;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    position: absolute;
    left: 0;
    top: 0.375rem;
    z-index: 0;
    border: 1px solid #808285;
    background-color: #fff
}

label.form-checkbox-label .form-checkbox-label-text:after {
    content: '';
    display: block;
    position: absolute;
    top: 0.625rem;
    left: 0.45rem;
    width: 0.375rem;
    height: 0.625rem;
    border: solid #fff;
    border-width: 0 0.0625rem 0.0625rem 0;
    transform: rotate(45deg)
}

label.form-checkbox-label.checkbox-table {
    vertical-align: top;
    display: inline-block;
    min-width: 1.25rem;
    min-height: 1.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    label.form-checkbox-label.checkbox-table .form-checkbox-label-text {
        padding: 0;
        padding-left: 0rem;
        line-height: 1.5rem;
        text-align: left
    }

        label.form-checkbox-label.checkbox-table .form-checkbox-label-text:before {
            top: 0.0625rem
        }

        label.form-checkbox-label.checkbox-table .form-checkbox-label-text:after {
            top: 0.4rem
        }

label.form-checkbox-label input[type="checkbox"]:checked + .form-checkbox-label-text:before {
    background-color: #0094E8;
    border-color: #0094E8
}

label.form-checkbox-label input[type="checkbox"]:not(:checked) + .form-checkbox-label-text:after {
    border-color: transparent
}

label.form-checkbox-label input[type="checkbox"]:disabled:checked + .form-checkbox-label-text:before {
    border-color: rgba(204,204,204,0.5);
    background-color: rgba(204,204,204,0.1)
}

label.form-checkbox-label input[type="checkbox"]:disabled:checked + .form-checkbox-label-text:after {
    border-color: rgba(204,204,204,0.5)
}

label.form-checkbox-label input[type="checkbox"]:disabled:not(:checked) + .form-checkbox-label-text:before {
    border-color: rgba(204,204,204,0.5);
    background-color: rgba(204,204,204,0.1)
}

label.form-radio-label {
    display: block;
    position: relative;
    cursor: pointer
}

    label.form-radio-label input[type="radio"]:checked, label.form-radio-label input[type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px
    }

        label.form-radio-label input[type="radio"]:checked:hover + .form-radio-label-text:before, label.form-radio-label input[type="radio"]:checked:focus + .form-radio-label-text:before, label.form-radio-label input[type="radio"]:not(:checked):hover + .form-radio-label-text:before, label.form-radio-label input[type="radio"]:not(:checked):focus + .form-radio-label-text:before {
            border-color: #4e4f51;
            box-shadow: 0 0 0 2px rgba(78,79,81,0.1)
        }

    label.form-radio-label input[type="radio"]:disabled:checked, label.form-radio-label input[type="radio"]:disabled:not(:checked) {
        position: absolute;
        left: -9999px
    }

        label.form-radio-label input[type="radio"]:disabled:checked:hover + .form-radio-label-text:before, label.form-radio-label input[type="radio"]:disabled:checked:focus + .form-radio-label-text:before, label.form-radio-label input[type="radio"]:disabled:not(:checked):hover + .form-radio-label-text:before, label.form-radio-label input[type="radio"]:disabled:not(:checked):focus + .form-radio-label-text:before {
            box-shadow: 0 0 0 0px rgba(0,148,232,0.2)
        }

    label.form-radio-label .form-radio-label-text {
        display: block;
        line-height: 1.5rem;
        position: relative;
        padding: 0.25rem 0 0.25rem 2rem;
        font-size: .875rem
    }

@media only screen and (max-width: 36rem) {
    label.form-radio-label .form-radio-label-text {
        font-size: .875rem
    }
}

label.form-radio-label .form-radio-label-text:before {
    content: '';
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    position: absolute;
    left: 0;
    top: 0.375rem;
    z-index: 0;
    border: 1px solid #808285;
    background-color: #fff
}

label.form-radio-label .form-radio-label-text:after {
    content: '';
    display: block;
    position: absolute;
    top: 0.625rem;
    left: 0.25rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem
}

label.form-radio-label input[type="radio"]:checked + .form-radio-label-text:before {
    border-color: #0094E8
}

label.form-radio-label input[type="radio"]:checked + .form-radio-label-text:after {
    background-color: #0094E8
}

label.form-radio-label input[type="radio"]:disabled:checked + .form-radio-label-text:before {
    border-color: rgba(204,204,204,0.5);
    background-color: rgba(204,204,204,0.1)
}

label.form-radio-label input[type="radio"]:disabled:checked + .form-radio-label-text:after {
    background-color: rgba(204,204,204,0.5)
}

label.form-radio-label input[type="radio"]:disabled:not(:checked) + .form-radio-label-text:before {
    border-color: rgba(204,204,204,0.5);
    background-color: rgba(204,204,204,0.1)
}

label.form-group-label {
    display: block;
    position: relative;
    cursor: pointer
}

    label.form-group-label input[type="radio"]:checked, label.form-group-label input[type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px
    }

        label.form-group-label input[type="radio"]:checked:hover + .form-radio-label-text:before, label.form-group-label input[type="radio"]:checked:focus + .form-radio-label-text:before, label.form-group-label input[type="radio"]:not(:checked):hover + .form-radio-label-text:before, label.form-group-label input[type="radio"]:not(:checked):focus + .form-radio-label-text:before {
            border-color: #4e4f51;
            box-shadow: 0 0 0 2px rgba(78,79,81,0.1)
        }

    label.form-group-label input[type="radio"]:disabled:checked, label.form-group-label input[type="radio"]:disabled:not(:checked) {
        position: absolute;
        left: -9999px
    }

        label.form-group-label input[type="radio"]:disabled:checked:hover + .form-radio-label-text:before, label.form-group-label input[type="radio"]:disabled:checked:focus + .form-radio-label-text:before, label.form-group-label input[type="radio"]:disabled:not(:checked):hover + .form-radio-label-text:before, label.form-group-label input[type="radio"]:disabled:not(:checked):focus + .form-radio-label-text:before {
            box-shadow: 0 0 0 0px rgba(0,148,232,0.2)
        }

    label.form-group-label .form-group-label-text {
        display: block;
        line-height: 1.5rem;
        position: relative;
        padding: 0.25rem 0.5rem;
        font-size: .875rem;
        text-align: center;
        border-radius: .25rem;
        -webkit-border-radius: .25rem;
        -moz-border-radius: .25rem;
        background-color: rgba(209,211,212,0.2);
        margin: 0.25rem;
        font-weight: 500
    }

@media only screen and (max-width: 36rem) {
    label.form-group-label .form-group-label-text {
        font-size: .875rem
    }
}

label.form-group-label input[type="radio"]:checked + .form-group-label-text {
    background-color: rgba(0,148,232,0.2)
}

label.form-group-label input[type="radio"]:disabled:checked + .form-group-label-text {
    background-color: rgba(204,204,204,0.1)
}

label.form-group-label input[type="radio"]:disabled:not(:checked) + .form-group-label-text {
    background-color: rgba(204,204,204,0.1)
}

label.form-toggle-label {
    display: block;
    position: relative;
    cursor: pointer
}

    label.form-toggle-label input[type="checkbox"]:checked, label.form-toggle-label input[type="checkbox"]:not(:checked) {
        position: absolute;
        left: -9999px
    }

        label.form-toggle-label input[type="checkbox"]:checked:hover + .form-toggle-label-text:after, label.form-toggle-label input[type="checkbox"]:checked:focus + .form-toggle-label-text:after, label.form-toggle-label input[type="checkbox"]:not(:checked):hover + .form-toggle-label-text:after, label.form-toggle-label input[type="checkbox"]:not(:checked):focus + .form-toggle-label-text:after {
            box-shadow: 0 0 0 5px rgba(0,148,232,0.2)
        }

    label.form-toggle-label input[type="checkbox"]:disabled:checked, label.form-toggle-label input[type="checkbox"]:disabled:not(:checked) {
        position: absolute;
        left: -9999px
    }

        label.form-toggle-label input[type="checkbox"]:disabled:checked:hover + .form-toggle-label-text:after, label.form-toggle-label input[type="checkbox"]:disabled:checked:focus + .form-toggle-label-text:after, label.form-toggle-label input[type="checkbox"]:disabled:not(:checked):hover + .form-toggle-label-text:after, label.form-toggle-label input[type="checkbox"]:disabled:not(:checked):focus + .form-toggle-label-text:after {
            box-shadow: 0 0 0 0px rgba(0,148,232,0.2)
        }

    label.form-toggle-label .form-toggle-label-text {
        display: block;
        line-height: 1.0rem;
        position: relative;
        padding: 0.5rem 0 0.5rem 3rem;
        font-size: .875rem
    }

@media only screen and (max-width: 36rem) {
    label.form-toggle-label .form-toggle-label-text {
        font-size: .875rem
    }
}

label.form-toggle-label .form-toggle-label-text:before {
    content: '';
    height: 1rem;
    width: 2.0rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    position: absolute;
    left: 0;
    top: 0.5rem;
    z-index: 0
}

label.form-toggle-label .form-toggle-label-text:after {
    content: '';
    position: absolute;
    top: 0.375rem;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    z-index: 1;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    -ms-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease
}

label.form-toggle-label input[type="checkbox"]:checked + .form-toggle-label-text:before {
    background: rgba(0,148,232,0.2)
}

label.form-toggle-label input[type="checkbox"]:checked + .form-toggle-label-text:after {
    background-color: #0094E8;
    left: 0.75rem
}

label.form-toggle-label input[type="checkbox"]:not(:checked) + .form-toggle-label-text:before {
    background: rgba(0,0,0,0.2)
}

label.form-toggle-label input[type="checkbox"]:not(:checked) + .form-toggle-label-text:after {
    background-color: #fff;
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.2);
    left: 0rem
}

label.form-toggle-label input[type="checkbox"]:disabled:checked + .form-toggle-label-text:before {
    background: rgba(204,204,204,0.2)
}

label.form-toggle-label input[type="checkbox"]:disabled:checked + .form-toggle-label-text:after {
    background-color: #fff;
    left: 0.75rem
}

label.form-toggle-label input[type="checkbox"]:disabled:not(:checked) + .form-toggle-label-text:before {
    background: rgba(204,204,204,0.2)
}

label.form-toggle-label input[type="checkbox"]:disabled:not(:checked) + .form-toggle-label-text:after {
    box-shadow: 0 0 0px 0px rgba(0,0,0,0.2);
    background-color: #fff;
    left: 0rem
}

@media all and (-ms-high-contrast: none) {
    input.inputbox {
        height: 32px
    }

    *::-ms-backdrop, input.inputbox {
        height: 32px
    }

    select.inputbox {
        height: 32px
    }

    *::-ms-backdrop, select.inputbox {
        height: 32px
    }

    textarea.inputbox[readonly] {
        overflow: auto;
        -ms-overflow-style: none
    }

    *::-ms-backdrop, textarea.inputbox[readonly] {
        overflow: auto;
        -ms-overflow-style: none
    }
}

.form-row {
    margin-bottom: 1rem
}

    .form-row.no-margin {
        margin-bottom: 0
    }

    .form-row .form-label {
        font-weight: 500;
        line-height: 1.5rem;
        margin: 0.25rem 0
    }

    .form-row .form-input {
        position: relative
    }

    .form-row.inline {
        display: flex
    }

        .form-row.inline > .form-label {
            line-height: 1.5rem;
            padding: 0.25rem 0.5rem 0.25rem 0rem
        }

    .form-row.hidden-label .form-label {
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
        -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap
    }

fieldset.form-row-faux {
    margin-bottom: 1rem
}

    fieldset.form-row-faux.no-margin {
        margin-bottom: 0
    }

.form-label-faux {
    font-weight: 500;
    line-height: 1.5rem;
    padding: 0.25rem 0
}

    .form-label-faux.normal {
        font-weight: 400
    }

.float-right {
    float: right
}

.float-left {
    float: left
}

.input-icon {
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    z-index: 1;
    pointer-events: none
}

    .input-icon.offset {
        top: 0.75rem;
        left: 1rem
    }

    .input-icon em {
        font-size: 1.5rem
    }

    .input-icon + input, .input-icon + select, .input-icon + textarea, .input-icon + .inputbox {
        padding-left: 2.25rem !important;
        font-weight: 400 !important
    }

.inputbox-faux {
    font-weight: 500;
    line-height: 1.5rem;
    padding: 0.25rem 0
}

    .inputbox-faux.large {
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding: 0.5rem 0
    }

@media only screen and (min-width: 56.0625rem) {
    .inputbox-faux.large {
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding: 0.5rem 0
    }
}

.form-helper {
    display: block;
    line-height: 1.25rem;
    padding: 0.375rem 0;
    color: #A7A9AC;
    font-size: 0.875rem
}

.form-explainer {
    position: absolute;
    right: 0;
    top: 0
}

.large + .form-explainer {
    top: 0.5rem;
    right: 0.5rem
}

.margin-bottom-xs {
    margin-bottom: 0.5rem
}

.margin-bottom-sm {
    margin-bottom: 1.0rem
}

.margin-bottom-md {
    margin-bottom: 1.25rem
}

.margin-bottom-lg {
    margin-bottom: 1.5rem
}

.margin-bottom-xl {
    margin-bottom: 2.0rem
}

.margin-top-xs {
    margin-top: 0.5rem
}

.margin-top-sm {
    margin-top: 1.0rem
}

.margin-top-md {
    margin-top: 1.25rem
}

.margin-top-lg {
    margin-top: 1.5rem
}

.margin-top-xl {
    margin-top: 2.0rem
}

.margin-left-xs {
    margin-left: 0.5rem
}

.margin-left-sm {
    margin-left: 1.0rem
}

.margin-left-md {
    margin-left: 1.25rem
}

.margin-left-lg {
    margin-left: 1.5rem
}

.margin-left-xl {
    margin-left: 2.0rem
}

.margin-right-xs {
    margin-right: 0.5rem
}

.margin-right-sm {
    margin-right: 1.0rem
}

.margin-right-md {
    margin-right: 1.25rem
}

.margin-right-lg {
    margin-right: 1.5rem
}

.margin-right-xl {
    margin-right: 2.0rem
}

.margin-all-xs {
    margin: 0.5rem
}

.margin-all-sm {
    margin: 1.0rem
}

.margin-all-md {
    margin: 1.25rem
}

.margin-all-lg {
    margin: 1.5rem
}

.margin-all-xl {
    margin: 2.0rem
}

.margin-vertical-xs {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}

.margin-vertical-sm {
    margin-top: 1.0rem;
    margin-bottom: 1.0rem
}

.margin-vertical-md {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.margin-vertical-lg {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.margin-vertical-xl {
    margin-top: 2.0rem;
    margin-bottom: 2.0rem
}

.margin-horizontal-xs {
    margin-left: 0.5rem;
    margin-right: 0.5rem
}

.margin-horizontal-sm {
    margin-left: 1.0rem;
    margin-right: 1.0rem
}

.margin-horizontal-md {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.margin-horizontal-lg {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.margin-horizontal-xl {
    margin-left: 2.0rem;
    margin-right: 2.0rem
}

.margin-left-auto {
    margin-left: auto
}

.margin-right-auto {
    margin-right: auto
}

.margin-top-auto {
    margin-top: auto
}

.margin-bottom-auto {
    margin-bottom: auto
}

.padding-bottom-xs {
    padding-bottom: 0.5rem
}

.padding-bottom-sm {
    padding-bottom: 1.0rem
}

.padding-bottom-md {
    padding-bottom: 1.25rem
}

.padding-bottom-lg {
    padding-bottom: 1.5rem
}

.padding-bottom-xl {
    padding-bottom: 2.0rem
}

.padding-top-xs {
    padding-top: 0.5rem
}

.padding-top-sm {
    padding-top: 1.0rem
}

.padding-top-md {
    padding-top: 1.25rem
}

.padding-top-lg {
    padding-top: 1.5rem
}

.padding-top-xl {
    padding-top: 2.0rem
}

.padding-left-xs {
    padding-left: 0.5rem
}

.padding-left-sm {
    padding-left: 1.0rem
}

.padding-left-md {
    padding-left: 1.25rem
}

.padding-left-lg {
    padding-left: 1.5rem
}

.padding-left-xl {
    padding-left: 2.0rem
}

.padding-right-xs {
    padding-right: 0.5rem
}

.padding-right-sm {
    padding-right: 1.0rem
}

.padding-right-md {
    padding-right: 1.25rem
}

.padding-right-lg {
    padding-right: 1.5rem
}

.padding-right-xl {
    padding-right: 2.0rem
}

.padding-all-xs {
    padding: 0.5rem
}

.padding-all-sm {
    padding: 1.0rem
}

.padding-all-md {
    padding: 1.25rem
}

.padding-all-lg {
    padding: 1.5rem
}

.padding-all-xl {
    padding: 2.0rem
}

.padding-vertical-xs {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}

.padding-vertical-sm {
    padding-top: 1.0rem;
    padding-bottom: 1.0rem
}

.padding-vertical-md {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.padding-vertical-lg {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.padding-vertical-xl {
    padding-top: 2.0rem;
    padding-bottom: 2.0rem
}

.padding-horizontal-xs {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}

.padding-horizontal-sm {
    padding-left: 1.0rem;
    padding-right: 1.0rem
}

.padding-horizontal-md {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.padding-horizontal-lg {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.padding-horizontal-xl {
    padding-left: 2.0rem;
    padding-right: 2.0rem
}

.drawer-item .drawer-header {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
    padding: 1rem 0
}

@media only screen and (min-width: 64.0625rem) {
    .drawer-item .drawer-header:hover .drawer-title, .drawer-item .drawer-header:focus .drawer-title {
        text-decoration: underline
    }
}

.drawer-item .drawer-header .drawer-title {
    display: block;
    margin-right: 3rem;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem
}

@media only screen and (max-width: 36rem) {
    .drawer-item .drawer-header .drawer-title {
        font-size: 1.0rem
    }
}

.drawer-item .drawer-header .drawer-indicator {
    position: absolute;
    right: 1rem;
    top: 1.25rem;
    font-size: 1.25rem
}

.drawer-item .drawer-header.drawer-active .drawer-indicator em, .drawer-item .drawer-header.drawer-active .drawer-indicator i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.drawer-item .drawer-container {
    display: block
}

.msg-inline {
    position: relative;
    line-height: 1.5rem;
    padding: 0.25rem 0.5rem;
    font-weight: 500;
    display: inline-block;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    margin: 0 auto;
    vertical-align: top
}

    .msg-inline.extra-padding {
        padding: 1rem
    }

    .msg-inline:before {
        content: '';
        position: relative;
        display: inline-block;
        font-family: "Line Awesome Free";
        font-weight: 900;
        font-size: 1.25rem;
        text-align: center;
        vertical-align: top;
        margin-right: 0.25rem
    }

    .msg-inline.error {
        color: #CB2C30;
        background-color: rgba(203,44,48,0.1)
    }

        .msg-inline.error:before {
            color: #CB2C30;
            content: "\f071"
        }

    .msg-inline.warning {
        color: #000;
        background-color: rgba(242,169,0,0.1)
    }

        .msg-inline.warning:before {
            content: "\f06a";
            color: #F2A900
        }

    .msg-inline.success {
        color: #000;
        background-color: rgba(120,190,32,0.1)
    }

        .msg-inline.success:before {
            color: #78BE20;
            content: "\f058"
        }

    .msg-inline.info {
        color: #000;
        background-color: rgba(0,148,232,0.1)
    }

        .msg-inline.info:before {
            color: #0094E8;
            content: "\f05a"
        }

.msg-default {
    line-height: 1.0rem;
    padding: 0.125rem 0 0.125rem 0rem;
    font-weight: 500;
    color: #58595B;
    text-align: center;
    padding: 1rem;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    font-size: 0.875rem;
    margin-bottom: 2rem;
}

    .msg-default.error {
        background-color: #fff;
        color: #CB2C30;
        border: 0.125rem solid #CB2C30;
        outline: 0.25rem solid rgba(203,44,48,0.1)
    }

        .msg-default.error .msg-icon {
            color: #CB2C30
        }

    .msg-default.warning {
        background-color: #fff;
        color: #000;
        border: 0.125rem solid #F2A900;
        outline: 0.25rem solid rgba(242,169,0,0.1)
    }

        .msg-default.warning .msg-icon {
            color: #F2A900
        }

    .msg-default.success {
        background-color: #fff;
        color: #000;
        border: 0.125rem solid #78BE20;
        outline: 0.25rem solid rgba(120,190,32,0.1)
    }

        .msg-default.success .msg-icon {
            color: #78BE20
        }

    .msg-default.info {
        background-color: #fff;
        border: 0.125rem solid #D1D3D4;
        outline: 0.25rem solid rgba(209,211,212,0.3)
    }

        .msg-default.info .msg-icon {
            color: #0094E8
        }

    .msg-default .msg-icon {
        display: inline-block;
        margin: 0 auto;
        padding: 0.5rem;
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -moz-border-radius: 2rem;
        font-size: 2rem;
        width: 3rem;
        height: 3rem
    }

        .msg-default .msg-icon i, .msg-default .msg-icon em {
            display: block
        }

    .msg-default .msg-text {
        display: block;
        margin: 0rem auto 0
    }

@media only screen and (min-width: 64.0625rem) {
    .msg-default .msg-text {
        max-width: 80%
    }
}

.msg-default .msg-text p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0
}

.dropdown-container {
    position: relative
}

    .dropdown-container .dropdown-panel {
        display: none;
        padding: 1rem;
        min-width: 14rem;
        background-color: #fff;
        position: absolute;
        right: 0;
        top: 100%;
        left: inherit;
        bottom: inherit;
        color: #000;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,0.2);
        -moz-box-shadow: 0 .5rem 1rem rgba(0,0,0,0.2)
    }

        .dropdown-container .dropdown-panel.dropdown-active {
            z-index: 1000
        }

        .dropdown-container .dropdown-panel.full-screen-mobile {
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            position: fixed
        }

@media only screen and (min-width: 64.0625rem) {
    .dropdown-container .dropdown-panel.full-screen-mobile {
        left: inherit;
        bottom: inherit;
        right: 0;
        top: 100%;
        position: absolute
    }
}

@media only screen and (min-width: 64.0625rem) {
    .dropdown-container .dropdown-panel {
        left: inherit;
        bottom: inherit;
        right: 0;
        top: 100%;
        margin: 1rem auto;
        position: absolute;
        max-width: inherit;
        max-width: 100%;
        background-color: #fff;
        min-width: 25rem;
        border-radius: .25rem;
        -webkit-border-radius: .25rem;
        -moz-border-radius: .25rem
    }
}

.dropdown-container .dropdown-panel.width-xs {
    min-width: 12rem
}

.user-container {
    background-color: rgba(209,211,212,0.2);
    padding: 1rem;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    margin-bottom: 1rem
}

    .user-container .user-name {
        display: block;
        font-weight: 600;
        font-size: 1.0rem;
        line-height: 1.25rem;
        padding: 0.125rem 0
    }

    .user-container .user-email {
        display: block;
        line-height: 1.25rem;
        padding: 0.125rem 0;
        margin-top: 0.25rem
    }

    .user-container .user-language {
        margin-top: 1.5rem
    }

ul.list-menu {
    margin: 0;
    padding: 0;
    list-style: none
}

    ul.list-menu > li {
        margin: 0;
        display: block
    }

        ul.list-menu > li a.list-menu-link {
            display: block;
            text-decoration: none;
            line-height: 1.25rem;
            padding: 0.5rem;
            position: relative
        }

            ul.list-menu > li a.list-menu-link:hover, ul.list-menu > li a.list-menu-link:focus {
                text-decoration: none;
                background-color: rgba(0,148,232,0.1)
            }

            ul.list-menu > li a.list-menu-link em {
                font-size: 1.5rem;
                position: absolute;
                left: 0;
                top: 0.375rem
            }

            ul.list-menu > li a.list-menu-link .list-menu-text {
                display: block;
                padding-left: 1.5rem;
                font-weight: 400
            }

.tab-container {
    margin-top: 1rem;
    background-color: #d1d3d433;
}

    .tab-container .tab-buttons {
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0;
        white-space: nowrap;
        overflow: auto;
        max-width: 80rem;
    }

        .tab-container .tab-buttons li {
            display: inline-block;
            font-size: .875rem;
            margin-right: 0.5rem
        }

            .tab-container .tab-buttons li:last-child {
                margin-right: 0
            }

        .tab-container .tab-buttons button.btn-tab {
            border: 0;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            padding: 1.0rem;
            color: #58595B;
            border-top: 0.125rem solid transparent;
            background-color: rgba(209,211,212,0.2)
        }

@media only screen and (min-width: 64.0625rem) {
    .tab-container .tab-buttons button.btn-tab:hover, .tab-container .tab-buttons button.btn-tab:focus {
        border-top: 0.125rem solid #D1D3D4
    }
}

.tab-container .tab-buttons button.btn-tab.btn-tab-active {
    color: #000;
    background-color: #fff;
    border-top: 0.125rem solid #000
}

.tab-container .tab-buttons button.btn-tab .btn-text {
    font-weight: 500;
    line-height: 1.25rem;
    font-size: 1.0rem
}

.tab-container .tab-pane {
    display: none;
    padding-top: 2.0rem;
    position: relative;
    background-color: #fff
}

    .tab-container .tab-pane.active {
        display: block
    }

.dialog {
    position: fixed;
    width: calc(100vw - 1rem);
    height: calc(100vh - 1rem);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    top: 0.5rem;
    left: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

    .dialog.open {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
        z-index: 999
    }

.dialog-bg {
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.dialog-container {
    border-radius: 0.5rem;
    background: #fff;
    position: relative;
    width: 100vw;
    max-width: 40rem;
    margin: 0 auto;
    max-height: calc(100vh - 6rem);
    overflow: auto;
    display: flex;
    flex-direction: column
}

    .dialog-container.width-xs {
        max-width: 20rem
    }

    .dialog-container.width-sm {
        max-width: 30rem
    }

    .dialog-container.width-md {
        max-width: 40rem
    }

    .dialog-container.width-lg {
        max-width: 45rem
    }

    .dialog-container.width-xl {
        max-width: 60rem
    }

.dialog-icon {
    font-size: 3rem;
    padding: 1rem;
    text-align: center
}

    .dialog-icon.success {
        color: #78BE20
    }

    .dialog-icon.error {
        color: #CB2C30
    }

    .dialog-icon.warning {
        color: #F2A900
    }

    .dialog-icon.info {
        color: #0094E8
    }

.dialog-header {
    padding: 1rem 0
}

.dialog-body {
    overflow: auto;
    padding: 1rem;
    max-height: calc(100vh - 9rem)
}

.dialog-footer {
    padding: 1rem;
    border-top: 1px solid rgba(0,0,0,0.1)
}

.dialog-title {
    color: #003C71;
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 2rem
}

@media only screen and (max-width: 36rem) {
    .dialog-title {
        font-size: 1.0rem
    }
}

.notifications-list {
    overflow: auto;
    max-height: calc(100vh - 5rem)
}

@media only screen and (min-width: 64.0625rem) {
    .notifications-list {
        max-height: calc(100vh - 12rem)
    }
}

.notification-item {
    display: block;
    color: #3f4041;
    position: relative;
    border-top: 1px solid rgba(0,0,0,0.1);
    font-weight: 500
}

    .notification-item.status-unread:before {
        content: '';
        position: absolute;
        left: 0.5rem;
        top: 1.5rem;
        height: 0.5rem;
        width: 0.5rem;
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        background-color: #F2A900
    }

    .notification-item.status-unread .notification-title {
        font-weight: 700
    }

    .notification-item a.notification-link {
        display: block;
        color: inherit;
        text-decoration: none;
        padding: 1rem 0 1rem 2rem
    }

        .notification-item a.notification-link:hover, .notification-item a.notification-link:focus {
            background-color: rgba(0,0,0,0.05)
        }

    .notification-item .notification-generic {
        display: block;
        color: inherit;
        padding: 1rem 0 1rem 2rem
    }

    .notification-item .notification-title {
        display: block;
        line-height: 1.25rem;
        font-weight: 600;
        color: #000
    }

    .notification-item .notification-text {
        display: block;
        line-height: 1.25rem;
        font-size: 0.875rem;
        color: #58595B
    }

        .notification-item .notification-text strong {
            font-weight: 600
        }

    .notification-item .notification-timestamp {
        display: inline-block;
        font-size: 0.875rem;
        line-height: 1.5rem;
        font-weight: 500;
        color: #A7A9AC;
        position: relative
    }

.table-container.scrollable {
    overflow: auto
}

table.default-table {
    border-collapse: collapse;
    width: 100%;
    table-layout: auto;
    background-color: #fff
}

    table.default-table thead tr th {
        font-weight: 600;
        color: #000;
        text-align: left
    }

    table.default-table thead tr th, table.default-table thead tr td {
        padding: 0.5rem 0.5rem;
        line-height: 1.5rem;
        border-bottom: 1px solid #D1D3D4;
        background-color: rgba(0,0,0,0.075);
        vertical-align: top;
        white-space: nowrap
    }

        table.default-table thead tr th a, table.default-table thead tr td a {
            color: inherit;
            text-decoration: none;
            display: inline-block;
            vertical-align: top;
            line-height: 1.25rem;
            padding: 0.25rem 0
        }

            table.default-table thead tr th a:hover, table.default-table thead tr th a:focus, table.default-table thead tr td a:hover, table.default-table thead tr td a:focus {
                text-decoration: underline
            }

    table.default-table tfoot tr th, table.default-table tfoot tr td {
        padding: 0.5rem 0.5rem calc(0.5rem - 1px);
        line-height: 1.5rem;
        border-bottom: 1px solid #D1D3D4;
        background-color: #fff;
        vertical-align: top
    }

        table.default-table tfoot tr th a, table.default-table tfoot tr td a {
            color: inherit;
            display: inline-block
        }

    table.default-table tbody tr th, table.default-table tbody tr td {
        border-bottom: 1px solid #D1D3D4;
        padding: 0.5rem 0.5rem calc(0.5rem - 1px);
        line-height: 1.5rem;
        vertical-align: top
    }

        table.default-table tbody tr th a.table-link, table.default-table tbody tr td a.table-link {
            color: #003C71;
            display: inline-block;
            text-decoration: underline
        }

            table.default-table tbody tr th a.table-link:hover, table.default-table tbody tr th a.table-link:focus, table.default-table tbody tr td a.table-link:hover, table.default-table tbody tr td a.table-link:focus {
                text-decoration: none
            }

    table.default-table tbody tr:hover th, table.default-table tbody tr:hover td {
        background-color: rgba(0,148,232,0.05)
    }

a.nav-item {
    display: block;
    font-weight: 500;
    padding: 0.75rem 0rem calc(0.75rem - 2px);
    border-bottom: 2px solid transparent;
    text-decoration: none;
    line-height: 1.00rem;
    color: #fff;
    text-align: center
}

@media only screen and (min-width: 56.0625rem) {
    a.nav-item:hover, a.nav-item:focus {
        color: #fff;
        border-bottom: 2px solid rgba(255,255,255,0.2)
    }
}

a.nav-item.active {
    border-bottom: 2px solid #fff
}

@media only screen and (min-width: 56.0625rem) {
    #nav-trigger {
        display: none
    }
}

#nav-container {
    display: none
}

@media only screen and (min-width: 56.0625rem) {
    #nav-container {
        display: inherit !important
    }
}

#page-pathway > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0
}

    #page-pathway > ul > li {
        display: inline-block;
        font-size: .875rem;
        position: relative;
        padding-right: 1.5rem
    }

        #page-pathway > ul > li:after {
            content: ' > ';
            position: absolute;
            right: 0.25rem;
            top: 0.5rem;
            line-height: 1.25rem;
            width: 1rem;
            text-align: center
        }

        #page-pathway > ul > li div {
            display: block;
            font-weight: 500;
            line-height: 1.25rem;
            padding: 0.5rem 0
        }

        #page-pathway > ul > li a {
            display: block;
            font-weight: 500;
            line-height: 1.25rem;
            padding: 0.5rem 0;
            color: #003C71
        }

            #page-pathway > ul > li a:hover, #page-pathway > ul > li a:focus {
                text-decoration: none
            }

header {
    padding: 1rem 0;
    background-color: #0094E8;
    color: #fff
}

    header.admin {
        background-color: #003C71
    }

        header.admin .btn-default.btn-white-trans {
            background-color: rgba(0,0,0,0.2)
        }

        header.admin .a11y-text {
            font-size: 0.875rem
        }

#logo-link #logo{
    height: 2.4em;
    display: block;
    text-decoration: none
}

@media only screen and (max-width: 36rem) {
    #logo-link #logo {
        height: 1.25rem
    }
}

#logo-link #logo img {
    height: 100%;
    vertical-align: text-top
}

footer {
    margin: 1rem 0;
    font-size: 0.875rem;
    line-height: 1.25rem
}

@media only screen and (max-width: 36rem) {
    footer {
        font-size: 0.75rem;
        line-height: 1.0rem
    }
}

footer .line-divider {
    background-color: #0094E8;
    height: 0.125rem
}

@media only screen and (max-width: 36rem) {
    .copyright-text {
        text-align: center;
        margin-bottom: 1rem
    }
}

.footer-text {
    text-align: right
}

@media only screen and (max-width: 36rem) {
    .footer-text {
        text-align: center
    }
}

.footer-text span {
    display: block
}

@media only screen and (max-width: 36rem) {
    .footer-text span {
        display: inline
    }
}

a.content-block {
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    margin: 1rem 0;
    color: inherit;
    text-decoration: none;
    display: block;
    color: #003C71
}

    a.content-block:hover, a.content-block:focus {
        color: inherit
    }

        a.content-block:hover .content-block-text .content-block-title, a.content-block:focus .content-block-text .content-block-title {
            text-decoration: underline
        }

.content-block {
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    margin: 1rem 0;
    color: inherit;
    text-decoration: none;
    display: block
}

    .content-block.grey {
        border: 1px solid #A7A9AC
    }

        .content-block.grey .content-block-title, .content-block.grey .content-block-icon, .content-block.grey .content-block-count {
            color: #000
        }

    .content-block.blue {
        border: 1px solid #0094E8
    }

        .content-block.blue .content-block-title, .content-block.blue .content-block-icon {
            color: #0094E8
        }

        .content-block.blue .content-block-count {
            color: #000
        }

    .content-block.bg-white {
        background-color: rgba(209,211,212,0.2)
    }

    .content-block .content-block-text {
        position: relative;
        padding: 1rem
    }

        .content-block .content-block-text .content-block-title {
            font-size: 1.25rem;
            line-height: 2.0rem;
            font-weight: 600;
            position: relative;
            margin: 0rem 0rem
        }

@media only screen and (max-width: 36rem) {
    .content-block .content-block-text .content-block-title {
        font-size: 1.0rem
    }
}

.content-block .content-block-text .content-block-count.text-lg {
    font-size: 3rem;
    line-height: 3rem
}

.content-block .content-block-text .content-block-icon {
    font-size: 4rem;
    line-height: 4rem;
    display: block
}

@media only screen and (max-width: 36rem) {
    .content-block .content-block-text .content-block-icon {
        font-size: 3rem;
        line-height: 3rem
    }
}

.bg-content {
    background-color: #fff
}

.module-item {
    margin-bottom: 1rem;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    background-color: rgba(209,211,212,0.2);
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease
}

@media only screen and (min-width: 64.0625rem) {
    .module-item:hover {
        background-color: #fff;
        box-shadow: 0 .125rem .5rem rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 .125rem .5rem rgba(0,0,0,0.2);
        -moz-box-shadow: 0 .125rem .5rem rgba(0,0,0,0.2)
    }
}

.module-item.module-new .module-content .module-title h3 a span:after {
    content: 'New';
    display: inline-block;
    vertical-align: top;
    line-height: 1.0rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.125rem 0.375rem;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    font-weight: 500;
    white-space: nowrap;
    background-color: #F2A900;
    color: #000;
    margin: 0 0.5rem
}

.module-item .module-content {
    padding: 1.0rem
}

@media only screen and (max-width: 36rem) {
    .module-item .module-content {
        padding: 1.0rem
    }
}

.module-item .module-content .module-title {
    position: relative;
    color: #003C71
}

    .module-item .module-content .module-title .module-icon {
        font-size: 2rem;
        line-height: 2.5rem
    }

        .module-item .module-content .module-title .module-icon img {
            vertical-align: text-top
        }

    .module-item .module-content .module-title h3 {
        display: block;
        vertical-align: text-top;
        margin: 0 0.25rem
    }

        .module-item .module-content .module-title h3 a {
            display: block;
            font-size: 1.0rem;
            line-height: 1.5rem;
            text-decoration: none;
            font-weight: 600;
            padding: 0.5rem 0
        }

            .module-item .module-content .module-title h3 a span {
                display: inline-block
            }

.module-item .module-content .module-tags {
    margin-top: 0.75rem
}

.module-item .module-content .module-progress {
    margin-top: 0.75rem
}

.module-item .module-content .module-actions {
    margin-top: 1rem;
    border-top: 1px solid #D1D3D4;
    padding-top: 1rem
}

.module-category {
    display: block;
    line-height: 1.0rem;
    font-size: 0.875rem;
    line-height: 1.0rem;
    background-color: transparent;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    font-weight: 500;
    white-space: nowrap;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    color: #fff
}

    .module-category.type-workforce {
        background-color: #009EDE
    }

    .module-category.type-digital-student {
        background-color: #78BE20
    }

    .module-category.type-professional {
        background-color: #003C71
    }

    .module-category.type-digital-citizen {
        background-color: #AF1685
    }

    .module-category.type-insight {
        background-color: teal
    }

.tag {
    display: block;
    line-height: 1.0rem;
    font-size: 0.875rem;
    line-height: 1.0rem;
    background-color: rgba(209,211,212,0.5);
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    font-weight: 500;
    white-space: nowrap;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem
}

.progress-item, .module-details-item {
    color: #58595B;
    position: relative;
    line-height: 1.5rem;
    padding: 0.375rem 0;
    font-size: 0.875rem;
    font-weight: 500;
    display: block
}

    .progress-item .progress-icon, .progress-item .module-details-icon, .module-details-item .progress-icon, .module-details-item .module-details-icon {
        position: absolute;
        left: 0;
        top: 0.375rem;
        font-size: 1.25rem;
        display: inline-block
    }

        .progress-item .progress-icon + .progress-text, .progress-item .progress-icon + .module-details-text, .progress-item .module-details-icon + .progress-text, .progress-item .module-details-icon + .module-details-text, .module-details-item .progress-icon + .progress-text, .module-details-item .progress-icon + .module-details-text, .module-details-item .module-details-icon + .progress-text, .module-details-item .module-details-icon + .module-details-text {
            margin-left: 1.5rem
        }

    .progress-item .progress-status, .progress-item .module-details-value, .module-details-item .progress-status, .module-details-item .module-details-value {
        color: #000
    }

@media only screen and (max-width: 36rem) {
    .progress-item .progress-status, .progress-item .module-details-value, .module-details-item .progress-status, .module-details-item .module-details-value {
        float: right
    }
}

.progress-result-bar {
    display: inline-block;
    width: 8rem;
    position: relative;
    vertical-align: top;
    background-color: rgba(0,0,0,0.1);
    height: 0.5rem;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    margin: 0.375rem 0.25rem 0.375rem 0.25rem
}

    .progress-result-bar .progress-result-bar-value {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        background-color: #003C71;
        border-radius: .5rem;
        -webkit-border-radius: .5rem;
        -moz-border-radius: .5rem
    }

    .progress-result-bar.status-pass .progress-result-bar-value {
        background-color: #78BE20
    }

    .progress-result-bar.status-fail .progress-result-bar-value {
        background-color: #E57200
    }

.module-description {
    font-size: 0.875rem
}

    .module-description p:last-of-type {
        margin-bottom: 1.5rem
    }

.module-syllabus {
    margin-top: 2rem;
    font-size: 0.875rem
}

.module-exam {
    margin-top: 2rem;
    font-size: 0.875rem;
    padding: 1.5rem;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border: 1px solid #58595B
}

.module-status {
    display: inline-block;
    vertical-align: top;
    line-height: 1.0rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.125rem 0.375rem;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    font-weight: 500;
    white-space: nowrap;
    margin: 0 0.5rem;
    background-color: rgba(0,0,0,0.1);
    color: #000
}

    .module-status.status-new {
        background-color: #F2A900;
        color: #000
    }

    .module-status.status-expired {
        background-color: #D1D3D4;
        color: #58595B
    }

    .module-status.status-expiring-soon {
        background-color: #58595B;
        color: #fff
    }

.session-status {
    position: relative;
    padding: 0 0.5rem;
    border-radius: .75rem;
    -webkit-border-radius: .75rem;
    -moz-border-radius: .75rem;
    font-weight: 500;
    display: inline-block;
    vertical-align: top
}

    .session-status.status-ready {
        background-color: rgba(0,148,232,0.2)
    }

    .session-status.status-scheduled {
        background-color: #D1D3D4
    }

    .session-status.status-closed {
        background-color: #000
    }

    .session-status.status-active {
        background-color: #78BE20
    }

.exam-status {
    position: relative;
    padding: 0 0.5rem;
    border-radius: .75rem;
    -webkit-border-radius: .75rem;
    -moz-border-radius: .75rem;
    font-weight: 500;
    display: inline-block;
    vertical-align: top
}

    .exam-status:before {
        content: '';
        position: relative;
        display: inline-block;
        font-family: "Line Awesome Free";
        font-weight: 900;
        font-size: 1.25rem;
        text-align: center;
        vertical-align: top;
        margin-right: 0.25rem
    }

    .exam-status.status-not-started {
        color: #58595B;
        background-color: rgba(167,169,172,0.2)
    }

        .exam-status.status-not-started:before {
            color: #58595B;
            content: "\f254"
        }

    .exam-status.status-rejected {
        background-color: rgba(203,44,48,0.1)
    }

        .exam-status.status-rejected:before {
            color: #CB2C30;
            content: "\f071"
        }

    .exam-status.status-complete {
        background-color: rgba(120,190,32,0.1)
    }

        .exam-status.status-complete:before {
            color: #78BE20;
            content: "\f058"
        }

    .exam-status.status-in-progress {
        color: #58595B
    }

        .exam-status.status-in-progress:before {
            color: #58595B;
            content: "\f017"
        }

a.session-breakdown {
    color: inherit;
    text-decoration: none
}

    a.session-breakdown:hover, a.session-breakdown:focus {
        color: inherit;
        text-decoration: none
    }

.session-breakdown {
    text-align: center;
    padding: 1rem 0;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    font-weight: 500;
    background-color: #fff;
    display: block;
    color: inherit;
    text-decoration: none
}

    .session-breakdown.small {
        background-color: rgba(209,211,212,0.2)
    }

@media only screen and (max-width: 36rem) {
    .session-breakdown.small {
        font-size: 0;
        padding: 0.25rem 0.5rem;
        margin: -0.25rem 0
    }
}

.session-breakdown.small .session-breakdown-title {
    line-height: 1.5rem;
    padding: 0.25rem 0 0.25rem;
    font-size: 0.875rem
}

@media only screen and (max-width: 36rem) {
    .session-breakdown.small .session-breakdown-title {
        text-align: left;
        display: inline-block;
        width: 50%;
        vertical-align: top
    }
}

.session-breakdown.small .session-breakdown-value {
    font-size: 1.5rem;
    line-height: 2rem
}

@media only screen and (max-width: 36rem) {
    .session-breakdown.small .session-breakdown-value {
        display: inline-block;
        width: 50%;
        text-align: right;
        vertical-align: top;
        font-size: 1.0rem
    }
}

.session-breakdown.pending {
    background-color: rgba(209,211,212,0.2)
}

.session-breakdown.alert {
    background-color: rgba(242,169,0,0.2)
}

.session-breakdown .session-breakdown-value {
    display: block;
    font-size: 2rem;
    line-height: 2.5rem
}

.session-breakdown .session-breakdown-title {
    display: block;
    line-height: 1.25rem;
    padding: 0.5rem 0
}

.session-item {
    padding: 1rem;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    box-shadow: 0 .125rem .5rem rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 .125rem .5rem rgba(0,0,0,0.2);
    -moz-box-shadow: 0 .125rem .5rem rgba(0,0,0,0.2);
    margin-bottom: 2rem
}

@media only screen and (max-width: 36rem) {
    .session-item .session-content-footer {
        border-top: 1px solid #D1D3D4;
        margin-top: 1rem;
        padding-top: 1rem
    }
}

.session-item .session-progress {
    border-top: 1px solid #D1D3D4;
    margin-top: 1rem;
    padding-top: 1rem;
    margin-bottom: -1rem
}

.session-duration-container {
    padding: 1rem;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    border: 1px solid #0094E8;
    text-align: center;
    margin-bottom: 1rem
}

    .session-duration-container .session-duration-title {
        font-weight: 500;
        color: #000;
        line-height: 1.25rem;
        padding: 0.25rem 0
    }

    .session-duration-container .session-duration-value {
        font-weight: 500;
        line-height: 1.25rem;
        padding: 0.25rem 0;
        font-size: 1.25rem
    }

.module-progress-container {
    background-color: rgba(0,148,232,0.1);
    padding: 1rem;
    border-top: 0.125rem solid #0094E8
}

    .module-progress-container h2 {
        display: block;
        margin-right: 3rem;
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 2rem;
        color: #0094E8;
        margin-bottom: 1rem
    }

@media only screen and (max-width: 36rem) {
    .module-progress-container h2 {
        font-size: 1.0rem
    }
}

.module-progress-container .progress-item .progress-status {
    float: right
}

.attempt-bar {
    position: relative;
    margin: 0.5rem 0;
    padding: 0.25rem 0
}

    .attempt-bar .attempt-bar-score {
        display: inline-block;
        position: absolute;
        width: 2rem;
        text-align: right;
        left: 0;
        top: 0;
        line-height: 1.5rem;
        font-weight: 500
    }

    .attempt-bar .attempt-bar-container {
        background-color: rgba(209,211,212,0.5);
        position: relative;
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        height: 0.5rem;
        margin: 0.25rem 0 0.25rem 2.5rem
    }

        .attempt-bar .attempt-bar-container .attempt-bar-value {
            border-radius: 1rem;
            -webkit-border-radius: 1rem;
            -moz-border-radius: 1rem;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            background-color: #0094E8
        }

.progress-bar {
    position: relative;
    margin: 0rem 0rem;
    padding: 0.25rem 0
}

    .progress-bar .progress-bar-score {
        display: inline-block;
        position: absolute;
        width: 2rem;
        text-align: right;
        left: 0;
        top: 0;
        line-height: 1.5rem;
        font-weight: 500
    }

    .progress-bar .progress-bar-container {
        background-color: rgba(209,211,212,0.5);
        position: relative;
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        height: 0.5rem;
        margin: 0.25rem 0 0.25rem 2.5rem;
        min-width: 10rem
    }

        .progress-bar .progress-bar-container .progress-bar-value {
            border-radius: 1rem;
            -webkit-border-radius: 1rem;
            -moz-border-radius: 1rem;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            background-color: #78BE20
        }

.module-component {
    margin-bottom: 0.5rem;
    display: block
}

    .module-component .module-component-container {
        padding: 0.75rem 1rem;
        display: block;
        color: inherit;
        text-decoration: none;
        background-color: rgba(209,211,212,0.2);
        border-radius: .25rem;
        -webkit-border-radius: .25rem;
        -moz-border-radius: .25rem
    }

    .module-component a.module-component-container:hover, .module-component a.module-component-container:focus {
        background-color: rgba(209,211,212,0.4)
    }

    .module-component .module-component-title {
        font-weight: 600;
        line-height: 1.25rem;
        padding: 0.25rem 0;
        display: block
    }

    .module-component .module-component-status {
        font-weight: 600;
        line-height: 1.25rem;
        padding: 0.25rem 0;
        display: block
    }

        .module-component .module-component-status:after {
            content: '';
            position: relative;
            display: inline-block;
            font-family: "Line Awesome Free";
            font-weight: 900;
            font-size: 1.25rem;
            text-align: center;
            vertical-align: top;
            margin-left: 0.25rem
        }

        .module-component .module-component-status.status-completed {
            color: #78BE20
        }

            .module-component .module-component-status.status-completed:after {
                content: "\f058";
                color: #78BE20
            }

        .module-component .module-component-status.status-in-progress {
            color: #58595B
        }

            .module-component .module-component-status.status-in-progress:after {
                content: "\f254";
                color: #58595B
            }

        .module-component .module-component-status.status-not-started {
            color: #A7A9AC
        }

            .module-component .module-component-status.status-not-started:after {
                content: "\f105";
                color: #A7A9AC
            }

.sp-code-container {
    background-color: #fff;
    box-shadow: 0 .125rem .5rem rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 .125rem .5rem rgba(0,0,0,0.2);
    -moz-box-shadow: 0 .125rem .5rem rgba(0,0,0,0.2);
    padding: 2rem;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    margin-bottom: 2rem
}

    .sp-code-container .sp-code-icon {
        text-align: center;
        color: #003C71
    }

        .sp-code-container .sp-code-icon span {
            font-size: 3rem
        }

    .sp-code-container .sp-code-title {
        text-align: center;
        display: block;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2rem;
        margin-bottom: 0.5rem;
        padding: 0.25rem 0;
        color: #003C71
    }

@media only screen and (max-width: 36rem) {
    .sp-code-container .sp-code-title {
        font-size: 1.5rem
    }
}

.sp-code-container .sp-code-desc {
    text-align: center
}

.sp-code-container .sp-code-input {
    margin: 1rem auto;
    max-width: 20rem
}

.sp-request-access-msg {
    text-align: center
}

[class~="grid"], [class*="gl_grid-"], [class*="grid_"] {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -1rem
}

[class~="col"], [class*="col-"], [class*="col_"] {
    box-sizing: border-box;
    padding: 0 1rem 1rem;
    max-width: 100%
}

[class~="col"], [class*="col_"] {
    flex: 1 1 0%
}

[class*="col-"] {
    flex: none
}

[class~="grid"][class~="col"], [class~="grid"][class*="col-"], [class~="grid"][class*="col_"], [class*="grid-"][class~="col"], [class*="grid-"][class*="col-"], [class*="grid-"][class*="col_"], [class*="grid_"][class~="col"], [class*="grid_"][class*="col-"], [class*="grid_"][class*="col_"] {
    margin: 0;
    padding: 0
}

[class*="grid-"][class*="-noGutter"] {
    margin: 0
}

    [class*="grid-"][class*="-noGutter"] > [class~="col"], [class*="grid-"][class*="-noGutter"] > [class*="col-"] {
        padding: 0
    }

[class*="grid-"][class*="-noWrap"] {
    flex-wrap: nowrap
}

[class*="grid-"][class*="-center"] {
    justify-content: center
}

[class*="grid-"][class*="-right"] {
    justify-content: flex-end;
    align-self: flex-end;
    margin-left: auto
}

[class*="grid-"][class*="-top"] {
    align-items: flex-start
}

[class*="grid-"][class*="-middle"] {
    align-items: center
}

[class*="grid-"][class*="-bottom"] {
    align-items: flex-end
}

[class*="grid-"][class*="-reverse"] {
    flex-direction: row-reverse
}

[class*="grid-"][class*="-column"] {
    flex-direction: column
}

    [class*="grid-"][class*="-column"] > [class*="col-"] {
        flex-basis: auto
    }

[class*="grid-"][class*="-column-reverse"] {
    flex-direction: column-reverse
}

[class*="grid-"][class*="-spaceBetween"] {
    justify-content: space-between
}

[class*="grid-"][class*="-spaceAround"] {
    justify-content: space-around
}

[class*="grid-"][class*="-equalHeight"] > [class~="col"], [class*="grid-"][class*="-equalHeight"] > [class*="col-"], [class*="grid-"][class*="-equalHeight"] > [class*="col_"] {
    align-self: stretch
}

    [class*="grid-"][class*="-equalHeight"] > [class~="col"] > *, [class*="grid-"][class*="-equalHeight"] > [class*="col-"] > *, [class*="grid-"][class*="-equalHeight"] > [class*="col_"] > * {
        height: 100%
    }

[class*="grid-"][class*="-noBottom"] > [class~="col"], [class*="grid-"][class*="-noBottom"] > [class*="col-"], [class*="grid-"][class*="-noBottom"] > [class*="col_"] {
    padding-bottom: 0
}

[class*="col-"][class*="-top"] {
    align-self: flex-start
}

[class*="col-"][class*="-middle"] {
    align-self: center
}

[class*="col-"][class*="-bottom"] {
    align-self: flex-end
}

[class*="col-"][class*="-first"] {
    order: -1
}

[class*="col-"][class*="-last"] {
    order: 1
}

[class*="grid-1"] > [class~="col"], [class*="grid-1"] > [class*="col-"], [class*="grid-1"] > [class*="col_"] {
    flex-basis: 100%;
    max-width: 100%
}

[class*="grid-2"] > [class~="col"], [class*="grid-2"] > [class*="col-"], [class*="grid-2"] > [class*="col_"] {
    flex-basis: 50%;
    max-width: 50%
}

[class*="grid-3"] > [class~="col"], [class*="grid-3"] > [class*="col-"], [class*="grid-3"] > [class*="col_"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}

[class*="grid-4"] > [class~="col"], [class*="grid-4"] > [class*="col-"], [class*="grid-4"] > [class*="col_"] {
    flex-basis: 25%;
    max-width: 25%
}

[class*="grid-5"] > [class~="col"], [class*="grid-5"] > [class*="col-"], [class*="grid-5"] > [class*="col_"] {
    flex-basis: 20%;
    max-width: 20%
}

[class*="grid-6"] > [class~="col"], [class*="grid-6"] > [class*="col-"], [class*="grid-6"] > [class*="col_"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}

[class*="grid-7"] > [class~="col"], [class*="grid-7"] > [class*="col-"], [class*="grid-7"] > [class*="col_"] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%
}

[class*="grid-8"] > [class~="col"], [class*="grid-8"] > [class*="col-"], [class*="grid-8"] > [class*="col_"] {
    flex-basis: 12.5%;
    max-width: 12.5%
}

[class*="grid-9"] > [class~="col"], [class*="grid-9"] > [class*="col-"], [class*="grid-9"] > [class*="col_"] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%
}

[class*="grid-10"] > [class~="col"], [class*="grid-10"] > [class*="col-"], [class*="grid-10"] > [class*="col_"] {
    flex-basis: 10%;
    max-width: 10%
}

[class*="grid-11"] > [class~="col"], [class*="grid-11"] > [class*="col-"], [class*="grid-11"] > [class*="col_"] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%
}

[class*="grid-12"] > [class~="col"], [class*="grid-12"] > [class*="col-"], [class*="grid-12"] > [class*="col_"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
}

@media (max-width: 80em) {
    [class*="_lg-1"] > [class~="col"], [class*="_lg-1"] > [class*="col-"], [class*="_lg-1"] > [class*="col_"] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*="_lg-2"] > [class~="col"], [class*="_lg-2"] > [class*="col-"], [class*="_lg-2"] > [class*="col_"] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*="_lg-3"] > [class~="col"], [class*="_lg-3"] > [class*="col-"], [class*="_lg-3"] > [class*="col_"] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class*="_lg-4"] > [class~="col"], [class*="_lg-4"] > [class*="col-"], [class*="_lg-4"] > [class*="col_"] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*="_lg-5"] > [class~="col"], [class*="_lg-5"] > [class*="col-"], [class*="_lg-5"] > [class*="col_"] {
        flex-basis: 20%;
        max-width: 20%
    }

    [class*="_lg-6"] > [class~="col"], [class*="_lg-6"] > [class*="col-"], [class*="_lg-6"] > [class*="col_"] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class*="_lg-7"] > [class~="col"], [class*="_lg-7"] > [class*="col-"], [class*="_lg-7"] > [class*="col_"] {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    [class*="_lg-8"] > [class~="col"], [class*="_lg-8"] > [class*="col-"], [class*="_lg-8"] > [class*="col_"] {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*="_lg-9"] > [class~="col"], [class*="_lg-9"] > [class*="col-"], [class*="_lg-9"] > [class*="col_"] {
        flex-basis: 11.1111111111%;
        max-width: 11.1111111111%
    }

    [class*="_lg-10"] > [class~="col"], [class*="_lg-10"] > [class*="col-"], [class*="_lg-10"] > [class*="col_"] {
        flex-basis: 10%;
        max-width: 10%
    }

    [class*="_lg-11"] > [class~="col"], [class*="_lg-11"] > [class*="col-"], [class*="_lg-11"] > [class*="col_"] {
        flex-basis: 9.0909090909%;
        max-width: 9.0909090909%
    }

    [class*="_lg-12"] > [class~="col"], [class*="_lg-12"] > [class*="col-"], [class*="_lg-12"] > [class*="col_"] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
}

@media (max-width: 64em) {
    [class*="_md-1"] > [class~="col"], [class*="_md-1"] > [class*="col-"], [class*="_md-1"] > [class*="col_"] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*="_md-2"] > [class~="col"], [class*="_md-2"] > [class*="col-"], [class*="_md-2"] > [class*="col_"] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*="_md-3"] > [class~="col"], [class*="_md-3"] > [class*="col-"], [class*="_md-3"] > [class*="col_"] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class*="_md-4"] > [class~="col"], [class*="_md-4"] > [class*="col-"], [class*="_md-4"] > [class*="col_"] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*="_md-5"] > [class~="col"], [class*="_md-5"] > [class*="col-"], [class*="_md-5"] > [class*="col_"] {
        flex-basis: 20%;
        max-width: 20%
    }

    [class*="_md-6"] > [class~="col"], [class*="_md-6"] > [class*="col-"], [class*="_md-6"] > [class*="col_"] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class*="_md-7"] > [class~="col"], [class*="_md-7"] > [class*="col-"], [class*="_md-7"] > [class*="col_"] {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    [class*="_md-8"] > [class~="col"], [class*="_md-8"] > [class*="col-"], [class*="_md-8"] > [class*="col_"] {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*="_md-9"] > [class~="col"], [class*="_md-9"] > [class*="col-"], [class*="_md-9"] > [class*="col_"] {
        flex-basis: 11.1111111111%;
        max-width: 11.1111111111%
    }

    [class*="_md-10"] > [class~="col"], [class*="_md-10"] > [class*="col-"], [class*="_md-10"] > [class*="col_"] {
        flex-basis: 10%;
        max-width: 10%
    }

    [class*="_md-11"] > [class~="col"], [class*="_md-11"] > [class*="col-"], [class*="_md-11"] > [class*="col_"] {
        flex-basis: 9.0909090909%;
        max-width: 9.0909090909%
    }

    [class*="_md-12"] > [class~="col"], [class*="_md-12"] > [class*="col-"], [class*="_md-12"] > [class*="col_"] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
}

@media (max-width: 48em) {
    [class*="_sm-1"] > [class~="col"], [class*="_sm-1"] > [class*="col-"], [class*="_sm-1"] > [class*="col_"] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*="_sm-2"] > [class~="col"], [class*="_sm-2"] > [class*="col-"], [class*="_sm-2"] > [class*="col_"] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*="_sm-3"] > [class~="col"], [class*="_sm-3"] > [class*="col-"], [class*="_sm-3"] > [class*="col_"] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class*="_sm-4"] > [class~="col"], [class*="_sm-4"] > [class*="col-"], [class*="_sm-4"] > [class*="col_"] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*="_sm-5"] > [class~="col"], [class*="_sm-5"] > [class*="col-"], [class*="_sm-5"] > [class*="col_"] {
        flex-basis: 20%;
        max-width: 20%
    }

    [class*="_sm-6"] > [class~="col"], [class*="_sm-6"] > [class*="col-"], [class*="_sm-6"] > [class*="col_"] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class*="_sm-7"] > [class~="col"], [class*="_sm-7"] > [class*="col-"], [class*="_sm-7"] > [class*="col_"] {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    [class*="_sm-8"] > [class~="col"], [class*="_sm-8"] > [class*="col-"], [class*="_sm-8"] > [class*="col_"] {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*="_sm-9"] > [class~="col"], [class*="_sm-9"] > [class*="col-"], [class*="_sm-9"] > [class*="col_"] {
        flex-basis: 11.1111111111%;
        max-width: 11.1111111111%
    }

    [class*="_sm-10"] > [class~="col"], [class*="_sm-10"] > [class*="col-"], [class*="_sm-10"] > [class*="col_"] {
        flex-basis: 10%;
        max-width: 10%
    }

    [class*="_sm-11"] > [class~="col"], [class*="_sm-11"] > [class*="col-"], [class*="_sm-11"] > [class*="col_"] {
        flex-basis: 9.0909090909%;
        max-width: 9.0909090909%
    }

    [class*="_sm-12"] > [class~="col"], [class*="_sm-12"] > [class*="col-"], [class*="_sm-12"] > [class*="col_"] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
}

@media (max-width: 36em) {
    [class*="_xs-1"] > [class~="col"], [class*="_xs-1"] > [class*="col-"], [class*="_xs-1"] > [class*="col_"] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class*="_xs-2"] > [class~="col"], [class*="_xs-2"] > [class*="col-"], [class*="_xs-2"] > [class*="col_"] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class*="_xs-3"] > [class~="col"], [class*="_xs-3"] > [class*="col-"], [class*="_xs-3"] > [class*="col_"] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class*="_xs-4"] > [class~="col"], [class*="_xs-4"] > [class*="col-"], [class*="_xs-4"] > [class*="col_"] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class*="_xs-5"] > [class~="col"], [class*="_xs-5"] > [class*="col-"], [class*="_xs-5"] > [class*="col_"] {
        flex-basis: 20%;
        max-width: 20%
    }

    [class*="_xs-6"] > [class~="col"], [class*="_xs-6"] > [class*="col-"], [class*="_xs-6"] > [class*="col_"] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class*="_xs-7"] > [class~="col"], [class*="_xs-7"] > [class*="col-"], [class*="_xs-7"] > [class*="col_"] {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    [class*="_xs-8"] > [class~="col"], [class*="_xs-8"] > [class*="col-"], [class*="_xs-8"] > [class*="col_"] {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*="_xs-9"] > [class~="col"], [class*="_xs-9"] > [class*="col-"], [class*="_xs-9"] > [class*="col_"] {
        flex-basis: 11.1111111111%;
        max-width: 11.1111111111%
    }

    [class*="_xs-10"] > [class~="col"], [class*="_xs-10"] > [class*="col-"], [class*="_xs-10"] > [class*="col_"] {
        flex-basis: 10%;
        max-width: 10%
    }

    [class*="_xs-11"] > [class~="col"], [class*="_xs-11"] > [class*="col-"], [class*="_xs-11"] > [class*="col_"] {
        flex-basis: 9.0909090909%;
        max-width: 9.0909090909%
    }

    [class*="_xs-12"] > [class~="col"], [class*="_xs-12"] > [class*="col-"], [class*="_xs-12"] > [class*="col_"] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
}

[class~="grid"] > [class*="col-1"], [class*="grid-"] > [class*="col-1"], [class*="grid_"] > [class*="col-1"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
}

[class~="grid"] > [class*="col-2"], [class*="grid-"] > [class*="col-2"], [class*="grid_"] > [class*="col-2"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}

[class~="grid"] > [class*="col-3"], [class*="grid-"] > [class*="col-3"], [class*="grid_"] > [class*="col-3"] {
    flex-basis: 25%;
    max-width: 25%
}

[class~="grid"] > [class*="col-4"], [class*="grid-"] > [class*="col-4"], [class*="grid_"] > [class*="col-4"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}

[class~="grid"] > [class*="col-5"], [class*="grid-"] > [class*="col-5"], [class*="grid_"] > [class*="col-5"] {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
}

[class~="grid"] > [class*="col-6"], [class*="grid-"] > [class*="col-6"], [class*="grid_"] > [class*="col-6"] {
    flex-basis: 50%;
    max-width: 50%
}

[class~="grid"] > [class*="col-7"], [class*="grid-"] > [class*="col-7"], [class*="grid_"] > [class*="col-7"] {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
}

[class~="grid"] > [class*="col-8"], [class*="grid-"] > [class*="col-8"], [class*="grid_"] > [class*="col-8"] {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
}

[class~="grid"] > [class*="col-9"], [class*="grid-"] > [class*="col-9"], [class*="grid_"] > [class*="col-9"] {
    flex-basis: 75%;
    max-width: 75%
}

[class~="grid"] > [class*="col-10"], [class*="grid-"] > [class*="col-10"], [class*="grid_"] > [class*="col-10"] {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
}

[class~="grid"] > [class*="col-11"], [class*="grid-"] > [class*="col-11"], [class*="grid_"] > [class*="col-11"] {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
}

[class~="grid"] > [class*="col-12"], [class*="grid-"] > [class*="col-12"], [class*="grid_"] > [class*="col-12"] {
    flex-basis: 100%;
    max-width: 100%
}

[class~="grid"] > [data-push-left*="off-0"], [class*="grid-"] > [data-push-left*="off-0"], [class*="grid_"] > [data-push-left*="off-0"] {
    margin-left: 0
}

[class~="grid"] > [data-push-left*="off-1"], [class*="grid-"] > [data-push-left*="off-1"], [class*="grid_"] > [data-push-left*="off-1"] {
    margin-left: 8.3333333333%
}

[class~="grid"] > [data-push-left*="off-2"], [class*="grid-"] > [data-push-left*="off-2"], [class*="grid_"] > [data-push-left*="off-2"] {
    margin-left: 16.6666666667%
}

[class~="grid"] > [data-push-left*="off-3"], [class*="grid-"] > [data-push-left*="off-3"], [class*="grid_"] > [data-push-left*="off-3"] {
    margin-left: 25%
}

[class~="grid"] > [data-push-left*="off-4"], [class*="grid-"] > [data-push-left*="off-4"], [class*="grid_"] > [data-push-left*="off-4"] {
    margin-left: 33.3333333333%
}

[class~="grid"] > [data-push-left*="off-5"], [class*="grid-"] > [data-push-left*="off-5"], [class*="grid_"] > [data-push-left*="off-5"] {
    margin-left: 41.6666666667%
}

[class~="grid"] > [data-push-left*="off-6"], [class*="grid-"] > [data-push-left*="off-6"], [class*="grid_"] > [data-push-left*="off-6"] {
    margin-left: 50%
}

[class~="grid"] > [data-push-left*="off-7"], [class*="grid-"] > [data-push-left*="off-7"], [class*="grid_"] > [data-push-left*="off-7"] {
    margin-left: 58.3333333333%
}

[class~="grid"] > [data-push-left*="off-8"], [class*="grid-"] > [data-push-left*="off-8"], [class*="grid_"] > [data-push-left*="off-8"] {
    margin-left: 66.6666666667%
}

[class~="grid"] > [data-push-left*="off-9"], [class*="grid-"] > [data-push-left*="off-9"], [class*="grid_"] > [data-push-left*="off-9"] {
    margin-left: 75%
}

[class~="grid"] > [data-push-left*="off-10"], [class*="grid-"] > [data-push-left*="off-10"], [class*="grid_"] > [data-push-left*="off-10"] {
    margin-left: 83.3333333333%
}

[class~="grid"] > [data-push-left*="off-11"], [class*="grid-"] > [data-push-left*="off-11"], [class*="grid_"] > [data-push-left*="off-11"] {
    margin-left: 91.6666666667%
}

[class~="grid"] > [data-push-right*="off-0"], [class*="grid-"] > [data-push-right*="off-0"], [class*="grid_"] > [data-push-right*="off-0"] {
    margin-right: 0
}

[class~="grid"] > [data-push-right*="off-1"], [class*="grid-"] > [data-push-right*="off-1"], [class*="grid_"] > [data-push-right*="off-1"] {
    margin-right: 8.3333333333%
}

[class~="grid"] > [data-push-right*="off-2"], [class*="grid-"] > [data-push-right*="off-2"], [class*="grid_"] > [data-push-right*="off-2"] {
    margin-right: 16.6666666667%
}

[class~="grid"] > [data-push-right*="off-3"], [class*="grid-"] > [data-push-right*="off-3"], [class*="grid_"] > [data-push-right*="off-3"] {
    margin-right: 25%
}

[class~="grid"] > [data-push-right*="off-4"], [class*="grid-"] > [data-push-right*="off-4"], [class*="grid_"] > [data-push-right*="off-4"] {
    margin-right: 33.3333333333%
}

[class~="grid"] > [data-push-right*="off-5"], [class*="grid-"] > [data-push-right*="off-5"], [class*="grid_"] > [data-push-right*="off-5"] {
    margin-right: 41.6666666667%
}

[class~="grid"] > [data-push-right*="off-6"], [class*="grid-"] > [data-push-right*="off-6"], [class*="grid_"] > [data-push-right*="off-6"] {
    margin-right: 50%
}

[class~="grid"] > [data-push-right*="off-7"], [class*="grid-"] > [data-push-right*="off-7"], [class*="grid_"] > [data-push-right*="off-7"] {
    margin-right: 58.3333333333%
}

[class~="grid"] > [data-push-right*="off-8"], [class*="grid-"] > [data-push-right*="off-8"], [class*="grid_"] > [data-push-right*="off-8"] {
    margin-right: 66.6666666667%
}

[class~="grid"] > [data-push-right*="off-9"], [class*="grid-"] > [data-push-right*="off-9"], [class*="grid_"] > [data-push-right*="off-9"] {
    margin-right: 75%
}

[class~="grid"] > [data-push-right*="off-10"], [class*="grid-"] > [data-push-right*="off-10"], [class*="grid_"] > [data-push-right*="off-10"] {
    margin-right: 83.3333333333%
}

[class~="grid"] > [data-push-right*="off-11"], [class*="grid-"] > [data-push-right*="off-11"], [class*="grid_"] > [data-push-right*="off-11"] {
    margin-right: 91.6666666667%
}

@media (max-width: 80em) {
    [class~="grid"] > [class*="_lg-1"], [class*="grid-"] > [class*="_lg-1"], [class*="grid_"] > [class*="_lg-1"] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    [class~="grid"] > [class*="_lg-2"], [class*="grid-"] > [class*="_lg-2"], [class*="grid_"] > [class*="_lg-2"] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class~="grid"] > [class*="_lg-3"], [class*="grid-"] > [class*="_lg-3"], [class*="grid_"] > [class*="_lg-3"] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class~="grid"] > [class*="_lg-4"], [class*="grid-"] > [class*="_lg-4"], [class*="grid_"] > [class*="_lg-4"] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class~="grid"] > [class*="_lg-5"], [class*="grid-"] > [class*="_lg-5"], [class*="grid_"] > [class*="_lg-5"] {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    [class~="grid"] > [class*="_lg-6"], [class*="grid-"] > [class*="_lg-6"], [class*="grid_"] > [class*="_lg-6"] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class~="grid"] > [class*="_lg-7"], [class*="grid-"] > [class*="_lg-7"], [class*="grid_"] > [class*="_lg-7"] {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    [class~="grid"] > [class*="_lg-8"], [class*="grid-"] > [class*="_lg-8"], [class*="grid_"] > [class*="_lg-8"] {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    [class~="grid"] > [class*="_lg-9"], [class*="grid-"] > [class*="_lg-9"], [class*="grid_"] > [class*="_lg-9"] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class~="grid"] > [class*="_lg-10"], [class*="grid-"] > [class*="_lg-10"], [class*="grid_"] > [class*="_lg-10"] {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    [class~="grid"] > [class*="_lg-11"], [class*="grid-"] > [class*="_lg-11"], [class*="grid_"] > [class*="_lg-11"] {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    [class~="grid"] > [class*="_lg-12"], [class*="grid-"] > [class*="_lg-12"], [class*="grid_"] > [class*="_lg-12"] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class~="grid"] > [data-push-left*="_lg-0"], [class*="grid-"] > [data-push-left*="_lg-0"], [class*="grid_"] > [data-push-left*="_lg-0"] {
        margin-left: 0
    }

    [class~="grid"] > [data-push-left*="_lg-1"], [class*="grid-"] > [data-push-left*="_lg-1"], [class*="grid_"] > [data-push-left*="_lg-1"] {
        margin-left: 8.3333333333%
    }

    [class~="grid"] > [data-push-left*="_lg-2"], [class*="grid-"] > [data-push-left*="_lg-2"], [class*="grid_"] > [data-push-left*="_lg-2"] {
        margin-left: 16.6666666667%
    }

    [class~="grid"] > [data-push-left*="_lg-3"], [class*="grid-"] > [data-push-left*="_lg-3"], [class*="grid_"] > [data-push-left*="_lg-3"] {
        margin-left: 25%
    }

    [class~="grid"] > [data-push-left*="_lg-4"], [class*="grid-"] > [data-push-left*="_lg-4"], [class*="grid_"] > [data-push-left*="_lg-4"] {
        margin-left: 33.3333333333%
    }

    [class~="grid"] > [data-push-left*="_lg-5"], [class*="grid-"] > [data-push-left*="_lg-5"], [class*="grid_"] > [data-push-left*="_lg-5"] {
        margin-left: 41.6666666667%
    }

    [class~="grid"] > [data-push-left*="_lg-6"], [class*="grid-"] > [data-push-left*="_lg-6"], [class*="grid_"] > [data-push-left*="_lg-6"] {
        margin-left: 50%
    }

    [class~="grid"] > [data-push-left*="_lg-7"], [class*="grid-"] > [data-push-left*="_lg-7"], [class*="grid_"] > [data-push-left*="_lg-7"] {
        margin-left: 58.3333333333%
    }

    [class~="grid"] > [data-push-left*="_lg-8"], [class*="grid-"] > [data-push-left*="_lg-8"], [class*="grid_"] > [data-push-left*="_lg-8"] {
        margin-left: 66.6666666667%
    }

    [class~="grid"] > [data-push-left*="_lg-9"], [class*="grid-"] > [data-push-left*="_lg-9"], [class*="grid_"] > [data-push-left*="_lg-9"] {
        margin-left: 75%
    }

    [class~="grid"] > [data-push-left*="_lg-10"], [class*="grid-"] > [data-push-left*="_lg-10"], [class*="grid_"] > [data-push-left*="_lg-10"] {
        margin-left: 83.3333333333%
    }

    [class~="grid"] > [data-push-left*="_lg-11"], [class*="grid-"] > [data-push-left*="_lg-11"], [class*="grid_"] > [data-push-left*="_lg-11"] {
        margin-left: 91.6666666667%
    }

    [class~="grid"] > [data-push-right*="_lg-0"], [class*="grid-"] > [data-push-right*="_lg-0"], [class*="grid_"] > [data-push-right*="_lg-0"] {
        margin-right: 0
    }

    [class~="grid"] > [data-push-right*="_lg-1"], [class*="grid-"] > [data-push-right*="_lg-1"], [class*="grid_"] > [data-push-right*="_lg-1"] {
        margin-right: 8.3333333333%
    }

    [class~="grid"] > [data-push-right*="_lg-2"], [class*="grid-"] > [data-push-right*="_lg-2"], [class*="grid_"] > [data-push-right*="_lg-2"] {
        margin-right: 16.6666666667%
    }

    [class~="grid"] > [data-push-right*="_lg-3"], [class*="grid-"] > [data-push-right*="_lg-3"], [class*="grid_"] > [data-push-right*="_lg-3"] {
        margin-right: 25%
    }

    [class~="grid"] > [data-push-right*="_lg-4"], [class*="grid-"] > [data-push-right*="_lg-4"], [class*="grid_"] > [data-push-right*="_lg-4"] {
        margin-right: 33.3333333333%
    }

    [class~="grid"] > [data-push-right*="_lg-5"], [class*="grid-"] > [data-push-right*="_lg-5"], [class*="grid_"] > [data-push-right*="_lg-5"] {
        margin-right: 41.6666666667%
    }

    [class~="grid"] > [data-push-right*="_lg-6"], [class*="grid-"] > [data-push-right*="_lg-6"], [class*="grid_"] > [data-push-right*="_lg-6"] {
        margin-right: 50%
    }

    [class~="grid"] > [data-push-right*="_lg-7"], [class*="grid-"] > [data-push-right*="_lg-7"], [class*="grid_"] > [data-push-right*="_lg-7"] {
        margin-right: 58.3333333333%
    }

    [class~="grid"] > [data-push-right*="_lg-8"], [class*="grid-"] > [data-push-right*="_lg-8"], [class*="grid_"] > [data-push-right*="_lg-8"] {
        margin-right: 66.6666666667%
    }

    [class~="grid"] > [data-push-right*="_lg-9"], [class*="grid-"] > [data-push-right*="_lg-9"], [class*="grid_"] > [data-push-right*="_lg-9"] {
        margin-right: 75%
    }

    [class~="grid"] > [data-push-right*="_lg-10"], [class*="grid-"] > [data-push-right*="_lg-10"], [class*="grid_"] > [data-push-right*="_lg-10"] {
        margin-right: 83.3333333333%
    }

    [class~="grid"] > [data-push-right*="_lg-11"], [class*="grid-"] > [data-push-right*="_lg-11"], [class*="grid_"] > [data-push-right*="_lg-11"] {
        margin-right: 91.6666666667%
    }

    [class~="grid"] [class*="_lg-first"], [class*="grid-"] [class*="_lg-first"], [class*="grid_"] [class*="_lg-first"] {
        order: -1
    }

    [class~="grid"] [class*="_lg-last"], [class*="grid-"] [class*="_lg-last"], [class*="grid_"] [class*="_lg-last"] {
        order: 1
    }
}

@media (max-width: 64em) {
    [class~="grid"] > [class*="_md-1"], [class*="grid-"] > [class*="_md-1"], [class*="grid_"] > [class*="_md-1"] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    [class~="grid"] > [class*="_md-2"], [class*="grid-"] > [class*="_md-2"], [class*="grid_"] > [class*="_md-2"] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class~="grid"] > [class*="_md-3"], [class*="grid-"] > [class*="_md-3"], [class*="grid_"] > [class*="_md-3"] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class~="grid"] > [class*="_md-4"], [class*="grid-"] > [class*="_md-4"], [class*="grid_"] > [class*="_md-4"] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class~="grid"] > [class*="_md-5"], [class*="grid-"] > [class*="_md-5"], [class*="grid_"] > [class*="_md-5"] {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    [class~="grid"] > [class*="_md-6"], [class*="grid-"] > [class*="_md-6"], [class*="grid_"] > [class*="_md-6"] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class~="grid"] > [class*="_md-7"], [class*="grid-"] > [class*="_md-7"], [class*="grid_"] > [class*="_md-7"] {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    [class~="grid"] > [class*="_md-8"], [class*="grid-"] > [class*="_md-8"], [class*="grid_"] > [class*="_md-8"] {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    [class~="grid"] > [class*="_md-9"], [class*="grid-"] > [class*="_md-9"], [class*="grid_"] > [class*="_md-9"] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class~="grid"] > [class*="_md-10"], [class*="grid-"] > [class*="_md-10"], [class*="grid_"] > [class*="_md-10"] {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    [class~="grid"] > [class*="_md-11"], [class*="grid-"] > [class*="_md-11"], [class*="grid_"] > [class*="_md-11"] {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    [class~="grid"] > [class*="_md-12"], [class*="grid-"] > [class*="_md-12"], [class*="grid_"] > [class*="_md-12"] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class~="grid"] > [data-push-left*="_md-0"], [class*="grid-"] > [data-push-left*="_md-0"], [class*="grid_"] > [data-push-left*="_md-0"] {
        margin-left: 0
    }

    [class~="grid"] > [data-push-left*="_md-1"], [class*="grid-"] > [data-push-left*="_md-1"], [class*="grid_"] > [data-push-left*="_md-1"] {
        margin-left: 8.3333333333%
    }

    [class~="grid"] > [data-push-left*="_md-2"], [class*="grid-"] > [data-push-left*="_md-2"], [class*="grid_"] > [data-push-left*="_md-2"] {
        margin-left: 16.6666666667%
    }

    [class~="grid"] > [data-push-left*="_md-3"], [class*="grid-"] > [data-push-left*="_md-3"], [class*="grid_"] > [data-push-left*="_md-3"] {
        margin-left: 25%
    }

    [class~="grid"] > [data-push-left*="_md-4"], [class*="grid-"] > [data-push-left*="_md-4"], [class*="grid_"] > [data-push-left*="_md-4"] {
        margin-left: 33.3333333333%
    }

    [class~="grid"] > [data-push-left*="_md-5"], [class*="grid-"] > [data-push-left*="_md-5"], [class*="grid_"] > [data-push-left*="_md-5"] {
        margin-left: 41.6666666667%
    }

    [class~="grid"] > [data-push-left*="_md-6"], [class*="grid-"] > [data-push-left*="_md-6"], [class*="grid_"] > [data-push-left*="_md-6"] {
        margin-left: 50%
    }

    [class~="grid"] > [data-push-left*="_md-7"], [class*="grid-"] > [data-push-left*="_md-7"], [class*="grid_"] > [data-push-left*="_md-7"] {
        margin-left: 58.3333333333%
    }

    [class~="grid"] > [data-push-left*="_md-8"], [class*="grid-"] > [data-push-left*="_md-8"], [class*="grid_"] > [data-push-left*="_md-8"] {
        margin-left: 66.6666666667%
    }

    [class~="grid"] > [data-push-left*="_md-9"], [class*="grid-"] > [data-push-left*="_md-9"], [class*="grid_"] > [data-push-left*="_md-9"] {
        margin-left: 75%
    }

    [class~="grid"] > [data-push-left*="_md-10"], [class*="grid-"] > [data-push-left*="_md-10"], [class*="grid_"] > [data-push-left*="_md-10"] {
        margin-left: 83.3333333333%
    }

    [class~="grid"] > [data-push-left*="_md-11"], [class*="grid-"] > [data-push-left*="_md-11"], [class*="grid_"] > [data-push-left*="_md-11"] {
        margin-left: 91.6666666667%
    }

    [class~="grid"] > [data-push-right*="_md-0"], [class*="grid-"] > [data-push-right*="_md-0"], [class*="grid_"] > [data-push-right*="_md-0"] {
        margin-right: 0
    }

    [class~="grid"] > [data-push-right*="_md-1"], [class*="grid-"] > [data-push-right*="_md-1"], [class*="grid_"] > [data-push-right*="_md-1"] {
        margin-right: 8.3333333333%
    }

    [class~="grid"] > [data-push-right*="_md-2"], [class*="grid-"] > [data-push-right*="_md-2"], [class*="grid_"] > [data-push-right*="_md-2"] {
        margin-right: 16.6666666667%
    }

    [class~="grid"] > [data-push-right*="_md-3"], [class*="grid-"] > [data-push-right*="_md-3"], [class*="grid_"] > [data-push-right*="_md-3"] {
        margin-right: 25%
    }

    [class~="grid"] > [data-push-right*="_md-4"], [class*="grid-"] > [data-push-right*="_md-4"], [class*="grid_"] > [data-push-right*="_md-4"] {
        margin-right: 33.3333333333%
    }

    [class~="grid"] > [data-push-right*="_md-5"], [class*="grid-"] > [data-push-right*="_md-5"], [class*="grid_"] > [data-push-right*="_md-5"] {
        margin-right: 41.6666666667%
    }

    [class~="grid"] > [data-push-right*="_md-6"], [class*="grid-"] > [data-push-right*="_md-6"], [class*="grid_"] > [data-push-right*="_md-6"] {
        margin-right: 50%
    }

    [class~="grid"] > [data-push-right*="_md-7"], [class*="grid-"] > [data-push-right*="_md-7"], [class*="grid_"] > [data-push-right*="_md-7"] {
        margin-right: 58.3333333333%
    }

    [class~="grid"] > [data-push-right*="_md-8"], [class*="grid-"] > [data-push-right*="_md-8"], [class*="grid_"] > [data-push-right*="_md-8"] {
        margin-right: 66.6666666667%
    }

    [class~="grid"] > [data-push-right*="_md-9"], [class*="grid-"] > [data-push-right*="_md-9"], [class*="grid_"] > [data-push-right*="_md-9"] {
        margin-right: 75%
    }

    [class~="grid"] > [data-push-right*="_md-10"], [class*="grid-"] > [data-push-right*="_md-10"], [class*="grid_"] > [data-push-right*="_md-10"] {
        margin-right: 83.3333333333%
    }

    [class~="grid"] > [data-push-right*="_md-11"], [class*="grid-"] > [data-push-right*="_md-11"], [class*="grid_"] > [data-push-right*="_md-11"] {
        margin-right: 91.6666666667%
    }

    [class~="grid"] [class*="_md-first"], [class*="grid-"] [class*="_md-first"], [class*="grid_"] [class*="_md-first"] {
        order: -1
    }

    [class~="grid"] [class*="_md-last"], [class*="grid-"] [class*="_md-last"], [class*="grid_"] [class*="_md-last"] {
        order: 1
    }
}

@media (max-width: 48em) {
    [class~="grid"] > [class*="_sm-1"], [class*="grid-"] > [class*="_sm-1"], [class*="grid_"] > [class*="_sm-1"] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    [class~="grid"] > [class*="_sm-2"], [class*="grid-"] > [class*="_sm-2"], [class*="grid_"] > [class*="_sm-2"] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class~="grid"] > [class*="_sm-3"], [class*="grid-"] > [class*="_sm-3"], [class*="grid_"] > [class*="_sm-3"] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class~="grid"] > [class*="_sm-4"], [class*="grid-"] > [class*="_sm-4"], [class*="grid_"] > [class*="_sm-4"] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class~="grid"] > [class*="_sm-5"], [class*="grid-"] > [class*="_sm-5"], [class*="grid_"] > [class*="_sm-5"] {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    [class~="grid"] > [class*="_sm-6"], [class*="grid-"] > [class*="_sm-6"], [class*="grid_"] > [class*="_sm-6"] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class~="grid"] > [class*="_sm-7"], [class*="grid-"] > [class*="_sm-7"], [class*="grid_"] > [class*="_sm-7"] {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    [class~="grid"] > [class*="_sm-8"], [class*="grid-"] > [class*="_sm-8"], [class*="grid_"] > [class*="_sm-8"] {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    [class~="grid"] > [class*="_sm-9"], [class*="grid-"] > [class*="_sm-9"], [class*="grid_"] > [class*="_sm-9"] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class~="grid"] > [class*="_sm-10"], [class*="grid-"] > [class*="_sm-10"], [class*="grid_"] > [class*="_sm-10"] {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    [class~="grid"] > [class*="_sm-11"], [class*="grid-"] > [class*="_sm-11"], [class*="grid_"] > [class*="_sm-11"] {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    [class~="grid"] > [class*="_sm-12"], [class*="grid-"] > [class*="_sm-12"], [class*="grid_"] > [class*="_sm-12"] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class~="grid"] > [data-push-left*="_sm-0"], [class*="grid-"] > [data-push-left*="_sm-0"], [class*="grid_"] > [data-push-left*="_sm-0"] {
        margin-left: 0
    }

    [class~="grid"] > [data-push-left*="_sm-1"], [class*="grid-"] > [data-push-left*="_sm-1"], [class*="grid_"] > [data-push-left*="_sm-1"] {
        margin-left: 8.3333333333%
    }

    [class~="grid"] > [data-push-left*="_sm-2"], [class*="grid-"] > [data-push-left*="_sm-2"], [class*="grid_"] > [data-push-left*="_sm-2"] {
        margin-left: 16.6666666667%
    }

    [class~="grid"] > [data-push-left*="_sm-3"], [class*="grid-"] > [data-push-left*="_sm-3"], [class*="grid_"] > [data-push-left*="_sm-3"] {
        margin-left: 25%
    }

    [class~="grid"] > [data-push-left*="_sm-4"], [class*="grid-"] > [data-push-left*="_sm-4"], [class*="grid_"] > [data-push-left*="_sm-4"] {
        margin-left: 33.3333333333%
    }

    [class~="grid"] > [data-push-left*="_sm-5"], [class*="grid-"] > [data-push-left*="_sm-5"], [class*="grid_"] > [data-push-left*="_sm-5"] {
        margin-left: 41.6666666667%
    }

    [class~="grid"] > [data-push-left*="_sm-6"], [class*="grid-"] > [data-push-left*="_sm-6"], [class*="grid_"] > [data-push-left*="_sm-6"] {
        margin-left: 50%
    }

    [class~="grid"] > [data-push-left*="_sm-7"], [class*="grid-"] > [data-push-left*="_sm-7"], [class*="grid_"] > [data-push-left*="_sm-7"] {
        margin-left: 58.3333333333%
    }

    [class~="grid"] > [data-push-left*="_sm-8"], [class*="grid-"] > [data-push-left*="_sm-8"], [class*="grid_"] > [data-push-left*="_sm-8"] {
        margin-left: 66.6666666667%
    }

    [class~="grid"] > [data-push-left*="_sm-9"], [class*="grid-"] > [data-push-left*="_sm-9"], [class*="grid_"] > [data-push-left*="_sm-9"] {
        margin-left: 75%
    }

    [class~="grid"] > [data-push-left*="_sm-10"], [class*="grid-"] > [data-push-left*="_sm-10"], [class*="grid_"] > [data-push-left*="_sm-10"] {
        margin-left: 83.3333333333%
    }

    [class~="grid"] > [data-push-left*="_sm-11"], [class*="grid-"] > [data-push-left*="_sm-11"], [class*="grid_"] > [data-push-left*="_sm-11"] {
        margin-left: 91.6666666667%
    }

    [class~="grid"] > [data-push-right*="_sm-0"], [class*="grid-"] > [data-push-right*="_sm-0"], [class*="grid_"] > [data-push-right*="_sm-0"] {
        margin-right: 0
    }

    [class~="grid"] > [data-push-right*="_sm-1"], [class*="grid-"] > [data-push-right*="_sm-1"], [class*="grid_"] > [data-push-right*="_sm-1"] {
        margin-right: 8.3333333333%
    }

    [class~="grid"] > [data-push-right*="_sm-2"], [class*="grid-"] > [data-push-right*="_sm-2"], [class*="grid_"] > [data-push-right*="_sm-2"] {
        margin-right: 16.6666666667%
    }

    [class~="grid"] > [data-push-right*="_sm-3"], [class*="grid-"] > [data-push-right*="_sm-3"], [class*="grid_"] > [data-push-right*="_sm-3"] {
        margin-right: 25%
    }

    [class~="grid"] > [data-push-right*="_sm-4"], [class*="grid-"] > [data-push-right*="_sm-4"], [class*="grid_"] > [data-push-right*="_sm-4"] {
        margin-right: 33.3333333333%
    }

    [class~="grid"] > [data-push-right*="_sm-5"], [class*="grid-"] > [data-push-right*="_sm-5"], [class*="grid_"] > [data-push-right*="_sm-5"] {
        margin-right: 41.6666666667%
    }

    [class~="grid"] > [data-push-right*="_sm-6"], [class*="grid-"] > [data-push-right*="_sm-6"], [class*="grid_"] > [data-push-right*="_sm-6"] {
        margin-right: 50%
    }

    [class~="grid"] > [data-push-right*="_sm-7"], [class*="grid-"] > [data-push-right*="_sm-7"], [class*="grid_"] > [data-push-right*="_sm-7"] {
        margin-right: 58.3333333333%
    }

    [class~="grid"] > [data-push-right*="_sm-8"], [class*="grid-"] > [data-push-right*="_sm-8"], [class*="grid_"] > [data-push-right*="_sm-8"] {
        margin-right: 66.6666666667%
    }

    [class~="grid"] > [data-push-right*="_sm-9"], [class*="grid-"] > [data-push-right*="_sm-9"], [class*="grid_"] > [data-push-right*="_sm-9"] {
        margin-right: 75%
    }

    [class~="grid"] > [data-push-right*="_sm-10"], [class*="grid-"] > [data-push-right*="_sm-10"], [class*="grid_"] > [data-push-right*="_sm-10"] {
        margin-right: 83.3333333333%
    }

    [class~="grid"] > [data-push-right*="_sm-11"], [class*="grid-"] > [data-push-right*="_sm-11"], [class*="grid_"] > [data-push-right*="_sm-11"] {
        margin-right: 91.6666666667%
    }

    [class~="grid"] [class*="_sm-first"], [class*="grid-"] [class*="_sm-first"], [class*="grid_"] [class*="_sm-first"] {
        order: -1
    }

    [class~="grid"] [class*="_sm-last"], [class*="grid-"] [class*="_sm-last"], [class*="grid_"] [class*="_sm-last"] {
        order: 1
    }
}

@media (max-width: 36em) {
    [class~="grid"] > [class*="_xs-1"], [class*="grid-"] > [class*="_xs-1"], [class*="grid_"] > [class*="_xs-1"] {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    [class~="grid"] > [class*="_xs-2"], [class*="grid-"] > [class*="_xs-2"], [class*="grid_"] > [class*="_xs-2"] {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    [class~="grid"] > [class*="_xs-3"], [class*="grid-"] > [class*="_xs-3"], [class*="grid_"] > [class*="_xs-3"] {
        flex-basis: 25%;
        max-width: 25%
    }

    [class~="grid"] > [class*="_xs-4"], [class*="grid-"] > [class*="_xs-4"], [class*="grid_"] > [class*="_xs-4"] {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    [class~="grid"] > [class*="_xs-5"], [class*="grid-"] > [class*="_xs-5"], [class*="grid_"] > [class*="_xs-5"] {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    [class~="grid"] > [class*="_xs-6"], [class*="grid-"] > [class*="_xs-6"], [class*="grid_"] > [class*="_xs-6"] {
        flex-basis: 50%;
        max-width: 50%
    }

    [class~="grid"] > [class*="_xs-7"], [class*="grid-"] > [class*="_xs-7"], [class*="grid_"] > [class*="_xs-7"] {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    [class~="grid"] > [class*="_xs-8"], [class*="grid-"] > [class*="_xs-8"], [class*="grid_"] > [class*="_xs-8"] {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    [class~="grid"] > [class*="_xs-9"], [class*="grid-"] > [class*="_xs-9"], [class*="grid_"] > [class*="_xs-9"] {
        flex-basis: 75%;
        max-width: 75%
    }

    [class~="grid"] > [class*="_xs-10"], [class*="grid-"] > [class*="_xs-10"], [class*="grid_"] > [class*="_xs-10"] {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    [class~="grid"] > [class*="_xs-11"], [class*="grid-"] > [class*="_xs-11"], [class*="grid_"] > [class*="_xs-11"] {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    [class~="grid"] > [class*="_xs-12"], [class*="grid-"] > [class*="_xs-12"], [class*="grid_"] > [class*="_xs-12"] {
        flex-basis: 100%;
        max-width: 100%
    }

    [class~="grid"] > [data-push-left*="_xs-0"], [class*="grid-"] > [data-push-left*="_xs-0"], [class*="grid_"] > [data-push-left*="_xs-0"] {
        margin-left: 0
    }

    [class~="grid"] > [data-push-left*="_xs-1"], [class*="grid-"] > [data-push-left*="_xs-1"], [class*="grid_"] > [data-push-left*="_xs-1"] {
        margin-left: 8.3333333333%
    }

    [class~="grid"] > [data-push-left*="_xs-2"], [class*="grid-"] > [data-push-left*="_xs-2"], [class*="grid_"] > [data-push-left*="_xs-2"] {
        margin-left: 16.6666666667%
    }

    [class~="grid"] > [data-push-left*="_xs-3"], [class*="grid-"] > [data-push-left*="_xs-3"], [class*="grid_"] > [data-push-left*="_xs-3"] {
        margin-left: 25%
    }

    [class~="grid"] > [data-push-left*="_xs-4"], [class*="grid-"] > [data-push-left*="_xs-4"], [class*="grid_"] > [data-push-left*="_xs-4"] {
        margin-left: 33.3333333333%
    }

    [class~="grid"] > [data-push-left*="_xs-5"], [class*="grid-"] > [data-push-left*="_xs-5"], [class*="grid_"] > [data-push-left*="_xs-5"] {
        margin-left: 41.6666666667%
    }

    [class~="grid"] > [data-push-left*="_xs-6"], [class*="grid-"] > [data-push-left*="_xs-6"], [class*="grid_"] > [data-push-left*="_xs-6"] {
        margin-left: 50%
    }

    [class~="grid"] > [data-push-left*="_xs-7"], [class*="grid-"] > [data-push-left*="_xs-7"], [class*="grid_"] > [data-push-left*="_xs-7"] {
        margin-left: 58.3333333333%
    }

    [class~="grid"] > [data-push-left*="_xs-8"], [class*="grid-"] > [data-push-left*="_xs-8"], [class*="grid_"] > [data-push-left*="_xs-8"] {
        margin-left: 66.6666666667%
    }

    [class~="grid"] > [data-push-left*="_xs-9"], [class*="grid-"] > [data-push-left*="_xs-9"], [class*="grid_"] > [data-push-left*="_xs-9"] {
        margin-left: 75%
    }

    [class~="grid"] > [data-push-left*="_xs-10"], [class*="grid-"] > [data-push-left*="_xs-10"], [class*="grid_"] > [data-push-left*="_xs-10"] {
        margin-left: 83.3333333333%
    }

    [class~="grid"] > [data-push-left*="_xs-11"], [class*="grid-"] > [data-push-left*="_xs-11"], [class*="grid_"] > [data-push-left*="_xs-11"] {
        margin-left: 91.6666666667%
    }

    [class~="grid"] > [data-push-right*="_xs-0"], [class*="grid-"] > [data-push-right*="_xs-0"], [class*="grid_"] > [data-push-right*="_xs-0"] {
        margin-right: 0
    }

    [class~="grid"] > [data-push-right*="_xs-1"], [class*="grid-"] > [data-push-right*="_xs-1"], [class*="grid_"] > [data-push-right*="_xs-1"] {
        margin-right: 8.3333333333%
    }

    [class~="grid"] > [data-push-right*="_xs-2"], [class*="grid-"] > [data-push-right*="_xs-2"], [class*="grid_"] > [data-push-right*="_xs-2"] {
        margin-right: 16.6666666667%
    }

    [class~="grid"] > [data-push-right*="_xs-3"], [class*="grid-"] > [data-push-right*="_xs-3"], [class*="grid_"] > [data-push-right*="_xs-3"] {
        margin-right: 25%
    }

    [class~="grid"] > [data-push-right*="_xs-4"], [class*="grid-"] > [data-push-right*="_xs-4"], [class*="grid_"] > [data-push-right*="_xs-4"] {
        margin-right: 33.3333333333%
    }

    [class~="grid"] > [data-push-right*="_xs-5"], [class*="grid-"] > [data-push-right*="_xs-5"], [class*="grid_"] > [data-push-right*="_xs-5"] {
        margin-right: 41.6666666667%
    }

    [class~="grid"] > [data-push-right*="_xs-6"], [class*="grid-"] > [data-push-right*="_xs-6"], [class*="grid_"] > [data-push-right*="_xs-6"] {
        margin-right: 50%
    }

    [class~="grid"] > [data-push-right*="_xs-7"], [class*="grid-"] > [data-push-right*="_xs-7"], [class*="grid_"] > [data-push-right*="_xs-7"] {
        margin-right: 58.3333333333%
    }

    [class~="grid"] > [data-push-right*="_xs-8"], [class*="grid-"] > [data-push-right*="_xs-8"], [class*="grid_"] > [data-push-right*="_xs-8"] {
        margin-right: 66.6666666667%
    }

    [class~="grid"] > [data-push-right*="_xs-9"], [class*="grid-"] > [data-push-right*="_xs-9"], [class*="grid_"] > [data-push-right*="_xs-9"] {
        margin-right: 75%
    }

    [class~="grid"] > [data-push-right*="_xs-10"], [class*="grid-"] > [data-push-right*="_xs-10"], [class*="grid_"] > [data-push-right*="_xs-10"] {
        margin-right: 83.3333333333%
    }

    [class~="grid"] > [data-push-right*="_xs-11"], [class*="grid-"] > [data-push-right*="_xs-11"], [class*="grid_"] > [data-push-right*="_xs-11"] {
        margin-right: 91.6666666667%
    }

    [class~="grid"] [class*="_xs-first"], [class*="grid-"] [class*="_xs-first"], [class*="grid_"] [class*="_xs-first"] {
        order: -1
    }

    [class~="grid"] [class*="_xs-last"], [class*="grid-"] [class*="_xs-last"], [class*="grid_"] [class*="_xs-last"] {
        order: 1
    }
}

@media (max-width: 80em) {
    [class*="lg-hidden"] {
        display: none
    }
}

@media (max-width: 64em) {
    [class*="md-hidden"] {
        display: none
    }
}

@media (max-width: 48em) {
    [class*="sm-hidden"] {
        display: none
    }
}

@media (max-width: 36em) {
    [class*="xs-hidden"] {
        display: none
    }
}

@media (max-width: 80em) {
    [class*="lg-show"] {
        display: block !important
    }
}

@media (max-width: 64em) {
    [class*="md-show"] {
        display: block !important
    }
}

@media (max-width: 48em) {
    [class*="sm-show"] {
        display: block !important
    }
}

@media (max-width: 36em) {
    [class*="xs-show"] {
        display: block !important
    }
}
/*# sourceMappingURL=core.css.map */