﻿@font-face {
    font-family: poppins;
    src: url(//west.cdn.mathletics.com/html/fonts/Poppins/Poppins_400.ttf) format("truetype")
}

body {
    font-family: Poppins,serif;
    background: #eef2f5;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.main-content {
    margin-bottom: 80px;
    height: 100%;
    padding: 0 15px;
}

.flag {
    height: 18px;
}

.download {
    width: 50px;
}

.page-footer {
    background: #c8d4dd;
    position: fixed;
    padding: 0 15px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-box-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    z-index: 4
}


.btn {
    font-family: poppins;
    font-size: 16px;
    font-weight: 500;
    border: none;
    padding: 10px 20px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    transition: all .2s ease-in-out;
    text-decoration: none
}

    .btn.active, .btn:active {
        -webkit-box-shadow: 4px 4px 3px rgba(0,0,0,.2) inset;
        -moz-box-shadow: 4px 4px 3px rgba(0,0,0,.2) inset;
        box-shadow: inset 4px 4px 3px rgba(0,0,0,.2)
    }

    .btn svg {
        width: 20px;
        display: inline-block;
        vertical-align: middle
    }

    .btn.btn--large {
        font-size: 18px;
        padding: 15px 25px
    }

        .btn.btn--large svg {
            width: 22px
        }

    .btn.btn--small {
        font-size: 14px;
        padding: 6px 17px
    }

        .btn.btn--small svg {
            width: 18px
        }

    .btn.btn--xsmall {
        font-size: 12px;
        padding: 6px 17px
    }

        .btn.btn--xsmall svg {
            width: 16px
        }

    .btn.btn--primary {
        background: #1981c4;
        color: #fff
    }

        .btn.btn--primary.hover, .btn.btn--primary:hover {
            background: #156ca4
        }

        .btn.btn--primary.active:hover, .btn.btn--primary:active:hover {
            background: #1672ad
        }

        .btn.btn--primary svg path {
            fill: #fff !important
        }

    .btn.btn--sign-in {
        background: #5fad6e;
        color: #fff
    }

        .btn.btn--sign-in.hover, .btn.btn--sign-in:hover {
            background: #4f9a5d
        }

    .btn.btn--default {
        background: #fff;
        border: 1px solid #e1e1e1;
        color: #4e5c67
    }

        .btn.btn--default.hover, .btn.btn--default:hover {
            background: #f8f9fb
        }

    .btn.btn--success {
        background: #37c97c;
        color: #fff
    }

        .btn.btn--success.hover, .btn.btn--success:hover {
            background: #31b570
        }

        .btn.btn--success svg path {
            fill: #fff !important
        }

    .btn.btn--danger {
        background: #c53902;
        color: #fff
    }

        .btn.btn--danger:hover {
            background: #ac3202
        }

        .btn.btn--danger svg path {
            fill: #fff !important
        }

    .btn.btn--warning {
        background: #f69e13;
        color: #fff
    }

        .btn.btn--warning.hover, .btn.btn--warning:hover {
            background: #e79109
        }

        .btn.btn--warning svg path {
            fill: #fff !important
        }

    .btn.btn--info {
        background: #eef2f5;
        color: #1981c4;
        border: 1px solid #ced9e2
    }

        .btn.btn--info.hover, .btn.btn--info:hover {
            background: #dee6ec;
            border: 1px solid #aec1cf;
            color: #1981c4
        }

        .btn.btn--info svg path {
            fill: #1981c4 !important
        }

    .btn.btn--link {
        background: none;
        color: #1981c4
    }

        .btn.btn--link svg path {
            fill: #1981c4 !important
        }

        .btn.btn--link.hover, .btn.btn--link:hover {
            color: #136397;
            text-decoration: underline
        }

            .btn.btn--link.hover svg path, .btn.btn--link:hover svg path {
                fill: #136397 !important
            }

        .btn.btn--link.active, .btn.btn--link:active {
            -webkit-box-shadow: 0 0 0 rgba(0,0,0,.2) inset;
            -moz-box-shadow: 0 0 0 rgba(0,0,0,.2) inset;
            box-shadow: inset 0 0 0 rgba(0,0,0,.2);
            text-decoration: underline
        }

    .btn.btn--square {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 14px;
        padding: 10px 15px;
        margin: 0 8px 14px 0
    }

        .btn.btn--square svg {
            margin-left: 5px
        }

        .btn.btn--square.btn--large {
            padding: 15px 25px
        }

        .btn.btn--square.btn--small {
            padding: 6px 12px
        }

        .btn.btn--square.btn--xsmall {
            padding: 4px 12px
        }

    .btn.btn--square-alt {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.24);
        -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.24);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.24);
        border: none;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 45px;
        margin: 5px 10px
    }

        .btn.btn--square-alt svg {
            margin-left: 5px
        }

    .btn.btn--round {
        -webkit-border-radius: 45px;
        -moz-border-radius: 45px;
        border-radius: 45px;
        width: 70px;
        height: 70px;
        line-height: 70px;
        padding: 0;
        display: inline-block;
        text-align: center;
        vertical-align: middle
    }

        .btn.btn--round svg {
            width: 30px;
            vertical-align: middle
        }

        .btn.btn--round.btn--large {
            width: 90px;
            height: 90px;
            line-height: 90px;
            padding: 0;
            min-width: auto
        }

            .btn.btn--round.btn--large svg {
                width: 40px;
                height: 42px
            }

        .btn.btn--round.btn--small {
            width: 50px;
            height: 50px;
            line-height: 50px;
            padding: 0
        }

            .btn.btn--round.btn--small svg {
                width: 20px;
                height: 21px
            }

        .btn.btn--round.btn--xsmall {
            width: 30px;
            height: 30px;
            line-height: 30px;
            padding: 0
        }

            .btn.btn--round.btn--xsmall svg {
                width: 16px
            }

    .btn.enabled {
        pointer-events: visible;
        cursor: pointer
    }

    .btn.disabled, .btn[disabled] {
        pointer-events: none;
        cursor: none;
        opacity: .55;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none
    }

.year-group-badge {
    height: 26px;
    width: 37px;
    border: none;
    border-radius: 15px;
    font-size: 12px;
    color: #fff
}

    .year-group-badge.year-0 {
        background-color: #e7b300
    }

    .year-group-badge.year-1 {
        background-color: #ec7500
    }

    .year-group-badge.year-2 {
        background-color: #f12800
    }

    .year-group-badge.year-3 {
        background-color: #de1c9c
    }

    .year-group-badge.year-4 {
        background-color: #6c32a8
    }

    .year-group-badge.year-5 {
        background-color: #4461cd
    }

    .year-group-badge.year-6 {
        background-color: #00b4ff
    }

    .year-group-badge.year-7 {
        background-color: #44d62c
    }

    .year-group-badge.year-8 {
        background-color: #249d46
    }

    .year-group-badge.year-9 {
        background-color: #7c871d
    }

    .year-group-badge.year-10 {
        background-color: #ad6f0c
    }

    .year-group-badge.year-11 {
        background-color: #643808
    }

    .year-group-badge.year-12 {
        background-color: #2a2a2a
    }

.label {
    font-size: 12px;
    font-weight: 400;
    padding: 4px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .label.label-default {
        background: #dbe3e9;
        color: #4e5c67
    }

    .label.label-success {
        background: #37c97c
    }

    .label.label-info {
        background: #1981c4
    }

    .label.label-warning {
        background: #f69e13
    }

    .label.label-danger {
        background: #c53902
    }

.text {
    color: #1981c4
}

    .text.text-secondary {
        color: #32a8a7
    }

.custom-select {
    border: 2px solid #cbd7df;
    position: relative;
    display: table;
    border-radius: .3em;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    background: #fff
}

    .custom-select.disabled, .custom-select select:disabled, .custom-select select[disabled] {
        opacity: .5
    }

    .custom-select.large select {
        font-size: 23px;
        color: #4e5c67
    }

    .custom-select.large:after {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 14px solid #666;
        margin-top: -6px
    }

    .custom-select select {
        line-height: 1.3;
        border-radius: .2em;
        width: 100%;
        margin: 0;
        outline: none;
        padding: .55em .8em .45em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: 500
    }

        .custom-select select:focus {
            outline: none
        }

    .custom-select:after {
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 10px solid #666;
        margin-top: -4px;
        content: " ";
        position: absolute;
        top: 50%;
        right: 1em;
        z-index: 2;
        pointer-events: none;
        display: none
    }

    .custom-select:hover {
        border-color: #bbcad6
    }

@supports (-webkit-appearance:none) or (appearance:none) or ((-moz-appearance:none) and (mask-type:alpha)) {
    .custom-select:after {
        display: block
    }

    .custom-select select {
        padding-right: 2em;
        background: none;
        border: 1px solid transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        .custom-select select:focus {
            border-color: #aaa
        }
}

@-moz-document url-prefix() {
    .custom-select {
        overflow: hidden
    }

        .custom-select:after {
            display: block
        }

        .custom-select select {
            overflow: -moz-hidden-unscrollable;
            padding-right: .4em;
            background: none;
            border: 1px solid transparent;
            min-width: 6em;
            width: 130%;
            width: -moz-calc(100% + 2.4em);
            min-width: 0;
            width: calc(100% + 2.4em)
        }

    @supports (mask-type:alpha) {
        .custom-select {
            overflow: visible
        }

            .custom-select select {
                -moz-appearance: none;
                width: 100%;
                padding-right: 2em
            }
    }
}

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

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .custom-select select::-ms-expand {
        display: none
    }

    .custom-select select:focus {
        border-color: #aaa
    }

        .custom-select select:focus::-ms-value {
            background: transparent;
            color: #222
        }

    .custom-select select {
        padding-right: 2em;
        background: none;
        border: 1px solid transparent
    }

    .custom-select:after {
        display: block
    }
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #1981c4;
    background-color: #eef2f5
}

.dropdown-square {
    margin-left: 7px;
    line-height: 40px
}

    .dropdown-square .btn {
        padding: 0 15px 0 0
    }

        .dropdown-square .btn svg {
            -webkit-border-bottom-left-radius: 4px;
            border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
            background-clip: padding-box;
            width: 40px;
            padding: 8px 0;
            height: 40px;
            float: left;
            margin-right: 13px;
            background: #1981c4
        }

            .dropdown-square .btn svg path {
                fill: #fff !important
            }

.box.colour-primary.dark-1 {
    background-color: #187ebf
}

.box.colour-primary.light-1 {
    background-color: #1a84c9
}

.box.colour-primary.dark-2 {
    background-color: #187bbb
}

.box.colour-primary.light-2 {
    background-color: #1a87cd
}

.box.colour-primary.dark-3 {
    background-color: #1778b6
}

.box.colour-primary.light-3 {
    background-color: #1b8ad2
}

.box.colour-primary.dark-4 {
    background-color: #1775b2
}

.box.colour-primary.light-4 {
    background-color: #1b8dd6
}

.box.colour-primary.dark-5 {
    background-color: #1672ad
}

.box.colour-primary.light-5 {
    background-color: #1c90db
}

.box.colour-primary.dark-6 {
    background-color: #166fa9
}

.box.colour-primary.light-6 {
    background-color: #1c93df
}

.box.colour-primary.dark-7 {
    background-color: #156ca4
}

.box.colour-primary.light-7 {
    background-color: #1e96e2
}

.box.colour-primary.dark-8 {
    background-color: #1469a0
}

.box.colour-primary.light-8 {
    background-color: #2398e3
}

.box.colour-primary.dark-9 {
    background-color: #14669b
}

.box.colour-primary.light-9 {
    background-color: #279ae4
}

.box.colour-primary.dark-10 {
    background-color: #136397
}

.box.colour-primary.light-10 {
    background-color: #2c9ce4
}

.box.colour-primary.dark-11 {
    background-color: #136092
}

.box.colour-primary.light-11 {
    background-color: #309ee5
}

.box.colour-primary.dark-12 {
    background-color: #125d8e
}

.box.colour-primary.light-12 {
    background-color: #35a0e5
}

.box.colour-primary.dark-13 {
    background-color: #125a89
}

.box.colour-primary.light-13 {
    background-color: #39a2e6
}

.box.colour-primary.dark-14 {
    background-color: #115785
}

.box.colour-primary.light-14 {
    background-color: #3ea4e6
}

.box.colour-primary.dark-15 {
    background-color: #105480
}

.box.colour-primary.light-15 {
    background-color: #43a7e7
}

.box.colour-primary.dark-16 {
    background-color: #10517c
}

.box.colour-primary.light-16 {
    background-color: #47a9e8
}

.box.colour-primary.dark-17 {
    background-color: #0f4e77
}

.box.colour-primary.light-17 {
    background-color: #4cabe8
}

.box.colour-primary.dark-18 {
    background-color: #0f4b73
}

.box.colour-primary.light-18 {
    background-color: #50ade9
}

.box.colour-primary.dark-19 {
    background-color: #0e486e
}

.box.colour-primary.light-19 {
    background-color: #55afe9
}

.box.colour-primary.dark-20 {
    background-color: #0d456a
}

.box.colour-primary.light-20 {
    background-color: #59b1ea
}

.box.colour-primary.dark-21 {
    background-color: #0d4265
}

.box.colour-primary.light-21 {
    background-color: #5eb3ea
}

.box.colour-primary.dark-22 {
    background-color: #0c4060
}

.box.colour-primary.light-22 {
    background-color: #62b5eb
}

.box.colour-primary.dark-23 {
    background-color: #0c3d5c
}

.box.colour-primary.light-23 {
    background-color: #67b8ec
}

.box.colour-primary.dark-24 {
    background-color: #0b3a57
}

.box.colour-primary.light-24 {
    background-color: #6bbaec
}

.box.colour-primary.dark-25 {
    background-color: #0b3753
}

.box.colour-primary.light-25 {
    background-color: #70bced
}

.box.colour-primary.dark-26 {
    background-color: #0a344e
}

.box.colour-primary.light-26 {
    background-color: #74beed
}

.box.colour-primary.dark-27 {
    background-color: #09314a
}

.box.colour-primary.light-27 {
    background-color: #79c0ee
}

.box.colour-primary.dark-28 {
    background-color: #092e45
}

.box.colour-primary.light-28 {
    background-color: #7dc2ee
}

.box.colour-primary.dark-29 {
    background-color: #082b41
}

.box.colour-primary.light-29 {
    background-color: #82c4ef
}

.box.colour-primary.dark-30 {
    background-color: #08283c
}

.box.colour-primary.light-30 {
    background-color: #86c6f0
}

.box.colour-primary.dark-31 {
    background-color: #072538
}

.box.colour-primary.light-31 {
    background-color: #8bc9f0
}

.box.colour-primary.dark-32 {
    background-color: #072233
}

.box.colour-primary.light-32 {
    background-color: #8fcbf1
}

.box.colour-primary.dark-33 {
    background-color: #061f2f
}

.box.colour-primary.light-33 {
    background-color: #94cdf1
}

.box.colour-primary.dark-34 {
    background-color: #051c2a
}

.box.colour-primary.light-34 {
    background-color: #98cff2
}

.box.colour-primary.dark-35 {
    background-color: #051926
}

.box.colour-primary.light-35 {
    background-color: #9dd1f3
}

.box.colour-primary.dark-36 {
    background-color: #041621
}

.box.colour-primary.light-36 {
    background-color: #a2d3f3
}

.box.colour-primary.dark-37 {
    background-color: #04131d
}

.box.colour-primary.light-37 {
    background-color: #a6d5f4
}

.box.colour-primary.dark-38 {
    background-color: #031018
}

.box.colour-primary.light-38 {
    background-color: #abd7f4
}

.box.colour-primary.dark-39 {
    background-color: #030d14
}

.box.colour-primary.light-39 {
    background-color: #afd9f5
}

.box.colour-primary.dark-40 {
    background-color: #020a0f
}

.box.colour-primary.light-40 {
    background-color: #b4dcf5
}

.box.colour-primary.dark-41 {
    background-color: #01070b
}

.box.colour-primary.light-41 {
    background-color: #b8def6
}

.box.colour-primary.dark-42 {
    background-color: #010406
}

.box.colour-primary.light-42 {
    background-color: #bde0f7
}

.box.colour-primary.dark-43 {
    background-color: #000102
}

.box.colour-primary.light-43 {
    background-color: #c1e2f7
}

.box.colour-primary.dark-44 {
    background-color: #000
}

.box.colour-primary.light-44 {
    background-color: #c6e4f8
}

.box.colour-primary.dark-45 {
    background-color: #000
}

.box.colour-primary.light-45 {
    background-color: #cae6f8
}

.box.colour-primary.dark-46 {
    background-color: #000
}

.box.colour-primary.light-46 {
    background-color: #cfe8f9
}

.box.colour-primary.dark-47 {
    background-color: #000
}

.box.colour-primary.light-47 {
    background-color: #d3eaf9
}

.box.colour-primary.dark-48 {
    background-color: #000
}

.box.colour-primary.light-48 {
    background-color: #d8edfa
}

.box.colour-primary.dark-49 {
    background-color: #000
}

.box.colour-primary.light-49 {
    background-color: #dceffb
}

.box.colour-primary.dark-50 {
    background-color: #000
}

.box.colour-primary.light-50 {
    background-color: #e1f1fb
}

.box.colour-primary.dark-51 {
    background-color: #000
}

.box.colour-primary.light-51 {
    background-color: #e5f3fc
}

.box.colour-primary.dark-52 {
    background-color: #000
}

.box.colour-primary.light-52 {
    background-color: #eaf5fc
}

.box.colour-primary.dark-53 {
    background-color: #000
}

.box.colour-primary.light-53 {
    background-color: #eef7fd
}

.box.colour-primary.dark-54 {
    background-color: #000
}

.box.colour-primary.light-54 {
    background-color: #f3f9fd
}

.box.colour-primary.dark-55 {
    background-color: #000
}

.box.colour-primary.light-55 {
    background-color: #f7fbfe
}

.box.colour-primary.dark-56 {
    background-color: #000
}

.box.colour-primary.light-56 {
    background-color: #fcfeff
}

.box.colour-primary.dark-57 {
    background-color: #000
}

.box.colour-primary.light-57 {
    background-color: #fff
}

.box.colour-primary.dark-58 {
    background-color: #000
}

.box.colour-primary.light-58 {
    background-color: #fff
}

.box.colour-primary.dark-59 {
    background-color: #000
}

.box.colour-primary.light-59 {
    background-color: #fff
}

.box.colour-primary.dark-60 {
    background-color: #000
}

.box.colour-primary.light-60 {
    background-color: #fff
}

.box.colour-primary.dark-61 {
    background-color: #000
}

.box.colour-primary.light-61 {
    background-color: #fff
}

.box.colour-primary.dark-62 {
    background-color: #000
}

.box.colour-primary.light-62 {
    background-color: #fff
}

.box.colour-primary.dark-63 {
    background-color: #000
}

.box.colour-primary.light-63 {
    background-color: #fff
}

.box.colour-primary.dark-64 {
    background-color: #000
}

.box.colour-primary.light-64 {
    background-color: #fff
}

.box.colour-primary.dark-65 {
    background-color: #000
}

.box.colour-primary.light-65 {
    background-color: #fff
}

.box.colour-primary.dark-66 {
    background-color: #000
}

.box.colour-primary.light-66 {
    background-color: #fff
}

.box.colour-primary.dark-67 {
    background-color: #000
}

.box.colour-primary.light-67 {
    background-color: #fff
}

.box.colour-primary.dark-68 {
    background-color: #000
}

.box.colour-primary.light-68 {
    background-color: #fff
}

.box.colour-primary.dark-69 {
    background-color: #000
}

.box.colour-primary.light-69 {
    background-color: #fff
}

.box.colour-primary.dark-70 {
    background-color: #000
}

.box.colour-primary.light-70 {
    background-color: #fff
}

.box.colour-primary.dark-71 {
    background-color: #000
}

.box.colour-primary.light-71 {
    background-color: #fff
}

.box.colour-primary.dark-72 {
    background-color: #000
}

.box.colour-primary.light-72 {
    background-color: #fff
}

.box.colour-primary.dark-73 {
    background-color: #000
}

.box.colour-primary.light-73 {
    background-color: #fff
}

.box.colour-primary.dark-74 {
    background-color: #000
}

.box.colour-primary.light-74 {
    background-color: #fff
}

.box.colour-primary.dark-75 {
    background-color: #000
}

.box.colour-primary.light-75 {
    background-color: #fff
}

.box.colour-primary.dark-76 {
    background-color: #000
}

.box.colour-primary.light-76 {
    background-color: #fff
}

.box.colour-primary.dark-77 {
    background-color: #000
}

.box.colour-primary.light-77 {
    background-color: #fff
}

.box.colour-primary.dark-78 {
    background-color: #000
}

.box.colour-primary.light-78 {
    background-color: #fff
}

.box.colour-primary.dark-79 {
    background-color: #000
}

.box.colour-primary.light-79 {
    background-color: #fff
}

.box.colour-primary.dark-80 {
    background-color: #000
}

.box.colour-primary.light-80 {
    background-color: #fff
}

.box.colour-primary.dark-81 {
    background-color: #000
}

.box.colour-primary.light-81 {
    background-color: #fff
}

.box.colour-primary.dark-82 {
    background-color: #000
}

.box.colour-primary.light-82 {
    background-color: #fff
}

.box.colour-primary.dark-83 {
    background-color: #000
}

.box.colour-primary.light-83 {
    background-color: #fff
}

.box.colour-primary.dark-84 {
    background-color: #000
}

.box.colour-primary.light-84 {
    background-color: #fff
}

.box.colour-primary.dark-85 {
    background-color: #000
}

.box.colour-primary.light-85 {
    background-color: #fff
}

.box.colour-primary.dark-86 {
    background-color: #000
}

.box.colour-primary.light-86 {
    background-color: #fff
}

.box.colour-primary.dark-87 {
    background-color: #000
}

.box.colour-primary.light-87 {
    background-color: #fff
}

.box.colour-primary.dark-88 {
    background-color: #000
}

.box.colour-primary.light-88 {
    background-color: #fff
}

.box.colour-primary.dark-89 {
    background-color: #000
}

.box.colour-primary.light-89 {
    background-color: #fff
}

.box.colour-primary.dark-90 {
    background-color: #000
}

.box.colour-primary.light-90 {
    background-color: #fff
}

.box.colour-primary.dark-91 {
    background-color: #000
}

.box.colour-primary.light-91 {
    background-color: #fff
}

.box.colour-primary.dark-92 {
    background-color: #000
}

.box.colour-primary.light-92 {
    background-color: #fff
}

.box.colour-primary.dark-93 {
    background-color: #000
}

.box.colour-primary.light-93 {
    background-color: #fff
}

.box.colour-primary.dark-94 {
    background-color: #000
}

.box.colour-primary.light-94 {
    background-color: #fff
}

.box.colour-primary.dark-95 {
    background-color: #000
}

.box.colour-primary.light-95 {
    background-color: #fff
}

.box.colour-primary.dark-96 {
    background-color: #000
}

.box.colour-primary.light-96 {
    background-color: #fff
}

.box.colour-primary.dark-97 {
    background-color: #000
}

.box.colour-primary.light-97 {
    background-color: #fff
}

.box.colour-primary.dark-98 {
    background-color: #000
}

.box.colour-primary.light-98 {
    background-color: #fff
}

.box.colour-primary.dark-99 {
    background-color: #000
}

.box.colour-primary.light-99 {
    background-color: #fff
}

.box.colour-primary.dark-100 {
    background-color: #000
}

.box.colour-primary.light-100 {
    background-color: #fff
}

.box.brand-light.dark-1 {
    background-color: #ebf0f3
}

.box.brand-light.light-1 {
    background-color: #f1f4f7
}

.box.brand-light.dark-2 {
    background-color: #e8edf1
}

.box.brand-light.light-2 {
    background-color: #f4f7f9
}

.box.brand-light.dark-3 {
    background-color: #e4ebef
}

.box.brand-light.light-3 {
    background-color: #f8f9fb
}

.box.brand-light.dark-4 {
    background-color: #e1e8ed
}

.box.brand-light.light-4 {
    background-color: #fbfcfd
}

.box.brand-light.dark-5 {
    background-color: #dee6ec
}

.box.brand-light.light-5 {
    background-color: #fefefe
}

.box.brand-light.dark-6 {
    background-color: #dbe3ea
}

.box.brand-light.light-6 {
    background-color: #fff
}

.box.brand-light.dark-7 {
    background-color: #d8e1e8
}

.box.brand-light.light-7 {
    background-color: #fff
}

.box.brand-light.dark-8 {
    background-color: #d4dee6
}

.box.brand-light.light-8 {
    background-color: #fff
}

.box.brand-light.dark-9 {
    background-color: #d1dce4
}

.box.brand-light.light-9 {
    background-color: #fff
}

.box.brand-light.dark-10 {
    background-color: #ced9e2
}

.box.brand-light.light-10 {
    background-color: #fff
}

.box.brand-light.dark-11 {
    background-color: #cbd7e0
}

.box.brand-light.light-11 {
    background-color: #fff
}

.box.brand-light.dark-12 {
    background-color: #c7d5de
}

.box.brand-light.light-12 {
    background-color: #fff
}

.box.brand-light.dark-13 {
    background-color: #c4d2dc
}

.box.brand-light.light-13 {
    background-color: #fff
}

.box.brand-light.dark-14 {
    background-color: #c1d0db
}

.box.brand-light.light-14 {
    background-color: #fff
}

.box.brand-light.dark-15 {
    background-color: #becdd9
}

.box.brand-light.light-15 {
    background-color: #fff
}

.box.brand-light.dark-16 {
    background-color: #bbcbd7
}

.box.brand-light.light-16 {
    background-color: #fff
}

.box.brand-light.dark-17 {
    background-color: #b7c8d5
}

.box.brand-light.light-17 {
    background-color: #fff
}

.box.brand-light.dark-18 {
    background-color: #b4c6d3
}

.box.brand-light.light-18 {
    background-color: #fff
}

.box.brand-light.dark-19 {
    background-color: #b1c3d1
}

.box.brand-light.light-19 {
    background-color: #fff
}

.box.brand-light.dark-20 {
    background-color: #aec1cf
}

.box.brand-light.light-20 {
    background-color: #fff
}

.box.brand-light.dark-21 {
    background-color: #abbecd
}

.box.brand-light.light-21 {
    background-color: #fff
}

.box.brand-light.dark-22 {
    background-color: #a7bccb
}

.box.brand-light.light-22 {
    background-color: #fff
}

.box.brand-light.dark-23 {
    background-color: #a4baca
}

.box.brand-light.light-23 {
    background-color: #fff
}

.box.brand-light.dark-24 {
    background-color: #a1b7c8
}

.box.brand-light.light-24 {
    background-color: #fff
}

.box.brand-light.dark-25 {
    background-color: #9eb5c6
}

.box.brand-light.light-25 {
    background-color: #fff
}

.box.brand-light.dark-26 {
    background-color: #9bb2c4
}

.box.brand-light.light-26 {
    background-color: #fff
}

.box.brand-light.dark-27 {
    background-color: #97b0c2
}

.box.brand-light.light-27 {
    background-color: #fff
}

.box.brand-light.dark-28 {
    background-color: #94adc0
}

.box.brand-light.light-28 {
    background-color: #fff
}

.box.brand-light.dark-29 {
    background-color: #91abbe
}

.box.brand-light.light-29 {
    background-color: #fff
}

.box.brand-light.dark-30 {
    background-color: #8ea8bc
}

.box.brand-light.light-30 {
    background-color: #fff
}

.box.brand-light.dark-31 {
    background-color: #8aa6ba
}

.box.brand-light.light-31 {
    background-color: #fff
}

.box.brand-light.dark-32 {
    background-color: #87a3b9
}

.box.brand-light.light-32 {
    background-color: #fff
}

.box.brand-light.dark-33 {
    background-color: #84a1b7
}

.box.brand-light.light-33 {
    background-color: #fff
}

.box.brand-light.dark-34 {
    background-color: #819fb5
}

.box.brand-light.light-34 {
    background-color: #fff
}

.box.brand-light.dark-35 {
    background-color: #7e9cb3
}

.box.brand-light.light-35 {
    background-color: #fff
}

.box.brand-light.dark-36 {
    background-color: #7a9ab1
}

.box.brand-light.light-36 {
    background-color: #fff
}

.box.brand-light.dark-37 {
    background-color: #7797af
}

.box.brand-light.light-37 {
    background-color: #fff
}

.box.brand-light.dark-38 {
    background-color: #7495ad
}

.box.brand-light.light-38 {
    background-color: #fff
}

.box.brand-light.dark-39 {
    background-color: #7192ab
}

.box.brand-light.light-39 {
    background-color: #fff
}

.box.brand-light.dark-40 {
    background-color: #6e90a9
}

.box.brand-light.light-40 {
    background-color: #fff
}

.box.brand-light.dark-41 {
    background-color: #6a8da8
}

.box.brand-light.light-41 {
    background-color: #fff
}

.box.brand-light.dark-42 {
    background-color: #678ba6
}

.box.brand-light.light-42 {
    background-color: #fff
}

.box.brand-light.dark-43 {
    background-color: #6488a4
}

.box.brand-light.light-43 {
    background-color: #fff
}

.box.brand-light.dark-44 {
    background-color: #6186a2
}

.box.brand-light.light-44 {
    background-color: #fff
}

.box.brand-light.dark-45 {
    background-color: #5e83a0
}

.box.brand-light.light-45 {
    background-color: #fff
}

.box.brand-light.dark-46 {
    background-color: #5c819c
}

.box.brand-light.light-46 {
    background-color: #fff
}

.box.brand-light.dark-47 {
    background-color: #5a7e99
}

.box.brand-light.light-47 {
    background-color: #fff
}

.box.brand-light.dark-48 {
    background-color: #587c96
}

.box.brand-light.light-48 {
    background-color: #fff
}

.box.brand-light.dark-49 {
    background-color: #567993
}

.box.brand-light.light-49 {
    background-color: #fff
}

.box.brand-light.dark-50 {
    background-color: #547690
}

.box.brand-light.light-50 {
    background-color: #fff
}

.box.brand-light.dark-51 {
    background-color: #53748c
}

.box.brand-light.light-51 {
    background-color: #fff
}

.box.brand-light.dark-52 {
    background-color: #517189
}

.box.brand-light.light-52 {
    background-color: #fff
}

.box.brand-light.dark-53 {
    background-color: #4f6e86
}

.box.brand-light.light-53 {
    background-color: #fff
}

.box.brand-light.dark-54 {
    background-color: #4d6c83
}

.box.brand-light.light-54 {
    background-color: #fff
}

.box.brand-light.dark-55 {
    background-color: #4b6980
}

.box.brand-light.light-55 {
    background-color: #fff
}

.box.brand-light.dark-56 {
    background-color: #49667c
}

.box.brand-light.light-56 {
    background-color: #fff
}

.box.brand-light.dark-57 {
    background-color: #476479
}

.box.brand-light.light-57 {
    background-color: #fff
}

.box.brand-light.dark-58 {
    background-color: #456176
}

.box.brand-light.light-58 {
    background-color: #fff
}

.box.brand-light.dark-59 {
    background-color: #435e73
}

.box.brand-light.light-59 {
    background-color: #fff
}

.box.brand-light.dark-60 {
    background-color: #425c6f
}

.box.brand-light.light-60 {
    background-color: #fff
}

.box.brand-light.dark-61 {
    background-color: #40596c
}

.box.brand-light.light-61 {
    background-color: #fff
}

.box.brand-light.dark-62 {
    background-color: #3e5669
}

.box.brand-light.light-62 {
    background-color: #fff
}

.box.brand-light.dark-63 {
    background-color: #3c5466
}

.box.brand-light.light-63 {
    background-color: #fff
}

.box.brand-light.dark-64 {
    background-color: #3a5163
}

.box.brand-light.light-64 {
    background-color: #fff
}

.box.brand-light.dark-65 {
    background-color: #384f5f
}

.box.brand-light.light-65 {
    background-color: #fff
}

.box.brand-light.dark-66 {
    background-color: #364c5c
}

.box.brand-light.light-66 {
    background-color: #fff
}

.box.brand-light.dark-67 {
    background-color: #344959
}

.box.brand-light.light-67 {
    background-color: #fff
}

.box.brand-light.dark-68 {
    background-color: #324756
}

.box.brand-light.light-68 {
    background-color: #fff
}

.box.brand-light.dark-69 {
    background-color: #314453
}

.box.brand-light.light-69 {
    background-color: #fff
}

.box.brand-light.dark-70 {
    background-color: #2f414f
}

.box.brand-light.light-70 {
    background-color: #fff
}

.box.brand-light.dark-71 {
    background-color: #2d3f4c
}

.box.brand-light.light-71 {
    background-color: #fff
}

.box.brand-light.dark-72 {
    background-color: #2b3c49
}

.box.brand-light.light-72 {
    background-color: #fff
}

.box.brand-light.dark-73 {
    background-color: #293946
}

.box.brand-light.light-73 {
    background-color: #fff
}

.box.brand-light.dark-74 {
    background-color: #273742
}

.box.brand-light.light-74 {
    background-color: #fff
}

.box.brand-light.dark-75 {
    background-color: #25343f
}

.box.brand-light.light-75 {
    background-color: #fff
}

.box.brand-light.dark-76 {
    background-color: #23313c
}

.box.brand-light.light-76 {
    background-color: #fff
}

.box.brand-light.dark-77 {
    background-color: #212f39
}

.box.brand-light.light-77 {
    background-color: #fff
}

.box.brand-light.dark-78 {
    background-color: #202c36
}

.box.brand-light.light-78 {
    background-color: #fff
}

.box.brand-light.dark-79 {
    background-color: #1e2a32
}

.box.brand-light.light-79 {
    background-color: #fff
}

.box.brand-light.dark-80 {
    background-color: #1c272f
}

.box.brand-light.light-80 {
    background-color: #fff
}

.box.brand-light.dark-81 {
    background-color: #1a242c
}

.box.brand-light.light-81 {
    background-color: #fff
}

.box.brand-light.dark-82 {
    background-color: #182229
}

.box.brand-light.light-82 {
    background-color: #fff
}

.box.brand-light.dark-83 {
    background-color: #161f26
}

.box.brand-light.light-83 {
    background-color: #fff
}

.box.brand-light.dark-84 {
    background-color: #141c22
}

.box.brand-light.light-84 {
    background-color: #fff
}

.box.brand-light.dark-85 {
    background-color: #121a1f
}

.box.brand-light.light-85 {
    background-color: #fff
}

.box.brand-light.dark-86 {
    background-color: #10171c
}

.box.brand-light.light-86 {
    background-color: #fff
}

.box.brand-light.dark-87 {
    background-color: #0f1419
}

.box.brand-light.light-87 {
    background-color: #fff
}

.box.brand-light.dark-88 {
    background-color: #0d1216
}

.box.brand-light.light-88 {
    background-color: #fff
}

.box.brand-light.dark-89 {
    background-color: #0b0f12
}

.box.brand-light.light-89 {
    background-color: #fff
}

.box.brand-light.dark-90 {
    background-color: #090c0f
}

.box.brand-light.light-90 {
    background-color: #fff
}

.box.brand-light.dark-91 {
    background-color: #070a0c
}

.box.brand-light.light-91 {
    background-color: #fff
}

.box.brand-light.dark-92 {
    background-color: #050709
}

.box.brand-light.light-92 {
    background-color: #fff
}

.box.brand-light.dark-93 {
    background-color: #030505
}

.box.brand-light.light-93 {
    background-color: #fff
}

.box.brand-light.dark-94 {
    background-color: #010202
}

.box.brand-light.light-94 {
    background-color: #fff
}

.box.brand-light.dark-95 {
    background-color: #000
}

.box.brand-light.light-95 {
    background-color: #fff
}

.box.brand-light.dark-96 {
    background-color: #000
}

.box.brand-light.light-96 {
    background-color: #fff
}

.box.brand-light.dark-97 {
    background-color: #000
}

.box.brand-light.light-97 {
    background-color: #fff
}

.box.brand-light.dark-98 {
    background-color: #000
}

.box.brand-light.light-98 {
    background-color: #fff
}

.box.brand-light.dark-99 {
    background-color: #000
}

.box.brand-light.light-99 {
    background-color: #fff
}

.box.brand-light.dark-100 {
    background-color: #000
}

.box.brand-light.light-100 {
    background-color: #fff
}

.box.brand-medium.dark-1 {
    background-color: #d8e1e7
}

.box.brand-medium.light-1 {
    background-color: #dee5eb
}

.box.brand-medium.dark-2 {
    background-color: #d5dee5
}

.box.brand-medium.light-2 {
    background-color: #e1e8ed
}

.box.brand-medium.dark-3 {
    background-color: #d2dce3
}

.box.brand-medium.light-3 {
    background-color: #e4eaef
}

.box.brand-medium.dark-4 {
    background-color: #ced9e1
}

.box.brand-medium.light-4 {
    background-color: #e8edf1
}

.box.brand-medium.dark-5 {
    background-color: #cbd7df
}

.box.brand-medium.light-5 {
    background-color: #ebeff3
}

.box.brand-medium.dark-6 {
    background-color: #c8d4dd
}

.box.brand-medium.light-6 {
    background-color: #eef2f5
}

.box.brand-medium.dark-7 {
    background-color: #c5d2db
}

.box.brand-medium.light-7 {
    background-color: #f1f4f7
}

.box.brand-medium.dark-8 {
    background-color: #c2cfda
}

.box.brand-medium.light-8 {
    background-color: #f4f7f8
}

.box.brand-medium.dark-9 {
    background-color: #bfcdd8
}

.box.brand-medium.light-9 {
    background-color: #f7f9fa
}

.box.brand-medium.dark-10 {
    background-color: #bbcad6
}

.box.brand-medium.light-10 {
    background-color: #fbfcfc
}

.box.brand-medium.dark-11 {
    background-color: #b8c8d4
}

.box.brand-medium.light-11 {
    background-color: #fefefe
}

.box.brand-medium.dark-12 {
    background-color: #b5c5d2
}

.box.brand-medium.light-12 {
    background-color: #fff
}

.box.brand-medium.dark-13 {
    background-color: #b2c3d0
}

.box.brand-medium.light-13 {
    background-color: #fff
}

.box.brand-medium.dark-14 {
    background-color: #afc1ce
}

.box.brand-medium.light-14 {
    background-color: #fff
}

.box.brand-medium.dark-15 {
    background-color: #acbecc
}

.box.brand-medium.light-15 {
    background-color: #fff
}

.box.brand-medium.dark-16 {
    background-color: #a8bcca
}

.box.brand-medium.light-16 {
    background-color: #fff
}

.box.brand-medium.dark-17 {
    background-color: #a5b9c8
}

.box.brand-medium.light-17 {
    background-color: #fff
}

.box.brand-medium.dark-18 {
    background-color: #a2b7c6
}

.box.brand-medium.light-18 {
    background-color: #fff
}

.box.brand-medium.dark-19 {
    background-color: #9fb4c4
}

.box.brand-medium.light-19 {
    background-color: #fff
}

.box.brand-medium.dark-20 {
    background-color: #9cb2c2
}

.box.brand-medium.light-20 {
    background-color: #fff
}

.box.brand-medium.dark-21 {
    background-color: #99afc0
}

.box.brand-medium.light-21 {
    background-color: #fff
}

.box.brand-medium.dark-22 {
    background-color: #95adbe
}

.box.brand-medium.light-22 {
    background-color: #fff
}

.box.brand-medium.dark-23 {
    background-color: #92aabd
}

.box.brand-medium.light-23 {
    background-color: #fff
}

.box.brand-medium.dark-24 {
    background-color: #8fa8bb
}

.box.brand-medium.light-24 {
    background-color: #fff
}

.box.brand-medium.dark-25 {
    background-color: #8ca5b9
}

.box.brand-medium.light-25 {
    background-color: #fff
}

.box.brand-medium.dark-26 {
    background-color: #89a3b7
}

.box.brand-medium.light-26 {
    background-color: #fff
}

.box.brand-medium.dark-27 {
    background-color: #86a1b5
}

.box.brand-medium.light-27 {
    background-color: #fff
}

.box.brand-medium.dark-28 {
    background-color: #829eb3
}

.box.brand-medium.light-28 {
    background-color: #fff
}

.box.brand-medium.dark-29 {
    background-color: #7f9cb1
}

.box.brand-medium.light-29 {
    background-color: #fff
}

.box.brand-medium.dark-30 {
    background-color: #7c99af
}

.box.brand-medium.light-30 {
    background-color: #fff
}

.box.brand-medium.dark-31 {
    background-color: #7997ad
}

.box.brand-medium.light-31 {
    background-color: #fff
}

.box.brand-medium.dark-32 {
    background-color: #7694ab
}

.box.brand-medium.light-32 {
    background-color: #fff
}

.box.brand-medium.dark-33 {
    background-color: #7392a9
}

.box.brand-medium.light-33 {
    background-color: #fff
}

.box.brand-medium.dark-34 {
    background-color: #6f8fa7
}

.box.brand-medium.light-34 {
    background-color: #fff
}

.box.brand-medium.dark-35 {
    background-color: #6c8da5
}

.box.brand-medium.light-35 {
    background-color: #fff
}

.box.brand-medium.dark-36 {
    background-color: #698aa3
}

.box.brand-medium.light-36 {
    background-color: #fff
}

.box.brand-medium.dark-37 {
    background-color: #6688a1
}

.box.brand-medium.light-37 {
    background-color: #fff
}

.box.brand-medium.dark-38 {
    background-color: #63859f
}

.box.brand-medium.light-38 {
    background-color: #fff
}

.box.brand-medium.dark-39 {
    background-color: #60839d
}

.box.brand-medium.light-39 {
    background-color: #fff
}

.box.brand-medium.dark-40 {
    background-color: #5e809a
}

.box.brand-medium.light-40 {
    background-color: #fff
}

.box.brand-medium.dark-41 {
    background-color: #5c7e97
}

.box.brand-medium.light-41 {
    background-color: #fff
}

.box.brand-medium.dark-42 {
    background-color: #5a7b94
}

.box.brand-medium.light-42 {
    background-color: #fff
}

.box.brand-medium.dark-43 {
    background-color: #587890
}

.box.brand-medium.light-43 {
    background-color: #fff
}

.box.brand-medium.dark-44 {
    background-color: #56768d
}

.box.brand-medium.light-44 {
    background-color: #fff
}

.box.brand-medium.dark-45 {
    background-color: #54738a
}

.box.brand-medium.light-45 {
    background-color: #fff
}

.box.brand-medium.dark-46 {
    background-color: #527087
}

.box.brand-medium.light-46 {
    background-color: #fff
}

.box.brand-medium.dark-47 {
    background-color: #516e84
}

.box.brand-medium.light-47 {
    background-color: #fff
}

.box.brand-medium.dark-48 {
    background-color: #4f6b81
}

.box.brand-medium.light-48 {
    background-color: #fff
}

.box.brand-medium.dark-49 {
    background-color: #4d697d
}

.box.brand-medium.light-49 {
    background-color: #fff
}

.box.brand-medium.dark-50 {
    background-color: #4b667a
}

.box.brand-medium.light-50 {
    background-color: #fff
}

.box.brand-medium.dark-51 {
    background-color: #496377
}

.box.brand-medium.light-51 {
    background-color: #fff
}

.box.brand-medium.dark-52 {
    background-color: #476174
}

.box.brand-medium.light-52 {
    background-color: #fff
}

.box.brand-medium.dark-53 {
    background-color: #455e71
}

.box.brand-medium.light-53 {
    background-color: #fff
}

.box.brand-medium.dark-54 {
    background-color: #435b6e
}

.box.brand-medium.light-54 {
    background-color: #fff
}

.box.brand-medium.dark-55 {
    background-color: #41596a
}

.box.brand-medium.light-55 {
    background-color: #fff
}

.box.brand-medium.dark-56 {
    background-color: #3f5667
}

.box.brand-medium.light-56 {
    background-color: #fff
}

.box.brand-medium.dark-57 {
    background-color: #3d5364
}

.box.brand-medium.light-57 {
    background-color: #fff
}

.box.brand-medium.dark-58 {
    background-color: #3b5161
}

.box.brand-medium.light-58 {
    background-color: #fff
}

.box.brand-medium.dark-59 {
    background-color: #394e5e
}

.box.brand-medium.light-59 {
    background-color: #fff
}

.box.brand-medium.dark-60 {
    background-color: #374c5b
}

.box.brand-medium.light-60 {
    background-color: #fff
}

.box.brand-medium.dark-61 {
    background-color: #354957
}

.box.brand-medium.light-61 {
    background-color: #fff
}

.box.brand-medium.dark-62 {
    background-color: #344654
}

.box.brand-medium.light-62 {
    background-color: #fff
}

.box.brand-medium.dark-63 {
    background-color: #324451
}

.box.brand-medium.light-63 {
    background-color: #fff
}

.box.brand-medium.dark-64 {
    background-color: #30414e
}

.box.brand-medium.light-64 {
    background-color: #fff
}

.box.brand-medium.dark-65 {
    background-color: #2e3e4b
}

.box.brand-medium.light-65 {
    background-color: #fff
}

.box.brand-medium.dark-66 {
    background-color: #2c3c48
}

.box.brand-medium.light-66 {
    background-color: #fff
}

.box.brand-medium.dark-67 {
    background-color: #2a3944
}

.box.brand-medium.light-67 {
    background-color: #fff
}

.box.brand-medium.dark-68 {
    background-color: #283641
}

.box.brand-medium.light-68 {
    background-color: #fff
}

.box.brand-medium.dark-69 {
    background-color: #26343e
}

.box.brand-medium.light-69 {
    background-color: #fff
}

.box.brand-medium.dark-70 {
    background-color: #24313b
}

.box.brand-medium.light-70 {
    background-color: #fff
}

.box.brand-medium.dark-71 {
    background-color: #222f38
}

.box.brand-medium.light-71 {
    background-color: #fff
}

.box.brand-medium.dark-72 {
    background-color: #202c35
}

.box.brand-medium.light-72 {
    background-color: #fff
}

.box.brand-medium.dark-73 {
    background-color: #1e2931
}

.box.brand-medium.light-73 {
    background-color: #fff
}

.box.brand-medium.dark-74 {
    background-color: #1c272e
}

.box.brand-medium.light-74 {
    background-color: #fff
}

.box.brand-medium.dark-75 {
    background-color: #1a242b
}

.box.brand-medium.light-75 {
    background-color: #fff
}

.box.brand-medium.dark-76 {
    background-color: #182128
}

.box.brand-medium.light-76 {
    background-color: #fff
}

.box.brand-medium.dark-77 {
    background-color: #161f25
}

.box.brand-medium.light-77 {
    background-color: #fff
}

.box.brand-medium.dark-78 {
    background-color: #151c22
}

.box.brand-medium.light-78 {
    background-color: #fff
}

.box.brand-medium.dark-79 {
    background-color: #13191e
}

.box.brand-medium.light-79 {
    background-color: #fff
}

.box.brand-medium.dark-80 {
    background-color: #11171b
}

.box.brand-medium.light-80 {
    background-color: #fff
}

.box.brand-medium.dark-81 {
    background-color: #0f1418
}

.box.brand-medium.light-81 {
    background-color: #fff
}

.box.brand-medium.dark-82 {
    background-color: #0d1115
}

.box.brand-medium.light-82 {
    background-color: #fff
}

.box.brand-medium.dark-83 {
    background-color: #0b0f12
}

.box.brand-medium.light-83 {
    background-color: #fff
}

.box.brand-medium.dark-84 {
    background-color: #090c0f
}

.box.brand-medium.light-84 {
    background-color: #fff
}

.box.brand-medium.dark-85 {
    background-color: #070a0b
}

.box.brand-medium.light-85 {
    background-color: #fff
}

.box.brand-medium.dark-86 {
    background-color: #050708
}

.box.brand-medium.light-86 {
    background-color: #fff
}

.box.brand-medium.dark-87 {
    background-color: #030405
}

.box.brand-medium.light-87 {
    background-color: #fff
}

.box.brand-medium.dark-88 {
    background-color: #010202
}

.box.brand-medium.light-88 {
    background-color: #fff
}

.box.brand-medium.dark-89 {
    background-color: #000
}

.box.brand-medium.light-89 {
    background-color: #fff
}

.box.brand-medium.dark-90 {
    background-color: #000
}

.box.brand-medium.light-90 {
    background-color: #fff
}

.box.brand-medium.dark-91 {
    background-color: #000
}

.box.brand-medium.light-91 {
    background-color: #fff
}

.box.brand-medium.dark-92 {
    background-color: #000
}

.box.brand-medium.light-92 {
    background-color: #fff
}

.box.brand-medium.dark-93 {
    background-color: #000
}

.box.brand-medium.light-93 {
    background-color: #fff
}

.box.brand-medium.dark-94 {
    background-color: #000
}

.box.brand-medium.light-94 {
    background-color: #fff
}

.box.brand-medium.dark-95 {
    background-color: #000
}

.box.brand-medium.light-95 {
    background-color: #fff
}

.box.brand-medium.dark-96 {
    background-color: #000
}

.box.brand-medium.light-96 {
    background-color: #fff
}

.box.brand-medium.dark-97 {
    background-color: #000
}

.box.brand-medium.light-97 {
    background-color: #fff
}

.box.brand-medium.dark-98 {
    background-color: #000
}

.box.brand-medium.light-98 {
    background-color: #fff
}

.box.brand-medium.dark-99 {
    background-color: #000
}

.box.brand-medium.light-99 {
    background-color: #fff
}

.box.brand-medium.dark-100 {
    background-color: #000
}

.box.brand-medium.light-100 {
    background-color: #fff
}

.box.brand-dark.dark-1 {
    background-color: #737d85
}

.box.brand-dark.light-1 {
    background-color: #78838b
}

.box.brand-dark.dark-2 {
    background-color: #707b83
}

.box.brand-dark.light-2 {
    background-color: #7a858d
}

.box.brand-dark.dark-3 {
    background-color: #6e7880
}

.box.brand-dark.light-3 {
    background-color: #7d888f
}

.box.brand-dark.dark-4 {
    background-color: #6c767d
}

.box.brand-dark.light-4 {
    background-color: #808a92
}

.box.brand-dark.dark-5 {
    background-color: #69737a
}

.box.brand-dark.light-5 {
    background-color: #838d94
}

.box.brand-dark.dark-6 {
    background-color: #677178
}

.box.brand-dark.light-6 {
    background-color: #858f96
}

.box.brand-dark.dark-7 {
    background-color: #646e75
}

.box.brand-dark.light-7 {
    background-color: #889299
}

.box.brand-dark.dark-8 {
    background-color: #626b72
}

.box.brand-dark.light-8 {
    background-color: #8b949b
}

.box.brand-dark.dark-9 {
    background-color: #60696f
}

.box.brand-dark.light-9 {
    background-color: #8e979d
}

.box.brand-dark.dark-10 {
    background-color: #5d666d
}

.box.brand-dark.light-10 {
    background-color: #9099a0
}

.box.brand-dark.dark-11 {
    background-color: #5b646a
}

.box.brand-dark.light-11 {
    background-color: #939ca2
}

.box.brand-dark.dark-12 {
    background-color: #596167
}

.box.brand-dark.light-12 {
    background-color: #969ea4
}

.box.brand-dark.dark-13 {
    background-color: #565e64
}

.box.brand-dark.light-13 {
    background-color: #98a1a7
}

.box.brand-dark.dark-14 {
    background-color: #545c62
}

.box.brand-dark.light-14 {
    background-color: #9ba3a9
}

.box.brand-dark.dark-15 {
    background-color: #52595f
}

.box.brand-dark.light-15 {
    background-color: #9ea6ac
}

.box.brand-dark.dark-16 {
    background-color: #4f575c
}

.box.brand-dark.light-16 {
    background-color: #a1a8ae
}

.box.brand-dark.dark-17 {
    background-color: #4d5459
}

.box.brand-dark.light-17 {
    background-color: #a3abb0
}

.box.brand-dark.dark-18 {
    background-color: #4b5257
}

.box.brand-dark.light-18 {
    background-color: #a6adb3
}

.box.brand-dark.dark-19 {
    background-color: #484f54
}

.box.brand-dark.light-19 {
    background-color: #a9b0b5
}

.box.brand-dark.dark-20 {
    background-color: #464c51
}

.box.brand-dark.light-20 {
    background-color: #acb2b7
}

.box.brand-dark.dark-21 {
    background-color: #434a4e
}

.box.brand-dark.light-21 {
    background-color: #aeb5ba
}

.box.brand-dark.dark-22 {
    background-color: #41474c
}

.box.brand-dark.light-22 {
    background-color: #b1b7bc
}

.box.brand-dark.dark-23 {
    background-color: #3f4549
}

.box.brand-dark.light-23 {
    background-color: #b4babe
}

.box.brand-dark.dark-24 {
    background-color: #3c4246
}

.box.brand-dark.light-24 {
    background-color: #b7bcc1
}

.box.brand-dark.dark-25 {
    background-color: #3a3f43
}

.box.brand-dark.light-25 {
    background-color: #b9bfc3
}

.box.brand-dark.dark-26 {
    background-color: #383d41
}

.box.brand-dark.light-26 {
    background-color: #bcc2c5
}

.box.brand-dark.dark-27 {
    background-color: #353a3e
}

.box.brand-dark.light-27 {
    background-color: #bfc4c8
}

.box.brand-dark.dark-28 {
    background-color: #33383b
}

.box.brand-dark.light-28 {
    background-color: #c2c7ca
}

.box.brand-dark.dark-29 {
    background-color: #313538
}

.box.brand-dark.light-29 {
    background-color: #c4c9cd
}

.box.brand-dark.dark-30 {
    background-color: #2e3336
}

.box.brand-dark.light-30 {
    background-color: #c7cccf
}

.box.brand-dark.dark-31 {
    background-color: #2c3033
}

.box.brand-dark.light-31 {
    background-color: #caced1
}

.box.brand-dark.dark-32 {
    background-color: #2a2d30
}

.box.brand-dark.light-32 {
    background-color: #cdd1d4
}

.box.brand-dark.dark-33 {
    background-color: #272b2e
}

.box.brand-dark.light-33 {
    background-color: #cfd3d6
}

.box.brand-dark.dark-34 {
    background-color: #25282b
}

.box.brand-dark.light-34 {
    background-color: #d2d6d8
}

.box.brand-dark.dark-35 {
    background-color: #222628
}

.box.brand-dark.light-35 {
    background-color: #d5d8db
}

.box.brand-dark.dark-36 {
    background-color: #202325
}

.box.brand-dark.light-36 {
    background-color: #d8dbdd
}

.box.brand-dark.dark-37 {
    background-color: #1e2123
}

.box.brand-dark.light-37 {
    background-color: #dadddf
}

.box.brand-dark.dark-38 {
    background-color: #1b1e20
}

.box.brand-dark.light-38 {
    background-color: #dde0e2
}

.box.brand-dark.dark-39 {
    background-color: #191b1d
}

.box.brand-dark.light-39 {
    background-color: #e0e2e4
}

.box.brand-dark.dark-40 {
    background-color: #17191a
}

.box.brand-dark.light-40 {
    background-color: #e3e5e6
}

.box.brand-dark.dark-41 {
    background-color: #141618
}

.box.brand-dark.light-41 {
    background-color: #e5e7e9
}

.box.brand-dark.dark-42 {
    background-color: #121415
}

.box.brand-dark.light-42 {
    background-color: #e8eaeb
}

.box.brand-dark.dark-43 {
    background-color: #101112
}

.box.brand-dark.light-43 {
    background-color: #ebecee
}

.box.brand-dark.dark-44 {
    background-color: #0d0e0f
}

.box.brand-dark.light-44 {
    background-color: #edeff0
}

.box.brand-dark.dark-45 {
    background-color: #0b0c0d
}

.box.brand-dark.light-45 {
    background-color: #f0f1f2
}

.box.brand-dark.dark-46 {
    background-color: #09090a
}

.box.brand-dark.light-46 {
    background-color: #f3f4f5
}

.box.brand-dark.dark-47 {
    background-color: #060707
}

.box.brand-dark.light-47 {
    background-color: #f6f6f7
}

.box.brand-dark.dark-48 {
    background-color: #040404
}

.box.brand-dark.light-48 {
    background-color: #f8f9f9
}

.box.brand-dark.dark-49 {
    background-color: #010202
}

.box.brand-dark.light-49 {
    background-color: #fbfbfc
}

.box.brand-dark.dark-50 {
    background-color: #000
}

.box.brand-dark.light-50 {
    background-color: #fefefe
}

.box.brand-dark.dark-51 {
    background-color: #000
}

.box.brand-dark.light-51 {
    background-color: #fff
}

.box.brand-dark.dark-52 {
    background-color: #000
}

.box.brand-dark.light-52 {
    background-color: #fff
}

.box.brand-dark.dark-53 {
    background-color: #000
}

.box.brand-dark.light-53 {
    background-color: #fff
}

.box.brand-dark.dark-54 {
    background-color: #000
}

.box.brand-dark.light-54 {
    background-color: #fff
}

.box.brand-dark.dark-55 {
    background-color: #000
}

.box.brand-dark.light-55 {
    background-color: #fff
}

.box.brand-dark.dark-56 {
    background-color: #000
}

.box.brand-dark.light-56 {
    background-color: #fff
}

.box.brand-dark.dark-57 {
    background-color: #000
}

.box.brand-dark.light-57 {
    background-color: #fff
}

.box.brand-dark.dark-58 {
    background-color: #000
}

.box.brand-dark.light-58 {
    background-color: #fff
}

.box.brand-dark.dark-59 {
    background-color: #000
}

.box.brand-dark.light-59 {
    background-color: #fff
}

.box.brand-dark.dark-60 {
    background-color: #000
}

.box.brand-dark.light-60 {
    background-color: #fff
}

.box.brand-dark.dark-61 {
    background-color: #000
}

.box.brand-dark.light-61 {
    background-color: #fff
}

.box.brand-dark.dark-62 {
    background-color: #000
}

.box.brand-dark.light-62 {
    background-color: #fff
}

.box.brand-dark.dark-63 {
    background-color: #000
}

.box.brand-dark.light-63 {
    background-color: #fff
}

.box.brand-dark.dark-64 {
    background-color: #000
}

.box.brand-dark.light-64 {
    background-color: #fff
}

.box.brand-dark.dark-65 {
    background-color: #000
}

.box.brand-dark.light-65 {
    background-color: #fff
}

.box.brand-dark.dark-66 {
    background-color: #000
}

.box.brand-dark.light-66 {
    background-color: #fff
}

.box.brand-dark.dark-67 {
    background-color: #000
}

.box.brand-dark.light-67 {
    background-color: #fff
}

.box.brand-dark.dark-68 {
    background-color: #000
}

.box.brand-dark.light-68 {
    background-color: #fff
}

.box.brand-dark.dark-69 {
    background-color: #000
}

.box.brand-dark.light-69 {
    background-color: #fff
}

.box.brand-dark.dark-70 {
    background-color: #000
}

.box.brand-dark.light-70 {
    background-color: #fff
}

.box.brand-dark.dark-71 {
    background-color: #000
}

.box.brand-dark.light-71 {
    background-color: #fff
}

.box.brand-dark.dark-72 {
    background-color: #000
}

.box.brand-dark.light-72 {
    background-color: #fff
}

.box.brand-dark.dark-73 {
    background-color: #000
}

.box.brand-dark.light-73 {
    background-color: #fff
}

.box.brand-dark.dark-74 {
    background-color: #000
}

.box.brand-dark.light-74 {
    background-color: #fff
}

.box.brand-dark.dark-75 {
    background-color: #000
}

.box.brand-dark.light-75 {
    background-color: #fff
}

.box.brand-dark.dark-76 {
    background-color: #000
}

.box.brand-dark.light-76 {
    background-color: #fff
}

.box.brand-dark.dark-77 {
    background-color: #000
}

.box.brand-dark.light-77 {
    background-color: #fff
}

.box.brand-dark.dark-78 {
    background-color: #000
}

.box.brand-dark.light-78 {
    background-color: #fff
}

.box.brand-dark.dark-79 {
    background-color: #000
}

.box.brand-dark.light-79 {
    background-color: #fff
}

.box.brand-dark.dark-80 {
    background-color: #000
}

.box.brand-dark.light-80 {
    background-color: #fff
}

.box.brand-dark.dark-81 {
    background-color: #000
}

.box.brand-dark.light-81 {
    background-color: #fff
}

.box.brand-dark.dark-82 {
    background-color: #000
}

.box.brand-dark.light-82 {
    background-color: #fff
}

.box.brand-dark.dark-83 {
    background-color: #000
}

.box.brand-dark.light-83 {
    background-color: #fff
}

.box.brand-dark.dark-84 {
    background-color: #000
}

.box.brand-dark.light-84 {
    background-color: #fff
}

.box.brand-dark.dark-85 {
    background-color: #000
}

.box.brand-dark.light-85 {
    background-color: #fff
}

.box.brand-dark.dark-86 {
    background-color: #000
}

.box.brand-dark.light-86 {
    background-color: #fff
}

.box.brand-dark.dark-87 {
    background-color: #000
}

.box.brand-dark.light-87 {
    background-color: #fff
}

.box.brand-dark.dark-88 {
    background-color: #000
}

.box.brand-dark.light-88 {
    background-color: #fff
}

.box.brand-dark.dark-89 {
    background-color: #000
}

.box.brand-dark.light-89 {
    background-color: #fff
}

.box.brand-dark.dark-90 {
    background-color: #000
}

.box.brand-dark.light-90 {
    background-color: #fff
}

.box.brand-dark.dark-91 {
    background-color: #000
}

.box.brand-dark.light-91 {
    background-color: #fff
}

.box.brand-dark.dark-92 {
    background-color: #000
}

.box.brand-dark.light-92 {
    background-color: #fff
}

.box.brand-dark.dark-93 {
    background-color: #000
}

.box.brand-dark.light-93 {
    background-color: #fff
}

.box.brand-dark.dark-94 {
    background-color: #000
}

.box.brand-dark.light-94 {
    background-color: #fff
}

.box.brand-dark.dark-95 {
    background-color: #000
}

.box.brand-dark.light-95 {
    background-color: #fff
}

.box.brand-dark.dark-96 {
    background-color: #000
}

.box.brand-dark.light-96 {
    background-color: #fff
}

.box.brand-dark.dark-97 {
    background-color: #000
}

.box.brand-dark.light-97 {
    background-color: #fff
}

.box.brand-dark.dark-98 {
    background-color: #000
}

.box.brand-dark.light-98 {
    background-color: #fff
}

.box.brand-dark.dark-99 {
    background-color: #000
}

.box.brand-dark.light-99 {
    background-color: #fff
}

.box.brand-dark.dark-100 {
    background-color: #000
}

.box.brand-dark.light-100 {
    background-color: #fff
}

.box.grey-light {
    background-color: #e1e1e1
}

.box.grey-medium {
    background-color: #9b9b9b
}

.svg-icon.colour-primary svg path {
    fill: #1981c4 !important
}

.svg-icon.brand-medium svg path {
    fill: #dbe3e9 !important
}

.svg-icon.brand-dark svg path {
    fill: #758088 !important
}

.svg-icon.brand-light svg path {
    fill: #eef2f5 !important
}

.version-number {
    position: fixed;
    bottom: 0;
    right: 5px;
    z-index: 999;
    font-size: 8px
}

.page-header {
    position: relative;
    background: #dbe3e9;
    height: 75px;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    font-family: poppins
}

    .page-header .title {
        margin-left: 15px;
        font-size: 30px;
        color: #4e5c67;
        font-weight: 500
    }

    .page-header .sub-title {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        border: 1px solid #1981c4;
        padding: 5px 20px;
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;
        border-radius: 18px;
        font-family: poppins;
        font-size: 15px;
        font-weight: 500;
        color: #1981c4;
        margin-left: 20px;
        text-transform: uppercase
    }

.page-subheader {
    position: relative;
    background: #e8edf1;
    padding: 10px 15px;
    margin: 0 -15px
}

.portal-header, .pull-right {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.portal-header {
    position: relative;
    height: 60px;
    background-color: #fff;
    z-index: 906;
    padding: 0 15px
}

    .portal-header .logo img {
        height: 40px;
        width: 40px
    }

    .portal-header .products-container {
        width: 63px;
        height: 60px;
        padding: 5px;
        flex: 1 0 auto;
        background-color: #596976
    }

        .portal-header .products-container .i-product {
            display: inline-block;
            vertical-align: middle;
            width: 50px;
            height: 50px;
            background-size: contain
        }

    .portal-header .link-container {
        padding-right: 10px;
        flex: 1 0 auto
    }

        .portal-header .link-container .align-right {
            display: flex;
            float: right;
            text-align: right
        }

        .portal-header .link-container .icon-btn {
            margin: 0;
            width: 24px;
            height: 24px;
            cursor: pointer
        }

    .portal-header .profile-container {
        margin-right: 14px
    }

        .portal-header .profile-container .profile {
            cursor: pointer;
            padding-left: 0;
            padding-top: 4px;
            float: right
        }

            .portal-header .profile-container .profile li {
                display: flex
            }

            .portal-header .profile-container .profile .profile-teacher-name {
                padding-top: 10px;
                color: #4e5c67;
                white-space: nowrap
            }

            .portal-header .profile-container .profile .profile-icon-container {
                padding-left: 10px;
                padding-top: 6px
            }

                .portal-header .profile-container .profile .profile-icon-container .icon-container {
                    background: #dbe3e9;
                    display: inline-block;
                    width: 27px;
                    height: 27px;
                    padding: 6px;
                    overflow: visible;
                    -webkit-border-radius: 18px;
                    -moz-border-radius: 18px;
                    border-radius: 18px
                }

                    .portal-header .profile-container .profile .profile-icon-container .icon-container path {
                        fill: #758088
                    }

                    .portal-header .profile-container .profile .profile-icon-container .icon-container:hover {
                        cursor: pointer
                    }

        .portal-header .profile-container ul.profile ul {
            display: none
        }

        .portal-header .profile-container ul.profile li:hover > ul {
            display: block
        }

        .portal-header .profile-container ul.profile {
            list-style: none;
            position: relative;
            padding: 0
        }

            .portal-header .profile-container ul.profile:after {
                content: "";
                clear: both;
                display: block
            }

            .portal-header .profile-container ul.profile li {
                float: left
            }

                .portal-header .profile-container ul.profile li a:hover {
                    color: #1981c4
                }

                .portal-header .profile-container ul.profile li a {
                    display: block;
                    color: #4e5c67;
                    text-decoration: none
                }

            .portal-header .profile-container ul.profile ul {
                width: 120px;
                background: #fff;
                border-radius: 10px;
                padding: 5px;
                position: absolute;
                top: 100%;
                right: 0;
                -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
                -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
                box-shadow: 0 0 5px rgba(0,0,0,.2)
            }

                .portal-header .profile-container ul.profile ul li {
                    float: none;
                    padding: 4px 15px;
                    position: relative;
                    list-style: none
                }

                .portal-header .profile-container ul.profile ul ul {
                    position: absolute;
                    left: 100%;
                    top: 0
                }

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #d3d3d3;
    border-radius: 10px
}

    ::-webkit-scrollbar-thumb:hover {
        background: #a9a9a9
    }

.corner-none {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.corner-none-top {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    background-clip: padding-box
}

.corner-none-bottom {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.corner-none-bottom, .corner-none-left {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    background-clip: padding-box
}

.corner-none-left {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.corner-none-right {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    background-clip: padding-box
}

.corner-small {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.corner-small-top {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    background-clip: padding-box
}

.corner-small-bottom {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.corner-small-bottom, .corner-small-left {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-clip: padding-box
}

.corner-small-left {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

.corner-small-right {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    background-clip: padding-box
}

.corner-medium {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.corner-medium-top {
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    background-clip: padding-box
}

.corner-medium-bottom {
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px
}

.corner-medium-bottom, .corner-medium-left {
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    background-clip: padding-box
}

.corner-medium-left {
    -webkit-border-top-left-radius: 7px;
    border-top-left-radius: 7px
}

.corner-medium-right {
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    background-clip: padding-box
}

.corner-large {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.corner-large-top {
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    background-clip: padding-box
}

.corner-large-bottom {
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.corner-large-bottom, .corner-large-left {
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-clip: padding-box
}

.corner-large-left {
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px
}

.corner-large-right {
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    background-clip: padding-box
}

.corner-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.corner-circle-top {
    -webkit-border-top-right-radius: 50%;
    border-top-right-radius: 50%;
    -webkit-border-top-left-radius: 50%;
    border-top-left-radius: 50%;
    background-clip: padding-box
}

.corner-circle-bottom {
    -webkit-border-bottom-right-radius: 50%;
    border-bottom-right-radius: 50%
}

.corner-circle-bottom, .corner-circle-left {
    -webkit-border-bottom-left-radius: 50%;
    border-bottom-left-radius: 50%;
    background-clip: padding-box
}

.corner-circle-left {
    -webkit-border-top-left-radius: 50%;
    border-top-left-radius: 50%
}

.corner-circle-right {
    -webkit-border-bottom-right-radius: 50%;
    border-bottom-right-radius: 50%;
    -webkit-border-top-right-radius: 50%;
    border-top-right-radius: 50%;
    background-clip: padding-box
}

.white {
    background: #fff
}

.white-text {
    color: #fff
}

.black {
    background: #000
}

.black-text {
    color: #000
}

.colour-primary {
    background-color: #1981c4
}

    .colour-primary.dark-5 {
        background-color: #1672ad
    }

    .colour-primary.light-5 {
        background-color: #1c90db
    }

    .colour-primary.dark-10 {
        background-color: #136397
    }

    .colour-primary.light-10 {
        background-color: #2c9ce4
    }

    .colour-primary.dark-15 {
        background-color: #105480
    }

    .colour-primary.light-15 {
        background-color: #43a7e7
    }

    .colour-primary.dark-20 {
        background-color: #0d456a
    }

    .colour-primary.light-20 {
        background-color: #59b1ea
    }

    .colour-primary.dark-25 {
        background-color: #0b3753
    }

    .colour-primary.light-25 {
        background-color: #70bced
    }

    .colour-primary.dark-30 {
        background-color: #08283c
    }

    .colour-primary.light-30 {
        background-color: #86c6f0
    }

    .colour-primary.dark-35 {
        background-color: #051926
    }

    .colour-primary.light-35 {
        background-color: #9dd1f3
    }

    .colour-primary.dark-40 {
        background-color: #020a0f
    }

    .colour-primary.light-40 {
        background-color: #b4dcf5
    }

    .colour-primary.dark-45 {
        background-color: #000
    }

    .colour-primary.light-45 {
        background-color: #cae6f8
    }

    .colour-primary.dark-50 {
        background-color: #000
    }

    .colour-primary.light-50 {
        background-color: #e1f1fb
    }

    .colour-primary.dark-55 {
        background-color: #000
    }

    .colour-primary.light-55 {
        background-color: #f7fbfe
    }

    .colour-primary.dark-60 {
        background-color: #000
    }

    .colour-primary.light-60 {
        background-color: #fff
    }

    .colour-primary.dark-65 {
        background-color: #000
    }

    .colour-primary.light-65 {
        background-color: #fff
    }

    .colour-primary.dark-70 {
        background-color: #000
    }

    .colour-primary.light-70 {
        background-color: #fff
    }

    .colour-primary.dark-75 {
        background-color: #000
    }

    .colour-primary.light-75 {
        background-color: #fff
    }

    .colour-primary.dark-80 {
        background-color: #000
    }

    .colour-primary.light-80 {
        background-color: #fff
    }

    .colour-primary.dark-85 {
        background-color: #000
    }

    .colour-primary.light-85 {
        background-color: #fff
    }

    .colour-primary.dark-90 {
        background-color: #000
    }

    .colour-primary.light-90 {
        background-color: #fff
    }

    .colour-primary.dark-95 {
        background-color: #000
    }

    .colour-primary.light-95 {
        background-color: #fff
    }

    .colour-primary.dark-100 {
        background-color: #000
    }

    .colour-primary.light-100 {
        background-color: #fff
    }

.colour-success {
    background-color: #37c97c
}

.colour-danger {
    background-color: #c53902
}

.colour-warning {
    background-color: #f69e13
}

.brand-light, .colour-info {
    background-color: #eef2f5
}

    .brand-light.dark-5 {
        background-color: #dee6ec
    }

    .brand-light.dark-10 {
        background-color: #ced9e2
    }

    .brand-light.dark-15 {
        background-color: #becdd9
    }

    .brand-light.dark-20 {
        background-color: #aec1cf
    }

    .brand-light.dark-25 {
        background-color: #9eb5c6
    }

    .brand-light.dark-30 {
        background-color: #8ea8bc
    }

    .brand-light.dark-35 {
        background-color: #7e9cb3
    }

    .brand-light.dark-40 {
        background-color: #6e90a9
    }

    .brand-light.dark-45 {
        background-color: #5e83a0
    }

    .brand-light.dark-50 {
        background-color: #547690
    }

    .brand-light.dark-55 {
        background-color: #4b6980
    }

    .brand-light.dark-60 {
        background-color: #425c6f
    }

    .brand-light.dark-65 {
        background-color: #384f5f
    }

    .brand-light.dark-70 {
        background-color: #2f414f
    }

    .brand-light.dark-75 {
        background-color: #25343f
    }

    .brand-light.dark-80 {
        background-color: #1c272f
    }

    .brand-light.dark-85 {
        background-color: #121a1f
    }

    .brand-light.dark-90 {
        background-color: #090c0f
    }

    .brand-light.dark-95, .brand-light.dark-100 {
        background-color: #000
    }

.brand-medium {
    background-color: #dbe3e9
}

    .brand-medium.dark-5 {
        background-color: #cbd7df
    }

    .brand-medium.light-5 {
        background-color: #ebeff3
    }

    .brand-medium.dark-10 {
        background-color: #bbcad6
    }

    .brand-medium.light-10 {
        background-color: #fbfcfc
    }

    .brand-medium.dark-15 {
        background-color: #acbecc
    }

    .brand-medium.light-15 {
        background-color: #fff
    }

    .brand-medium.dark-20 {
        background-color: #9cb2c2
    }

    .brand-medium.light-20 {
        background-color: #fff
    }

    .brand-medium.dark-25 {
        background-color: #8ca5b9
    }

    .brand-medium.light-25 {
        background-color: #fff
    }

    .brand-medium.dark-30 {
        background-color: #7c99af
    }

    .brand-medium.light-30 {
        background-color: #fff
    }

    .brand-medium.dark-35 {
        background-color: #6c8da5
    }

    .brand-medium.light-35 {
        background-color: #fff
    }

    .brand-medium.dark-40 {
        background-color: #5e809a
    }

    .brand-medium.light-40 {
        background-color: #fff
    }

    .brand-medium.dark-45 {
        background-color: #54738a
    }

    .brand-medium.light-45 {
        background-color: #fff
    }

    .brand-medium.dark-50 {
        background-color: #4b667a
    }

    .brand-medium.light-50 {
        background-color: #fff
    }

    .brand-medium.dark-55 {
        background-color: #41596a
    }

    .brand-medium.light-55 {
        background-color: #fff
    }

    .brand-medium.dark-60 {
        background-color: #374c5b
    }

    .brand-medium.light-60 {
        background-color: #fff
    }

    .brand-medium.dark-65 {
        background-color: #2e3e4b
    }

    .brand-medium.light-65 {
        background-color: #fff
    }

    .brand-medium.dark-70 {
        background-color: #24313b
    }

    .brand-medium.light-70 {
        background-color: #fff
    }

    .brand-medium.dark-75 {
        background-color: #1a242b
    }

    .brand-medium.light-75 {
        background-color: #fff
    }

    .brand-medium.dark-80 {
        background-color: #11171b
    }

    .brand-medium.light-80 {
        background-color: #fff
    }

    .brand-medium.dark-85 {
        background-color: #070a0b
    }

    .brand-medium.light-85 {
        background-color: #fff
    }

    .brand-medium.dark-90 {
        background-color: #000
    }

    .brand-medium.light-90 {
        background-color: #fff
    }

    .brand-medium.dark-95 {
        background-color: #000
    }

    .brand-medium.light-95 {
        background-color: #fff
    }

    .brand-medium.dark-100 {
        background-color: #000
    }

    .brand-medium.light-100 {
        background-color: #fff
    }

.brand-dark {
    background-color: #758088
}

    .brand-dark.dark-5 {
        background-color: #69737a
    }

    .brand-dark.light-5 {
        background-color: #838d94
    }

    .brand-dark.dark-10 {
        background-color: #5d666d
    }

    .brand-dark.light-10 {
        background-color: #9099a0
    }

    .brand-dark.dark-15 {
        background-color: #52595f
    }

    .brand-dark.light-15 {
        background-color: #9ea6ac
    }

    .brand-dark.dark-20 {
        background-color: #464c51
    }

    .brand-dark.light-20 {
        background-color: #acb2b7
    }

    .brand-dark.dark-25 {
        background-color: #3a3f43
    }

    .brand-dark.light-25 {
        background-color: #b9bfc3
    }

    .brand-dark.dark-30 {
        background-color: #2e3336
    }

    .brand-dark.light-30 {
        background-color: #c7cccf
    }

    .brand-dark.dark-35 {
        background-color: #222628
    }

    .brand-dark.light-35 {
        background-color: #d5d8db
    }

    .brand-dark.dark-40 {
        background-color: #17191a
    }

    .brand-dark.light-40 {
        background-color: #e3e5e6
    }

    .brand-dark.dark-45 {
        background-color: #0b0c0d
    }

    .brand-dark.light-45 {
        background-color: #f0f1f2
    }

    .brand-dark.dark-50 {
        background-color: #000
    }

    .brand-dark.light-50 {
        background-color: #fefefe
    }

    .brand-dark.dark-55 {
        background-color: #000
    }

    .brand-dark.light-55 {
        background-color: #fff
    }

    .brand-dark.dark-60 {
        background-color: #000
    }

    .brand-dark.light-60 {
        background-color: #fff
    }

    .brand-dark.dark-65 {
        background-color: #000
    }

    .brand-dark.light-65 {
        background-color: #fff
    }

    .brand-dark.dark-70 {
        background-color: #000
    }

    .brand-dark.light-70 {
        background-color: #fff
    }

    .brand-dark.dark-75 {
        background-color: #000
    }

    .brand-dark.light-75 {
        background-color: #fff
    }

    .brand-dark.dark-80 {
        background-color: #000
    }

    .brand-dark.light-80 {
        background-color: #fff
    }

    .brand-dark.dark-85 {
        background-color: #000
    }

    .brand-dark.light-85 {
        background-color: #fff
    }

    .brand-dark.dark-90 {
        background-color: #000
    }

    .brand-dark.light-90 {
        background-color: #fff
    }

    .brand-dark.dark-95 {
        background-color: #000
    }

    .brand-dark.light-95 {
        background-color: #fff
    }

    .brand-dark.dark-100 {
        background-color: #000
    }

    .brand-dark.light-100 {
        background-color: #fff
    }

.grey-light {
    background-color: #e1e1e1
}

.grey-medium {
    background-color: #9b9b9b
}

.shadow-none {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.shadow-xsmall {
    -webkit-box-shadow: 3px 3px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 3px 3px 0 rgba(0,0,0,.1);
    box-shadow: 3px 3px 0 rgba(0,0,0,.1)
}

.shadow-small {
    -webkit-box-shadow: 4px 4px 0 rgba(0,0,0,.07);
    -moz-box-shadow: 4px 4px 0 rgba(0,0,0,.07);
    box-shadow: 4px 4px 0 rgba(0,0,0,.07)
}

.shadow-medium {
    -webkit-box-shadow: 5px 5px 0 rgba(0,0,0,.07);
    -moz-box-shadow: 5px 5px 0 rgba(0,0,0,.07);
    box-shadow: 5px 5px 0 rgba(0,0,0,.07)
}

.shadow-large {
    -webkit-box-shadow: 6px 6px 0 rgba(0,0,0,.07);
    -moz-box-shadow: 6px 6px 0 rgba(0,0,0,.07);
    box-shadow: 6px 6px 0 rgba(0,0,0,.07)
}

.border-colour-primary.width-1-dark-0, .border-colour-primary.width-1-light-0 {
    border: 1px solid #1981c4
}

.border-colour-primary.width-1-dark-10 {
    border: 1px solid #136397
}

.border-colour-primary.width-1-light-10 {
    border: 1px solid #2c9ce4
}

.border-colour-primary.width-1-dark-20 {
    border: 1px solid #0d456a
}

.border-colour-primary.width-1-light-20 {
    border: 1px solid #59b1ea
}

.border-colour-primary.width-1-dark-30 {
    border: 1px solid #08283c
}

.border-colour-primary.width-1-light-30 {
    border: 1px solid #86c6f0
}

.border-colour-primary.width-1-dark-40 {
    border: 1px solid #020a0f
}

.border-colour-primary.width-1-light-40 {
    border: 1px solid #b4dcf5
}

.border-colour-primary.width-1-dark-50 {
    border: 1px solid #000
}

.border-colour-primary.width-1-light-50 {
    border: 1px solid #e1f1fb
}

.border-colour-primary.width-1-dark-60 {
    border: 1px solid #000
}

.border-colour-primary.width-1-light-60 {
    border: 1px solid #fff
}

.border-colour-primary.width-1-dark-70 {
    border: 1px solid #000
}

.border-colour-primary.width-1-light-70 {
    border: 1px solid #fff
}

.border-colour-primary.width-1-dark-80 {
    border: 1px solid #000
}

.border-colour-primary.width-1-light-80 {
    border: 1px solid #fff
}

.border-colour-primary.width-1-dark-90 {
    border: 1px solid #000
}

.border-colour-primary.width-1-light-90 {
    border: 1px solid #fff
}

.border-colour-primary.width-1-dark-100 {
    border: 1px solid #000
}

.border-colour-primary.width-1-light-100 {
    border: 1px solid #fff
}

.border-colour-primary.width-2-dark-0, .border-colour-primary.width-2-light-0 {
    border: 2px solid #1981c4
}

.border-colour-primary.width-2-dark-10 {
    border: 2px solid #136397
}

.border-colour-primary.width-2-light-10 {
    border: 2px solid #2c9ce4
}

.border-colour-primary.width-2-dark-20 {
    border: 2px solid #0d456a
}

.border-colour-primary.width-2-light-20 {
    border: 2px solid #59b1ea
}

.border-colour-primary.width-2-dark-30 {
    border: 2px solid #08283c
}

.border-colour-primary.width-2-light-30 {
    border: 2px solid #86c6f0
}

.border-colour-primary.width-2-dark-40 {
    border: 2px solid #020a0f
}

.border-colour-primary.width-2-light-40 {
    border: 2px solid #b4dcf5
}

.border-colour-primary.width-2-dark-50 {
    border: 2px solid #000
}

.border-colour-primary.width-2-light-50 {
    border: 2px solid #e1f1fb
}

.border-colour-primary.width-2-dark-60 {
    border: 2px solid #000
}

.border-colour-primary.width-2-light-60 {
    border: 2px solid #fff
}

.border-colour-primary.width-2-dark-70 {
    border: 2px solid #000
}

.border-colour-primary.width-2-light-70 {
    border: 2px solid #fff
}

.border-colour-primary.width-2-dark-80 {
    border: 2px solid #000
}

.border-colour-primary.width-2-light-80 {
    border: 2px solid #fff
}

.border-colour-primary.width-2-dark-90 {
    border: 2px solid #000
}

.border-colour-primary.width-2-light-90 {
    border: 2px solid #fff
}

.border-colour-primary.width-2-dark-100 {
    border: 2px solid #000
}

.border-colour-primary.width-2-light-100 {
    border: 2px solid #fff
}

.border-colour-primary.width-3-dark-0, .border-colour-primary.width-3-light-0 {
    border: 3px solid #1981c4
}

.border-colour-primary.width-3-dark-10 {
    border: 3px solid #136397
}

.border-colour-primary.width-3-light-10 {
    border: 3px solid #2c9ce4
}

.border-colour-primary.width-3-dark-20 {
    border: 3px solid #0d456a
}

.border-colour-primary.width-3-light-20 {
    border: 3px solid #59b1ea
}

.border-colour-primary.width-3-dark-30 {
    border: 3px solid #08283c
}

.border-colour-primary.width-3-light-30 {
    border: 3px solid #86c6f0
}

.border-colour-primary.width-3-dark-40 {
    border: 3px solid #020a0f
}

.border-colour-primary.width-3-light-40 {
    border: 3px solid #b4dcf5
}

.border-colour-primary.width-3-dark-50 {
    border: 3px solid #000
}

.border-colour-primary.width-3-light-50 {
    border: 3px solid #e1f1fb
}

.border-colour-primary.width-3-dark-60 {
    border: 3px solid #000
}

.border-colour-primary.width-3-light-60 {
    border: 3px solid #fff
}

.border-colour-primary.width-3-dark-70 {
    border: 3px solid #000
}

.border-colour-primary.width-3-light-70 {
    border: 3px solid #fff
}

.border-colour-primary.width-3-dark-80 {
    border: 3px solid #000
}

.border-colour-primary.width-3-light-80 {
    border: 3px solid #fff
}

.border-colour-primary.width-3-dark-90 {
    border: 3px solid #000
}

.border-colour-primary.width-3-light-90 {
    border: 3px solid #fff
}

.border-colour-primary.width-3-dark-100 {
    border: 3px solid #000
}

.border-colour-primary.width-3-light-100 {
    border: 3px solid #fff
}

.border-colour-primary.width-4-dark-0, .border-colour-primary.width-4-light-0 {
    border: 4px solid #1981c4
}

.border-colour-primary.width-4-dark-10 {
    border: 4px solid #136397
}

.border-colour-primary.width-4-light-10 {
    border: 4px solid #2c9ce4
}

.border-colour-primary.width-4-dark-20 {
    border: 4px solid #0d456a
}

.border-colour-primary.width-4-light-20 {
    border: 4px solid #59b1ea
}

.border-colour-primary.width-4-dark-30 {
    border: 4px solid #08283c
}

.border-colour-primary.width-4-light-30 {
    border: 4px solid #86c6f0
}

.border-colour-primary.width-4-dark-40 {
    border: 4px solid #020a0f
}

.border-colour-primary.width-4-light-40 {
    border: 4px solid #b4dcf5
}

.border-colour-primary.width-4-dark-50 {
    border: 4px solid #000
}

.border-colour-primary.width-4-light-50 {
    border: 4px solid #e1f1fb
}

.border-colour-primary.width-4-dark-60 {
    border: 4px solid #000
}

.border-colour-primary.width-4-light-60 {
    border: 4px solid #fff
}

.border-colour-primary.width-4-dark-70 {
    border: 4px solid #000
}

.border-colour-primary.width-4-light-70 {
    border: 4px solid #fff
}

.border-colour-primary.width-4-dark-80 {
    border: 4px solid #000
}

.border-colour-primary.width-4-light-80 {
    border: 4px solid #fff
}

.border-colour-primary.width-4-dark-90 {
    border: 4px solid #000
}

.border-colour-primary.width-4-light-90 {
    border: 4px solid #fff
}

.border-colour-primary.width-4-dark-100 {
    border: 4px solid #000
}

.border-colour-primary.width-4-light-100 {
    border: 4px solid #fff
}

.border-colour-primary.width-5-dark-0, .border-colour-primary.width-5-light-0 {
    border: 5px solid #1981c4
}

.border-colour-primary.width-5-dark-10 {
    border: 5px solid #136397
}

.border-colour-primary.width-5-light-10 {
    border: 5px solid #2c9ce4
}

.border-colour-primary.width-5-dark-20 {
    border: 5px solid #0d456a
}

.border-colour-primary.width-5-light-20 {
    border: 5px solid #59b1ea
}

.border-colour-primary.width-5-dark-30 {
    border: 5px solid #08283c
}

.border-colour-primary.width-5-light-30 {
    border: 5px solid #86c6f0
}

.border-colour-primary.width-5-dark-40 {
    border: 5px solid #020a0f
}

.border-colour-primary.width-5-light-40 {
    border: 5px solid #b4dcf5
}

.border-colour-primary.width-5-dark-50 {
    border: 5px solid #000
}

.border-colour-primary.width-5-light-50 {
    border: 5px solid #e1f1fb
}

.border-colour-primary.width-5-dark-60 {
    border: 5px solid #000
}

.border-colour-primary.width-5-light-60 {
    border: 5px solid #fff
}

.border-colour-primary.width-5-dark-70 {
    border: 5px solid #000
}

.border-colour-primary.width-5-light-70 {
    border: 5px solid #fff
}

.border-colour-primary.width-5-dark-80 {
    border: 5px solid #000
}

.border-colour-primary.width-5-light-80 {
    border: 5px solid #fff
}

.border-colour-primary.width-5-dark-90 {
    border: 5px solid #000
}

.border-colour-primary.width-5-light-90 {
    border: 5px solid #fff
}

.border-colour-primary.width-5-dark-100 {
    border: 5px solid #000
}

.border-colour-primary.width-5-light-100 {
    border: 5px solid #fff
}

.border-brand-light.width-1-dark-0, .border-brand-light.width-1-light-0 {
    border: 1px solid #1981c4
}

.border-brand-light.width-1-dark-10 {
    border: 1px solid #136397
}

.border-brand-light.width-1-light-10 {
    border: 1px solid #2c9ce4
}

.border-brand-light.width-1-dark-20 {
    border: 1px solid #0d456a
}

.border-brand-light.width-1-light-20 {
    border: 1px solid #59b1ea
}

.border-brand-light.width-1-dark-30 {
    border: 1px solid #08283c
}

.border-brand-light.width-1-light-30 {
    border: 1px solid #86c6f0
}

.border-brand-light.width-1-dark-40 {
    border: 1px solid #020a0f
}

.border-brand-light.width-1-light-40 {
    border: 1px solid #b4dcf5
}

.border-brand-light.width-1-dark-50 {
    border: 1px solid #000
}

.border-brand-light.width-1-light-50 {
    border: 1px solid #e1f1fb
}

.border-brand-light.width-1-dark-60 {
    border: 1px solid #000
}

.border-brand-light.width-1-light-60 {
    border: 1px solid #fff
}

.border-brand-light.width-1-dark-70 {
    border: 1px solid #000
}

.border-brand-light.width-1-light-70 {
    border: 1px solid #fff
}

.border-brand-light.width-1-dark-80 {
    border: 1px solid #000
}

.border-brand-light.width-1-light-80 {
    border: 1px solid #fff
}

.border-brand-light.width-1-dark-90 {
    border: 1px solid #000
}

.border-brand-light.width-1-light-90 {
    border: 1px solid #fff
}

.border-brand-light.width-1-dark-100 {
    border: 1px solid #000
}

.border-brand-light.width-1-light-100 {
    border: 1px solid #fff
}

.border-brand-light.width-2-dark-0, .border-brand-light.width-2-light-0 {
    border: 2px solid #1981c4
}

.border-brand-light.width-2-dark-10 {
    border: 2px solid #136397
}

.border-brand-light.width-2-light-10 {
    border: 2px solid #2c9ce4
}

.border-brand-light.width-2-dark-20 {
    border: 2px solid #0d456a
}

.border-brand-light.width-2-light-20 {
    border: 2px solid #59b1ea
}

.border-brand-light.width-2-dark-30 {
    border: 2px solid #08283c
}

.border-brand-light.width-2-light-30 {
    border: 2px solid #86c6f0
}

.border-brand-light.width-2-dark-40 {
    border: 2px solid #020a0f
}

.border-brand-light.width-2-light-40 {
    border: 2px solid #b4dcf5
}

.border-brand-light.width-2-dark-50 {
    border: 2px solid #000
}

.border-brand-light.width-2-light-50 {
    border: 2px solid #e1f1fb
}

.border-brand-light.width-2-dark-60 {
    border: 2px solid #000
}

.border-brand-light.width-2-light-60 {
    border: 2px solid #fff
}

.border-brand-light.width-2-dark-70 {
    border: 2px solid #000
}

.border-brand-light.width-2-light-70 {
    border: 2px solid #fff
}

.border-brand-light.width-2-dark-80 {
    border: 2px solid #000
}

.border-brand-light.width-2-light-80 {
    border: 2px solid #fff
}

.border-brand-light.width-2-dark-90 {
    border: 2px solid #000
}

.border-brand-light.width-2-light-90 {
    border: 2px solid #fff
}

.border-brand-light.width-2-dark-100 {
    border: 2px solid #000
}

.border-brand-light.width-2-light-100 {
    border: 2px solid #fff
}

.border-brand-light.width-3-dark-0, .border-brand-light.width-3-light-0 {
    border: 3px solid #1981c4
}

.border-brand-light.width-3-dark-10 {
    border: 3px solid #136397
}

.border-brand-light.width-3-light-10 {
    border: 3px solid #2c9ce4
}

.border-brand-light.width-3-dark-20 {
    border: 3px solid #0d456a
}

.border-brand-light.width-3-light-20 {
    border: 3px solid #59b1ea
}

.border-brand-light.width-3-dark-30 {
    border: 3px solid #08283c
}

.border-brand-light.width-3-light-30 {
    border: 3px solid #86c6f0
}

.border-brand-light.width-3-dark-40 {
    border: 3px solid #020a0f
}

.border-brand-light.width-3-light-40 {
    border: 3px solid #b4dcf5
}

.border-brand-light.width-3-dark-50 {
    border: 3px solid #000
}

.border-brand-light.width-3-light-50 {
    border: 3px solid #e1f1fb
}

.border-brand-light.width-3-dark-60 {
    border: 3px solid #000
}

.border-brand-light.width-3-light-60 {
    border: 3px solid #fff
}

.border-brand-light.width-3-dark-70 {
    border: 3px solid #000
}

.border-brand-light.width-3-light-70 {
    border: 3px solid #fff
}

.border-brand-light.width-3-dark-80 {
    border: 3px solid #000
}

.border-brand-light.width-3-light-80 {
    border: 3px solid #fff
}

.border-brand-light.width-3-dark-90 {
    border: 3px solid #000
}

.border-brand-light.width-3-light-90 {
    border: 3px solid #fff
}

.border-brand-light.width-3-dark-100 {
    border: 3px solid #000
}

.border-brand-light.width-3-light-100 {
    border: 3px solid #fff
}

.border-brand-light.width-4-dark-0, .border-brand-light.width-4-light-0 {
    border: 4px solid #1981c4
}

.border-brand-light.width-4-dark-10 {
    border: 4px solid #136397
}

.border-brand-light.width-4-light-10 {
    border: 4px solid #2c9ce4
}

.border-brand-light.width-4-dark-20 {
    border: 4px solid #0d456a
}

.border-brand-light.width-4-light-20 {
    border: 4px solid #59b1ea
}

.border-brand-light.width-4-dark-30 {
    border: 4px solid #08283c
}

.border-brand-light.width-4-light-30 {
    border: 4px solid #86c6f0
}

.border-brand-light.width-4-dark-40 {
    border: 4px solid #020a0f
}

.border-brand-light.width-4-light-40 {
    border: 4px solid #b4dcf5
}

.border-brand-light.width-4-dark-50 {
    border: 4px solid #000
}

.border-brand-light.width-4-light-50 {
    border: 4px solid #e1f1fb
}

.border-brand-light.width-4-dark-60 {
    border: 4px solid #000
}

.border-brand-light.width-4-light-60 {
    border: 4px solid #fff
}

.border-brand-light.width-4-dark-70 {
    border: 4px solid #000
}

.border-brand-light.width-4-light-70 {
    border: 4px solid #fff
}

.border-brand-light.width-4-dark-80 {
    border: 4px solid #000
}

.border-brand-light.width-4-light-80 {
    border: 4px solid #fff
}

.border-brand-light.width-4-dark-90 {
    border: 4px solid #000
}

.border-brand-light.width-4-light-90 {
    border: 4px solid #fff
}

.border-brand-light.width-4-dark-100 {
    border: 4px solid #000
}

.border-brand-light.width-4-light-100 {
    border: 4px solid #fff
}

.border-brand-light.width-5-dark-0, .border-brand-light.width-5-light-0 {
    border: 5px solid #1981c4
}

.border-brand-light.width-5-dark-10 {
    border: 5px solid #136397
}

.border-brand-light.width-5-light-10 {
    border: 5px solid #2c9ce4
}

.border-brand-light.width-5-dark-20 {
    border: 5px solid #0d456a
}

.border-brand-light.width-5-light-20 {
    border: 5px solid #59b1ea
}

.border-brand-light.width-5-dark-30 {
    border: 5px solid #08283c
}

.border-brand-light.width-5-light-30 {
    border: 5px solid #86c6f0
}

.border-brand-light.width-5-dark-40 {
    border: 5px solid #020a0f
}

.border-brand-light.width-5-light-40 {
    border: 5px solid #b4dcf5
}

.border-brand-light.width-5-dark-50 {
    border: 5px solid #000
}

.border-brand-light.width-5-light-50 {
    border: 5px solid #e1f1fb
}

.border-brand-light.width-5-dark-60 {
    border: 5px solid #000
}

.border-brand-light.width-5-light-60 {
    border: 5px solid #fff
}

.border-brand-light.width-5-dark-70 {
    border: 5px solid #000
}

.border-brand-light.width-5-light-70 {
    border: 5px solid #fff
}

.border-brand-light.width-5-dark-80 {
    border: 5px solid #000
}

.border-brand-light.width-5-light-80 {
    border: 5px solid #fff
}

.border-brand-light.width-5-dark-90 {
    border: 5px solid #000
}

.border-brand-light.width-5-light-90 {
    border: 5px solid #fff
}

.border-brand-light.width-5-dark-100 {
    border: 5px solid #000
}

.border-brand-light.width-5-light-100 {
    border: 5px solid #fff
}

.border-brand-medium.width-1-dark-0, .border-brand-medium.width-1-light-0 {
    border: 1px solid #dbe3e9
}

.border-brand-medium.width-1-dark-10 {
    border: 1px solid #bbcad6
}

.border-brand-medium.width-1-light-10 {
    border: 1px solid #fbfcfc
}

.border-brand-medium.width-1-dark-20 {
    border: 1px solid #9cb2c2
}

.border-brand-medium.width-1-light-20 {
    border: 1px solid #fff
}

.border-brand-medium.width-1-dark-30 {
    border: 1px solid #7c99af
}

.border-brand-medium.width-1-light-30 {
    border: 1px solid #fff
}

.border-brand-medium.width-1-dark-40 {
    border: 1px solid #5e809a
}

.border-brand-medium.width-1-light-40 {
    border: 1px solid #fff
}

.border-brand-medium.width-1-dark-50 {
    border: 1px solid #4b667a
}

.border-brand-medium.width-1-light-50 {
    border: 1px solid #fff
}

.border-brand-medium.width-1-dark-60 {
    border: 1px solid #374c5b
}

.border-brand-medium.width-1-light-60 {
    border: 1px solid #fff
}

.border-brand-medium.width-1-dark-70 {
    border: 1px solid #24313b
}

.border-brand-medium.width-1-light-70 {
    border: 1px solid #fff
}

.border-brand-medium.width-1-dark-80 {
    border: 1px solid #11171b
}

.border-brand-medium.width-1-light-80 {
    border: 1px solid #fff
}

.border-brand-medium.width-1-dark-90 {
    border: 1px solid #000
}

.border-brand-medium.width-1-light-90 {
    border: 1px solid #fff
}

.border-brand-medium.width-1-dark-100 {
    border: 1px solid #000
}

.border-brand-medium.width-1-light-100 {
    border: 1px solid #fff
}

.border-brand-medium.width-2-dark-0, .border-brand-medium.width-2-light-0 {
    border: 2px solid #dbe3e9
}

.border-brand-medium.width-2-dark-10 {
    border: 2px solid #bbcad6
}

.border-brand-medium.width-2-light-10 {
    border: 2px solid #fbfcfc
}

.border-brand-medium.width-2-dark-20 {
    border: 2px solid #9cb2c2
}

.border-brand-medium.width-2-light-20 {
    border: 2px solid #fff
}

.border-brand-medium.width-2-dark-30 {
    border: 2px solid #7c99af
}

.border-brand-medium.width-2-light-30 {
    border: 2px solid #fff
}

.border-brand-medium.width-2-dark-40 {
    border: 2px solid #5e809a
}

.border-brand-medium.width-2-light-40 {
    border: 2px solid #fff
}

.border-brand-medium.width-2-dark-50 {
    border: 2px solid #4b667a
}

.border-brand-medium.width-2-light-50 {
    border: 2px solid #fff
}

.border-brand-medium.width-2-dark-60 {
    border: 2px solid #374c5b
}

.border-brand-medium.width-2-light-60 {
    border: 2px solid #fff
}

.border-brand-medium.width-2-dark-70 {
    border: 2px solid #24313b
}

.border-brand-medium.width-2-light-70 {
    border: 2px solid #fff
}

.border-brand-medium.width-2-dark-80 {
    border: 2px solid #11171b
}

.border-brand-medium.width-2-light-80 {
    border: 2px solid #fff
}

.border-brand-medium.width-2-dark-90 {
    border: 2px solid #000
}

.border-brand-medium.width-2-light-90 {
    border: 2px solid #fff
}

.border-brand-medium.width-2-dark-100 {
    border: 2px solid #000
}

.border-brand-medium.width-2-light-100 {
    border: 2px solid #fff
}

.border-brand-medium.width-3-dark-0, .border-brand-medium.width-3-light-0 {
    border: 3px solid #dbe3e9
}

.border-brand-medium.width-3-dark-10 {
    border: 3px solid #bbcad6
}

.border-brand-medium.width-3-light-10 {
    border: 3px solid #fbfcfc
}

.border-brand-medium.width-3-dark-20 {
    border: 3px solid #9cb2c2
}

.border-brand-medium.width-3-light-20 {
    border: 3px solid #fff
}

.border-brand-medium.width-3-dark-30 {
    border: 3px solid #7c99af
}

.border-brand-medium.width-3-light-30 {
    border: 3px solid #fff
}

.border-brand-medium.width-3-dark-40 {
    border: 3px solid #5e809a
}

.border-brand-medium.width-3-light-40 {
    border: 3px solid #fff
}

.border-brand-medium.width-3-dark-50 {
    border: 3px solid #4b667a
}

.border-brand-medium.width-3-light-50 {
    border: 3px solid #fff
}

.border-brand-medium.width-3-dark-60 {
    border: 3px solid #374c5b
}

.border-brand-medium.width-3-light-60 {
    border: 3px solid #fff
}

.border-brand-medium.width-3-dark-70 {
    border: 3px solid #24313b
}

.border-brand-medium.width-3-light-70 {
    border: 3px solid #fff
}

.border-brand-medium.width-3-dark-80 {
    border: 3px solid #11171b
}

.border-brand-medium.width-3-light-80 {
    border: 3px solid #fff
}

.border-brand-medium.width-3-dark-90 {
    border: 3px solid #000
}

.border-brand-medium.width-3-light-90 {
    border: 3px solid #fff
}

.border-brand-medium.width-3-dark-100 {
    border: 3px solid #000
}

.border-brand-medium.width-3-light-100 {
    border: 3px solid #fff
}

.border-brand-medium.width-4-dark-0, .border-brand-medium.width-4-light-0 {
    border: 4px solid #dbe3e9
}

.border-brand-medium.width-4-dark-10 {
    border: 4px solid #bbcad6
}

.border-brand-medium.width-4-light-10 {
    border: 4px solid #fbfcfc
}

.border-brand-medium.width-4-dark-20 {
    border: 4px solid #9cb2c2
}

.border-brand-medium.width-4-light-20 {
    border: 4px solid #fff
}

.border-brand-medium.width-4-dark-30 {
    border: 4px solid #7c99af
}

.border-brand-medium.width-4-light-30 {
    border: 4px solid #fff
}

.border-brand-medium.width-4-dark-40 {
    border: 4px solid #5e809a
}

.border-brand-medium.width-4-light-40 {
    border: 4px solid #fff
}

.border-brand-medium.width-4-dark-50 {
    border: 4px solid #4b667a
}

.border-brand-medium.width-4-light-50 {
    border: 4px solid #fff
}

.border-brand-medium.width-4-dark-60 {
    border: 4px solid #374c5b
}

.border-brand-medium.width-4-light-60 {
    border: 4px solid #fff
}

.border-brand-medium.width-4-dark-70 {
    border: 4px solid #24313b
}

.border-brand-medium.width-4-light-70 {
    border: 4px solid #fff
}

.border-brand-medium.width-4-dark-80 {
    border: 4px solid #11171b
}

.border-brand-medium.width-4-light-80 {
    border: 4px solid #fff
}

.border-brand-medium.width-4-dark-90 {
    border: 4px solid #000
}

.border-brand-medium.width-4-light-90 {
    border: 4px solid #fff
}

.border-brand-medium.width-4-dark-100 {
    border: 4px solid #000
}

.border-brand-medium.width-4-light-100 {
    border: 4px solid #fff
}

.border-brand-medium.width-5-dark-0, .border-brand-medium.width-5-light-0 {
    border: 5px solid #dbe3e9
}

.border-brand-medium.width-5-dark-10 {
    border: 5px solid #bbcad6
}

.border-brand-medium.width-5-light-10 {
    border: 5px solid #fbfcfc
}

.border-brand-medium.width-5-dark-20 {
    border: 5px solid #9cb2c2
}

.border-brand-medium.width-5-light-20 {
    border: 5px solid #fff
}

.border-brand-medium.width-5-dark-30 {
    border: 5px solid #7c99af
}

.border-brand-medium.width-5-light-30 {
    border: 5px solid #fff
}

.border-brand-medium.width-5-dark-40 {
    border: 5px solid #5e809a
}

.border-brand-medium.width-5-light-40 {
    border: 5px solid #fff
}

.border-brand-medium.width-5-dark-50 {
    border: 5px solid #4b667a
}

.border-brand-medium.width-5-light-50 {
    border: 5px solid #fff
}

.border-brand-medium.width-5-dark-60 {
    border: 5px solid #374c5b
}

.border-brand-medium.width-5-light-60 {
    border: 5px solid #fff
}

.border-brand-medium.width-5-dark-70 {
    border: 5px solid #24313b
}

.border-brand-medium.width-5-light-70 {
    border: 5px solid #fff
}

.border-brand-medium.width-5-dark-80 {
    border: 5px solid #11171b
}

.border-brand-medium.width-5-light-80 {
    border: 5px solid #fff
}

.border-brand-medium.width-5-dark-90 {
    border: 5px solid #000
}

.border-brand-medium.width-5-light-90 {
    border: 5px solid #fff
}

.border-brand-medium.width-5-dark-100 {
    border: 5px solid #000
}

.border-brand-medium.width-5-light-100 {
    border: 5px solid #fff
}

.border-brand-dark.width-1-dark-0, .border-brand-dark.width-1-light-0 {
    border: 1px solid #758088
}

.border-brand-dark.width-1-dark-10 {
    border: 1px solid #5d666d
}

.border-brand-dark.width-1-light-10 {
    border: 1px solid #9099a0
}

.border-brand-dark.width-1-dark-20 {
    border: 1px solid #464c51
}

.border-brand-dark.width-1-light-20 {
    border: 1px solid #acb2b7
}

.border-brand-dark.width-1-dark-30 {
    border: 1px solid #2e3336
}

.border-brand-dark.width-1-light-30 {
    border: 1px solid #c7cccf
}

.border-brand-dark.width-1-dark-40 {
    border: 1px solid #17191a
}

.border-brand-dark.width-1-light-40 {
    border: 1px solid #e3e5e6
}

.border-brand-dark.width-1-dark-50 {
    border: 1px solid #000
}

.border-brand-dark.width-1-light-50 {
    border: 1px solid #fefefe
}

.border-brand-dark.width-1-dark-60 {
    border: 1px solid #000
}

.border-brand-dark.width-1-light-60 {
    border: 1px solid #fff
}

.border-brand-dark.width-1-dark-70 {
    border: 1px solid #000
}

.border-brand-dark.width-1-light-70 {
    border: 1px solid #fff
}

.border-brand-dark.width-1-dark-80 {
    border: 1px solid #000
}

.border-brand-dark.width-1-light-80 {
    border: 1px solid #fff
}

.border-brand-dark.width-1-dark-90 {
    border: 1px solid #000
}

.border-brand-dark.width-1-light-90 {
    border: 1px solid #fff
}

.border-brand-dark.width-1-dark-100 {
    border: 1px solid #000
}

.border-brand-dark.width-1-light-100 {
    border: 1px solid #fff
}

.border-brand-dark.width-2-dark-0, .border-brand-dark.width-2-light-0 {
    border: 2px solid #758088
}

.border-brand-dark.width-2-dark-10 {
    border: 2px solid #5d666d
}

.border-brand-dark.width-2-light-10 {
    border: 2px solid #9099a0
}

.border-brand-dark.width-2-dark-20 {
    border: 2px solid #464c51
}

.border-brand-dark.width-2-light-20 {
    border: 2px solid #acb2b7
}

.border-brand-dark.width-2-dark-30 {
    border: 2px solid #2e3336
}

.border-brand-dark.width-2-light-30 {
    border: 2px solid #c7cccf
}

.border-brand-dark.width-2-dark-40 {
    border: 2px solid #17191a
}

.border-brand-dark.width-2-light-40 {
    border: 2px solid #e3e5e6
}

.border-brand-dark.width-2-dark-50 {
    border: 2px solid #000
}

.border-brand-dark.width-2-light-50 {
    border: 2px solid #fefefe
}

.border-brand-dark.width-2-dark-60 {
    border: 2px solid #000
}

.border-brand-dark.width-2-light-60 {
    border: 2px solid #fff
}

.border-brand-dark.width-2-dark-70 {
    border: 2px solid #000
}

.border-brand-dark.width-2-light-70 {
    border: 2px solid #fff
}

.border-brand-dark.width-2-dark-80 {
    border: 2px solid #000
}

.border-brand-dark.width-2-light-80 {
    border: 2px solid #fff
}

.border-brand-dark.width-2-dark-90 {
    border: 2px solid #000
}

.border-brand-dark.width-2-light-90 {
    border: 2px solid #fff
}

.border-brand-dark.width-2-dark-100 {
    border: 2px solid #000
}

.border-brand-dark.width-2-light-100 {
    border: 2px solid #fff
}

.border-brand-dark.width-3-dark-0, .border-brand-dark.width-3-light-0 {
    border: 3px solid #758088
}

.border-brand-dark.width-3-dark-10 {
    border: 3px solid #5d666d
}

.border-brand-dark.width-3-light-10 {
    border: 3px solid #9099a0
}

.border-brand-dark.width-3-dark-20 {
    border: 3px solid #464c51
}

.border-brand-dark.width-3-light-20 {
    border: 3px solid #acb2b7
}

.border-brand-dark.width-3-dark-30 {
    border: 3px solid #2e3336
}

.border-brand-dark.width-3-light-30 {
    border: 3px solid #c7cccf
}

.border-brand-dark.width-3-dark-40 {
    border: 3px solid #17191a
}

.border-brand-dark.width-3-light-40 {
    border: 3px solid #e3e5e6
}

.border-brand-dark.width-3-dark-50 {
    border: 3px solid #000
}

.border-brand-dark.width-3-light-50 {
    border: 3px solid #fefefe
}

.border-brand-dark.width-3-dark-60 {
    border: 3px solid #000
}

.border-brand-dark.width-3-light-60 {
    border: 3px solid #fff
}

.border-brand-dark.width-3-dark-70 {
    border: 3px solid #000
}

.border-brand-dark.width-3-light-70 {
    border: 3px solid #fff
}

.border-brand-dark.width-3-dark-80 {
    border: 3px solid #000
}

.border-brand-dark.width-3-light-80 {
    border: 3px solid #fff
}

.border-brand-dark.width-3-dark-90 {
    border: 3px solid #000
}

.border-brand-dark.width-3-light-90 {
    border: 3px solid #fff
}

.border-brand-dark.width-3-dark-100 {
    border: 3px solid #000
}

.border-brand-dark.width-3-light-100 {
    border: 3px solid #fff
}

.border-brand-dark.width-4-dark-0, .border-brand-dark.width-4-light-0 {
    border: 4px solid #758088
}

.border-brand-dark.width-4-dark-10 {
    border: 4px solid #5d666d
}

.border-brand-dark.width-4-light-10 {
    border: 4px solid #9099a0
}

.border-brand-dark.width-4-dark-20 {
    border: 4px solid #464c51
}

.border-brand-dark.width-4-light-20 {
    border: 4px solid #acb2b7
}

.border-brand-dark.width-4-dark-30 {
    border: 4px solid #2e3336
}

.border-brand-dark.width-4-light-30 {
    border: 4px solid #c7cccf
}

.border-brand-dark.width-4-dark-40 {
    border: 4px solid #17191a
}

.border-brand-dark.width-4-light-40 {
    border: 4px solid #e3e5e6
}

.border-brand-dark.width-4-dark-50 {
    border: 4px solid #000
}

.border-brand-dark.width-4-light-50 {
    border: 4px solid #fefefe
}

.border-brand-dark.width-4-dark-60 {
    border: 4px solid #000
}

.border-brand-dark.width-4-light-60 {
    border: 4px solid #fff
}

.border-brand-dark.width-4-dark-70 {
    border: 4px solid #000
}

.border-brand-dark.width-4-light-70 {
    border: 4px solid #fff
}

.border-brand-dark.width-4-dark-80 {
    border: 4px solid #000
}

.border-brand-dark.width-4-light-80 {
    border: 4px solid #fff
}

.border-brand-dark.width-4-dark-90 {
    border: 4px solid #000
}

.border-brand-dark.width-4-light-90 {
    border: 4px solid #fff
}

.border-brand-dark.width-4-dark-100 {
    border: 4px solid #000
}

.border-brand-dark.width-4-light-100 {
    border: 4px solid #fff
}

.border-brand-dark.width-5-dark-0, .border-brand-dark.width-5-light-0 {
    border: 5px solid #758088
}

.border-brand-dark.width-5-dark-10 {
    border: 5px solid #5d666d
}

.border-brand-dark.width-5-light-10 {
    border: 5px solid #9099a0
}

.border-brand-dark.width-5-dark-20 {
    border: 5px solid #464c51
}

.border-brand-dark.width-5-light-20 {
    border: 5px solid #acb2b7
}

.border-brand-dark.width-5-dark-30 {
    border: 5px solid #2e3336
}

.border-brand-dark.width-5-light-30 {
    border: 5px solid #c7cccf
}

.border-brand-dark.width-5-dark-40 {
    border: 5px solid #17191a
}

.border-brand-dark.width-5-light-40 {
    border: 5px solid #e3e5e6
}

.border-brand-dark.width-5-dark-50 {
    border: 5px solid #000
}

.border-brand-dark.width-5-light-50 {
    border: 5px solid #fefefe
}

.border-brand-dark.width-5-dark-60 {
    border: 5px solid #000
}

.border-brand-dark.width-5-light-60 {
    border: 5px solid #fff
}

.border-brand-dark.width-5-dark-70 {
    border: 5px solid #000
}

.border-brand-dark.width-5-light-70 {
    border: 5px solid #fff
}

.border-brand-dark.width-5-dark-80 {
    border: 5px solid #000
}

.border-brand-dark.width-5-light-80 {
    border: 5px solid #fff
}

.border-brand-dark.width-5-dark-90 {
    border: 5px solid #000
}

.border-brand-dark.width-5-light-90 {
    border: 5px solid #fff
}

.border-brand-dark.width-5-dark-100 {
    border: 5px solid #000
}

.border-brand-dark.width-5-light-100 {
    border: 5px solid #fff
}

.hide {
    display: none;
}
